Startsida Utforska Hjälp
Registrera dig Logga in
EHR
/
app-big-data
forkad från lulihong0928/bigScreenShow
Bevaka 3
Stjärnmärk 0
Fork 1
Filer
Träd: 8d6b4e3dce
Grenar Taggar
app-big-data
/
page
/
bigDataOut
/
css
/
css
/
ligerui-tab.css

ligerui-tab.css 5.9 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 
  1. 
    2. 

  2. /* -----------------------
    3. 

  3.    * tab *
    4. 

  4. * ----------------------- */
    5. 

  5. 

  6. .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;}
    7. 

  7. 

  8. .l-tab-links{position:relative; height:26px; background:#F0F5F6; width:100%; overflow:hidden;
    9. 

  9. background:url('../images/layout/tabs-bg.gif') repeat-x; border-bottom:1px solid #BED5F3;}
    10. 

  10. .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;}
    11. 

  11. .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;}
    12. 

  12. .l-tab-links-left-over{ background-position:-17px 0px;}
    13. 

  13. .l-tab-links-right-over{ background-position:-68px 0px;}
    14. 

  14. .l-tab-links-left-invalid{ background-position:-34px 0px;}
    15. 

  15. .l-tab-links-right-invalid{ background-position:-85px 0px;}
    16. 

  16. 

  17. 

  18. 

  19. 

  20. .l-tab-switch { position:absolute; 
    21. 

  21.                 top:1px; right:0;width:17px; 
    22. 

  22.                 height:23px; overflow:hidden;background:url(../images/layout/tabs-tools.gif) -102px 0px;z-index:13; cursor:pointer; display:none; }
    23. 

  23. .l-tab-itemswitch
    24. 

  24. { 
    25. 

  25.     width: 26px;border-top-right-radius: 3px;background: #fff; position:relative;
    26. 

  26. }
    27. 

  27. .l-tab-links .l-tab-itemswitch a
    28. 

  28. {
    29. 

  29.     width:7px;height:4px; line-height:4px;background:url(../images/layout/tabs-tools.gif) 0px -30px; position:absolute;
    30. 

  30.     left : 50%;top:50%;margin-left:-4px; margin-top:-2px;
    31. 

  31. }
    32. 

  32. .l-tab-switchable .l-tab-links-right
    33. 

  33. {
    34. 

  34.     right:18px;
    35. 

  35. }
    36. 

  36. .l-tab-switchable .l-tab-switch
    37. 

  37. {
    38. 

  38.     display:block;
    39. 

  39. }
    40. 

  40. .l-tab-windowsswitch
    41. 

  41. {
    42. 

  42.     border:1px solid #BED5F3; padding:1px; background:#ffffff;position: absolute;
    43. 

  43.     z-index: 9900;
    44. 

  44. }
    45. 

  45. .l-tab-windowsswitch .theline {
    46. 

  46.     height:1px;line-height:1px;margin-top:5px; margin-bottom:5px;border:none;
    47. 

  47.     border-bottom:1px dashed #DCDCDC;
    48. 

  48. }
    49. 

  49. .l-tab-windowsswitch .closeall {
    50. 

  50.     background:url(../images/layout/closeall.gif);height:16px; line-height:16px;width:16px;
    51. 

  51. }
    52. 

  52.     .l-tab-windowsswitch a
    53. 

  53.     {
    54. 

  54.         display:block; text-decoration:none; height:24px; line-height:24px; border:1px solid #fff; color:#333; padding:0 5px;
    55. 

  55.         width:130px; overflow:hidden;margin:1px;
    56. 

  56.     }
    57. 

  57.     .l-tab-windowsswitch a:hover
    58. 

  58.     {
    59. 

  59.         border:1px solid #d3d3d3;
    60. 

  60.         background:#f9f9f9;
    61. 

  61.     }
    62. 

  62.     .l-tab-windowsswitch a.selected
    63. 

  63.     {
    64. 

  64.         border:1px solid #B9D2F2;
    65. 

  65.         background:#CADDF5;
    66. 

  66.     }
    67. 

  67.     
    68. 

  68. .l-tab-links ul{ list-style:none; margin:0; padding:0; width:9999px; height:26px; overflow:hidden; position:absolute; top:0; left:0;}
    69. 

  69. .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; }
    70. 

  70. .l-tab-links li.l-selected{background:url(../images/layout/tabs-item-over-bg.gif);}
    71. 

  71. .l-tab-links li a{ display:block; margin-left:6px; margin-right:37px; text-decoration:none; color:#333;}
    72. 

  72. .l-tab-links-item-left{ position:absolute;top:0; left:0;width:2px; height:26px; background:url(../images/layout/tabs-item-left-bg.gif)}
    73. 

  73. .l-tab-links-item-right{position:absolute;top:0; right:0;width:2px; height:26px;background:url(../images/layout/tabs-item-right-bg.gif)}
    74. 

  74. 

  75. .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;}
    76. 

  76. .l-tab-links-item-close-over{background:url(../images/icon/icon-close-over.gif);}
    77. 

  77. 

  78. .l-tab-content{ margin:0 auto; padding:0; border:none; width:100%;}
    79. 

  79. .l-tab-content-item{ width:100%; height:100%; overflow:hidden; position:relative;}
    80. 

  80. .l-tab-content-item iframe{width:100%; height:100%; border:none;}
    81. 

  81. 

  82. 

  83. .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;  }
    84. 

  84. .l-tab-drag-proxy .l-drop-icon{position: absolute; top:5px; left:4px;width:16px; height:16px; }
    85. 

  85. .l-drop-no{background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px; width:16px; height:16px; overflow:hidden;}
    86. 

  86. .l-drop-yes{background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px;  width:16px; height:16px; overflow:hidden;}
    87. 

  87. 

  88. .l-tab-drag-droptip
    89. 

  89. {
    90. 

  90.     width:9px; position:absolute; top:30px; left:30px; height:44px; z-index:1000;
    91. 

  91. }
    92. 

  92. .l-tab-drag-droptip .l-drop-move-up{ position:absolute; top:0px;}
    93. 

  93. .l-tab-drag-droptip .l-drop-move-down{ position:absolute; bottom:0px;}
    94. 

  94. 

  95. .l-drop-move-up{background:transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px; width:9px; height:9px; overflow:hidden;}
    96. 

  96. .l-drop-move-down{background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px; width:9px; height:9px; overflow:hidden;}
    97. 

  97. /* -----------------------
    98. 

  98.    * easytab *
    99. 

  99. * ----------------------- */
    100. 

  100. .l-easytab{ padding:0px; position:relative;} 
    101. 

  101. .l-easytab .l-easytab-header{margin:0; padding:0; list-style:none;position:absolute; top:0px; left:0px; z-index:101;}
    102. 

  102. .l-easytab .l-easytab-header { padding-left:3px;}
    103. 

  103. .l-easytab .l-easytab-header li{ float:left; margin-left:2px;}
    104. 

  104. .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;}
    105. 

  105. .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;}
    106. 

  106. .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; }
    107. 

  107. .l-easytab .l-easytab-panelbox{ border:1px solid #AECAF0; clear:left; position:absolute;top:23px; padding:4px;z-index:100;}
    108.