layout.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
  1. /*
  2. This file is part of Ext JS 3.4
  3. Copyright (c) 2011-2013 Sencha Inc
  4. Contact: http://www.sencha.com/contact
  5. GNU General Public License Usage
  6. This file may be used under the terms of the GNU General Public License version 3.0 as
  7. published by the Free Software Foundation and appearing in the file LICENSE included in the
  8. packaging of this file.
  9. Please review the following information to ensure the GNU General Public License version 3.0
  10. requirements will be met: http://www.gnu.org/copyleft/gpl.html.
  11. If you are unsure which license is appropriate for your use, please contact the sales department
  12. at http://www.sencha.com/contact.
  13. Build date: 2013-04-03 15:07:25
  14. */
  15. .x-border-layout-ct {
  16. position: relative;
  17. }
  18. .x-border-panel {
  19. position:absolute;
  20. left:0;
  21. top:0;
  22. }
  23. .x-tool-collapse-south {
  24. background-position:0 -195px;
  25. }
  26. .x-tool-collapse-south-over {
  27. background-position:-15px -195px;
  28. }
  29. .x-tool-collapse-north {
  30. background-position:0 -210px;
  31. }
  32. .x-tool-collapse-north-over {
  33. background-position:-15px -210px;
  34. }
  35. .x-tool-collapse-west {
  36. background-position:0 -180px;
  37. }
  38. .x-tool-collapse-west-over {
  39. background-position:-15px -180px;
  40. }
  41. .x-tool-collapse-east {
  42. background-position:0 -165px;
  43. }
  44. .x-tool-collapse-east-over {
  45. background-position:-15px -165px;
  46. }
  47. .x-tool-expand-south {
  48. background-position:0 -210px;
  49. }
  50. .x-tool-expand-south-over {
  51. background-position:-15px -210px;
  52. }
  53. .x-tool-expand-north {
  54. background-position:0 -195px;
  55. }
  56. .x-tool-expand-north-over {
  57. background-position:-15px -195px;
  58. }
  59. .x-tool-expand-west {
  60. background-position:0 -165px;
  61. }
  62. .x-tool-expand-west-over {
  63. background-position:-15px -165px;
  64. }
  65. .x-tool-expand-east {
  66. background-position:0 -180px;
  67. }
  68. .x-tool-expand-east-over {
  69. background-position:-15px -180px;
  70. }
  71. .x-tool-expand-north, .x-tool-expand-south {
  72. float:right;
  73. margin:3px;
  74. }
  75. .x-tool-expand-east, .x-tool-expand-west {
  76. float:none;
  77. margin:3px 2px;
  78. }
  79. .x-accordion-hd .x-tool-toggle {
  80. background-position:0 -255px;
  81. }
  82. .x-accordion-hd .x-tool-toggle-over {
  83. background-position:-15px -255px;
  84. }
  85. .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
  86. background-position:0 -240px;
  87. }
  88. .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
  89. background-position:-15px -240px;
  90. }
  91. .x-accordion-hd {
  92. padding-top:4px;
  93. padding-bottom:3px;
  94. border-top:0 none;
  95. background: transparent repeat-x 0 -9px;
  96. }
  97. .x-layout-collapsed{
  98. position:absolute;
  99. left:-10000px;
  100. top:-10000px;
  101. visibility:hidden;
  102. width:20px;
  103. height:20px;
  104. overflow:hidden;
  105. border:1px solid;
  106. z-index:20;
  107. }
  108. .ext-border-box .x-layout-collapsed{
  109. width:22px;
  110. height:22px;
  111. }
  112. .x-layout-collapsed-over{
  113. cursor:pointer;
  114. }
  115. .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
  116. position:absolute;
  117. top:0;
  118. left:0;
  119. width:20px;
  120. height:20px;
  121. }
  122. .x-layout-split{
  123. position:absolute;
  124. height:5px;
  125. width:5px;
  126. line-height:1px;
  127. font-size:1px;
  128. z-index:3;
  129. background-color:transparent;
  130. }
  131. /* IE6 strict won't drag w/out a color */
  132. .ext-strict .ext-ie6 .x-layout-split{
  133. background-color: #fff !important;
  134. filter: alpha(opacity=1);
  135. }
  136. .x-layout-split-h{
  137. background-image:url(../images/default/s.gif);
  138. background-position: left;
  139. }
  140. .x-layout-split-v{
  141. background-image:url(../images/default/s.gif);
  142. background-position: top;
  143. }
  144. .x-column-layout-ct {
  145. overflow:hidden;
  146. zoom:1;
  147. }
  148. .x-column {
  149. float:left;
  150. padding:0;
  151. margin:0;
  152. overflow:hidden;
  153. zoom:1;
  154. }
  155. .x-column-inner {
  156. overflow:hidden;
  157. zoom:1;
  158. }
  159. /* mini mode */
  160. .x-layout-mini {
  161. position:absolute;
  162. top:0;
  163. left:0;
  164. display:block;
  165. width:5px;
  166. height:35px;
  167. cursor:pointer;
  168. opacity:.5;
  169. -moz-opacity:.5;
  170. filter:alpha(opacity=50);
  171. }
  172. .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
  173. opacity:1;
  174. -moz-opacity:1;
  175. filter:none;
  176. }
  177. .x-layout-split-west .x-layout-mini {
  178. top:48%;
  179. }
  180. .x-layout-split-east .x-layout-mini {
  181. top:48%;
  182. }
  183. .x-layout-split-north .x-layout-mini {
  184. left:48%;
  185. height:5px;
  186. width:35px;
  187. }
  188. .x-layout-split-south .x-layout-mini {
  189. left:48%;
  190. height:5px;
  191. width:35px;
  192. }
  193. .x-layout-cmini-west .x-layout-mini {
  194. top:48%;
  195. }
  196. .x-layout-cmini-east .x-layout-mini {
  197. top:48%;
  198. }
  199. .x-layout-cmini-north .x-layout-mini {
  200. left:48%;
  201. height:5px;
  202. width:35px;
  203. }
  204. .x-layout-cmini-south .x-layout-mini {
  205. left:48%;
  206. height:5px;
  207. width:35px;
  208. }
  209. .x-layout-cmini-west, .x-layout-cmini-east {
  210. border:0 none;
  211. width:5px !important;
  212. padding:0;
  213. background-color:transparent;
  214. }
  215. .x-layout-cmini-north, .x-layout-cmini-south {
  216. border:0 none;
  217. height:5px !important;
  218. padding:0;
  219. background-color:transparent;
  220. }
  221. .x-viewport, .x-viewport body {
  222. margin: 0;
  223. padding: 0;
  224. border: 0 none;
  225. overflow: hidden;
  226. height: 100%;
  227. }
  228. .x-abs-layout-item {
  229. position:absolute;
  230. left:0;
  231. top:0;
  232. }
  233. .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
  234. margin:0;
  235. }
  236. .x-box-layout-ct {
  237. overflow:hidden;
  238. zoom:1;
  239. }
  240. .x-box-inner {
  241. overflow:hidden;
  242. zoom:1;
  243. position:relative;
  244. left:0;
  245. top:0;
  246. }
  247. .x-box-item {
  248. position:absolute;
  249. left:0;
  250. top:0;
  251. }