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