/source/Plug-in/ext/resources/css/layout.css

  1/*
  2 * Ext JS Library 2.2
  3 * Copyright(c) 2006-2008, Ext JS, LLC.
  4 * licensing@extjs.com
  5 * 
  6 * http://extjs.com/license
  7 */
  8
  9.x-border-layout-ct {
 10    background:#dfe8f6;
 11}
 12.x-border-panel {
 13    position:absolute;
 14    left:0;
 15    top:0;
 16}
 17
 18.x-tool-collapse-south {
 19    background-position:0 -195px;
 20}
 21.x-tool-collapse-south-over {
 22    background-position:-15px -195px;
 23}
 24
 25.x-tool-collapse-north {
 26    background-position:0 -210px;
 27}
 28.x-tool-collapse-north-over {
 29    background-position:-15px -210px;
 30}
 31
 32.x-tool-collapse-west {
 33    background-position:0 -180px;
 34}
 35.x-tool-collapse-west-over {
 36    background-position:-15px -180px;
 37}
 38
 39.x-tool-collapse-east {
 40    background-position:0 -165px;
 41}
 42.x-tool-collapse-east-over {
 43    background-position:-15px -165px;
 44}
 45
 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
 54.x-tool-expand-north {
 55    background-position:0 -195px;
 56}
 57.x-tool-expand-north-over {
 58    background-position:-15px -195px;
 59}
 60
 61.x-tool-expand-west {
 62    background-position:0 -165px;
 63}
 64.x-tool-expand-west-over {
 65    background-position:-15px -165px;
 66}
 67
 68.x-tool-expand-east {
 69    background-position:0 -180px;
 70}
 71.x-tool-expand-east-over {
 72    background-position:-15px -180px;
 73}
 74
 75.x-tool-expand-north, .x-tool-expand-south {
 76    float:right;
 77    margin:3px;
 78}
 79.x-tool-expand-east, .x-tool-expand-west {
 80    float:none;
 81    margin:3px auto;
 82}
 83
 84
 85
 86.x-accordion-hd .x-tool-toggle {
 87    background-position:0 -255px;
 88}
 89.x-accordion-hd .x-tool-toggle-over {
 90    background-position:-15px -255px;
 91}
 92.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
 93    background-position:0 -240px;
 94}
 95.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
 96    background-position:-15px -240px;
 97}
 98
 99.x-accordion-hd {
100	color:#222;
101	padding-top:4px;
102	padding-bottom:3px;
103	border-top:0 none;
104    font-weight:normal;
105    background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;
106}
107
108.x-layout-collapsed{
109    position:absolute;
110    left:-10000px;
111    top:-10000px;
112    visibility:hidden;
113    background-color:#d2e0f2;
114    width:20px;
115    height:20px;
116    overflow:hidden;
117	border:1px solid #98c0f4;
118	z-index:20;
119}
120.ext-border-box .x-layout-collapsed{
121    width:22px;
122    height:22px;
123}
124.x-layout-collapsed-over{
125    cursor:pointer;
126	 background-color:#d9e8fb;
127}
128.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
129	position:absolute;
130    top:0;
131    left:0;
132    width:20px;
133    height:20px;
134}
135
136
137.x-layout-split{
138    position:absolute;
139    height:5px;
140    width:5px;
141    line-height:1px;
142    font-size:1px;
143    z-index:3;
144    background-color:transparent;
145}
146
147/* IE6 strict won't drag w/out a color */
148.ext-strict .ext-ie6 .x-layout-split{
149    background-color: #fff !important;
150    filter: alpha(opacity=1);
151}
152        
153.x-layout-split-h{
154    background-image:url(../images/default/s.gif);
155    background-position: left;
156}
157.x-layout-split-v{
158    background-image:url(../images/default/s.gif);
159    background-position: top;
160}
161
162.x-column-layout-ct {
163    overflow:hidden;
164    /*padding:3px 3px 3px 3px;*/
165    zoom:1;
166}
167
168.x-column {
169    float:left;
170    padding:0;
171    margin:0;
172    overflow:hidden;
173    zoom:1;
174    /*margin:3px;*/
175}
176
177/* mini mode */
178
179.x-layout-mini {
180    position:absolute;
181    top:0;
182    left:0;
183    display:block;
184    width:5px;
185    height:35px;
186    cursor:pointer;
187    opacity:.5;
188    -moz-opacity:.5;
189    filter:alpha(opacity=50);
190}
191.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
192    opacity:1;
193    -moz-opacity:1;
194    filter:none;
195}
196
197.x-layout-split-west .x-layout-mini {
198    top:48%;
199    background-image:url(../images/default/layout/mini-left.gif);
200}
201.x-layout-split-east .x-layout-mini {
202    top:48%;
203    background-image:url(../images/default/layout/mini-right.gif);
204}
205.x-layout-split-north .x-layout-mini {
206    left:48%;
207    height:5px;
208    width:35px;
209    background-image:url(../images/default/layout/mini-top.gif);
210}
211.x-layout-split-south .x-layout-mini {
212    left:48%;
213    height:5px;
214    width:35px;
215    background-image:url(../images/default/layout/mini-bottom.gif);
216}
217
218
219.x-layout-cmini-west .x-layout-mini {
220    top:48%;
221    background-image:url(../images/default/layout/mini-right.gif);
222}
223
224.x-layout-cmini-east .x-layout-mini {
225    top:48%;
226    background-image:url(../images/default/layout/mini-left.gif);
227}
228
229.x-layout-cmini-north .x-layout-mini {
230    left:48%;
231    height:5px;
232    width:35px;
233    background-image:url(../images/default/layout/mini-bottom.gif);
234}
235
236.x-layout-cmini-south .x-layout-mini {
237    left:48%;
238    height:5px;
239    width:35px;
240    background-image:url(../images/default/layout/mini-top.gif);
241}
242
243.x-layout-cmini-west, .x-layout-cmini-east {
244    border:0 none;
245    width:5px !important;
246    padding:0;
247    background:transparent;
248}
249
250.x-layout-cmini-north, .x-layout-cmini-south {
251    border:0 none;
252    height:5px !important;
253    padding:0;
254    background:transparent;
255}
256
257.x-viewport, .x-viewport body {
258    margin: 0;
259    padding: 0;
260    border: 0 none;
261    overflow: hidden;
262    height: 100%;
263}
264
265.x-abs-layout-item {
266    position:absolute;
267    left:0;
268    top:0;
269}
270
271.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
272    margin:0;
273}