ligerui-tab.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. 
  2. /* -----------------------
  3. * tab *
  4. * ----------------------- */
  5. .l-tab-loading{ position: absolute;z-index: 91000; top:0; left:0;background:white url('../images/common/bigloading.gif') no-repeat center 40%; width:100%; height:100%;_height:800px;display:none;}
  6. .l-tab-links{position:relative; height:26px; background:#F0F5F6; width:100%; overflow:hidden;
  7. background:url('../images/layout/tabs-bg.gif') repeat-x; border-bottom:1px solid #BED5F3;}
  8. .l-tab-links-left{position:absolute; top:1px; left:0; width:17px; height:23px; overflow:hidden; background:url(../images/layout/tabs-tools.gif) 0px 0px; z-index:13; cursor:pointer;}
  9. .l-tab-links-right{ position:absolute; top:1px; right:0;width:17px; height:23px; overflow:hidden;background:url(../images/layout/tabs-tools.gif) -51px 0px;z-index:13; cursor:pointer;}
  10. .l-tab-links-left-over{ background-position:-17px 0px;}
  11. .l-tab-links-right-over{ background-position:-68px 0px;}
  12. .l-tab-links-left-invalid{ background-position:-34px 0px;}
  13. .l-tab-links-right-invalid{ background-position:-85px 0px;}
  14. .l-tab-switch { position:absolute;
  15. top:1px; right:0;width:17px;
  16. height:23px; overflow:hidden;background:url(../images/layout/tabs-tools.gif) -102px 0px;z-index:13; cursor:pointer; display:none; }
  17. .l-tab-itemswitch
  18. {
  19. width: 26px;border-top-right-radius: 3px;background: #fff; position:relative;
  20. }
  21. .l-tab-links .l-tab-itemswitch a
  22. {
  23. width:7px;height:4px; line-height:4px;background:url(../images/layout/tabs-tools.gif) 0px -30px; position:absolute;
  24. left : 50%;top:50%;margin-left:-4px; margin-top:-2px;
  25. }
  26. .l-tab-switchable .l-tab-links-right
  27. {
  28. right:18px;
  29. }
  30. .l-tab-switchable .l-tab-switch
  31. {
  32. display:block;
  33. }
  34. .l-tab-windowsswitch
  35. {
  36. border:1px solid #BED5F3; padding:1px; background:#ffffff;position: absolute;
  37. z-index: 9900;
  38. }
  39. .l-tab-windowsswitch .theline {
  40. height:1px;line-height:1px;margin-top:5px; margin-bottom:5px;border:none;
  41. border-bottom:1px dashed #DCDCDC;
  42. }
  43. .l-tab-windowsswitch .closeall {
  44. background:url(../images/layout/closeall.gif);height:16px; line-height:16px;width:16px;
  45. }
  46. .l-tab-windowsswitch a
  47. {
  48. display:block; text-decoration:none; height:24px; line-height:24px; border:1px solid #fff; color:#333; padding:0 5px;
  49. width:130px; overflow:hidden;margin:1px;
  50. }
  51. .l-tab-windowsswitch a:hover
  52. {
  53. border:1px solid #d3d3d3;
  54. background:#f9f9f9;
  55. }
  56. .l-tab-windowsswitch a.selected
  57. {
  58. border:1px solid #B9D2F2;
  59. background:#CADDF5;
  60. }
  61. .l-tab-links ul{ list-style:none; margin:0; padding:0; width:9999px; height:26px; overflow:hidden; position:absolute; top:0; left:0;}
  62. .l-tab-links li{ float:left; margin:0; padding:0; margin-left:2px; height: 26px; line-height:26px; cursor:pointer;background:url(../images/layout/tabs-item-bg.gif); position:relative; overflow:hidden; border:none; }
  63. .l-tab-links li.l-selected{background:url(../images/layout/tabs-item-over-bg.gif);}
  64. .l-tab-links li a{ display:block; margin-left:6px; margin-right:37px; text-decoration:none; color:#333;}
  65. .l-tab-links-item-left{ position:absolute;top:0; left:0;width:2px; height:26px; background:url(../images/layout/tabs-item-left-bg.gif)}
  66. .l-tab-links-item-right{position:absolute;top:0; right:0;width:2px; height:26px;background:url(../images/layout/tabs-item-right-bg.gif)}
  67. .l-tab-links-item-close{ width:11px; height:11px; overflow:hidden; position:absolute; top:4px; right:2px; z-index:12;background:url(../images/icon/icon-close.gif); cursor:pointer;}
  68. .l-tab-links-item-close-over{background:url(../images/icon/icon-close-over.gif);}
  69. .l-tab-content{ margin:0 auto; padding:0; border:none; width:100%;}
  70. .l-tab-content-item{ width:100%; height:100%; overflow:hidden; position:relative;}
  71. .l-tab-content-item iframe{width:100%; height:100%; border:none;}
  72. .l-tab-drag-proxy { border: 1px solid #BDD1EE;position: absolute;z-index: 1001;height:25px; line-height:25px; padding-left:19px; padding-right:4px; background:white; }
  73. .l-tab-drag-proxy .l-drop-icon{position: absolute; top:5px; left:4px;width:16px; height:16px; }
  74. .l-drop-no{background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px; width:16px; height:16px; overflow:hidden;}
  75. .l-drop-yes{background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px; width:16px; height:16px; overflow:hidden;}
  76. .l-tab-drag-droptip
  77. {
  78. width:9px; position:absolute; top:30px; left:30px; height:44px; z-index:1000;
  79. }
  80. .l-tab-drag-droptip .l-drop-move-up{ position:absolute; top:0px;}
  81. .l-tab-drag-droptip .l-drop-move-down{ position:absolute; bottom:0px;}
  82. .l-drop-move-up{background:transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px; width:9px; height:9px; overflow:hidden;}
  83. .l-drop-move-down{background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px; width:9px; height:9px; overflow:hidden;}
  84. /* -----------------------
  85. * easytab *
  86. * ----------------------- */
  87. .l-easytab{ padding:0px; position:relative;}
  88. .l-easytab .l-easytab-header{margin:0; padding:0; list-style:none;position:absolute; top:0px; left:0px; z-index:101;}
  89. .l-easytab .l-easytab-header { padding-left:3px;}
  90. .l-easytab .l-easytab-header li{ float:left; margin-left:2px;}
  91. .l-easytab .l-easytab-header li span{ display:block; line-height:22px; height:22px; padding-left:8px; padding-right:8px; background:url('../images/controls/bg-tab-title.gif') repeat-x; color:#333; text-decoration:none;border:1px solid #AECAF0; color:#283B56; border-bottom:none;}
  92. .l-easytab .l-easytab-header li span.l-over{background:url('../images/controls/bg-tab-title-over.gif') repeat-x;border:1px solid #DAB364; cursor:pointer;border-bottom:none;}
  93. .l-easytab .l-easytab-header li span.l-selected{ background:none; background:white; border-top:3px solid #FFBD69;height:20px;color:#355686; border-left:1px solid #DAB364;border-right:1px solid #DAB364;border-bottom:1px solid white;border-bottom:none; }
  94. .l-easytab .l-easytab-panelbox{ border:1px solid #AECAF0; clear:left; position:absolute;top:23px; padding:4px;z-index:100;}