Inicio Explorar Axuda
Rexistro Iniciar sesión
luofaqiang
/
app-big-data
Fork de EHR/app-big-data
Seguir 1
Destacar 0
Fork 0
Ficheiros
Árbore: 8d6b4e3dce
Ramas Etiquetas
app-big-data
/
page
/
bigDataOut
/
css
/
css
/
ligerui-layout.css

ligerui-layout.css 7.3 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 
  1. 
    2. 

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

  3.    *   layout  *
    4. 

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

  5. .l-layout{ position:relative;}
    6. 

  6. .l-layout-left,.l-layout-right,.l-layout-center,.l-layout-top,.l-layout-bottom,.l-layout-centerbottom{position:absolute;border:1px solid #BED5F3; background:white; z-index:10; overflow:hidden;} 
    7. 

  7. .l-layout-top{width:100%;}
    8. 

  8. .l-layout-bottom{width:100%}
    9. 

  9. 

  10. .l-layout-left .l-layout-header-toggle{position:absolute; top:3px; right:3px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px 0px; cursor:pointer;}
    11. 

  11. .l-layout-left .l-layout-header-toggle-over{ background-position:-20px -20px;}
    12. 

  12. 

  13. .l-layout-right .l-layout-header-toggle{position:absolute; top:3px; left:3px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px -40px; cursor:pointer;}
    14. 

  14. .l-layout-right .l-layout-header-toggle-over{ background-position:-20px -60px;}
    15. 

  15. 

  16. .l-layout-center .l-layout-header{ cursor:default;}
    17. 

  17. .l-layout-centerbottom .l-layout-header{ cursor:default;}
    18. 

  18. 

  19. .l-layout-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px;  background:#E5EFFE url('../images/layout/layout-header.gif') repeat-x; overflow:hidden; cursor:pointer}
    20. 

  20. .l-layout-header-inner{padding-right:22px;}
    21. 

  21. .l-layout-right .l-layout-header-inner { padding-left:22px; padding-right:auto;}
    22. 

  22. .l-layout-header-over{background:#EFF4FE url('../images/layout/layout-header-over.gif') repeat-x;} 
    23. 

  23. 

  24. .l-layout-collapse-left,.l-layout-collapse-right{ width:24px; background:#EAF2FE;border:1px solid #B8D0D6; position:absolute;top:0px;   display:none; height:100%;z-index:10;}
    25. 

  25. .l-layout-collapse-left-over,.l-layout-collapse-right-over{background:#F5F9FA;}
    26. 

  26. .l-layout-collapse-left-toggle,.l-layout-collapse-right-toggle{position:absolute; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');cursor:pointer;}
    27. 

  27. .l-layout-collapse-left{left:2px;}
    28. 

  28. .l-layout-collapse-left-toggle{top:0px; right:2px; background-position:-20px -40px;}
    29. 

  29. .l-layout-collapse-left-toggle-over{background-position:-20px -60px;} 
    30. 

  30. 

  31. .l-layout-collapse-right{right:2px;}
    32. 

  32. .l-layout-collapse-right-toggle{top:0px; left:2px; background-position:-20px 0px;}
    33. 

  33. .l-layout-collapse-right-toggle-over{background-position:-20px -20px;} 
    34. 

  34. 

  35. 

  36. 

  37. .l-layout-drophandle-left{ position:absolute;width:5px;cursor:col-resize; z-index:10;display:none;}
    38. 

  38. .l-layout-drophandle-right{ position:absolute;width:5px;cursor:col-resize; z-index:10;display:none;}
    39. 

  39. .l-layout-drophandle-top{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none; line-height:1px;overflow:hidden;}
    40. 

  40. .l-layout-drophandle-bottom{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none;line-height:1px;overflow:hidden;}
    41. 

  41. 

  42. .l-layout-drophandle-centerbottom{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none;line-height:1px;overflow:hidden;}
    43. 

  43. 

  44. .l-layout-dragging-xline{ background:#E0E4E2;height:4px;position:absolute;display:none; z-index:9999; padding:0; margin:0;line-height:1px; overflow:hidden;}
    45. 

  45. .l-layout-dragging-yline{ background:#E0E4E2;width:4px;position:absolute;display:none; z-index:9999; padding:0; margin:0;}
    46. 

  46. .l-layout-lock{ position:absolute; width:100%; height:100%; display:none; z-index:9990; margin:0; padding:0;}
    47. 

  47. .l-layout-content{position:relative; background:white; overflow:hidden;}
    48. 

  48. 

  49. .l-layout-drophandle{ position:absolute; top:0px; left:-5px; width:5px;cursor:col-resize; z-index:10;height:100%; display:none;}
    50. 

  50. .l-layout-collapse{ width:24px; background:#EAF2FE;border:1px solid #B8D0D6; position:absolute; top:0px; left:4px; display:none; height:100%;z-index:10;}
    51. 

  51. .l-layout-collapse-over{background:#F5F9FA;}
    52. 

  52. .l-layout-collapse-toggle{position:absolute; top:0px; right:2px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px -40px; cursor:pointer;}
    53. 

  53. .l-layout-collapse-toggle-over{background-position:-20px -60px;} 
    54. 

  54. .l-layout-dragging-line{ background:#E0E4E2;width:4px;position:absolute;top:0px; display:none; z-index:9999; padding:0; margin:0;height:100%;}
    55. 

  55.  
    56. 

  56. .l-layout-xmask {
    57. 

  57.     cursor: col-resize;z-index:9990;
    58. 

  58. }
    59. 

  59. .l-layout-ymask {
    60. 

  60.     cursor: row-resize;z-index:9990;
    61. 

  61. }
    62. 

  62. /* --------------
    63. 

  63.    *   accordion  *
    64. 

  64. * ------------ */
    65. 

  65. .l-accordion-panel{ border-left:1px solid #BED5F3; border-right:1px solid #BED5F3; border-bottom:1px solid #BED5F3; }
    66. 

  66. .l-accordion-toggle{ position:absolute; top:2px; right:4px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');cursor:pointer;}
    67. 

  67. .l-accordion-toggle-close{ background-position:0px 0px;}
    68. 

  68. .l-accordion-toggle-close-over{ background-position:0px -20px;}
    69. 

  69. .l-accordion-toggle-open{ background-position:0px -40px;}
    70. 

  70. .l-accordion-toggle-open-over{ background-position:0px -60px;} 
    71. 

  71. .l-accordion-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px;  background:#E5EFFE url('../images/layout/accordion-header.gif') repeat-x; overflow:hidden; cursor:pointer;}
    72. 

  72. .l-accordion-header-over{background:#EFF4FE url('../images/layout/accordion-header-over.gif') repeat-x;} 
    73. 

  73. .l-accordion-content{position:relative;overflow:auto; background:white url('../images/layout/accordion-content.gif') repeat-x;}
    74. 

  74. 

  75. .l-layout-left .l-accordion-panel{ border-left:none; border-right:none;  }
    76. 

  76. .l-accordion-header i {
    77. 

  77.     display: none;
    78. 

  78. }
    79. 

  79. .l-accordion-header-hasicon {
    80. 

  80.     padding-left:30px;position:relative;    
    81. 

  81. }
    82. 

  82. .l-accordion-header-hasicon i {
    83. 

  83.     display:block;position:absolute;left:5px;top:5px;width:16px;height:16px;margin:0;padding:0;
    84. 

  84. }
    85. 

  85.     .l-accordion-header-hasicon i img {
    86. 

  86.         width:16px;height:16px;
    87. 

  87.     }
    88. 

  88. /* --------------
    89. 

  89.    *   panel  *
    90. 

  90. * ------------ */
    91. 

  91. .l-panel {
    92. 

  92.     border: 1px solid #99BBE8;
    93. 

  93.     position: relative;
    94. 

  94.     text-align: left;
    95. 

  95. }
    96. 

  96. .l-panel-dragging {
    97. 

  97.     z-index:999;
    98. 

  98. } 
    99. 

  99. .l-panel-content {
    100. 

  100.     background: white;
    101. 

  101. }
    102. 

  102. .l-panel-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;}
    103. 

  103. .l-panel-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px;  background:#E5EFFE url('../images/layout/panel-header2.gif') repeat-x; overflow:hidden; }
    104. 

  104. .l-panel-header-toggle{ height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-60px 0px; cursor:pointer; float:right;}
    105. 

  105. .l-panel-header-toggle-hide {background-position:-60px -40px;}
    106. 

  106. .l-panel-header-close{ height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-40px -20px; cursor:pointer; float:right;}
    107. 

  107. .l-panel-header .icons {
    108. 

  108.     width:80px; position:absolute; right:0px;top:0px;
    109. 

  109. }
    110. 

  110. .l-panel-content iframe {
    111. 

  111.     width: 100%;
    112. 

  112.     height: 100%;
    113. 

  113.     overflow: hidden;
    114. 

  114. }
    115. 

  115. 

  116. /* --------------
    117. 

  117.    *   Portal  *
    118. 

  118. * ------------ */
    119. 

  119. .l-portal .l-row-dragging {
    120. 

  120.   
    121. 

  121. }
    122. 

  122. .l-panel-place {
    123. 

  123.     width:100%; height:180px; border:1px dashed #88B0E4; background:white;
    124. 

  124.      margin-bottom:10px; 
    125. 

  125. }
    126. 

  126. .l-column-place {
    127. 

  127.      height:4px;width:100%;  
    128. 

  128. }
    129. 

  129. .l-portal .l-row-dragging .l-column-place {
    130. 

  130.     border:1px dashed #C48AD7;
    131. 

  131. }
    132. 

  132. .l-column-empty .l-column-place {
    133. 

  133.     height:80px;
    134. 

  134. }
    135. 

  135. .l-portal .l-row {
    136. 

  136.     clear:both;margin-bottom:7px;
    137. 

  137. }
    138. 

  138. .l-portal .l-column {
    139. 

  139.     float:left;margin-right:10px;
    140. 

  140. }
    141. 

  141. .l-portal .l-column .l-panel {
    142. 

  142.   margin-bottom:10px; 
    143. 

  143. }
    144.