JavaScriptのみで記述されたブログツール・ソフトウェアです。表示にExt JSを使用します
修訂 | c8f18c01f3aa534fa3831e842746f0822fadd60a (tree) |
---|---|
時間 | 2009-11-22 12:41:28 |
作者 | unknown <SEA@.(no...> |
Commiter | unknown |
fixed : when searchng diary, still not load yet, show error message.
@@ -1,4 +1,4 @@ | ||
1 | 1 | |
2 | -*.doc | |
3 | -.project | |
2 | +*.doc | |
3 | +.project | |
4 | 4 | .tmp* |
\ No newline at end of file |
@@ -1,42 +1,42 @@ | ||
1 | -Ext JS - JavaScript Library | |
2 | -Copyright (c) 2006-2009, Ext JS, LLC | |
3 | -All rights reserved. | |
4 | -licensing@extjs.com | |
5 | - | |
6 | -http://extjs.com/license | |
7 | - | |
8 | -Open Source License | |
9 | ------------------------------------------------------------------------------------------- | |
10 | -Ext is licensed under the terms of the Open Source GPL 3.0 license. | |
11 | - | |
12 | -http://www.gnu.org/licenses/gpl.html | |
13 | - | |
14 | -There are several FLOSS exceptions available for use with this release for | |
15 | -open source applications that are distributed under a license other than the GPL. | |
16 | - | |
17 | -* Open Source License Exception for Applications | |
18 | - | |
19 | - http://extjs.com/products/floss-exception.php | |
20 | - | |
21 | -* Open Source License Exception for Development | |
22 | - | |
23 | - http://extjs.com/products/ux-exception.php | |
24 | - | |
25 | - | |
26 | -Commercial License | |
27 | ------------------------------------------------------------------------------------------- | |
28 | -This is the appropriate option if you are creating proprietary applications and you are | |
29 | -not prepared to distribute and share the source code of your application under the | |
30 | -GPL v3 license. Please visit http://extjs.com/license for more details. | |
31 | - | |
32 | - | |
33 | -OEM / Reseller License | |
34 | ------------------------------------------------------------------------------------------- | |
35 | -For more details, please visit: http://extjs.com/license. | |
36 | - | |
37 | --- | |
38 | - | |
39 | -This library is distributed in the hope that it will be useful, | |
40 | -but WITHOUT ANY WARRANTY; without even the implied warranty of | |
41 | -MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
1 | +Ext JS - JavaScript Library | |
2 | +Copyright (c) 2006-2009, Ext JS, LLC | |
3 | +All rights reserved. | |
4 | +licensing@extjs.com | |
5 | + | |
6 | +http://extjs.com/license | |
7 | + | |
8 | +Open Source License | |
9 | +------------------------------------------------------------------------------------------ | |
10 | +Ext is licensed under the terms of the Open Source GPL 3.0 license. | |
11 | + | |
12 | +http://www.gnu.org/licenses/gpl.html | |
13 | + | |
14 | +There are several FLOSS exceptions available for use with this release for | |
15 | +open source applications that are distributed under a license other than the GPL. | |
16 | + | |
17 | +* Open Source License Exception for Applications | |
18 | + | |
19 | + http://extjs.com/products/floss-exception.php | |
20 | + | |
21 | +* Open Source License Exception for Development | |
22 | + | |
23 | + http://extjs.com/products/ux-exception.php | |
24 | + | |
25 | + | |
26 | +Commercial License | |
27 | +------------------------------------------------------------------------------------------ | |
28 | +This is the appropriate option if you are creating proprietary applications and you are | |
29 | +not prepared to distribute and share the source code of your application under the | |
30 | +GPL v3 license. Please visit http://extjs.com/license for more details. | |
31 | + | |
32 | + | |
33 | +OEM / Reseller License | |
34 | +------------------------------------------------------------------------------------------ | |
35 | +For more details, please visit: http://extjs.com/license. | |
36 | + | |
37 | +-- | |
38 | + | |
39 | +This library is distributed in the hope that it will be useful, | |
40 | +but WITHOUT ANY WARRANTY; without even the implied warranty of | |
41 | +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
42 | 42 | General Public License for more details. |
@@ -1,3 +1,3 @@ | ||
1 | -2006-11-21 jvs: | |
2 | -ext-all.css contains all of the other css files combined and stripped of comments (except themes). | |
3 | - | |
1 | +2006-11-21 jvs: | |
2 | +ext-all.css contains all of the other css files combined and stripped of comments (except themes). | |
3 | + |
@@ -4,469 +4,469 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask { | |
8 | - z-index: 100; | |
9 | - position: absolute; | |
10 | - top:0; | |
11 | - left:0; | |
12 | - -moz-opacity: 0.5; | |
13 | - opacity: .50; | |
14 | - filter: alpha(opacity=50); | |
15 | - width: 100%; | |
16 | - height: 100%; | |
17 | - zoom: 1; | |
18 | -} | |
19 | - | |
20 | -.ext-el-mask-msg { | |
21 | - z-index: 20001; | |
22 | - position: absolute; | |
23 | - top: 0; | |
24 | - left: 0; | |
25 | - border:1px solid; | |
26 | - background:repeat-x 0 -16px; | |
27 | - padding:2px; | |
28 | -} | |
29 | - | |
30 | -.ext-el-mask-msg div { | |
31 | - padding:5px 10px 5px 10px; | |
32 | - border:1px solid; | |
33 | - cursor:wait; | |
34 | -} | |
35 | - | |
36 | -.ext-shim { | |
37 | - position:absolute; | |
38 | - visibility:hidden; | |
39 | - left:0; | |
40 | - top:0; | |
41 | - overflow:hidden; | |
42 | -} | |
43 | - | |
44 | -.ext-ie .ext-shim { | |
45 | - filter: alpha(opacity=0); | |
46 | -} | |
47 | - | |
48 | -.ext-ie6 .ext-shim { | |
49 | - margin-left: 5px; | |
50 | - margin-top: 3px; | |
51 | -} | |
52 | - | |
53 | -.x-mask-loading div { | |
54 | - padding:5px 10px 5px 25px; | |
55 | - background:no-repeat 5px 5px; | |
56 | - line-height:16px; | |
57 | -} | |
58 | - | |
59 | -/* class for hiding elements without using display:none */ | |
60 | -.x-hidden, .x-hide-offsets { | |
61 | - position:absolute !important; | |
62 | - left:-10000px; | |
63 | - top:-10000px; | |
64 | - visibility:hidden; | |
65 | -} | |
66 | - | |
67 | -.x-hide-display { | |
68 | - display:none !important; | |
69 | -} | |
70 | - | |
71 | -.x-hide-visibility { | |
72 | - visibility:hidden !important; | |
73 | -} | |
74 | - | |
75 | -.x-masked { | |
76 | - overflow: hidden !important; | |
77 | -} | |
78 | -.x-masked-relative { | |
79 | - position: relative !important; | |
80 | -} | |
81 | - | |
82 | -.x-masked select, .x-masked object, .x-masked embed { | |
83 | - visibility: hidden; | |
84 | -} | |
85 | - | |
86 | -.x-layer { | |
87 | - visibility: hidden; | |
88 | -} | |
89 | - | |
90 | -.x-unselectable, .x-unselectable * { | |
91 | - -moz-user-select: none; | |
92 | - -khtml-user-select: none; | |
93 | - -webkit-user-select:ignore; | |
94 | -} | |
95 | - | |
96 | -.x-repaint { | |
97 | - zoom: 1; | |
98 | - background-color: transparent; | |
99 | - -moz-outline: none; | |
100 | -} | |
101 | - | |
102 | -.x-item-disabled { | |
103 | - cursor: default; | |
104 | - opacity: .6; | |
105 | - -moz-opacity: .6; | |
106 | - filter: alpha(opacity=60); | |
107 | -} | |
108 | - | |
109 | -.x-item-disabled * { | |
110 | - cursor: default !important; | |
111 | -} | |
112 | - | |
113 | -.x-splitbar-proxy { | |
114 | - position: absolute; | |
115 | - visibility: hidden; | |
116 | - z-index: 20001; | |
117 | - zoom: 1; | |
118 | - line-height: 1px; | |
119 | - font-size: 1px; | |
120 | - overflow: hidden; | |
121 | -} | |
122 | - | |
123 | -.x-splitbar-h, .x-splitbar-proxy-h { | |
124 | - cursor: e-resize; | |
125 | - cursor: col-resize; | |
126 | -} | |
127 | - | |
128 | -.x-splitbar-v, .x-splitbar-proxy-v { | |
129 | - cursor: s-resize; | |
130 | - cursor: row-resize; | |
131 | -} | |
132 | - | |
133 | -.x-color-palette { | |
134 | - width: 150px; | |
135 | - height: 92px; | |
136 | - cursor: pointer; | |
137 | -} | |
138 | - | |
139 | -.x-color-palette a { | |
140 | - border: 1px solid; | |
141 | - float: left; | |
142 | - padding: 2px; | |
143 | - text-decoration: none; | |
144 | - -moz-outline: 0 none; | |
145 | - outline: 0 none; | |
146 | - cursor: pointer; | |
147 | -} | |
148 | - | |
149 | -.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
150 | - border: 1px solid; | |
151 | -} | |
152 | - | |
153 | -.x-color-palette em { | |
154 | - display: block; | |
155 | - border: 1px solid; | |
156 | -} | |
157 | - | |
158 | -.x-color-palette em span { | |
159 | - cursor: pointer; | |
160 | - display: block; | |
161 | - height: 10px; | |
162 | - line-height: 10px; | |
163 | - width: 10px; | |
164 | -} | |
165 | - | |
166 | -.x-ie-shadow { | |
167 | - display: none; | |
168 | - position: absolute; | |
169 | - overflow: hidden; | |
170 | - left:0; | |
171 | - top:0; | |
172 | - zoom:1; | |
173 | -} | |
174 | - | |
175 | -.x-shadow { | |
176 | - display: none; | |
177 | - position: absolute; | |
178 | - overflow: hidden; | |
179 | - left:0; | |
180 | - top:0; | |
181 | -} | |
182 | - | |
183 | -.x-shadow * { | |
184 | - overflow: hidden; | |
185 | -} | |
186 | - | |
187 | -.x-shadow * { | |
188 | - padding: 0; | |
189 | - border: 0; | |
190 | - margin: 0; | |
191 | - clear: none; | |
192 | - zoom: 1; | |
193 | -} | |
194 | - | |
195 | -/* top bottom */ | |
196 | -.x-shadow .xstc, .x-shadow .xsbc { | |
197 | - height: 6px; | |
198 | - float: left; | |
199 | -} | |
200 | - | |
201 | -/* corners */ | |
202 | -.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { | |
203 | - width: 6px; | |
204 | - height: 6px; | |
205 | - float: left; | |
206 | -} | |
207 | - | |
208 | -/* sides */ | |
209 | -.x-shadow .xsc { | |
210 | - width: 100%; | |
211 | -} | |
212 | - | |
213 | -.x-shadow .xsml, .x-shadow .xsmr { | |
214 | - width: 6px; | |
215 | - float: left; | |
216 | - height: 100%; | |
217 | -} | |
218 | - | |
219 | -.x-shadow .xsmc { | |
220 | - float: left; | |
221 | - height: 100%; | |
222 | - background: transparent; | |
223 | -} | |
224 | - | |
225 | -.x-shadow .xst, .x-shadow .xsb { | |
226 | - height: 6px; | |
227 | - overflow: hidden; | |
228 | - width: 100%; | |
229 | -} | |
230 | - | |
231 | -.x-shadow .xsml { | |
232 | - background: transparent repeat-y 0 0; | |
233 | -} | |
234 | - | |
235 | -.x-shadow .xsmr { | |
236 | - background: transparent repeat-y -6px 0; | |
237 | -} | |
238 | - | |
239 | -.x-shadow .xstl { | |
240 | - background: transparent no-repeat 0 0; | |
241 | -} | |
242 | - | |
243 | -.x-shadow .xstc { | |
244 | - background: transparent repeat-x 0 -30px; | |
245 | -} | |
246 | - | |
247 | -.x-shadow .xstr { | |
248 | - background: transparent repeat-x 0 -18px; | |
249 | -} | |
250 | - | |
251 | -.x-shadow .xsbl { | |
252 | - background: transparent no-repeat 0 -12px; | |
253 | -} | |
254 | - | |
255 | -.x-shadow .xsbc { | |
256 | - background: transparent repeat-x 0 -36px; | |
257 | -} | |
258 | - | |
259 | -.x-shadow .xsbr { | |
260 | - background: transparent repeat-x 0 -6px; | |
261 | -} | |
262 | - | |
263 | -.loading-indicator { | |
264 | - background: no-repeat left; | |
265 | - padding-left: 20px; | |
266 | - line-height: 16px; | |
267 | - margin: 3px; | |
268 | -} | |
269 | - | |
270 | -.x-text-resize { | |
271 | - position: absolute; | |
272 | - left: -1000px; | |
273 | - top: -1000px; | |
274 | - visibility: hidden; | |
275 | - zoom: 1; | |
276 | -} | |
277 | - | |
278 | -.x-drag-overlay { | |
279 | - width: 100%; | |
280 | - height: 100%; | |
281 | - display: none; | |
282 | - position: absolute; | |
283 | - left: 0; | |
284 | - top: 0; | |
285 | - background-image:url(../images/default/s.gif); | |
286 | - z-index: 20000; | |
287 | -} | |
288 | - | |
289 | -.x-clear { | |
290 | - clear:both; | |
291 | - height:0; | |
292 | - overflow:hidden; | |
293 | - line-height:0; | |
294 | - font-size:0; | |
295 | -} | |
296 | - | |
297 | -.x-spotlight { | |
298 | - z-index: 8999; | |
299 | - position: absolute; | |
300 | - top:0; | |
301 | - left:0; | |
302 | - -moz-opacity: 0.5; | |
303 | - opacity: .50; | |
304 | - filter: alpha(opacity=50); | |
305 | - width:0; | |
306 | - height:0; | |
307 | - zoom: 1; | |
308 | -} | |
309 | - | |
310 | -#x-history-frame { | |
311 | - position:absolute; | |
312 | - top:-1px; | |
313 | - left:0; | |
314 | - width:1px; | |
315 | - height:1px; | |
316 | - visibility:hidden; | |
317 | -} | |
318 | - | |
319 | -#x-history-field { | |
320 | - position:absolute; | |
321 | - top:0; | |
322 | - left:-1px; | |
323 | - width:1px; | |
324 | - height:1px; | |
325 | - visibility:hidden; | |
326 | -} | |
327 | -.x-resizable-handle { | |
328 | - position:absolute; | |
329 | - z-index:100; | |
330 | - /* ie needs these */ | |
331 | - font-size:1px; | |
332 | - line-height:6px; | |
333 | - overflow:hidden; | |
334 | - filter:alpha(opacity=0); | |
335 | - opacity:0; | |
336 | - zoom:1; | |
337 | -} | |
338 | - | |
339 | -.x-resizable-handle-east{ | |
340 | - width:6px; | |
341 | - cursor:e-resize; | |
342 | - right:0; | |
343 | - top:0; | |
344 | - height:100%; | |
345 | -} | |
346 | - | |
347 | -.ext-ie .x-resizable-handle-east { | |
348 | - margin-right:-1px; /*IE rounding error*/ | |
349 | -} | |
350 | - | |
351 | -.x-resizable-handle-south{ | |
352 | - width:100%; | |
353 | - cursor:s-resize; | |
354 | - left:0; | |
355 | - bottom:0; | |
356 | - height:6px; | |
357 | -} | |
358 | - | |
359 | -.ext-ie .x-resizable-handle-south { | |
360 | - margin-bottom:-1px; /*IE rounding error*/ | |
361 | -} | |
362 | - | |
363 | -.x-resizable-handle-west{ | |
364 | - width:6px; | |
365 | - cursor:w-resize; | |
366 | - left:0; | |
367 | - top:0; | |
368 | - height:100%; | |
369 | -} | |
370 | - | |
371 | -.x-resizable-handle-north{ | |
372 | - width:100%; | |
373 | - cursor:n-resize; | |
374 | - left:0; | |
375 | - top:0; | |
376 | - height:6px; | |
377 | -} | |
378 | - | |
379 | -.x-resizable-handle-southeast{ | |
380 | - width:6px; | |
381 | - cursor:se-resize; | |
382 | - right:0; | |
383 | - bottom:0; | |
384 | - height:6px; | |
385 | - z-index:101; | |
386 | -} | |
387 | - | |
388 | -.x-resizable-handle-northwest{ | |
389 | - width:6px; | |
390 | - cursor:nw-resize; | |
391 | - left:0; | |
392 | - top:0; | |
393 | - height:6px; | |
394 | - z-index:101; | |
395 | -} | |
396 | - | |
397 | -.x-resizable-handle-northeast{ | |
398 | - width:6px; | |
399 | - cursor:ne-resize; | |
400 | - right:0; | |
401 | - top:0; | |
402 | - height:6px; | |
403 | - z-index:101; | |
404 | -} | |
405 | - | |
406 | -.x-resizable-handle-southwest{ | |
407 | - width:6px; | |
408 | - cursor:sw-resize; | |
409 | - left:0; | |
410 | - bottom:0; | |
411 | - height:6px; | |
412 | - z-index:101; | |
413 | -} | |
414 | - | |
415 | -.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ | |
416 | - filter:alpha(opacity=100); | |
417 | - opacity:1; | |
418 | -} | |
419 | - | |
420 | -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
421 | -.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
422 | -{ | |
423 | - background-position: left; | |
424 | -} | |
425 | - | |
426 | -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
427 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
428 | -{ | |
429 | - background-position: top; | |
430 | -} | |
431 | - | |
432 | -.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
433 | - background-position: top left; | |
434 | -} | |
435 | - | |
436 | -.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
437 | - background-position:bottom right; | |
438 | -} | |
439 | - | |
440 | -.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
441 | - background-position: bottom left; | |
442 | -} | |
443 | - | |
444 | -.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
445 | - background-position: top right; | |
446 | -} | |
447 | - | |
448 | -.x-resizable-proxy{ | |
449 | - border: 1px dashed; | |
450 | - position:absolute; | |
451 | - overflow:hidden; | |
452 | - display:none; | |
453 | - left:0; | |
454 | - top:0; | |
455 | - z-index:50000; | |
456 | -} | |
457 | - | |
458 | -.x-resizable-overlay{ | |
459 | - width:100%; | |
460 | - height:100%; | |
461 | - display:none; | |
462 | - position:absolute; | |
463 | - left:0; | |
464 | - top:0; | |
465 | - z-index:200000; | |
466 | - -moz-opacity: 0; | |
467 | - opacity:0; | |
468 | - filter: alpha(opacity=0); | |
469 | -} | |
7 | +html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask { | |
8 | + z-index: 100; | |
9 | + position: absolute; | |
10 | + top:0; | |
11 | + left:0; | |
12 | + -moz-opacity: 0.5; | |
13 | + opacity: .50; | |
14 | + filter: alpha(opacity=50); | |
15 | + width: 100%; | |
16 | + height: 100%; | |
17 | + zoom: 1; | |
18 | +} | |
19 | + | |
20 | +.ext-el-mask-msg { | |
21 | + z-index: 20001; | |
22 | + position: absolute; | |
23 | + top: 0; | |
24 | + left: 0; | |
25 | + border:1px solid; | |
26 | + background:repeat-x 0 -16px; | |
27 | + padding:2px; | |
28 | +} | |
29 | + | |
30 | +.ext-el-mask-msg div { | |
31 | + padding:5px 10px 5px 10px; | |
32 | + border:1px solid; | |
33 | + cursor:wait; | |
34 | +} | |
35 | + | |
36 | +.ext-shim { | |
37 | + position:absolute; | |
38 | + visibility:hidden; | |
39 | + left:0; | |
40 | + top:0; | |
41 | + overflow:hidden; | |
42 | +} | |
43 | + | |
44 | +.ext-ie .ext-shim { | |
45 | + filter: alpha(opacity=0); | |
46 | +} | |
47 | + | |
48 | +.ext-ie6 .ext-shim { | |
49 | + margin-left: 5px; | |
50 | + margin-top: 3px; | |
51 | +} | |
52 | + | |
53 | +.x-mask-loading div { | |
54 | + padding:5px 10px 5px 25px; | |
55 | + background:no-repeat 5px 5px; | |
56 | + line-height:16px; | |
57 | +} | |
58 | + | |
59 | +/* class for hiding elements without using display:none */ | |
60 | +.x-hidden, .x-hide-offsets { | |
61 | + position:absolute !important; | |
62 | + left:-10000px; | |
63 | + top:-10000px; | |
64 | + visibility:hidden; | |
65 | +} | |
66 | + | |
67 | +.x-hide-display { | |
68 | + display:none !important; | |
69 | +} | |
70 | + | |
71 | +.x-hide-visibility { | |
72 | + visibility:hidden !important; | |
73 | +} | |
74 | + | |
75 | +.x-masked { | |
76 | + overflow: hidden !important; | |
77 | +} | |
78 | +.x-masked-relative { | |
79 | + position: relative !important; | |
80 | +} | |
81 | + | |
82 | +.x-masked select, .x-masked object, .x-masked embed { | |
83 | + visibility: hidden; | |
84 | +} | |
85 | + | |
86 | +.x-layer { | |
87 | + visibility: hidden; | |
88 | +} | |
89 | + | |
90 | +.x-unselectable, .x-unselectable * { | |
91 | + -moz-user-select: none; | |
92 | + -khtml-user-select: none; | |
93 | + -webkit-user-select:ignore; | |
94 | +} | |
95 | + | |
96 | +.x-repaint { | |
97 | + zoom: 1; | |
98 | + background-color: transparent; | |
99 | + -moz-outline: none; | |
100 | +} | |
101 | + | |
102 | +.x-item-disabled { | |
103 | + cursor: default; | |
104 | + opacity: .6; | |
105 | + -moz-opacity: .6; | |
106 | + filter: alpha(opacity=60); | |
107 | +} | |
108 | + | |
109 | +.x-item-disabled * { | |
110 | + cursor: default !important; | |
111 | +} | |
112 | + | |
113 | +.x-splitbar-proxy { | |
114 | + position: absolute; | |
115 | + visibility: hidden; | |
116 | + z-index: 20001; | |
117 | + zoom: 1; | |
118 | + line-height: 1px; | |
119 | + font-size: 1px; | |
120 | + overflow: hidden; | |
121 | +} | |
122 | + | |
123 | +.x-splitbar-h, .x-splitbar-proxy-h { | |
124 | + cursor: e-resize; | |
125 | + cursor: col-resize; | |
126 | +} | |
127 | + | |
128 | +.x-splitbar-v, .x-splitbar-proxy-v { | |
129 | + cursor: s-resize; | |
130 | + cursor: row-resize; | |
131 | +} | |
132 | + | |
133 | +.x-color-palette { | |
134 | + width: 150px; | |
135 | + height: 92px; | |
136 | + cursor: pointer; | |
137 | +} | |
138 | + | |
139 | +.x-color-palette a { | |
140 | + border: 1px solid; | |
141 | + float: left; | |
142 | + padding: 2px; | |
143 | + text-decoration: none; | |
144 | + -moz-outline: 0 none; | |
145 | + outline: 0 none; | |
146 | + cursor: pointer; | |
147 | +} | |
148 | + | |
149 | +.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
150 | + border: 1px solid; | |
151 | +} | |
152 | + | |
153 | +.x-color-palette em { | |
154 | + display: block; | |
155 | + border: 1px solid; | |
156 | +} | |
157 | + | |
158 | +.x-color-palette em span { | |
159 | + cursor: pointer; | |
160 | + display: block; | |
161 | + height: 10px; | |
162 | + line-height: 10px; | |
163 | + width: 10px; | |
164 | +} | |
165 | + | |
166 | +.x-ie-shadow { | |
167 | + display: none; | |
168 | + position: absolute; | |
169 | + overflow: hidden; | |
170 | + left:0; | |
171 | + top:0; | |
172 | + zoom:1; | |
173 | +} | |
174 | + | |
175 | +.x-shadow { | |
176 | + display: none; | |
177 | + position: absolute; | |
178 | + overflow: hidden; | |
179 | + left:0; | |
180 | + top:0; | |
181 | +} | |
182 | + | |
183 | +.x-shadow * { | |
184 | + overflow: hidden; | |
185 | +} | |
186 | + | |
187 | +.x-shadow * { | |
188 | + padding: 0; | |
189 | + border: 0; | |
190 | + margin: 0; | |
191 | + clear: none; | |
192 | + zoom: 1; | |
193 | +} | |
194 | + | |
195 | +/* top bottom */ | |
196 | +.x-shadow .xstc, .x-shadow .xsbc { | |
197 | + height: 6px; | |
198 | + float: left; | |
199 | +} | |
200 | + | |
201 | +/* corners */ | |
202 | +.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { | |
203 | + width: 6px; | |
204 | + height: 6px; | |
205 | + float: left; | |
206 | +} | |
207 | + | |
208 | +/* sides */ | |
209 | +.x-shadow .xsc { | |
210 | + width: 100%; | |
211 | +} | |
212 | + | |
213 | +.x-shadow .xsml, .x-shadow .xsmr { | |
214 | + width: 6px; | |
215 | + float: left; | |
216 | + height: 100%; | |
217 | +} | |
218 | + | |
219 | +.x-shadow .xsmc { | |
220 | + float: left; | |
221 | + height: 100%; | |
222 | + background: transparent; | |
223 | +} | |
224 | + | |
225 | +.x-shadow .xst, .x-shadow .xsb { | |
226 | + height: 6px; | |
227 | + overflow: hidden; | |
228 | + width: 100%; | |
229 | +} | |
230 | + | |
231 | +.x-shadow .xsml { | |
232 | + background: transparent repeat-y 0 0; | |
233 | +} | |
234 | + | |
235 | +.x-shadow .xsmr { | |
236 | + background: transparent repeat-y -6px 0; | |
237 | +} | |
238 | + | |
239 | +.x-shadow .xstl { | |
240 | + background: transparent no-repeat 0 0; | |
241 | +} | |
242 | + | |
243 | +.x-shadow .xstc { | |
244 | + background: transparent repeat-x 0 -30px; | |
245 | +} | |
246 | + | |
247 | +.x-shadow .xstr { | |
248 | + background: transparent repeat-x 0 -18px; | |
249 | +} | |
250 | + | |
251 | +.x-shadow .xsbl { | |
252 | + background: transparent no-repeat 0 -12px; | |
253 | +} | |
254 | + | |
255 | +.x-shadow .xsbc { | |
256 | + background: transparent repeat-x 0 -36px; | |
257 | +} | |
258 | + | |
259 | +.x-shadow .xsbr { | |
260 | + background: transparent repeat-x 0 -6px; | |
261 | +} | |
262 | + | |
263 | +.loading-indicator { | |
264 | + background: no-repeat left; | |
265 | + padding-left: 20px; | |
266 | + line-height: 16px; | |
267 | + margin: 3px; | |
268 | +} | |
269 | + | |
270 | +.x-text-resize { | |
271 | + position: absolute; | |
272 | + left: -1000px; | |
273 | + top: -1000px; | |
274 | + visibility: hidden; | |
275 | + zoom: 1; | |
276 | +} | |
277 | + | |
278 | +.x-drag-overlay { | |
279 | + width: 100%; | |
280 | + height: 100%; | |
281 | + display: none; | |
282 | + position: absolute; | |
283 | + left: 0; | |
284 | + top: 0; | |
285 | + background-image:url(../images/default/s.gif); | |
286 | + z-index: 20000; | |
287 | +} | |
288 | + | |
289 | +.x-clear { | |
290 | + clear:both; | |
291 | + height:0; | |
292 | + overflow:hidden; | |
293 | + line-height:0; | |
294 | + font-size:0; | |
295 | +} | |
296 | + | |
297 | +.x-spotlight { | |
298 | + z-index: 8999; | |
299 | + position: absolute; | |
300 | + top:0; | |
301 | + left:0; | |
302 | + -moz-opacity: 0.5; | |
303 | + opacity: .50; | |
304 | + filter: alpha(opacity=50); | |
305 | + width:0; | |
306 | + height:0; | |
307 | + zoom: 1; | |
308 | +} | |
309 | + | |
310 | +#x-history-frame { | |
311 | + position:absolute; | |
312 | + top:-1px; | |
313 | + left:0; | |
314 | + width:1px; | |
315 | + height:1px; | |
316 | + visibility:hidden; | |
317 | +} | |
318 | + | |
319 | +#x-history-field { | |
320 | + position:absolute; | |
321 | + top:0; | |
322 | + left:-1px; | |
323 | + width:1px; | |
324 | + height:1px; | |
325 | + visibility:hidden; | |
326 | +} | |
327 | +.x-resizable-handle { | |
328 | + position:absolute; | |
329 | + z-index:100; | |
330 | + /* ie needs these */ | |
331 | + font-size:1px; | |
332 | + line-height:6px; | |
333 | + overflow:hidden; | |
334 | + filter:alpha(opacity=0); | |
335 | + opacity:0; | |
336 | + zoom:1; | |
337 | +} | |
338 | + | |
339 | +.x-resizable-handle-east{ | |
340 | + width:6px; | |
341 | + cursor:e-resize; | |
342 | + right:0; | |
343 | + top:0; | |
344 | + height:100%; | |
345 | +} | |
346 | + | |
347 | +.ext-ie .x-resizable-handle-east { | |
348 | + margin-right:-1px; /*IE rounding error*/ | |
349 | +} | |
350 | + | |
351 | +.x-resizable-handle-south{ | |
352 | + width:100%; | |
353 | + cursor:s-resize; | |
354 | + left:0; | |
355 | + bottom:0; | |
356 | + height:6px; | |
357 | +} | |
358 | + | |
359 | +.ext-ie .x-resizable-handle-south { | |
360 | + margin-bottom:-1px; /*IE rounding error*/ | |
361 | +} | |
362 | + | |
363 | +.x-resizable-handle-west{ | |
364 | + width:6px; | |
365 | + cursor:w-resize; | |
366 | + left:0; | |
367 | + top:0; | |
368 | + height:100%; | |
369 | +} | |
370 | + | |
371 | +.x-resizable-handle-north{ | |
372 | + width:100%; | |
373 | + cursor:n-resize; | |
374 | + left:0; | |
375 | + top:0; | |
376 | + height:6px; | |
377 | +} | |
378 | + | |
379 | +.x-resizable-handle-southeast{ | |
380 | + width:6px; | |
381 | + cursor:se-resize; | |
382 | + right:0; | |
383 | + bottom:0; | |
384 | + height:6px; | |
385 | + z-index:101; | |
386 | +} | |
387 | + | |
388 | +.x-resizable-handle-northwest{ | |
389 | + width:6px; | |
390 | + cursor:nw-resize; | |
391 | + left:0; | |
392 | + top:0; | |
393 | + height:6px; | |
394 | + z-index:101; | |
395 | +} | |
396 | + | |
397 | +.x-resizable-handle-northeast{ | |
398 | + width:6px; | |
399 | + cursor:ne-resize; | |
400 | + right:0; | |
401 | + top:0; | |
402 | + height:6px; | |
403 | + z-index:101; | |
404 | +} | |
405 | + | |
406 | +.x-resizable-handle-southwest{ | |
407 | + width:6px; | |
408 | + cursor:sw-resize; | |
409 | + left:0; | |
410 | + bottom:0; | |
411 | + height:6px; | |
412 | + z-index:101; | |
413 | +} | |
414 | + | |
415 | +.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ | |
416 | + filter:alpha(opacity=100); | |
417 | + opacity:1; | |
418 | +} | |
419 | + | |
420 | +.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
421 | +.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
422 | +{ | |
423 | + background-position: left; | |
424 | +} | |
425 | + | |
426 | +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
427 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
428 | +{ | |
429 | + background-position: top; | |
430 | +} | |
431 | + | |
432 | +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
433 | + background-position: top left; | |
434 | +} | |
435 | + | |
436 | +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
437 | + background-position:bottom right; | |
438 | +} | |
439 | + | |
440 | +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
441 | + background-position: bottom left; | |
442 | +} | |
443 | + | |
444 | +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
445 | + background-position: top right; | |
446 | +} | |
447 | + | |
448 | +.x-resizable-proxy{ | |
449 | + border: 1px dashed; | |
450 | + position:absolute; | |
451 | + overflow:hidden; | |
452 | + display:none; | |
453 | + left:0; | |
454 | + top:0; | |
455 | + z-index:50000; | |
456 | +} | |
457 | + | |
458 | +.x-resizable-overlay{ | |
459 | + width:100%; | |
460 | + height:100%; | |
461 | + display:none; | |
462 | + position:absolute; | |
463 | + left:0; | |
464 | + top:0; | |
465 | + z-index:200000; | |
466 | + -moz-opacity: 0; | |
467 | + opacity:0; | |
468 | + filter: alpha(opacity=0); | |
469 | +} | |
470 | 470 | .x-tab-panel { |
471 | 471 | overflow:hidden; |
472 | 472 | } |
@@ -1388,1758 +1388,1758 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap { | ||
1388 | 1388 | } |
1389 | 1389 | |
1390 | 1390 | |
1391 | -.x-btn{ | |
1392 | - cursor:pointer; | |
1393 | - white-space: nowrap; | |
1391 | +.x-btn{ | |
1392 | + cursor:pointer; | |
1393 | + white-space: nowrap; | |
1394 | +} | |
1395 | + | |
1396 | +.x-btn button{ | |
1397 | + border:0 none; | |
1398 | + background:transparent; | |
1399 | + padding-left:3px; | |
1400 | + padding-right:3px; | |
1401 | + cursor:pointer; | |
1402 | + margin:0; | |
1403 | + overflow:visible; | |
1404 | + width:auto; | |
1405 | + -moz-outline:0 none; | |
1406 | + outline:0 none; | |
1407 | +} | |
1408 | + | |
1409 | +* html .ext-ie .x-btn button { | |
1410 | + width:1px; | |
1411 | +} | |
1412 | + | |
1413 | +.ext-gecko .x-btn button { | |
1414 | + padding-left:0; | |
1415 | + padding-right:0; | |
1416 | +} | |
1417 | + | |
1418 | +.ext-gecko .x-btn button::-moz-focus-inner { | |
1419 | + padding:0; | |
1420 | +} | |
1421 | + | |
1422 | +.ext-ie .x-btn button { | |
1423 | + padding-top:2px; | |
1424 | +} | |
1425 | + | |
1426 | +.x-btn td { | |
1427 | + padding:0 !important; | |
1428 | +} | |
1429 | + | |
1430 | +.x-btn-text { | |
1431 | + cursor:pointer; | |
1432 | + white-space: nowrap; | |
1433 | + padding:0; | |
1434 | +} | |
1435 | + | |
1436 | +/* icon placement and sizing styles */ | |
1437 | + | |
1438 | +/* Only text */ | |
1439 | +.x-btn-noicon .x-btn-small .x-btn-text{ | |
1440 | + height: 16px; | |
1441 | +} | |
1442 | + | |
1443 | +.x-btn-noicon .x-btn-medium .x-btn-text{ | |
1444 | + height: 24px; | |
1445 | +} | |
1446 | + | |
1447 | +.x-btn-noicon .x-btn-large .x-btn-text{ | |
1448 | + height: 32px; | |
1449 | +} | |
1450 | + | |
1451 | +/* Only icons */ | |
1452 | +.x-btn-icon .x-btn-text{ | |
1453 | + background-position: center; | |
1454 | + background-repeat: no-repeat; | |
1455 | +} | |
1456 | + | |
1457 | +.x-btn-icon .x-btn-small .x-btn-text{ | |
1458 | + height: 16px; | |
1459 | + width: 16px; | |
1460 | +} | |
1461 | + | |
1462 | +.x-btn-icon .x-btn-medium .x-btn-text{ | |
1463 | + height: 24px; | |
1464 | + width: 24px; | |
1465 | +} | |
1466 | + | |
1467 | +.x-btn-icon .x-btn-large .x-btn-text{ | |
1468 | + height: 32px; | |
1469 | + width: 32px; | |
1470 | +} | |
1471 | + | |
1472 | +/* Icons and text */ | |
1473 | +/* left */ | |
1474 | +.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ | |
1475 | + background-position: 0 center; | |
1476 | + background-repeat: no-repeat; | |
1477 | + padding-left:18px; | |
1478 | + height:16px; | |
1479 | +} | |
1480 | + | |
1481 | +.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ | |
1482 | + background-position: 0 center; | |
1483 | + background-repeat: no-repeat; | |
1484 | + padding-left:26px; | |
1485 | + height:24px; | |
1486 | +} | |
1487 | + | |
1488 | +.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ | |
1489 | + background-position: 0 center; | |
1490 | + background-repeat: no-repeat; | |
1491 | + padding-left:34px; | |
1492 | + height:32px; | |
1493 | +} | |
1494 | + | |
1495 | +/* top */ | |
1496 | +.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ | |
1497 | + background-position: center 0; | |
1498 | + background-repeat: no-repeat; | |
1499 | + padding-top:18px; | |
1500 | +} | |
1501 | + | |
1502 | +.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ | |
1503 | + background-position: center 0; | |
1504 | + background-repeat: no-repeat; | |
1505 | + padding-top:26px; | |
1506 | +} | |
1507 | + | |
1508 | +.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ | |
1509 | + background-position: center 0; | |
1510 | + background-repeat: no-repeat; | |
1511 | + padding-top:34px; | |
1512 | +} | |
1513 | + | |
1514 | +/* right */ | |
1515 | +.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ | |
1516 | + background-position: right center; | |
1517 | + background-repeat: no-repeat; | |
1518 | + padding-right:18px; | |
1519 | + height:16px; | |
1520 | +} | |
1521 | + | |
1522 | +.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ | |
1523 | + background-position: right center; | |
1524 | + background-repeat: no-repeat; | |
1525 | + padding-right:26px; | |
1526 | + height:24px; | |
1527 | +} | |
1528 | + | |
1529 | +.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ | |
1530 | + background-position: right center; | |
1531 | + background-repeat: no-repeat; | |
1532 | + padding-right:34px; | |
1533 | + height:32px; | |
1534 | +} | |
1535 | + | |
1536 | +/* bottom */ | |
1537 | +.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ | |
1538 | + background-position: center bottom; | |
1539 | + background-repeat: no-repeat; | |
1540 | + padding-bottom:18px; | |
1541 | +} | |
1542 | + | |
1543 | +.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ | |
1544 | + background-position: center bottom; | |
1545 | + background-repeat: no-repeat; | |
1546 | + padding-bottom:26px; | |
1547 | +} | |
1548 | + | |
1549 | +.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ | |
1550 | + background-position: center bottom; | |
1551 | + background-repeat: no-repeat; | |
1552 | + padding-bottom:34px; | |
1553 | +} | |
1554 | + | |
1555 | +/* background positioning */ | |
1556 | +.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ | |
1557 | + font-size:1px; | |
1558 | + line-height:1px; | |
1559 | + width:3px; | |
1560 | + display:block; | |
1561 | + overflow:hidden; | |
1562 | +} | |
1563 | + | |
1564 | +.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ | |
1565 | + height:3px; | |
1566 | +} | |
1567 | + | |
1568 | +.x-btn-tl{ | |
1569 | + width:3px; | |
1570 | + height:3px; | |
1571 | + background:no-repeat 0 0; | |
1572 | +} | |
1573 | +.x-btn-tr{ | |
1574 | + width:3px; | |
1575 | + height:3px; | |
1576 | + background:no-repeat -3px 0; | |
1577 | +} | |
1578 | +.x-btn-tc{ | |
1579 | + height:3px; | |
1580 | + background:repeat-x 0 -6px; | |
1581 | +} | |
1582 | + | |
1583 | +.x-btn-ml{ | |
1584 | + width:3px; | |
1585 | + background:no-repeat 0 -24px; | |
1586 | +} | |
1587 | +.x-btn-mr{ | |
1588 | + width:3px; | |
1589 | + background:no-repeat -3px -24px; | |
1590 | +} | |
1591 | + | |
1592 | +.x-btn-mc{ | |
1593 | + background:repeat-x 0 -1096px; | |
1594 | + vertical-align: middle; | |
1595 | + text-align:center; | |
1596 | + padding:0 5px; | |
1597 | + cursor:pointer; | |
1598 | + white-space:nowrap; | |
1599 | +} | |
1600 | + | |
1601 | +.x-btn-bl{ | |
1602 | + width:3px; | |
1603 | + height:3px; | |
1604 | + background:no-repeat 0 -3px; | |
1605 | +} | |
1606 | + | |
1607 | +.x-btn-br{ | |
1608 | + width:3px; | |
1609 | + height:3px; | |
1610 | + background:no-repeat -3px -3px; | |
1611 | +} | |
1612 | + | |
1613 | +.x-btn-bc{ | |
1614 | + height:3px; | |
1615 | + background:repeat-x 0 -15px; | |
1616 | +} | |
1617 | + | |
1618 | +.x-btn-over .x-btn-tl{ | |
1619 | + background-position: -6px 0; | |
1620 | +} | |
1621 | + | |
1622 | +.x-btn-over .x-btn-tr{ | |
1623 | + background-position: -9px 0; | |
1624 | +} | |
1625 | + | |
1626 | +.x-btn-over .x-btn-tc{ | |
1627 | + background-position: 0 -9px; | |
1628 | +} | |
1629 | + | |
1630 | +.x-btn-over .x-btn-ml{ | |
1631 | + background-position: -6px -24px; | |
1632 | +} | |
1633 | + | |
1634 | +.x-btn-over .x-btn-mr{ | |
1635 | + background-position: -9px -24px; | |
1636 | +} | |
1637 | + | |
1638 | +.x-btn-over .x-btn-mc{ | |
1639 | + background-position: 0 -2168px; | |
1640 | +} | |
1641 | + | |
1642 | +.x-btn-over .x-btn-bl{ | |
1643 | + background-position: -6px -3px; | |
1644 | +} | |
1645 | + | |
1646 | +.x-btn-over .x-btn-br{ | |
1647 | + background-position: -9px -3px; | |
1648 | +} | |
1649 | + | |
1650 | +.x-btn-over .x-btn-bc{ | |
1651 | + background-position: 0 -18px; | |
1652 | +} | |
1653 | + | |
1654 | +.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ | |
1655 | + background-position: -12px 0; | |
1656 | +} | |
1657 | + | |
1658 | +.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ | |
1659 | + background-position: -15px 0; | |
1660 | +} | |
1661 | + | |
1662 | +.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ | |
1663 | + background-position: 0 -12px; | |
1664 | +} | |
1665 | + | |
1666 | +.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ | |
1667 | + background-position: -12px -24px; | |
1668 | +} | |
1669 | + | |
1670 | +.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ | |
1671 | + background-position: -15px -24px; | |
1672 | +} | |
1673 | + | |
1674 | +.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ | |
1675 | + background-position: 0 -3240px; | |
1676 | +} | |
1677 | + | |
1678 | +.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ | |
1679 | + background-position: -12px -3px; | |
1680 | +} | |
1681 | + | |
1682 | +.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ | |
1683 | + background-position: -15px -3px; | |
1684 | +} | |
1685 | + | |
1686 | +.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ | |
1687 | + background-position: 0 -21px; | |
1688 | +} | |
1689 | + | |
1690 | +.x-btn-disabled *{ | |
1691 | + cursor:default !important; | |
1692 | +} | |
1693 | + | |
1694 | + | |
1695 | +/* With a menu arrow */ | |
1696 | +/* right */ | |
1697 | +.x-btn-mc em.x-btn-arrow { | |
1698 | + display:block; | |
1699 | + background:transparent no-repeat right center; | |
1700 | + padding-right:10px; | |
1701 | +} | |
1702 | + | |
1703 | +.x-btn-mc em.x-btn-split { | |
1704 | + display:block; | |
1705 | + background:transparent no-repeat right center; | |
1706 | + padding-right:14px; | |
1707 | +} | |
1708 | + | |
1709 | +/* bottom */ | |
1710 | +.x-btn-mc em.x-btn-arrow-bottom { | |
1711 | + display:block; | |
1712 | + background:transparent no-repeat center bottom; | |
1713 | + padding-bottom:14px; | |
1714 | +} | |
1715 | + | |
1716 | +.x-btn-mc em.x-btn-split-bottom { | |
1717 | + display:block; | |
1718 | + background:transparent no-repeat center bottom; | |
1719 | + padding-bottom:14px; | |
1720 | +} | |
1721 | + | |
1722 | +/* height adjustment class */ | |
1723 | +.x-btn-as-arrow .x-btn-mc em { | |
1724 | + display:block; | |
1725 | + background:transparent; | |
1726 | + padding-bottom:14px; | |
1727 | +} | |
1728 | + | |
1729 | +/* groups */ | |
1730 | +.x-btn-group { | |
1731 | + padding:1px; | |
1732 | +} | |
1733 | + | |
1734 | +.x-btn-group-header { | |
1735 | + padding:2px; | |
1736 | + text-align:center; | |
1737 | +} | |
1738 | + | |
1739 | +.x-btn-group-tc { | |
1740 | + background: transparent repeat-x 0 0; | |
1741 | + overflow:hidden; | |
1742 | +} | |
1743 | + | |
1744 | +.x-btn-group-tl { | |
1745 | + background: transparent no-repeat 0 0; | |
1746 | + padding-left:3px; | |
1747 | + zoom:1; | |
1748 | +} | |
1749 | + | |
1750 | +.x-btn-group-tr { | |
1751 | + background: transparent no-repeat right 0; | |
1752 | + zoom:1; | |
1753 | + padding-right:3px; | |
1754 | +} | |
1755 | + | |
1756 | +.x-btn-group-bc { | |
1757 | + background: transparent repeat-x 0 bottom; | |
1758 | + zoom:1; | |
1759 | +} | |
1760 | + | |
1761 | +.x-btn-group-bc .x-panel-footer { | |
1762 | + zoom:1; | |
1763 | +} | |
1764 | + | |
1765 | +.x-btn-group-bl { | |
1766 | + background: transparent no-repeat 0 bottom; | |
1767 | + padding-left:3px; | |
1768 | + zoom:1; | |
1769 | +} | |
1770 | + | |
1771 | +.x-btn-group-br { | |
1772 | + background: transparent no-repeat right bottom; | |
1773 | + padding-right:3px; | |
1774 | + zoom:1; | |
1775 | +} | |
1776 | + | |
1777 | +.x-btn-group-mc { | |
1778 | + border:0 none; | |
1779 | + padding:1px 0 0 0; | |
1780 | + margin:0; | |
1781 | +} | |
1782 | + | |
1783 | +.x-btn-group-mc .x-btn-group-body { | |
1784 | + background:transparent; | |
1785 | + border: 0 none; | |
1786 | +} | |
1787 | + | |
1788 | +.x-btn-group-ml { | |
1789 | + background: transparent repeat-y 0 0; | |
1790 | + padding-left:3px; | |
1791 | + zoom:1; | |
1792 | +} | |
1793 | + | |
1794 | +.x-btn-group-mr { | |
1795 | + background: transparent repeat-y right 0; | |
1796 | + padding-right:3px; | |
1797 | + zoom:1; | |
1798 | +} | |
1799 | + | |
1800 | +.x-btn-group-bc .x-btn-group-footer { | |
1801 | + padding-bottom:6px; | |
1802 | +} | |
1803 | + | |
1804 | +.x-panel-nofooter .x-btn-group-bc { | |
1805 | + height:3px; | |
1806 | + font-size:0; | |
1807 | + line-height:0; | |
1808 | +} | |
1809 | + | |
1810 | +.x-btn-group-bwrap { | |
1811 | + overflow:hidden; | |
1812 | + zoom:1; | |
1813 | +} | |
1814 | + | |
1815 | +.x-btn-group-body { | |
1816 | + overflow:hidden; | |
1817 | + zoom:1; | |
1818 | +} | |
1819 | + | |
1820 | +.x-btn-group-notitle .x-btn-group-tc { | |
1821 | + background: transparent repeat-x 0 0; | |
1822 | + overflow:hidden; | |
1823 | + height:2px; | |
1824 | +}.x-toolbar{ | |
1825 | + border-style:solid; | |
1826 | + border-width:0 0 1px 0; | |
1827 | + display: block; | |
1828 | + padding:2px; | |
1829 | + background:repeat-x top left; | |
1830 | + position:relative; | |
1831 | + left:0; | |
1832 | + top:0; | |
1833 | + zoom:1; | |
1834 | + overflow:hidden; | |
1835 | +} | |
1836 | + | |
1837 | +.x-toolbar .x-item-disabled .x-btn-icon { | |
1838 | + opacity: .35; | |
1839 | + -moz-opacity: .35; | |
1840 | + filter: alpha(opacity=35); | |
1841 | +} | |
1842 | + | |
1843 | +.x-toolbar td { | |
1844 | + vertical-align:middle; | |
1845 | +} | |
1846 | + | |
1847 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
1848 | + white-space: nowrap; | |
1849 | +} | |
1850 | + | |
1851 | +.x-toolbar .x-item-disabled { | |
1852 | + cursor:default; | |
1853 | + opacity:.6; | |
1854 | + -moz-opacity:.6; | |
1855 | + filter:alpha(opacity=60); | |
1856 | +} | |
1857 | + | |
1858 | +.x-toolbar .x-item-disabled * { | |
1859 | + cursor:default; | |
1860 | +} | |
1861 | + | |
1862 | +.x-toolbar .x-toolbar-cell { | |
1863 | + vertical-align:middle; | |
1864 | +} | |
1865 | + | |
1866 | +.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
1867 | +.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
1868 | +{ | |
1869 | + background-position: 500px 500px; | |
1870 | +} | |
1871 | + | |
1872 | +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
1873 | +.x-toolbar .x-btn-over .x-btn-tl{ | |
1874 | + background-position: -6px 0; | |
1875 | +} | |
1876 | + | |
1877 | +.x-toolbar .x-btn-over .x-btn-tr{ | |
1878 | + background-position: -9px 0; | |
1879 | +} | |
1880 | + | |
1881 | +.x-toolbar .x-btn-over .x-btn-tc{ | |
1882 | + background-position: 0 -9px; | |
1883 | +} | |
1884 | + | |
1885 | +.x-toolbar .x-btn-over .x-btn-ml{ | |
1886 | + background-position: -6px -24px; | |
1887 | +} | |
1888 | + | |
1889 | +.x-toolbar .x-btn-over .x-btn-mr{ | |
1890 | + background-position: -9px -24px; | |
1891 | +} | |
1892 | + | |
1893 | +.x-toolbar .x-btn-over .x-btn-mc{ | |
1894 | + background-position: 0 -2168px; | |
1895 | +} | |
1896 | + | |
1897 | +.x-toolbar .x-btn-over .x-btn-bl{ | |
1898 | + background-position: -6px -3px; | |
1899 | +} | |
1900 | + | |
1901 | +.x-toolbar .x-btn-over .x-btn-br{ | |
1902 | + background-position: -9px -3px; | |
1903 | +} | |
1904 | + | |
1905 | +.x-toolbar .x-btn-over .x-btn-bc{ | |
1906 | + background-position: 0 -18px; | |
1907 | +} | |
1908 | + | |
1909 | +.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
1910 | + background-position: -12px 0; | |
1911 | +} | |
1912 | + | |
1913 | +.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
1914 | + background-position: -15px 0; | |
1915 | +} | |
1916 | + | |
1917 | +.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
1918 | + background-position: 0 -12px; | |
1919 | +} | |
1920 | + | |
1921 | +.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
1922 | + background-position: -12px -24px; | |
1923 | +} | |
1924 | + | |
1925 | +.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
1926 | + background-position: -15px -24px; | |
1927 | +} | |
1928 | + | |
1929 | +.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
1930 | + background-position: 0 -3240px; | |
1931 | +} | |
1932 | + | |
1933 | +.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
1934 | + background-position: -12px -3px; | |
1935 | +} | |
1936 | + | |
1937 | +.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
1938 | + background-position: -15px -3px; | |
1939 | +} | |
1940 | + | |
1941 | +.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
1942 | + background-position: 0 -21px; | |
1943 | +} | |
1944 | + | |
1945 | +.x-toolbar div.xtb-text{ | |
1946 | + padding:2px 2px 0; | |
1947 | + line-height:16px; | |
1948 | + display:block; | |
1949 | +} | |
1950 | + | |
1951 | +.x-toolbar .xtb-sep { | |
1952 | + background-position: center; | |
1953 | + background-repeat: no-repeat; | |
1954 | + display: block; | |
1955 | + font-size: 1px; | |
1956 | + height: 16px; | |
1957 | + width:4px; | |
1958 | + overflow: hidden; | |
1959 | + cursor:default; | |
1960 | + margin: 0 2px 0; | |
1961 | + border:0; | |
1962 | +} | |
1963 | + | |
1964 | +.x-toolbar .xtb-spacer { | |
1965 | + width:2px; | |
1966 | +} | |
1967 | + | |
1968 | +/* Paging Toolbar */ | |
1969 | +.x-tbar-page-number{ | |
1970 | + width:30px; | |
1971 | + height:14px; | |
1972 | +} | |
1973 | + | |
1974 | +.ext-ie .x-tbar-page-number{ | |
1975 | + margin-top: 2px; | |
1976 | +} | |
1977 | + | |
1978 | +.x-paging-info { | |
1979 | + position:absolute; | |
1980 | + top:5px; | |
1981 | + right: 8px; | |
1982 | +} | |
1983 | + | |
1984 | +/* floating */ | |
1985 | +.x-toolbar-ct { | |
1986 | + width:100%; | |
1987 | +} | |
1988 | + | |
1989 | +.x-toolbar-right td { | |
1990 | + text-align: center; | |
1991 | +} | |
1992 | + | |
1993 | +.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
1994 | + overflow:hidden; | |
1995 | + zoom:1; | |
1996 | +} | |
1997 | + | |
1998 | +.x-toolbar-more .x-btn-small .x-btn-text{ | |
1999 | + height: 16px; | |
2000 | + width: 12px; | |
2001 | +} | |
2002 | + | |
2003 | +.x-toolbar-more em.x-btn-arrow { | |
2004 | + display:inline; | |
2005 | + background:transparent; | |
2006 | + padding-right:0; | |
2007 | +} | |
2008 | + | |
2009 | +.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2010 | + background-image: none; | |
2011 | +} | |
2012 | + | |
2013 | +div.x-toolbar-no-items { | |
2014 | + color:gray !important; | |
2015 | + padding:5px 10px !important; | |
2016 | +} | |
2017 | + | |
2018 | +/* fix ie toolbar form items */ | |
2019 | +.ext-border-box .x-toolbar-cell .x-form-text { | |
2020 | + margin-bottom:-1px !important; | |
2021 | +} | |
2022 | + | |
2023 | +.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2024 | + margin:0 !important; | |
2025 | +} | |
2026 | + | |
2027 | +.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2028 | + height:21px; | |
2029 | +} | |
2030 | + | |
2031 | +.ext-ie .x-toolbar-cell .x-form-text { | |
2032 | + position:relative; | |
2033 | + top:-1px; | |
2034 | +} | |
2035 | + | |
2036 | +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2037 | + top: 0px; | |
2038 | +} | |
2039 | + | |
2040 | +.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2041 | + text-align: left; | |
2042 | +} | |
2043 | + | |
2044 | +.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2045 | + vertical-align: top; | |
2046 | + margin-top: 5px; | |
2047 | +} | |
2048 | + | |
2049 | +.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2050 | + margin-top: 4px; | |
2051 | +} | |
2052 | + | |
2053 | +.x-toolbar-cell .x-form-check-wrap label{ | |
2054 | + vertical-align: bottom; | |
2055 | +} | |
2056 | + | |
2057 | +/* StatusBar */ | |
2058 | +.x-statusbar .x-status-text { | |
2059 | + height: 21px; | |
2060 | + line-height: 21px; | |
2061 | + padding: 0 4px; | |
2062 | + cursor: default; | |
2063 | +} | |
2064 | + | |
2065 | +.x-statusbar .x-status-busy { | |
2066 | + padding-left: 25px; | |
2067 | + background: transparent no-repeat 3px 3px; | |
2068 | +} | |
2069 | + | |
2070 | +.x-statusbar .x-status-text-panel { | |
2071 | + border-top: 1px solid; | |
2072 | + border-right: 1px solid; | |
2073 | + border-bottom: 1px solid; | |
2074 | + border-left: 1px solid; | |
2075 | + padding: 2px 8px 2px 5px; | |
2076 | +}.x-toolbar{ | |
2077 | + border-style:solid; | |
2078 | + border-width:0 0 1px 0; | |
2079 | + display: block; | |
2080 | + padding:2px; | |
2081 | + background:repeat-x top left; | |
2082 | + position:relative; | |
2083 | + left:0; | |
2084 | + top:0; | |
2085 | + zoom:1; | |
2086 | + overflow:hidden; | |
2087 | +} | |
2088 | + | |
2089 | +.x-toolbar .x-item-disabled .x-btn-icon { | |
2090 | + opacity: .35; | |
2091 | + -moz-opacity: .35; | |
2092 | + filter: alpha(opacity=35); | |
2093 | +} | |
2094 | + | |
2095 | +.x-toolbar td { | |
2096 | + vertical-align:middle; | |
2097 | +} | |
2098 | + | |
2099 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
2100 | + white-space: nowrap; | |
2101 | +} | |
2102 | + | |
2103 | +.x-toolbar .x-item-disabled { | |
2104 | + cursor:default; | |
2105 | + opacity:.6; | |
2106 | + -moz-opacity:.6; | |
2107 | + filter:alpha(opacity=60); | |
2108 | +} | |
2109 | + | |
2110 | +.x-toolbar .x-item-disabled * { | |
2111 | + cursor:default; | |
2112 | +} | |
2113 | + | |
2114 | +.x-toolbar .x-toolbar-cell { | |
2115 | + vertical-align:middle; | |
2116 | +} | |
2117 | + | |
2118 | +.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
2119 | +.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
2120 | +{ | |
2121 | + background-position: 500px 500px; | |
2122 | +} | |
2123 | + | |
2124 | +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
2125 | +.x-toolbar .x-btn-over .x-btn-tl{ | |
2126 | + background-position: -6px 0; | |
2127 | +} | |
2128 | + | |
2129 | +.x-toolbar .x-btn-over .x-btn-tr{ | |
2130 | + background-position: -9px 0; | |
2131 | +} | |
2132 | + | |
2133 | +.x-toolbar .x-btn-over .x-btn-tc{ | |
2134 | + background-position: 0 -9px; | |
2135 | +} | |
2136 | + | |
2137 | +.x-toolbar .x-btn-over .x-btn-ml{ | |
2138 | + background-position: -6px -24px; | |
2139 | +} | |
2140 | + | |
2141 | +.x-toolbar .x-btn-over .x-btn-mr{ | |
2142 | + background-position: -9px -24px; | |
2143 | +} | |
2144 | + | |
2145 | +.x-toolbar .x-btn-over .x-btn-mc{ | |
2146 | + background-position: 0 -2168px; | |
2147 | +} | |
2148 | + | |
2149 | +.x-toolbar .x-btn-over .x-btn-bl{ | |
2150 | + background-position: -6px -3px; | |
2151 | +} | |
2152 | + | |
2153 | +.x-toolbar .x-btn-over .x-btn-br{ | |
2154 | + background-position: -9px -3px; | |
2155 | +} | |
2156 | + | |
2157 | +.x-toolbar .x-btn-over .x-btn-bc{ | |
2158 | + background-position: 0 -18px; | |
2159 | +} | |
2160 | + | |
2161 | +.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
2162 | + background-position: -12px 0; | |
2163 | +} | |
2164 | + | |
2165 | +.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
2166 | + background-position: -15px 0; | |
2167 | +} | |
2168 | + | |
2169 | +.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
2170 | + background-position: 0 -12px; | |
2171 | +} | |
2172 | + | |
2173 | +.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
2174 | + background-position: -12px -24px; | |
2175 | +} | |
2176 | + | |
2177 | +.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
2178 | + background-position: -15px -24px; | |
2179 | +} | |
2180 | + | |
2181 | +.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
2182 | + background-position: 0 -3240px; | |
2183 | +} | |
2184 | + | |
2185 | +.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
2186 | + background-position: -12px -3px; | |
2187 | +} | |
2188 | + | |
2189 | +.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
2190 | + background-position: -15px -3px; | |
2191 | +} | |
2192 | + | |
2193 | +.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
2194 | + background-position: 0 -21px; | |
2195 | +} | |
2196 | + | |
2197 | +.x-toolbar div.xtb-text{ | |
2198 | + padding:2px 2px 0; | |
2199 | + line-height:16px; | |
2200 | + display:block; | |
2201 | +} | |
2202 | + | |
2203 | +.x-toolbar .xtb-sep { | |
2204 | + background-position: center; | |
2205 | + background-repeat: no-repeat; | |
2206 | + display: block; | |
2207 | + font-size: 1px; | |
2208 | + height: 16px; | |
2209 | + width:4px; | |
2210 | + overflow: hidden; | |
2211 | + cursor:default; | |
2212 | + margin: 0 2px 0; | |
2213 | + border:0; | |
2214 | +} | |
2215 | + | |
2216 | +.x-toolbar .xtb-spacer { | |
2217 | + width:2px; | |
2218 | +} | |
2219 | + | |
2220 | +/* Paging Toolbar */ | |
2221 | +.x-tbar-page-number{ | |
2222 | + width:30px; | |
2223 | + height:14px; | |
2224 | +} | |
2225 | + | |
2226 | +.ext-ie .x-tbar-page-number{ | |
2227 | + margin-top: 2px; | |
2228 | +} | |
2229 | + | |
2230 | +.x-paging-info { | |
2231 | + position:absolute; | |
2232 | + top:5px; | |
2233 | + right: 8px; | |
2234 | +} | |
2235 | + | |
2236 | +/* floating */ | |
2237 | +.x-toolbar-ct { | |
2238 | + width:100%; | |
2239 | +} | |
2240 | + | |
2241 | +.x-toolbar-right td { | |
2242 | + text-align: center; | |
2243 | +} | |
2244 | + | |
2245 | +.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
2246 | + overflow:hidden; | |
2247 | + zoom:1; | |
2248 | +} | |
2249 | + | |
2250 | +.x-toolbar-more .x-btn-small .x-btn-text{ | |
2251 | + height: 16px; | |
2252 | + width: 12px; | |
2253 | +} | |
2254 | + | |
2255 | +.x-toolbar-more em.x-btn-arrow { | |
2256 | + display:inline; | |
2257 | + background:transparent; | |
2258 | + padding-right:0; | |
2259 | +} | |
2260 | + | |
2261 | +.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2262 | + background-image: none; | |
2263 | +} | |
2264 | + | |
2265 | +div.x-toolbar-no-items { | |
2266 | + color:gray !important; | |
2267 | + padding:5px 10px !important; | |
2268 | +} | |
2269 | + | |
2270 | +/* fix ie toolbar form items */ | |
2271 | +.ext-border-box .x-toolbar-cell .x-form-text { | |
2272 | + margin-bottom:-1px !important; | |
2273 | +} | |
2274 | + | |
2275 | +.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2276 | + margin:0 !important; | |
2277 | +} | |
2278 | + | |
2279 | +.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2280 | + height:21px; | |
2281 | +} | |
2282 | + | |
2283 | +.ext-ie .x-toolbar-cell .x-form-text { | |
2284 | + position:relative; | |
2285 | + top:-1px; | |
2286 | +} | |
2287 | + | |
2288 | +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2289 | + top: 0px; | |
2290 | +} | |
2291 | + | |
2292 | +.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2293 | + text-align: left; | |
2294 | +} | |
2295 | + | |
2296 | +.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2297 | + vertical-align: top; | |
2298 | + margin-top: 5px; | |
2299 | +} | |
2300 | + | |
2301 | +.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2302 | + margin-top: 4px; | |
2303 | +} | |
2304 | + | |
2305 | +.x-toolbar-cell .x-form-check-wrap label{ | |
2306 | + vertical-align: bottom; | |
2307 | +} | |
2308 | + | |
2309 | +/* StatusBar */ | |
2310 | +.x-statusbar .x-status-text { | |
2311 | + height: 21px; | |
2312 | + line-height: 21px; | |
2313 | + padding: 0 4px; | |
2314 | + cursor: default; | |
2315 | +} | |
2316 | + | |
2317 | +.x-statusbar .x-status-busy { | |
2318 | + padding-left: 25px; | |
2319 | + background: transparent no-repeat 3px 3px; | |
2320 | +} | |
2321 | + | |
2322 | +.x-statusbar .x-status-text-panel { | |
2323 | + border-top: 1px solid; | |
2324 | + border-right: 1px solid; | |
2325 | + border-bottom: 1px solid; | |
2326 | + border-left: 1px solid; | |
2327 | + padding: 2px 8px 2px 5px; | |
2328 | +}/* Grid3 styles */ | |
2329 | +.x-grid3 { | |
2330 | + position:relative; | |
2331 | + overflow:hidden; | |
2332 | +} | |
2333 | + | |
2334 | +.x-grid-panel .x-panel-body { | |
2335 | + overflow:hidden !important; | |
2336 | +} | |
2337 | + | |
2338 | +.x-grid-panel .x-panel-mc .x-panel-body { | |
2339 | + border:1px solid; | |
2340 | +} | |
2341 | + | |
2342 | +.x-grid3 table { | |
2343 | + table-layout:fixed; | |
2344 | +} | |
2345 | + | |
2346 | +.x-grid3-viewport{ | |
2347 | + overflow:hidden; | |
2348 | +} | |
2349 | + | |
2350 | +.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
2351 | + -moz-outline: none; | |
2352 | + -moz-user-focus: normal; | |
2353 | +} | |
2354 | + | |
2355 | +.x-grid3-row td, .x-grid3-summary-row td { | |
2356 | + line-height:13px; | |
2357 | + vertical-align: top; | |
2358 | + padding-left:1px; | |
2359 | + padding-right:1px; | |
2360 | + -moz-user-select: none; | |
2361 | + -khtml-user-select:none; | |
2362 | + -webkit-user-select:ignore; | |
2363 | +} | |
2364 | + | |
2365 | +.x-grid3-cell{ | |
2366 | + -moz-user-select: none; | |
2367 | + -khtml-user-select:none; | |
2368 | + -webkit-user-select:ignore; | |
2369 | +} | |
2370 | + | |
2371 | +.x-grid3-hd-row td { | |
2372 | + line-height:15px; | |
2373 | + vertical-align:middle; | |
2374 | + border-left:1px solid; | |
2375 | + border-right:1px solid; | |
2376 | +} | |
2377 | + | |
2378 | +.x-grid3-hd-row .x-grid3-marker-hd { | |
2379 | + padding:3px; | |
2380 | +} | |
2381 | + | |
2382 | +.x-grid3-row .x-grid3-marker { | |
2383 | + padding:3px; | |
2384 | +} | |
2385 | + | |
2386 | +.x-grid3-cell-inner, .x-grid3-hd-inner{ | |
2387 | + overflow:hidden; | |
2388 | + -o-text-overflow: ellipsis; | |
2389 | + text-overflow: ellipsis; | |
2390 | + padding:3px 3px 3px 5px; | |
2391 | + white-space: nowrap; | |
2392 | +} | |
2393 | + | |
2394 | +.x-grid3-hd-inner { | |
2395 | + position:relative; | |
2396 | + cursor:inherit; | |
2397 | + padding:4px 3px 4px 5px; | |
2398 | +} | |
2399 | + | |
2400 | +.x-grid3-row-body { | |
2401 | + white-space:normal; | |
2402 | +} | |
2403 | + | |
2404 | +.x-grid3-body-cell { | |
2405 | + -moz-outline:0 none; | |
2406 | + outline:0 none; | |
2407 | +} | |
2408 | + | |
2409 | +/* IE Quirks to clip */ | |
2410 | +.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ | |
2411 | + width:100%; | |
2412 | +} | |
2413 | + | |
2414 | +/* reverse above in strict mode */ | |
2415 | +.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ | |
2416 | + width:auto; | |
2417 | +} | |
2418 | + | |
2419 | +.x-grid-row-loading { | |
2420 | + background: no-repeat center center; | |
2421 | +} | |
2422 | + | |
2423 | +.x-grid-page { | |
2424 | + overflow:hidden; | |
2425 | +} | |
2426 | + | |
2427 | +.x-grid3-row { | |
2428 | + cursor: default; | |
2429 | + border: 1px solid; | |
2430 | + width:100%; | |
2431 | +} | |
2432 | + | |
2433 | +.x-grid3-row-over { | |
2434 | + border:1px solid; | |
2435 | + background: repeat-x left top; | |
2436 | +} | |
2437 | + | |
2438 | +.x-grid3-resize-proxy { | |
2439 | + width:1px; | |
2440 | + left:0; | |
2441 | + cursor: e-resize; | |
2442 | + cursor: col-resize; | |
2443 | + position:absolute; | |
2444 | + top:0; | |
2445 | + height:100px; | |
2446 | + overflow:hidden; | |
2447 | + visibility:hidden; | |
2448 | + border:0 none; | |
2449 | + z-index:7; | |
2450 | +} | |
2451 | + | |
2452 | +.x-grid3-resize-marker { | |
2453 | + width:1px; | |
2454 | + left:0; | |
2455 | + position:absolute; | |
2456 | + top:0; | |
2457 | + height:100px; | |
2458 | + overflow:hidden; | |
2459 | + visibility:hidden; | |
2460 | + border:0 none; | |
2461 | + z-index:7; | |
2462 | +} | |
2463 | + | |
2464 | +.x-grid3-focus { | |
2465 | + position:absolute; | |
2466 | + left:0; | |
2467 | + top:0; | |
2468 | + width:1px; | |
2469 | + height:1px; | |
2470 | + line-height:1px; | |
2471 | + font-size:1px; | |
2472 | + -moz-outline:0 none; | |
2473 | + outline:0 none; | |
2474 | + -moz-user-select: text; | |
2475 | + -khtml-user-select: text; | |
2476 | + -webkit-user-select:ignore; | |
2477 | +} | |
2478 | + | |
2479 | +/* header styles */ | |
2480 | +.x-grid3-header{ | |
2481 | + background: repeat-x 0 bottom; | |
2482 | + cursor:default; | |
2483 | + zoom:1; | |
2484 | + padding:1px 0 0 0; | |
2485 | +} | |
2486 | + | |
2487 | +.x-grid3-header-pop { | |
2488 | + border-left:1px solid; | |
2489 | + float:right; | |
2490 | + clear:none; | |
2491 | +} | |
2492 | + | |
2493 | +.x-grid3-header-pop-inner { | |
2494 | + border-left:1px solid; | |
2495 | + width:14px; | |
2496 | + height:19px; | |
2497 | + background: transparent no-repeat center center; | |
2498 | +} | |
2499 | + | |
2500 | +.ext-ie .x-grid3-header-pop-inner { | |
2501 | + width:15px; | |
2502 | +} | |
2503 | + | |
2504 | +.ext-strict .x-grid3-header-pop-inner { | |
2505 | + width:14px; | |
2506 | +} | |
2507 | + | |
2508 | +.x-grid3-header-inner { | |
2509 | + overflow:hidden; | |
2510 | + zoom:1; | |
2511 | + float:left; | |
2512 | +} | |
2513 | + | |
2514 | +.x-grid3-header-offset { | |
2515 | + padding-left:1px; | |
2516 | + text-align: left; | |
2517 | +} | |
2518 | + | |
2519 | +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
2520 | + border-left:1px solid; | |
2521 | + border-right:1px solid; | |
2522 | +} | |
2523 | + | |
2524 | +td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
2525 | + background: repeat-x left bottom; | |
2526 | + | |
2527 | +} | |
2528 | + | |
2529 | +.x-grid3-sort-icon{ | |
2530 | + background-repeat: no-repeat; | |
2531 | + display: none; | |
2532 | + height: 4px; | |
2533 | + width: 13px; | |
2534 | + margin-left:3px; | |
2535 | + vertical-align: middle; | |
2536 | +} | |
2537 | + | |
2538 | +.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { | |
2539 | + display: inline; | |
2540 | +} | |
2541 | + | |
2542 | +/* Header position fixes for IE strict mode */ | |
2543 | +.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { | |
2544 | + position:relative; | |
2545 | +} | |
2546 | + | |
2547 | +.ext-strict .ext-ie6 .x-grid3-hd-inner{ | |
2548 | + position:static; | |
2549 | +} | |
2550 | + | |
2551 | +/* Body Styles */ | |
2552 | +.x-grid3-body { | |
2553 | + zoom:1; | |
2554 | +} | |
2555 | + | |
2556 | +.x-grid3-scroller { | |
2557 | + overflow:auto; | |
2558 | + zoom:1; | |
2559 | + position:relative; | |
2560 | +} | |
2561 | + | |
2562 | +.x-grid3-cell-text, .x-grid3-hd-text { | |
2563 | + display: block; | |
2564 | + padding: 3px 5px 3px 5px; | |
2565 | + -moz-user-select: none; | |
2566 | + -khtml-user-select: none; | |
2567 | + -webkit-user-select:ignore; | |
2568 | +} | |
2569 | + | |
2570 | +.x-grid3-split { | |
2571 | + background-position: center; | |
2572 | + background-repeat: no-repeat; | |
2573 | + cursor: e-resize; | |
2574 | + cursor: col-resize; | |
2575 | + display: block; | |
2576 | + font-size: 1px; | |
2577 | + height: 16px; | |
2578 | + overflow: hidden; | |
2579 | + position: absolute; | |
2580 | + top: 2px; | |
2581 | + width: 6px; | |
2582 | + z-index: 3; | |
2583 | +} | |
2584 | + | |
2585 | +/* Column Reorder DD */ | |
2586 | +.x-dd-drag-proxy .x-grid3-hd-inner{ | |
2587 | + background: repeat-x left bottom; | |
2588 | + width:120px; | |
2589 | + padding:3px; | |
2590 | + border:1px solid; | |
2591 | + overflow:hidden; | |
2592 | +} | |
2593 | + | |
2594 | +.col-move-top, .col-move-bottom{ | |
2595 | + width:9px; | |
2596 | + height:9px; | |
2597 | + position:absolute; | |
2598 | + top:0; | |
2599 | + line-height:1px; | |
2600 | + font-size:1px; | |
2601 | + overflow:hidden; | |
2602 | + visibility:hidden; | |
2603 | + z-index:20000; | |
2604 | + background:transparent no-repeat left top; | |
2605 | +} | |
2606 | + | |
2607 | +/* Selection Styles */ | |
2608 | +.x-grid3-row-selected { | |
2609 | + border:1px dotted; | |
2610 | +} | |
2611 | + | |
2612 | +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
2613 | + background: repeat-x 0 bottom !important; | |
2614 | + vertical-align:middle !important; | |
2615 | + padding:0; | |
2616 | + border-top:1px solid; | |
2617 | + border-bottom:none !important; | |
2618 | + border-right:1px solid !important; | |
2619 | + text-align:center; | |
2620 | +} | |
2621 | + | |
2622 | +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
2623 | + padding:0 4px; | |
2624 | + text-align:center; | |
2625 | +} | |
2626 | + | |
2627 | +/* dirty cells */ | |
2628 | +.x-grid3-dirty-cell { | |
2629 | + background: transparent no-repeat 0 0; | |
2630 | +} | |
2631 | + | |
2632 | +/* Grid Toolbars */ | |
2633 | +.x-grid3-topbar, .x-grid3-bottombar{ | |
2634 | + overflow:hidden; | |
2635 | + display:none; | |
2636 | + zoom:1; | |
2637 | + position:relative; | |
2638 | +} | |
2639 | + | |
2640 | +.x-grid3-topbar .x-toolbar{ | |
2641 | + border-right:0 none; | |
2642 | +} | |
2643 | + | |
2644 | +.x-grid3-bottombar .x-toolbar{ | |
2645 | + border-right:0 none; | |
2646 | + border-bottom:0 none; | |
2647 | + border-top:1px solid; | |
2648 | +} | |
2649 | + | |
2650 | +/* Props Grid Styles */ | |
2651 | +.x-props-grid .x-grid3-cell{ | |
2652 | + padding:1px; | |
2653 | +} | |
2654 | + | |
2655 | +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
2656 | + background:transparent repeat-y -16px !important; | |
2657 | + padding-left:12px; | |
2658 | +} | |
2659 | + | |
2660 | +.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
2661 | + padding:1px; | |
2662 | + padding-right:0; | |
2663 | + border:0 none; | |
2664 | + border-right:1px solid; | |
2665 | +} | |
2666 | + | |
2667 | +/* dd */ | |
2668 | +.x-grid3-col-dd { | |
2669 | + border:0 none; | |
2670 | + padding:0; | |
2671 | + background:transparent; | |
2672 | +} | |
2673 | + | |
2674 | +.x-dd-drag-ghost .x-grid3-dd-wrap { | |
2675 | + padding:1px 3px 3px 1px; | |
2676 | +} | |
2677 | + | |
2678 | +.x-grid3-hd { | |
2679 | + -moz-user-select:none; | |
2680 | + -khtml-user-select:none; | |
2681 | + -webkit-user-select:ignore; | |
2682 | +} | |
2683 | + | |
2684 | +.x-grid3-hd-btn { | |
2685 | + display:none; | |
2686 | + position:absolute; | |
2687 | + width:14px; | |
2688 | + background:no-repeat left center; | |
2689 | + right:0; | |
2690 | + top:0; | |
2691 | + z-index:2; | |
2692 | + cursor:pointer; | |
2693 | +} | |
2694 | + | |
2695 | +.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { | |
2696 | + display:block; | |
2697 | +} | |
2698 | + | |
2699 | +a.x-grid3-hd-btn:hover { | |
2700 | + background-position:-14px center; | |
2701 | +} | |
2702 | + | |
2703 | +/* Expanders */ | |
2704 | +.x-grid3-body .x-grid3-td-expander { | |
2705 | + background:transparent repeat-y right; | |
2706 | +} | |
2707 | + | |
2708 | +.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { | |
2709 | + padding:0 !important; | |
2710 | + height:100%; | |
2711 | +} | |
2712 | + | |
2713 | +.x-grid3-row-expander { | |
2714 | + width:100%; | |
2715 | + height:18px; | |
2716 | + background-position:4px 2px; | |
2717 | + background-repeat:no-repeat; | |
2718 | + background-color:transparent; | |
2719 | +} | |
2720 | + | |
2721 | +.x-grid3-row-collapsed .x-grid3-row-expander { | |
2722 | + background-position:4px 2px; | |
2723 | +} | |
2724 | + | |
2725 | +.x-grid3-row-expanded .x-grid3-row-expander { | |
2726 | + background-position:-21px 2px; | |
2727 | +} | |
2728 | + | |
2729 | +.x-grid3-row-collapsed .x-grid3-row-body { | |
2730 | + display:none !important; | |
2731 | +} | |
2732 | + | |
2733 | +.x-grid3-row-expanded .x-grid3-row-body { | |
2734 | + display:block !important; | |
2735 | +} | |
2736 | + | |
2737 | +/* Checkers */ | |
2738 | +.x-grid3-body .x-grid3-td-checker { | |
2739 | + background:transparent repeat-y right; | |
2740 | +} | |
2741 | + | |
2742 | +.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { | |
2743 | + padding:0 !important; | |
2744 | + height:100%; | |
2745 | +} | |
2746 | + | |
2747 | +.x-grid3-row-checker, .x-grid3-hd-checker { | |
2748 | + width:100%; | |
2749 | + height:18px; | |
2750 | + background-position:2px 2px; | |
2751 | + background-repeat:no-repeat; | |
2752 | + background-color:transparent; | |
2753 | +} | |
2754 | + | |
2755 | +.x-grid3-row .x-grid3-row-checker { | |
2756 | + background-position:2px 2px; | |
2757 | +} | |
2758 | + | |
2759 | +.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { | |
2760 | + background-position:-23px 2px; | |
2761 | +} | |
2762 | + | |
2763 | +.x-grid3-hd-checker { | |
2764 | + background-position:2px 3px; | |
2765 | +} | |
2766 | + | |
2767 | +.x-grid3-hd-checker-on .x-grid3-hd-checker { | |
2768 | + background-position:-23px 3px; | |
2769 | +} | |
2770 | + | |
2771 | +/* Numberer */ | |
2772 | +.x-grid3-body .x-grid3-td-numberer { | |
2773 | + background:transparent repeat-y right; | |
2774 | +} | |
2775 | + | |
2776 | +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
2777 | + padding:3px 5px 0 0 !important; | |
2778 | + text-align:right; | |
2779 | +} | |
2780 | + | |
2781 | +/* Row Icon */ | |
2782 | + | |
2783 | +.x-grid3-body .x-grid3-td-row-icon { | |
2784 | + background:transparent repeat-y right; | |
2785 | + vertical-align:top; | |
2786 | + text-align:center; | |
2787 | +} | |
2788 | + | |
2789 | +.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { | |
2790 | + padding:0 !important; | |
2791 | + background-position:center center; | |
2792 | + background-repeat:no-repeat; | |
2793 | + width:16px; | |
2794 | + height:16px; | |
2795 | + margin-left:2px; | |
2796 | + margin-top:3px; | |
2797 | +} | |
2798 | + | |
2799 | +/* All specials */ | |
2800 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
2801 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
2802 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
2803 | + background:transparent repeat-y right; | |
2804 | +} | |
2805 | + | |
2806 | +.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { | |
2807 | + padding: 1px 0 0 0 !important; | |
2808 | +} | |
2809 | + | |
2810 | +.x-grid3-check-col { | |
2811 | + width:100%; | |
2812 | + height:16px; | |
2813 | + background-position:center center; | |
2814 | + background-repeat:no-repeat; | |
2815 | + background-color:transparent; | |
2816 | +} | |
2817 | + | |
2818 | +.x-grid3-check-col-on { | |
2819 | + width:100%; | |
2820 | + height:16px; | |
2821 | + background-position:center center; | |
2822 | + background-repeat:no-repeat; | |
2823 | + background-color:transparent; | |
2824 | +} | |
2825 | + | |
2826 | +/* Grouping classes */ | |
2827 | +.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
2828 | + zoom:1; | |
2829 | +} | |
2830 | + | |
2831 | +.x-grid-group-hd { | |
2832 | + border-bottom: 2px solid; | |
2833 | + cursor:pointer; | |
2834 | + padding-top:6px; | |
2835 | +} | |
2836 | + | |
2837 | +.x-grid-group-hd div.x-grid-group-title { | |
2838 | + background:transparent no-repeat 3px 3px; | |
2839 | + padding:4px 4px 4px 17px; | |
2840 | +} | |
2841 | + | |
2842 | +.x-grid-group-collapsed .x-grid-group-body { | |
2843 | + display:none; | |
2844 | +} | |
2845 | + | |
2846 | +.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { | |
2847 | + position:relative; | |
2848 | + top:-1px; | |
2849 | +} | |
2850 | + | |
2851 | +.ext-ie .x-props-grid .x-editor .x-form-text { | |
2852 | + position:static; | |
2853 | + top:0; | |
2854 | +} | |
2855 | + | |
2856 | +.x-grid-empty { | |
2857 | + padding:10px; | |
2858 | +} | |
2859 | + | |
2860 | +/* fix floating toolbar issue */ | |
2861 | +.ext-ie7 .x-grid-panel .x-panel-bbar { | |
2862 | + position:relative; | |
2863 | +} | |
2864 | + | |
2865 | +.ext-ie6 .x-grid3-header { | |
2866 | + position: relative; | |
2867 | +} | |
2868 | + | |
2869 | +/* column lines */ | |
2870 | +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
2871 | + padding-right:0; | |
2872 | + border-right:1px solid; | |
2873 | +} | |
2874 | +.x-dd-drag-proxy{ | |
2875 | + position:absolute; | |
2876 | + left:0; | |
2877 | + top:0; | |
2878 | + visibility:hidden; | |
2879 | + z-index:15000; | |
2880 | +} | |
2881 | + | |
2882 | +.x-dd-drag-ghost{ | |
2883 | + -moz-opacity: 0.85; | |
2884 | + opacity:.85; | |
2885 | + filter: alpha(opacity=85); | |
2886 | + border: 1px solid; | |
2887 | + padding:3px; | |
2888 | + padding-left:20px; | |
2889 | + white-space:nowrap; | |
2890 | +} | |
2891 | + | |
2892 | +.x-dd-drag-repair .x-dd-drag-ghost{ | |
2893 | + -moz-opacity: 0.4; | |
2894 | + opacity:.4; | |
2895 | + filter: alpha(opacity=40); | |
2896 | + border:0 none; | |
2897 | + padding:0; | |
2898 | + background-color:transparent; | |
2899 | +} | |
2900 | + | |
2901 | +.x-dd-drag-repair .x-dd-drop-icon{ | |
2902 | + visibility:hidden; | |
2903 | +} | |
2904 | + | |
2905 | +.x-dd-drop-icon{ | |
2906 | + position:absolute; | |
2907 | + top:3px; | |
2908 | + left:3px; | |
2909 | + display:block; | |
2910 | + width:16px; | |
2911 | + height:16px; | |
2912 | + background-color:transparent; | |
2913 | + background-position: center; | |
2914 | + background-repeat: no-repeat; | |
2915 | + z-index:1; | |
2916 | +} | |
2917 | + | |
2918 | +.x-view-selector { | |
2919 | + position:absolute; | |
2920 | + left:0; | |
2921 | + top:0; | |
2922 | + width:0; | |
2923 | + border:1px dotted; | |
2924 | + opacity: .5; | |
2925 | + -moz-opacity: .5; | |
2926 | + filter:alpha(opacity=50); | |
2927 | + zoom:1; | |
2928 | +}.ext-strict .ext-ie .x-tree .x-panel-bwrap{ | |
2929 | + position:relative; | |
2930 | + overflow:hidden; | |
2931 | +} | |
2932 | + | |
2933 | +.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
2934 | + border: 0 none; | |
2935 | + height: 18px; | |
2936 | + margin: 0; | |
2937 | + padding: 0; | |
2938 | + vertical-align: top; | |
2939 | + width: 16px; | |
2940 | + background-repeat: no-repeat; | |
2941 | +} | |
2942 | + | |
2943 | +.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ | |
2944 | + border: 0 none; | |
2945 | + height: 18px; | |
2946 | + margin: 0; | |
2947 | + padding: 0; | |
2948 | + vertical-align: top; | |
2949 | + width: 16px; | |
2950 | + background-position:center; | |
2951 | + background-repeat: no-repeat; | |
2952 | +} | |
2953 | + | |
2954 | +.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { | |
2955 | + vertical-align:middle !important; | |
2956 | +} | |
2957 | + | |
2958 | +/* checkboxes */ | |
2959 | +.ext-ie input.x-tree-node-cb { | |
2960 | + width:15px; | |
2961 | + height:15px; | |
2962 | +} | |
2963 | + | |
2964 | +input.x-tree-node-cb { | |
2965 | + margin-left:1px; | |
2966 | +} | |
2967 | + | |
2968 | +.ext-ie input.x-tree-node-cb { | |
2969 | + margin-left:0; | |
2970 | +} | |
2971 | + | |
2972 | +.x-tree-noicon .x-tree-node-icon{ | |
2973 | + width:0; height:0; | |
2974 | +} | |
2975 | + | |
2976 | +/* loading icon */ | |
2977 | +.ext-ie .x-tree-node-el input { | |
2978 | + width:15px; | |
2979 | + height:15px; | |
2980 | +} | |
2981 | + | |
2982 | +/* No line styles */ | |
2983 | +.x-tree-no-lines .x-tree-elbow{ | |
2984 | + background:transparent; | |
2985 | +} | |
2986 | + | |
2987 | +.x-tree-no-lines .x-tree-elbow-end{ | |
2988 | + background:transparent; | |
2989 | +} | |
2990 | + | |
2991 | +.x-tree-no-lines .x-tree-elbow-line{ | |
2992 | + background:transparent; | |
2993 | +} | |
2994 | + | |
2995 | +/* Arrows */ | |
2996 | +.x-tree-arrows .x-tree-elbow{ | |
2997 | + background:transparent; | |
2998 | +} | |
2999 | + | |
3000 | +.x-tree-arrows .x-tree-elbow-plus{ | |
3001 | + background:transparent no-repeat 0 0; | |
3002 | +} | |
3003 | + | |
3004 | +.x-tree-arrows .x-tree-elbow-minus{ | |
3005 | + background:transparent no-repeat -16px 0; | |
3006 | +} | |
3007 | + | |
3008 | +.x-tree-arrows .x-tree-elbow-end{ | |
3009 | + background:transparent; | |
3010 | +} | |
3011 | + | |
3012 | +.x-tree-arrows .x-tree-elbow-end-plus{ | |
3013 | + background:transparent no-repeat 0 0; | |
3014 | +} | |
3015 | + | |
3016 | +.x-tree-arrows .x-tree-elbow-end-minus{ | |
3017 | + background:transparent no-repeat -16px 0; | |
3018 | +} | |
3019 | + | |
3020 | +.x-tree-arrows .x-tree-elbow-line{ | |
3021 | + background:transparent; | |
3022 | +} | |
3023 | + | |
3024 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ | |
3025 | + background-position:-32px 0; | |
3026 | +} | |
3027 | + | |
3028 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ | |
3029 | + background-position:-48px 0; | |
3030 | +} | |
3031 | + | |
3032 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ | |
3033 | + background-position:-32px 0; | |
3034 | +} | |
3035 | + | |
3036 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ | |
3037 | + background-position:-48px 0; | |
3038 | +} | |
3039 | + | |
3040 | +.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
3041 | + cursor:pointer; | |
3042 | +} | |
3043 | + | |
3044 | +.ext-ie ul.x-tree-node-ct{ | |
3045 | + font-size:0; | |
3046 | + line-height:0; | |
3047 | + zoom:1; | |
3048 | +} | |
3049 | + | |
3050 | +.x-tree-node{ | |
3051 | + white-space: nowrap; | |
3052 | +} | |
3053 | + | |
3054 | +.x-tree-node-el { | |
3055 | + line-height:18px; | |
3056 | + cursor:pointer; | |
3057 | +} | |
3058 | + | |
3059 | +.x-tree-node a, .x-dd-drag-ghost a{ | |
3060 | + text-decoration:none; | |
3061 | + -khtml-user-select:none; | |
3062 | + -moz-user-select:none; | |
3063 | + -webkit-user-select:ignore; | |
3064 | + -kthml-user-focus:normal; | |
3065 | + -moz-user-focus:normal; | |
3066 | + -moz-outline: 0 none; | |
3067 | + outline:0 none; | |
3068 | +} | |
3069 | + | |
3070 | +.x-tree-node a span, .x-dd-drag-ghost a span{ | |
3071 | + text-decoration:none; | |
3072 | + padding:1px 3px 1px 2px; | |
3073 | +} | |
3074 | + | |
3075 | +.x-tree-node .x-tree-node-disabled .x-tree-node-icon{ | |
3076 | + -moz-opacity: 0.5; | |
3077 | + opacity:.5; | |
3078 | + filter: alpha(opacity=50); | |
3079 | +} | |
3080 | + | |
3081 | +.x-tree-node .x-tree-node-inline-icon{ | |
3082 | + background:transparent; | |
3083 | +} | |
3084 | + | |
3085 | +.x-tree-node a:hover, .x-dd-drag-ghost a:hover{ | |
3086 | + text-decoration:none; | |
3087 | +} | |
3088 | + | |
3089 | +.x-tree-node div.x-tree-drag-insert-below{ | |
3090 | + border-bottom:1px dotted; | |
3091 | +} | |
3092 | + | |
3093 | +.x-tree-node div.x-tree-drag-insert-above{ | |
3094 | + border-top:1px dotted; | |
3095 | +} | |
3096 | + | |
3097 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ | |
3098 | + border-bottom:0 none; | |
3099 | +} | |
3100 | + | |
3101 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ | |
3102 | + border-top:0 none; | |
3103 | +} | |
3104 | + | |
3105 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
3106 | + border-bottom:2px solid; | |
3107 | +} | |
3108 | + | |
3109 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
3110 | + border-top:2px solid; | |
3111 | +} | |
3112 | + | |
3113 | +.x-tree-node .x-tree-drag-append a span{ | |
3114 | + border:1px dotted; | |
3115 | +} | |
3116 | + | |
3117 | +.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ | |
3118 | + display:none !important; | |
3119 | +} | |
3120 | + | |
3121 | +/* Fix for ie rootVisible:false issue */ | |
3122 | +.x-tree-root-ct { | |
3123 | + zoom:1; | |
3124 | +} | |
3125 | +.x-date-picker { | |
3126 | + border: 1px solid; | |
3127 | + border-top:0 none; | |
3128 | + position:relative; | |
1394 | 3129 | } |
1395 | 3130 | |
1396 | -.x-btn button{ | |
1397 | - border:0 none; | |
1398 | - background:transparent; | |
1399 | - padding-left:3px; | |
1400 | - padding-right:3px; | |
1401 | - cursor:pointer; | |
1402 | - margin:0; | |
1403 | - overflow:visible; | |
1404 | - width:auto; | |
3131 | +.x-date-picker a { | |
1405 | 3132 | -moz-outline:0 none; |
1406 | 3133 | outline:0 none; |
1407 | 3134 | } |
1408 | 3135 | |
1409 | -* html .ext-ie .x-btn button { | |
1410 | - width:1px; | |
3136 | +.x-date-inner, .x-date-inner td, .x-date-inner th{ | |
3137 | + border-collapse:separate; | |
1411 | 3138 | } |
1412 | 3139 | |
1413 | -.ext-gecko .x-btn button { | |
1414 | - padding-left:0; | |
1415 | - padding-right:0; | |
1416 | -} | |
1417 | - | |
1418 | -.ext-gecko .x-btn button::-moz-focus-inner { | |
1419 | - padding:0; | |
1420 | -} | |
1421 | - | |
1422 | -.ext-ie .x-btn button { | |
1423 | - padding-top:2px; | |
1424 | -} | |
1425 | - | |
1426 | -.x-btn td { | |
1427 | - padding:0 !important; | |
1428 | -} | |
1429 | - | |
1430 | -.x-btn-text { | |
1431 | - cursor:pointer; | |
1432 | - white-space: nowrap; | |
1433 | - padding:0; | |
1434 | -} | |
1435 | - | |
1436 | -/* icon placement and sizing styles */ | |
1437 | - | |
1438 | -/* Only text */ | |
1439 | -.x-btn-noicon .x-btn-small .x-btn-text{ | |
1440 | - height: 16px; | |
1441 | -} | |
1442 | - | |
1443 | -.x-btn-noicon .x-btn-medium .x-btn-text{ | |
1444 | - height: 24px; | |
1445 | -} | |
1446 | - | |
1447 | -.x-btn-noicon .x-btn-large .x-btn-text{ | |
1448 | - height: 32px; | |
1449 | -} | |
1450 | - | |
1451 | -/* Only icons */ | |
1452 | -.x-btn-icon .x-btn-text{ | |
1453 | - background-position: center; | |
1454 | - background-repeat: no-repeat; | |
1455 | -} | |
1456 | - | |
1457 | -.x-btn-icon .x-btn-small .x-btn-text{ | |
1458 | - height: 16px; | |
1459 | - width: 16px; | |
1460 | -} | |
1461 | - | |
1462 | -.x-btn-icon .x-btn-medium .x-btn-text{ | |
1463 | - height: 24px; | |
1464 | - width: 24px; | |
1465 | -} | |
1466 | - | |
1467 | -.x-btn-icon .x-btn-large .x-btn-text{ | |
1468 | - height: 32px; | |
1469 | - width: 32px; | |
1470 | -} | |
1471 | - | |
1472 | -/* Icons and text */ | |
1473 | -/* left */ | |
1474 | -.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ | |
1475 | - background-position: 0 center; | |
1476 | - background-repeat: no-repeat; | |
1477 | - padding-left:18px; | |
1478 | - height:16px; | |
1479 | -} | |
1480 | - | |
1481 | -.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ | |
1482 | - background-position: 0 center; | |
1483 | - background-repeat: no-repeat; | |
1484 | - padding-left:26px; | |
1485 | - height:24px; | |
1486 | -} | |
1487 | - | |
1488 | -.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ | |
1489 | - background-position: 0 center; | |
1490 | - background-repeat: no-repeat; | |
1491 | - padding-left:34px; | |
1492 | - height:32px; | |
1493 | -} | |
1494 | - | |
1495 | -/* top */ | |
1496 | -.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ | |
1497 | - background-position: center 0; | |
1498 | - background-repeat: no-repeat; | |
1499 | - padding-top:18px; | |
1500 | -} | |
1501 | - | |
1502 | -.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ | |
1503 | - background-position: center 0; | |
1504 | - background-repeat: no-repeat; | |
1505 | - padding-top:26px; | |
1506 | -} | |
1507 | - | |
1508 | -.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ | |
1509 | - background-position: center 0; | |
1510 | - background-repeat: no-repeat; | |
1511 | - padding-top:34px; | |
1512 | -} | |
1513 | - | |
1514 | -/* right */ | |
1515 | -.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ | |
1516 | - background-position: right center; | |
1517 | - background-repeat: no-repeat; | |
1518 | - padding-right:18px; | |
1519 | - height:16px; | |
1520 | -} | |
1521 | - | |
1522 | -.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ | |
1523 | - background-position: right center; | |
1524 | - background-repeat: no-repeat; | |
1525 | - padding-right:26px; | |
1526 | - height:24px; | |
1527 | -} | |
1528 | - | |
1529 | -.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ | |
1530 | - background-position: right center; | |
1531 | - background-repeat: no-repeat; | |
1532 | - padding-right:34px; | |
1533 | - height:32px; | |
1534 | -} | |
1535 | - | |
1536 | -/* bottom */ | |
1537 | -.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ | |
1538 | - background-position: center bottom; | |
1539 | - background-repeat: no-repeat; | |
1540 | - padding-bottom:18px; | |
1541 | -} | |
1542 | - | |
1543 | -.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ | |
1544 | - background-position: center bottom; | |
1545 | - background-repeat: no-repeat; | |
1546 | - padding-bottom:26px; | |
1547 | -} | |
1548 | - | |
1549 | -.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ | |
1550 | - background-position: center bottom; | |
1551 | - background-repeat: no-repeat; | |
1552 | - padding-bottom:34px; | |
1553 | -} | |
1554 | - | |
1555 | -/* background positioning */ | |
1556 | -.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ | |
1557 | - font-size:1px; | |
1558 | - line-height:1px; | |
1559 | - width:3px; | |
1560 | - display:block; | |
1561 | - overflow:hidden; | |
1562 | -} | |
1563 | - | |
1564 | -.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ | |
1565 | - height:3px; | |
1566 | -} | |
1567 | - | |
1568 | -.x-btn-tl{ | |
1569 | - width:3px; | |
1570 | - height:3px; | |
1571 | - background:no-repeat 0 0; | |
1572 | -} | |
1573 | -.x-btn-tr{ | |
1574 | - width:3px; | |
1575 | - height:3px; | |
1576 | - background:no-repeat -3px 0; | |
1577 | -} | |
1578 | -.x-btn-tc{ | |
1579 | - height:3px; | |
1580 | - background:repeat-x 0 -6px; | |
1581 | -} | |
1582 | - | |
1583 | -.x-btn-ml{ | |
1584 | - width:3px; | |
1585 | - background:no-repeat 0 -24px; | |
1586 | -} | |
1587 | -.x-btn-mr{ | |
1588 | - width:3px; | |
1589 | - background:no-repeat -3px -24px; | |
1590 | -} | |
1591 | - | |
1592 | -.x-btn-mc{ | |
1593 | - background:repeat-x 0 -1096px; | |
1594 | - vertical-align: middle; | |
1595 | - text-align:center; | |
1596 | - padding:0 5px; | |
1597 | - cursor:pointer; | |
1598 | - white-space:nowrap; | |
1599 | -} | |
1600 | - | |
1601 | -.x-btn-bl{ | |
1602 | - width:3px; | |
1603 | - height:3px; | |
1604 | - background:no-repeat 0 -3px; | |
1605 | -} | |
1606 | - | |
1607 | -.x-btn-br{ | |
1608 | - width:3px; | |
1609 | - height:3px; | |
1610 | - background:no-repeat -3px -3px; | |
1611 | -} | |
1612 | - | |
1613 | -.x-btn-bc{ | |
1614 | - height:3px; | |
1615 | - background:repeat-x 0 -15px; | |
1616 | -} | |
1617 | - | |
1618 | -.x-btn-over .x-btn-tl{ | |
1619 | - background-position: -6px 0; | |
1620 | -} | |
1621 | - | |
1622 | -.x-btn-over .x-btn-tr{ | |
1623 | - background-position: -9px 0; | |
1624 | -} | |
1625 | - | |
1626 | -.x-btn-over .x-btn-tc{ | |
1627 | - background-position: 0 -9px; | |
1628 | -} | |
1629 | - | |
1630 | -.x-btn-over .x-btn-ml{ | |
1631 | - background-position: -6px -24px; | |
1632 | -} | |
1633 | - | |
1634 | -.x-btn-over .x-btn-mr{ | |
1635 | - background-position: -9px -24px; | |
1636 | -} | |
1637 | - | |
1638 | -.x-btn-over .x-btn-mc{ | |
1639 | - background-position: 0 -2168px; | |
1640 | -} | |
1641 | - | |
1642 | -.x-btn-over .x-btn-bl{ | |
1643 | - background-position: -6px -3px; | |
1644 | -} | |
1645 | - | |
1646 | -.x-btn-over .x-btn-br{ | |
1647 | - background-position: -9px -3px; | |
1648 | -} | |
1649 | - | |
1650 | -.x-btn-over .x-btn-bc{ | |
1651 | - background-position: 0 -18px; | |
1652 | -} | |
1653 | - | |
1654 | -.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ | |
1655 | - background-position: -12px 0; | |
1656 | -} | |
1657 | - | |
1658 | -.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ | |
1659 | - background-position: -15px 0; | |
1660 | -} | |
1661 | - | |
1662 | -.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ | |
1663 | - background-position: 0 -12px; | |
1664 | -} | |
1665 | - | |
1666 | -.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ | |
1667 | - background-position: -12px -24px; | |
1668 | -} | |
1669 | - | |
1670 | -.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ | |
1671 | - background-position: -15px -24px; | |
1672 | -} | |
1673 | - | |
1674 | -.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ | |
1675 | - background-position: 0 -3240px; | |
1676 | -} | |
1677 | - | |
1678 | -.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ | |
1679 | - background-position: -12px -3px; | |
1680 | -} | |
1681 | - | |
1682 | -.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ | |
1683 | - background-position: -15px -3px; | |
1684 | -} | |
1685 | - | |
1686 | -.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ | |
1687 | - background-position: 0 -21px; | |
1688 | -} | |
1689 | - | |
1690 | -.x-btn-disabled *{ | |
1691 | - cursor:default !important; | |
1692 | -} | |
1693 | - | |
1694 | - | |
1695 | -/* With a menu arrow */ | |
1696 | -/* right */ | |
1697 | -.x-btn-mc em.x-btn-arrow { | |
1698 | - display:block; | |
1699 | - background:transparent no-repeat right center; | |
1700 | - padding-right:10px; | |
1701 | -} | |
1702 | - | |
1703 | -.x-btn-mc em.x-btn-split { | |
1704 | - display:block; | |
1705 | - background:transparent no-repeat right center; | |
1706 | - padding-right:14px; | |
1707 | -} | |
1708 | - | |
1709 | -/* bottom */ | |
1710 | -.x-btn-mc em.x-btn-arrow-bottom { | |
1711 | - display:block; | |
1712 | - background:transparent no-repeat center bottom; | |
1713 | - padding-bottom:14px; | |
1714 | -} | |
1715 | - | |
1716 | -.x-btn-mc em.x-btn-split-bottom { | |
1717 | - display:block; | |
1718 | - background:transparent no-repeat center bottom; | |
1719 | - padding-bottom:14px; | |
1720 | -} | |
1721 | - | |
1722 | -/* height adjustment class */ | |
1723 | -.x-btn-as-arrow .x-btn-mc em { | |
1724 | - display:block; | |
1725 | - background:transparent; | |
1726 | - padding-bottom:14px; | |
1727 | -} | |
1728 | - | |
1729 | -/* groups */ | |
1730 | -.x-btn-group { | |
1731 | - padding:1px; | |
1732 | -} | |
1733 | - | |
1734 | -.x-btn-group-header { | |
1735 | - padding:2px; | |
1736 | - text-align:center; | |
1737 | -} | |
1738 | - | |
1739 | -.x-btn-group-tc { | |
1740 | - background: transparent repeat-x 0 0; | |
1741 | - overflow:hidden; | |
1742 | -} | |
1743 | - | |
1744 | -.x-btn-group-tl { | |
1745 | - background: transparent no-repeat 0 0; | |
1746 | - padding-left:3px; | |
1747 | - zoom:1; | |
1748 | -} | |
1749 | - | |
1750 | -.x-btn-group-tr { | |
1751 | - background: transparent no-repeat right 0; | |
1752 | - zoom:1; | |
1753 | - padding-right:3px; | |
1754 | -} | |
1755 | - | |
1756 | -.x-btn-group-bc { | |
1757 | - background: transparent repeat-x 0 bottom; | |
1758 | - zoom:1; | |
1759 | -} | |
1760 | - | |
1761 | -.x-btn-group-bc .x-panel-footer { | |
1762 | - zoom:1; | |
1763 | -} | |
1764 | - | |
1765 | -.x-btn-group-bl { | |
1766 | - background: transparent no-repeat 0 bottom; | |
1767 | - padding-left:3px; | |
1768 | - zoom:1; | |
1769 | -} | |
1770 | - | |
1771 | -.x-btn-group-br { | |
1772 | - background: transparent no-repeat right bottom; | |
1773 | - padding-right:3px; | |
1774 | - zoom:1; | |
1775 | -} | |
1776 | - | |
1777 | -.x-btn-group-mc { | |
1778 | - border:0 none; | |
1779 | - padding:1px 0 0 0; | |
1780 | - margin:0; | |
1781 | -} | |
1782 | - | |
1783 | -.x-btn-group-mc .x-btn-group-body { | |
1784 | - background:transparent; | |
1785 | - border: 0 none; | |
1786 | -} | |
1787 | - | |
1788 | -.x-btn-group-ml { | |
1789 | - background: transparent repeat-y 0 0; | |
1790 | - padding-left:3px; | |
1791 | - zoom:1; | |
1792 | -} | |
1793 | - | |
1794 | -.x-btn-group-mr { | |
1795 | - background: transparent repeat-y right 0; | |
1796 | - padding-right:3px; | |
1797 | - zoom:1; | |
1798 | -} | |
1799 | - | |
1800 | -.x-btn-group-bc .x-btn-group-footer { | |
1801 | - padding-bottom:6px; | |
1802 | -} | |
1803 | - | |
1804 | -.x-panel-nofooter .x-btn-group-bc { | |
1805 | - height:3px; | |
1806 | - font-size:0; | |
1807 | - line-height:0; | |
1808 | -} | |
1809 | - | |
1810 | -.x-btn-group-bwrap { | |
1811 | - overflow:hidden; | |
1812 | - zoom:1; | |
1813 | -} | |
1814 | - | |
1815 | -.x-btn-group-body { | |
1816 | - overflow:hidden; | |
1817 | - zoom:1; | |
1818 | -} | |
1819 | - | |
1820 | -.x-btn-group-notitle .x-btn-group-tc { | |
1821 | - background: transparent repeat-x 0 0; | |
1822 | - overflow:hidden; | |
1823 | - height:2px; | |
1824 | -}.x-toolbar{ | |
1825 | - border-style:solid; | |
1826 | - border-width:0 0 1px 0; | |
1827 | - display: block; | |
1828 | - padding:2px; | |
1829 | - background:repeat-x top left; | |
1830 | - position:relative; | |
1831 | - left:0; | |
1832 | - top:0; | |
1833 | - zoom:1; | |
1834 | - overflow:hidden; | |
1835 | -} | |
1836 | - | |
1837 | -.x-toolbar .x-item-disabled .x-btn-icon { | |
1838 | - opacity: .35; | |
1839 | - -moz-opacity: .35; | |
1840 | - filter: alpha(opacity=35); | |
1841 | -} | |
1842 | - | |
1843 | -.x-toolbar td { | |
1844 | - vertical-align:middle; | |
1845 | -} | |
1846 | - | |
1847 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
1848 | - white-space: nowrap; | |
1849 | -} | |
1850 | - | |
1851 | -.x-toolbar .x-item-disabled { | |
1852 | - cursor:default; | |
1853 | - opacity:.6; | |
1854 | - -moz-opacity:.6; | |
1855 | - filter:alpha(opacity=60); | |
1856 | -} | |
1857 | - | |
1858 | -.x-toolbar .x-item-disabled * { | |
1859 | - cursor:default; | |
1860 | -} | |
1861 | - | |
1862 | -.x-toolbar .x-toolbar-cell { | |
1863 | - vertical-align:middle; | |
1864 | -} | |
1865 | - | |
1866 | -.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
1867 | -.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
1868 | -{ | |
1869 | - background-position: 500px 500px; | |
1870 | -} | |
1871 | - | |
1872 | -/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
1873 | -.x-toolbar .x-btn-over .x-btn-tl{ | |
1874 | - background-position: -6px 0; | |
1875 | -} | |
1876 | - | |
1877 | -.x-toolbar .x-btn-over .x-btn-tr{ | |
1878 | - background-position: -9px 0; | |
1879 | -} | |
1880 | - | |
1881 | -.x-toolbar .x-btn-over .x-btn-tc{ | |
1882 | - background-position: 0 -9px; | |
1883 | -} | |
1884 | - | |
1885 | -.x-toolbar .x-btn-over .x-btn-ml{ | |
1886 | - background-position: -6px -24px; | |
1887 | -} | |
1888 | - | |
1889 | -.x-toolbar .x-btn-over .x-btn-mr{ | |
1890 | - background-position: -9px -24px; | |
1891 | -} | |
1892 | - | |
1893 | -.x-toolbar .x-btn-over .x-btn-mc{ | |
1894 | - background-position: 0 -2168px; | |
1895 | -} | |
1896 | - | |
1897 | -.x-toolbar .x-btn-over .x-btn-bl{ | |
1898 | - background-position: -6px -3px; | |
1899 | -} | |
1900 | - | |
1901 | -.x-toolbar .x-btn-over .x-btn-br{ | |
1902 | - background-position: -9px -3px; | |
1903 | -} | |
1904 | - | |
1905 | -.x-toolbar .x-btn-over .x-btn-bc{ | |
1906 | - background-position: 0 -18px; | |
1907 | -} | |
1908 | - | |
1909 | -.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
1910 | - background-position: -12px 0; | |
1911 | -} | |
1912 | - | |
1913 | -.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
1914 | - background-position: -15px 0; | |
1915 | -} | |
1916 | - | |
1917 | -.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
1918 | - background-position: 0 -12px; | |
1919 | -} | |
1920 | - | |
1921 | -.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
1922 | - background-position: -12px -24px; | |
1923 | -} | |
1924 | - | |
1925 | -.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
1926 | - background-position: -15px -24px; | |
1927 | -} | |
1928 | - | |
1929 | -.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
1930 | - background-position: 0 -3240px; | |
1931 | -} | |
1932 | - | |
1933 | -.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
1934 | - background-position: -12px -3px; | |
1935 | -} | |
1936 | - | |
1937 | -.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
1938 | - background-position: -15px -3px; | |
1939 | -} | |
1940 | - | |
1941 | -.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
1942 | - background-position: 0 -21px; | |
1943 | -} | |
1944 | - | |
1945 | -.x-toolbar div.xtb-text{ | |
1946 | - padding:2px 2px 0; | |
1947 | - line-height:16px; | |
1948 | - display:block; | |
1949 | -} | |
1950 | - | |
1951 | -.x-toolbar .xtb-sep { | |
1952 | - background-position: center; | |
1953 | - background-repeat: no-repeat; | |
1954 | - display: block; | |
1955 | - font-size: 1px; | |
1956 | - height: 16px; | |
1957 | - width:4px; | |
1958 | - overflow: hidden; | |
1959 | - cursor:default; | |
1960 | - margin: 0 2px 0; | |
1961 | - border:0; | |
1962 | -} | |
1963 | - | |
1964 | -.x-toolbar .xtb-spacer { | |
1965 | - width:2px; | |
1966 | -} | |
1967 | - | |
1968 | -/* Paging Toolbar */ | |
1969 | -.x-tbar-page-number{ | |
1970 | - width:30px; | |
1971 | - height:14px; | |
1972 | -} | |
1973 | - | |
1974 | -.ext-ie .x-tbar-page-number{ | |
1975 | - margin-top: 2px; | |
1976 | -} | |
1977 | - | |
1978 | -.x-paging-info { | |
1979 | - position:absolute; | |
1980 | - top:5px; | |
1981 | - right: 8px; | |
1982 | -} | |
1983 | - | |
1984 | -/* floating */ | |
1985 | -.x-toolbar-ct { | |
1986 | - width:100%; | |
1987 | -} | |
1988 | - | |
1989 | -.x-toolbar-right td { | |
1990 | - text-align: center; | |
1991 | -} | |
1992 | - | |
1993 | -.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
1994 | - overflow:hidden; | |
1995 | - zoom:1; | |
1996 | -} | |
1997 | - | |
1998 | -.x-toolbar-more .x-btn-small .x-btn-text{ | |
1999 | - height: 16px; | |
2000 | - width: 12px; | |
2001 | -} | |
2002 | - | |
2003 | -.x-toolbar-more em.x-btn-arrow { | |
2004 | - display:inline; | |
2005 | - background:transparent; | |
2006 | - padding-right:0; | |
2007 | -} | |
2008 | - | |
2009 | -.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2010 | - background-image: none; | |
2011 | -} | |
2012 | - | |
2013 | -div.x-toolbar-no-items { | |
2014 | - color:gray !important; | |
2015 | - padding:5px 10px !important; | |
2016 | -} | |
2017 | - | |
2018 | -/* fix ie toolbar form items */ | |
2019 | -.ext-border-box .x-toolbar-cell .x-form-text { | |
2020 | - margin-bottom:-1px !important; | |
2021 | -} | |
2022 | - | |
2023 | -.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2024 | - margin:0 !important; | |
2025 | -} | |
2026 | - | |
2027 | -.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2028 | - height:21px; | |
2029 | -} | |
2030 | - | |
2031 | -.ext-ie .x-toolbar-cell .x-form-text { | |
2032 | - position:relative; | |
2033 | - top:-1px; | |
2034 | -} | |
2035 | - | |
2036 | -.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2037 | - top: 0px; | |
2038 | -} | |
2039 | - | |
2040 | -.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2041 | - text-align: left; | |
2042 | -} | |
2043 | - | |
2044 | -.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2045 | - vertical-align: top; | |
2046 | - margin-top: 5px; | |
2047 | -} | |
2048 | - | |
2049 | -.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2050 | - margin-top: 4px; | |
2051 | -} | |
2052 | - | |
2053 | -.x-toolbar-cell .x-form-check-wrap label{ | |
2054 | - vertical-align: bottom; | |
2055 | -} | |
2056 | - | |
2057 | -/* StatusBar */ | |
2058 | -.x-statusbar .x-status-text { | |
2059 | - height: 21px; | |
2060 | - line-height: 21px; | |
2061 | - padding: 0 4px; | |
2062 | - cursor: default; | |
2063 | -} | |
2064 | - | |
2065 | -.x-statusbar .x-status-busy { | |
2066 | - padding-left: 25px; | |
2067 | - background: transparent no-repeat 3px 3px; | |
2068 | -} | |
2069 | - | |
2070 | -.x-statusbar .x-status-text-panel { | |
2071 | - border-top: 1px solid; | |
2072 | - border-right: 1px solid; | |
2073 | - border-bottom: 1px solid; | |
2074 | - border-left: 1px solid; | |
2075 | - padding: 2px 8px 2px 5px; | |
2076 | -}.x-toolbar{ | |
2077 | - border-style:solid; | |
2078 | - border-width:0 0 1px 0; | |
2079 | - display: block; | |
2080 | - padding:2px; | |
2081 | - background:repeat-x top left; | |
2082 | - position:relative; | |
2083 | - left:0; | |
2084 | - top:0; | |
2085 | - zoom:1; | |
2086 | - overflow:hidden; | |
2087 | -} | |
2088 | - | |
2089 | -.x-toolbar .x-item-disabled .x-btn-icon { | |
2090 | - opacity: .35; | |
2091 | - -moz-opacity: .35; | |
2092 | - filter: alpha(opacity=35); | |
2093 | -} | |
2094 | - | |
2095 | -.x-toolbar td { | |
2096 | - vertical-align:middle; | |
2097 | -} | |
2098 | - | |
2099 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
2100 | - white-space: nowrap; | |
2101 | -} | |
2102 | - | |
2103 | -.x-toolbar .x-item-disabled { | |
2104 | - cursor:default; | |
2105 | - opacity:.6; | |
2106 | - -moz-opacity:.6; | |
2107 | - filter:alpha(opacity=60); | |
2108 | -} | |
2109 | - | |
2110 | -.x-toolbar .x-item-disabled * { | |
2111 | - cursor:default; | |
2112 | -} | |
2113 | - | |
2114 | -.x-toolbar .x-toolbar-cell { | |
2115 | - vertical-align:middle; | |
2116 | -} | |
2117 | - | |
2118 | -.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
2119 | -.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
2120 | -{ | |
2121 | - background-position: 500px 500px; | |
2122 | -} | |
2123 | - | |
2124 | -/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
2125 | -.x-toolbar .x-btn-over .x-btn-tl{ | |
2126 | - background-position: -6px 0; | |
2127 | -} | |
2128 | - | |
2129 | -.x-toolbar .x-btn-over .x-btn-tr{ | |
2130 | - background-position: -9px 0; | |
2131 | -} | |
2132 | - | |
2133 | -.x-toolbar .x-btn-over .x-btn-tc{ | |
2134 | - background-position: 0 -9px; | |
2135 | -} | |
2136 | - | |
2137 | -.x-toolbar .x-btn-over .x-btn-ml{ | |
2138 | - background-position: -6px -24px; | |
2139 | -} | |
2140 | - | |
2141 | -.x-toolbar .x-btn-over .x-btn-mr{ | |
2142 | - background-position: -9px -24px; | |
2143 | -} | |
2144 | - | |
2145 | -.x-toolbar .x-btn-over .x-btn-mc{ | |
2146 | - background-position: 0 -2168px; | |
2147 | -} | |
2148 | - | |
2149 | -.x-toolbar .x-btn-over .x-btn-bl{ | |
2150 | - background-position: -6px -3px; | |
2151 | -} | |
2152 | - | |
2153 | -.x-toolbar .x-btn-over .x-btn-br{ | |
2154 | - background-position: -9px -3px; | |
2155 | -} | |
2156 | - | |
2157 | -.x-toolbar .x-btn-over .x-btn-bc{ | |
2158 | - background-position: 0 -18px; | |
2159 | -} | |
2160 | - | |
2161 | -.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
2162 | - background-position: -12px 0; | |
2163 | -} | |
2164 | - | |
2165 | -.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
2166 | - background-position: -15px 0; | |
2167 | -} | |
2168 | - | |
2169 | -.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
2170 | - background-position: 0 -12px; | |
2171 | -} | |
2172 | - | |
2173 | -.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
2174 | - background-position: -12px -24px; | |
2175 | -} | |
2176 | - | |
2177 | -.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
2178 | - background-position: -15px -24px; | |
2179 | -} | |
2180 | - | |
2181 | -.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
2182 | - background-position: 0 -3240px; | |
2183 | -} | |
2184 | - | |
2185 | -.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
2186 | - background-position: -12px -3px; | |
2187 | -} | |
2188 | - | |
2189 | -.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
2190 | - background-position: -15px -3px; | |
2191 | -} | |
2192 | - | |
2193 | -.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
2194 | - background-position: 0 -21px; | |
2195 | -} | |
2196 | - | |
2197 | -.x-toolbar div.xtb-text{ | |
2198 | - padding:2px 2px 0; | |
2199 | - line-height:16px; | |
2200 | - display:block; | |
2201 | -} | |
2202 | - | |
2203 | -.x-toolbar .xtb-sep { | |
2204 | - background-position: center; | |
2205 | - background-repeat: no-repeat; | |
2206 | - display: block; | |
2207 | - font-size: 1px; | |
2208 | - height: 16px; | |
2209 | - width:4px; | |
2210 | - overflow: hidden; | |
2211 | - cursor:default; | |
2212 | - margin: 0 2px 0; | |
2213 | - border:0; | |
2214 | -} | |
2215 | - | |
2216 | -.x-toolbar .xtb-spacer { | |
2217 | - width:2px; | |
2218 | -} | |
2219 | - | |
2220 | -/* Paging Toolbar */ | |
2221 | -.x-tbar-page-number{ | |
2222 | - width:30px; | |
2223 | - height:14px; | |
2224 | -} | |
2225 | - | |
2226 | -.ext-ie .x-tbar-page-number{ | |
2227 | - margin-top: 2px; | |
2228 | -} | |
2229 | - | |
2230 | -.x-paging-info { | |
2231 | - position:absolute; | |
2232 | - top:5px; | |
2233 | - right: 8px; | |
2234 | -} | |
2235 | - | |
2236 | -/* floating */ | |
2237 | -.x-toolbar-ct { | |
2238 | - width:100%; | |
2239 | -} | |
2240 | - | |
2241 | -.x-toolbar-right td { | |
2242 | - text-align: center; | |
2243 | -} | |
2244 | - | |
2245 | -.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
2246 | - overflow:hidden; | |
2247 | - zoom:1; | |
2248 | -} | |
2249 | - | |
2250 | -.x-toolbar-more .x-btn-small .x-btn-text{ | |
2251 | - height: 16px; | |
2252 | - width: 12px; | |
2253 | -} | |
2254 | - | |
2255 | -.x-toolbar-more em.x-btn-arrow { | |
2256 | - display:inline; | |
2257 | - background:transparent; | |
2258 | - padding-right:0; | |
2259 | -} | |
2260 | - | |
2261 | -.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2262 | - background-image: none; | |
2263 | -} | |
2264 | - | |
2265 | -div.x-toolbar-no-items { | |
2266 | - color:gray !important; | |
2267 | - padding:5px 10px !important; | |
2268 | -} | |
2269 | - | |
2270 | -/* fix ie toolbar form items */ | |
2271 | -.ext-border-box .x-toolbar-cell .x-form-text { | |
2272 | - margin-bottom:-1px !important; | |
2273 | -} | |
2274 | - | |
2275 | -.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2276 | - margin:0 !important; | |
2277 | -} | |
2278 | - | |
2279 | -.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2280 | - height:21px; | |
2281 | -} | |
2282 | - | |
2283 | -.ext-ie .x-toolbar-cell .x-form-text { | |
2284 | - position:relative; | |
2285 | - top:-1px; | |
2286 | -} | |
2287 | - | |
2288 | -.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2289 | - top: 0px; | |
2290 | -} | |
2291 | - | |
2292 | -.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2293 | - text-align: left; | |
2294 | -} | |
2295 | - | |
2296 | -.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2297 | - vertical-align: top; | |
2298 | - margin-top: 5px; | |
2299 | -} | |
2300 | - | |
2301 | -.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2302 | - margin-top: 4px; | |
2303 | -} | |
2304 | - | |
2305 | -.x-toolbar-cell .x-form-check-wrap label{ | |
2306 | - vertical-align: bottom; | |
2307 | -} | |
2308 | - | |
2309 | -/* StatusBar */ | |
2310 | -.x-statusbar .x-status-text { | |
2311 | - height: 21px; | |
2312 | - line-height: 21px; | |
2313 | - padding: 0 4px; | |
2314 | - cursor: default; | |
2315 | -} | |
2316 | - | |
2317 | -.x-statusbar .x-status-busy { | |
2318 | - padding-left: 25px; | |
2319 | - background: transparent no-repeat 3px 3px; | |
2320 | -} | |
2321 | - | |
2322 | -.x-statusbar .x-status-text-panel { | |
2323 | - border-top: 1px solid; | |
2324 | - border-right: 1px solid; | |
2325 | - border-bottom: 1px solid; | |
2326 | - border-left: 1px solid; | |
2327 | - padding: 2px 8px 2px 5px; | |
2328 | -}/* Grid3 styles */ | |
2329 | -.x-grid3 { | |
2330 | - position:relative; | |
2331 | - overflow:hidden; | |
2332 | -} | |
2333 | - | |
2334 | -.x-grid-panel .x-panel-body { | |
2335 | - overflow:hidden !important; | |
2336 | -} | |
2337 | - | |
2338 | -.x-grid-panel .x-panel-mc .x-panel-body { | |
2339 | - border:1px solid; | |
2340 | -} | |
2341 | - | |
2342 | -.x-grid3 table { | |
2343 | - table-layout:fixed; | |
2344 | -} | |
2345 | - | |
2346 | -.x-grid3-viewport{ | |
2347 | - overflow:hidden; | |
2348 | -} | |
2349 | - | |
2350 | -.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
2351 | - -moz-outline: none; | |
2352 | - -moz-user-focus: normal; | |
2353 | -} | |
2354 | - | |
2355 | -.x-grid3-row td, .x-grid3-summary-row td { | |
2356 | - line-height:13px; | |
2357 | - vertical-align: top; | |
2358 | - padding-left:1px; | |
2359 | - padding-right:1px; | |
2360 | - -moz-user-select: none; | |
2361 | - -khtml-user-select:none; | |
2362 | - -webkit-user-select:ignore; | |
2363 | -} | |
2364 | - | |
2365 | -.x-grid3-cell{ | |
2366 | - -moz-user-select: none; | |
2367 | - -khtml-user-select:none; | |
2368 | - -webkit-user-select:ignore; | |
2369 | -} | |
2370 | - | |
2371 | -.x-grid3-hd-row td { | |
2372 | - line-height:15px; | |
2373 | - vertical-align:middle; | |
2374 | - border-left:1px solid; | |
2375 | - border-right:1px solid; | |
2376 | -} | |
2377 | - | |
2378 | -.x-grid3-hd-row .x-grid3-marker-hd { | |
2379 | - padding:3px; | |
2380 | -} | |
2381 | - | |
2382 | -.x-grid3-row .x-grid3-marker { | |
2383 | - padding:3px; | |
2384 | -} | |
2385 | - | |
2386 | -.x-grid3-cell-inner, .x-grid3-hd-inner{ | |
2387 | - overflow:hidden; | |
2388 | - -o-text-overflow: ellipsis; | |
2389 | - text-overflow: ellipsis; | |
2390 | - padding:3px 3px 3px 5px; | |
2391 | - white-space: nowrap; | |
2392 | -} | |
2393 | - | |
2394 | -.x-grid3-hd-inner { | |
2395 | - position:relative; | |
2396 | - cursor:inherit; | |
2397 | - padding:4px 3px 4px 5px; | |
2398 | -} | |
2399 | - | |
2400 | -.x-grid3-row-body { | |
2401 | - white-space:normal; | |
2402 | -} | |
2403 | - | |
2404 | -.x-grid3-body-cell { | |
2405 | - -moz-outline:0 none; | |
2406 | - outline:0 none; | |
2407 | -} | |
2408 | - | |
2409 | -/* IE Quirks to clip */ | |
2410 | -.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ | |
2411 | - width:100%; | |
2412 | -} | |
2413 | - | |
2414 | -/* reverse above in strict mode */ | |
2415 | -.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ | |
2416 | - width:auto; | |
2417 | -} | |
2418 | - | |
2419 | -.x-grid-row-loading { | |
2420 | - background: no-repeat center center; | |
2421 | -} | |
2422 | - | |
2423 | -.x-grid-page { | |
2424 | - overflow:hidden; | |
2425 | -} | |
2426 | - | |
2427 | -.x-grid3-row { | |
2428 | - cursor: default; | |
2429 | - border: 1px solid; | |
2430 | - width:100%; | |
2431 | -} | |
2432 | - | |
2433 | -.x-grid3-row-over { | |
2434 | - border:1px solid; | |
2435 | - background: repeat-x left top; | |
2436 | -} | |
2437 | - | |
2438 | -.x-grid3-resize-proxy { | |
2439 | - width:1px; | |
2440 | - left:0; | |
2441 | - cursor: e-resize; | |
2442 | - cursor: col-resize; | |
2443 | - position:absolute; | |
2444 | - top:0; | |
2445 | - height:100px; | |
2446 | - overflow:hidden; | |
2447 | - visibility:hidden; | |
2448 | - border:0 none; | |
2449 | - z-index:7; | |
2450 | -} | |
2451 | - | |
2452 | -.x-grid3-resize-marker { | |
2453 | - width:1px; | |
2454 | - left:0; | |
2455 | - position:absolute; | |
2456 | - top:0; | |
2457 | - height:100px; | |
2458 | - overflow:hidden; | |
2459 | - visibility:hidden; | |
2460 | - border:0 none; | |
2461 | - z-index:7; | |
2462 | -} | |
2463 | - | |
2464 | -.x-grid3-focus { | |
2465 | - position:absolute; | |
2466 | - left:0; | |
2467 | - top:0; | |
2468 | - width:1px; | |
2469 | - height:1px; | |
2470 | - line-height:1px; | |
2471 | - font-size:1px; | |
2472 | - -moz-outline:0 none; | |
2473 | - outline:0 none; | |
2474 | - -moz-user-select: text; | |
2475 | - -khtml-user-select: text; | |
2476 | - -webkit-user-select:ignore; | |
2477 | -} | |
2478 | - | |
2479 | -/* header styles */ | |
2480 | -.x-grid3-header{ | |
2481 | - background: repeat-x 0 bottom; | |
2482 | - cursor:default; | |
2483 | - zoom:1; | |
2484 | - padding:1px 0 0 0; | |
2485 | -} | |
2486 | - | |
2487 | -.x-grid3-header-pop { | |
2488 | - border-left:1px solid; | |
2489 | - float:right; | |
2490 | - clear:none; | |
2491 | -} | |
2492 | - | |
2493 | -.x-grid3-header-pop-inner { | |
2494 | - border-left:1px solid; | |
2495 | - width:14px; | |
2496 | - height:19px; | |
2497 | - background: transparent no-repeat center center; | |
2498 | -} | |
2499 | - | |
2500 | -.ext-ie .x-grid3-header-pop-inner { | |
2501 | - width:15px; | |
2502 | -} | |
2503 | - | |
2504 | -.ext-strict .x-grid3-header-pop-inner { | |
2505 | - width:14px; | |
2506 | -} | |
2507 | - | |
2508 | -.x-grid3-header-inner { | |
2509 | - overflow:hidden; | |
2510 | - zoom:1; | |
2511 | - float:left; | |
2512 | -} | |
2513 | - | |
2514 | -.x-grid3-header-offset { | |
2515 | - padding-left:1px; | |
2516 | - text-align: left; | |
2517 | -} | |
2518 | - | |
2519 | -td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
2520 | - border-left:1px solid; | |
2521 | - border-right:1px solid; | |
2522 | -} | |
2523 | - | |
2524 | -td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
2525 | - background: repeat-x left bottom; | |
2526 | - | |
2527 | -} | |
2528 | - | |
2529 | -.x-grid3-sort-icon{ | |
2530 | - background-repeat: no-repeat; | |
2531 | - display: none; | |
2532 | - height: 4px; | |
2533 | - width: 13px; | |
2534 | - margin-left:3px; | |
2535 | - vertical-align: middle; | |
2536 | -} | |
2537 | - | |
2538 | -.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { | |
2539 | - display: inline; | |
2540 | -} | |
2541 | - | |
2542 | -/* Header position fixes for IE strict mode */ | |
2543 | -.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { | |
2544 | - position:relative; | |
2545 | -} | |
2546 | - | |
2547 | -.ext-strict .ext-ie6 .x-grid3-hd-inner{ | |
2548 | - position:static; | |
2549 | -} | |
2550 | - | |
2551 | -/* Body Styles */ | |
2552 | -.x-grid3-body { | |
2553 | - zoom:1; | |
2554 | -} | |
2555 | - | |
2556 | -.x-grid3-scroller { | |
2557 | - overflow:auto; | |
2558 | - zoom:1; | |
2559 | - position:relative; | |
2560 | -} | |
2561 | - | |
2562 | -.x-grid3-cell-text, .x-grid3-hd-text { | |
2563 | - display: block; | |
2564 | - padding: 3px 5px 3px 5px; | |
2565 | - -moz-user-select: none; | |
2566 | - -khtml-user-select: none; | |
2567 | - -webkit-user-select:ignore; | |
2568 | -} | |
2569 | - | |
2570 | -.x-grid3-split { | |
2571 | - background-position: center; | |
2572 | - background-repeat: no-repeat; | |
2573 | - cursor: e-resize; | |
2574 | - cursor: col-resize; | |
2575 | - display: block; | |
2576 | - font-size: 1px; | |
2577 | - height: 16px; | |
2578 | - overflow: hidden; | |
2579 | - position: absolute; | |
2580 | - top: 2px; | |
2581 | - width: 6px; | |
2582 | - z-index: 3; | |
2583 | -} | |
2584 | - | |
2585 | -/* Column Reorder DD */ | |
2586 | -.x-dd-drag-proxy .x-grid3-hd-inner{ | |
2587 | - background: repeat-x left bottom; | |
2588 | - width:120px; | |
2589 | - padding:3px; | |
2590 | - border:1px solid; | |
2591 | - overflow:hidden; | |
2592 | -} | |
2593 | - | |
2594 | -.col-move-top, .col-move-bottom{ | |
2595 | - width:9px; | |
2596 | - height:9px; | |
2597 | - position:absolute; | |
2598 | - top:0; | |
2599 | - line-height:1px; | |
2600 | - font-size:1px; | |
2601 | - overflow:hidden; | |
2602 | - visibility:hidden; | |
2603 | - z-index:20000; | |
2604 | - background:transparent no-repeat left top; | |
2605 | -} | |
2606 | - | |
2607 | -/* Selection Styles */ | |
2608 | -.x-grid3-row-selected { | |
2609 | - border:1px dotted; | |
2610 | -} | |
2611 | - | |
2612 | -.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
2613 | - background: repeat-x 0 bottom !important; | |
2614 | - vertical-align:middle !important; | |
2615 | - padding:0; | |
2616 | - border-top:1px solid; | |
2617 | - border-bottom:none !important; | |
2618 | - border-right:1px solid !important; | |
2619 | - text-align:center; | |
2620 | -} | |
2621 | - | |
2622 | -.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
2623 | - padding:0 4px; | |
2624 | - text-align:center; | |
2625 | -} | |
2626 | - | |
2627 | -/* dirty cells */ | |
2628 | -.x-grid3-dirty-cell { | |
2629 | - background: transparent no-repeat 0 0; | |
2630 | -} | |
2631 | - | |
2632 | -/* Grid Toolbars */ | |
2633 | -.x-grid3-topbar, .x-grid3-bottombar{ | |
2634 | - overflow:hidden; | |
2635 | - display:none; | |
2636 | - zoom:1; | |
2637 | - position:relative; | |
2638 | -} | |
2639 | - | |
2640 | -.x-grid3-topbar .x-toolbar{ | |
2641 | - border-right:0 none; | |
2642 | -} | |
2643 | - | |
2644 | -.x-grid3-bottombar .x-toolbar{ | |
2645 | - border-right:0 none; | |
2646 | - border-bottom:0 none; | |
2647 | - border-top:1px solid; | |
2648 | -} | |
2649 | - | |
2650 | -/* Props Grid Styles */ | |
2651 | -.x-props-grid .x-grid3-cell{ | |
2652 | - padding:1px; | |
2653 | -} | |
2654 | - | |
2655 | -.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
2656 | - background:transparent repeat-y -16px !important; | |
2657 | - padding-left:12px; | |
2658 | -} | |
2659 | - | |
2660 | -.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
2661 | - padding:1px; | |
2662 | - padding-right:0; | |
2663 | - border:0 none; | |
2664 | - border-right:1px solid; | |
2665 | -} | |
2666 | - | |
2667 | -/* dd */ | |
2668 | -.x-grid3-col-dd { | |
2669 | - border:0 none; | |
2670 | - padding:0; | |
2671 | - background:transparent; | |
2672 | -} | |
2673 | - | |
2674 | -.x-dd-drag-ghost .x-grid3-dd-wrap { | |
2675 | - padding:1px 3px 3px 1px; | |
2676 | -} | |
2677 | - | |
2678 | -.x-grid3-hd { | |
2679 | - -moz-user-select:none; | |
2680 | - -khtml-user-select:none; | |
2681 | - -webkit-user-select:ignore; | |
2682 | -} | |
2683 | - | |
2684 | -.x-grid3-hd-btn { | |
2685 | - display:none; | |
2686 | - position:absolute; | |
2687 | - width:14px; | |
2688 | - background:no-repeat left center; | |
2689 | - right:0; | |
2690 | - top:0; | |
2691 | - z-index:2; | |
2692 | - cursor:pointer; | |
2693 | -} | |
2694 | - | |
2695 | -.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { | |
2696 | - display:block; | |
2697 | -} | |
2698 | - | |
2699 | -a.x-grid3-hd-btn:hover { | |
2700 | - background-position:-14px center; | |
2701 | -} | |
2702 | - | |
2703 | -/* Expanders */ | |
2704 | -.x-grid3-body .x-grid3-td-expander { | |
2705 | - background:transparent repeat-y right; | |
2706 | -} | |
2707 | - | |
2708 | -.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { | |
2709 | - padding:0 !important; | |
2710 | - height:100%; | |
2711 | -} | |
2712 | - | |
2713 | -.x-grid3-row-expander { | |
2714 | - width:100%; | |
2715 | - height:18px; | |
2716 | - background-position:4px 2px; | |
2717 | - background-repeat:no-repeat; | |
2718 | - background-color:transparent; | |
2719 | -} | |
2720 | - | |
2721 | -.x-grid3-row-collapsed .x-grid3-row-expander { | |
2722 | - background-position:4px 2px; | |
2723 | -} | |
2724 | - | |
2725 | -.x-grid3-row-expanded .x-grid3-row-expander { | |
2726 | - background-position:-21px 2px; | |
2727 | -} | |
2728 | - | |
2729 | -.x-grid3-row-collapsed .x-grid3-row-body { | |
2730 | - display:none !important; | |
2731 | -} | |
2732 | - | |
2733 | -.x-grid3-row-expanded .x-grid3-row-body { | |
2734 | - display:block !important; | |
2735 | -} | |
2736 | - | |
2737 | -/* Checkers */ | |
2738 | -.x-grid3-body .x-grid3-td-checker { | |
2739 | - background:transparent repeat-y right; | |
2740 | -} | |
2741 | - | |
2742 | -.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { | |
2743 | - padding:0 !important; | |
2744 | - height:100%; | |
2745 | -} | |
2746 | - | |
2747 | -.x-grid3-row-checker, .x-grid3-hd-checker { | |
2748 | - width:100%; | |
2749 | - height:18px; | |
2750 | - background-position:2px 2px; | |
2751 | - background-repeat:no-repeat; | |
2752 | - background-color:transparent; | |
2753 | -} | |
2754 | - | |
2755 | -.x-grid3-row .x-grid3-row-checker { | |
2756 | - background-position:2px 2px; | |
2757 | -} | |
2758 | - | |
2759 | -.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { | |
2760 | - background-position:-23px 2px; | |
2761 | -} | |
2762 | - | |
2763 | -.x-grid3-hd-checker { | |
2764 | - background-position:2px 3px; | |
2765 | -} | |
2766 | - | |
2767 | -.x-grid3-hd-checker-on .x-grid3-hd-checker { | |
2768 | - background-position:-23px 3px; | |
2769 | -} | |
2770 | - | |
2771 | -/* Numberer */ | |
2772 | -.x-grid3-body .x-grid3-td-numberer { | |
2773 | - background:transparent repeat-y right; | |
2774 | -} | |
2775 | - | |
2776 | -.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
2777 | - padding:3px 5px 0 0 !important; | |
2778 | - text-align:right; | |
2779 | -} | |
2780 | - | |
2781 | -/* Row Icon */ | |
2782 | - | |
2783 | -.x-grid3-body .x-grid3-td-row-icon { | |
2784 | - background:transparent repeat-y right; | |
2785 | - vertical-align:top; | |
2786 | - text-align:center; | |
2787 | -} | |
2788 | - | |
2789 | -.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { | |
2790 | - padding:0 !important; | |
2791 | - background-position:center center; | |
2792 | - background-repeat:no-repeat; | |
2793 | - width:16px; | |
2794 | - height:16px; | |
2795 | - margin-left:2px; | |
2796 | - margin-top:3px; | |
2797 | -} | |
2798 | - | |
2799 | -/* All specials */ | |
2800 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
2801 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
2802 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
2803 | - background:transparent repeat-y right; | |
2804 | -} | |
2805 | - | |
2806 | -.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { | |
2807 | - padding: 1px 0 0 0 !important; | |
2808 | -} | |
2809 | - | |
2810 | -.x-grid3-check-col { | |
2811 | - width:100%; | |
2812 | - height:16px; | |
2813 | - background-position:center center; | |
2814 | - background-repeat:no-repeat; | |
2815 | - background-color:transparent; | |
2816 | -} | |
2817 | - | |
2818 | -.x-grid3-check-col-on { | |
2819 | - width:100%; | |
2820 | - height:16px; | |
2821 | - background-position:center center; | |
2822 | - background-repeat:no-repeat; | |
2823 | - background-color:transparent; | |
2824 | -} | |
2825 | - | |
2826 | -/* Grouping classes */ | |
2827 | -.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
2828 | - zoom:1; | |
2829 | -} | |
2830 | - | |
2831 | -.x-grid-group-hd { | |
2832 | - border-bottom: 2px solid; | |
2833 | - cursor:pointer; | |
2834 | - padding-top:6px; | |
2835 | -} | |
2836 | - | |
2837 | -.x-grid-group-hd div.x-grid-group-title { | |
2838 | - background:transparent no-repeat 3px 3px; | |
2839 | - padding:4px 4px 4px 17px; | |
2840 | -} | |
2841 | - | |
2842 | -.x-grid-group-collapsed .x-grid-group-body { | |
2843 | - display:none; | |
2844 | -} | |
2845 | - | |
2846 | -.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { | |
2847 | - position:relative; | |
2848 | - top:-1px; | |
2849 | -} | |
2850 | - | |
2851 | -.ext-ie .x-props-grid .x-editor .x-form-text { | |
2852 | - position:static; | |
2853 | - top:0; | |
2854 | -} | |
2855 | - | |
2856 | -.x-grid-empty { | |
2857 | - padding:10px; | |
2858 | -} | |
2859 | - | |
2860 | -/* fix floating toolbar issue */ | |
2861 | -.ext-ie7 .x-grid-panel .x-panel-bbar { | |
2862 | - position:relative; | |
2863 | -} | |
2864 | - | |
2865 | -.ext-ie6 .x-grid3-header { | |
2866 | - position: relative; | |
2867 | -} | |
2868 | - | |
2869 | -/* column lines */ | |
2870 | -.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
2871 | - padding-right:0; | |
2872 | - border-right:1px solid; | |
2873 | -} | |
2874 | -.x-dd-drag-proxy{ | |
2875 | - position:absolute; | |
2876 | - left:0; | |
2877 | - top:0; | |
2878 | - visibility:hidden; | |
2879 | - z-index:15000; | |
2880 | -} | |
2881 | - | |
2882 | -.x-dd-drag-ghost{ | |
2883 | - -moz-opacity: 0.85; | |
2884 | - opacity:.85; | |
2885 | - filter: alpha(opacity=85); | |
2886 | - border: 1px solid; | |
2887 | - padding:3px; | |
2888 | - padding-left:20px; | |
2889 | - white-space:nowrap; | |
2890 | -} | |
2891 | - | |
2892 | -.x-dd-drag-repair .x-dd-drag-ghost{ | |
2893 | - -moz-opacity: 0.4; | |
2894 | - opacity:.4; | |
2895 | - filter: alpha(opacity=40); | |
2896 | - border:0 none; | |
2897 | - padding:0; | |
2898 | - background-color:transparent; | |
2899 | -} | |
2900 | - | |
2901 | -.x-dd-drag-repair .x-dd-drop-icon{ | |
2902 | - visibility:hidden; | |
2903 | -} | |
2904 | - | |
2905 | -.x-dd-drop-icon{ | |
2906 | - position:absolute; | |
2907 | - top:3px; | |
2908 | - left:3px; | |
2909 | - display:block; | |
2910 | - width:16px; | |
2911 | - height:16px; | |
2912 | - background-color:transparent; | |
2913 | - background-position: center; | |
2914 | - background-repeat: no-repeat; | |
2915 | - z-index:1; | |
2916 | -} | |
2917 | - | |
2918 | -.x-view-selector { | |
2919 | - position:absolute; | |
2920 | - left:0; | |
2921 | - top:0; | |
2922 | - width:0; | |
2923 | - border:1px dotted; | |
2924 | - opacity: .5; | |
2925 | - -moz-opacity: .5; | |
2926 | - filter:alpha(opacity=50); | |
2927 | - zoom:1; | |
2928 | -}.ext-strict .ext-ie .x-tree .x-panel-bwrap{ | |
2929 | - position:relative; | |
2930 | - overflow:hidden; | |
2931 | -} | |
2932 | - | |
2933 | -.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
2934 | - border: 0 none; | |
2935 | - height: 18px; | |
2936 | - margin: 0; | |
2937 | - padding: 0; | |
2938 | - vertical-align: top; | |
2939 | - width: 16px; | |
2940 | - background-repeat: no-repeat; | |
2941 | -} | |
2942 | - | |
2943 | -.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ | |
2944 | - border: 0 none; | |
2945 | - height: 18px; | |
2946 | - margin: 0; | |
2947 | - padding: 0; | |
2948 | - vertical-align: top; | |
2949 | - width: 16px; | |
2950 | - background-position:center; | |
2951 | - background-repeat: no-repeat; | |
2952 | -} | |
2953 | - | |
2954 | -.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { | |
2955 | - vertical-align:middle !important; | |
2956 | -} | |
2957 | - | |
2958 | -/* checkboxes */ | |
2959 | -.ext-ie input.x-tree-node-cb { | |
2960 | - width:15px; | |
2961 | - height:15px; | |
2962 | -} | |
2963 | - | |
2964 | -input.x-tree-node-cb { | |
2965 | - margin-left:1px; | |
2966 | -} | |
2967 | - | |
2968 | -.ext-ie input.x-tree-node-cb { | |
2969 | - margin-left:0; | |
2970 | -} | |
2971 | - | |
2972 | -.x-tree-noicon .x-tree-node-icon{ | |
2973 | - width:0; height:0; | |
2974 | -} | |
2975 | - | |
2976 | -/* loading icon */ | |
2977 | -.ext-ie .x-tree-node-el input { | |
2978 | - width:15px; | |
2979 | - height:15px; | |
2980 | -} | |
2981 | - | |
2982 | -/* No line styles */ | |
2983 | -.x-tree-no-lines .x-tree-elbow{ | |
2984 | - background:transparent; | |
2985 | -} | |
2986 | - | |
2987 | -.x-tree-no-lines .x-tree-elbow-end{ | |
2988 | - background:transparent; | |
2989 | -} | |
2990 | - | |
2991 | -.x-tree-no-lines .x-tree-elbow-line{ | |
2992 | - background:transparent; | |
2993 | -} | |
2994 | - | |
2995 | -/* Arrows */ | |
2996 | -.x-tree-arrows .x-tree-elbow{ | |
2997 | - background:transparent; | |
2998 | -} | |
2999 | - | |
3000 | -.x-tree-arrows .x-tree-elbow-plus{ | |
3001 | - background:transparent no-repeat 0 0; | |
3002 | -} | |
3003 | - | |
3004 | -.x-tree-arrows .x-tree-elbow-minus{ | |
3005 | - background:transparent no-repeat -16px 0; | |
3006 | -} | |
3007 | - | |
3008 | -.x-tree-arrows .x-tree-elbow-end{ | |
3009 | - background:transparent; | |
3010 | -} | |
3011 | - | |
3012 | -.x-tree-arrows .x-tree-elbow-end-plus{ | |
3013 | - background:transparent no-repeat 0 0; | |
3014 | -} | |
3015 | - | |
3016 | -.x-tree-arrows .x-tree-elbow-end-minus{ | |
3017 | - background:transparent no-repeat -16px 0; | |
3018 | -} | |
3019 | - | |
3020 | -.x-tree-arrows .x-tree-elbow-line{ | |
3021 | - background:transparent; | |
3022 | -} | |
3023 | - | |
3024 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ | |
3025 | - background-position:-32px 0; | |
3026 | -} | |
3027 | - | |
3028 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ | |
3029 | - background-position:-48px 0; | |
3030 | -} | |
3031 | - | |
3032 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ | |
3033 | - background-position:-32px 0; | |
3034 | -} | |
3035 | - | |
3036 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ | |
3037 | - background-position:-48px 0; | |
3038 | -} | |
3039 | - | |
3040 | -.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
3041 | - cursor:pointer; | |
3042 | -} | |
3043 | - | |
3044 | -.ext-ie ul.x-tree-node-ct{ | |
3045 | - font-size:0; | |
3046 | - line-height:0; | |
3047 | - zoom:1; | |
3048 | -} | |
3049 | - | |
3050 | -.x-tree-node{ | |
3051 | - white-space: nowrap; | |
3052 | -} | |
3053 | - | |
3054 | -.x-tree-node-el { | |
3055 | - line-height:18px; | |
3056 | - cursor:pointer; | |
3057 | -} | |
3058 | - | |
3059 | -.x-tree-node a, .x-dd-drag-ghost a{ | |
3060 | - text-decoration:none; | |
3061 | - -khtml-user-select:none; | |
3062 | - -moz-user-select:none; | |
3063 | - -webkit-user-select:ignore; | |
3064 | - -kthml-user-focus:normal; | |
3065 | - -moz-user-focus:normal; | |
3066 | - -moz-outline: 0 none; | |
3067 | - outline:0 none; | |
3068 | -} | |
3069 | - | |
3070 | -.x-tree-node a span, .x-dd-drag-ghost a span{ | |
3071 | - text-decoration:none; | |
3072 | - padding:1px 3px 1px 2px; | |
3073 | -} | |
3074 | - | |
3075 | -.x-tree-node .x-tree-node-disabled .x-tree-node-icon{ | |
3076 | - -moz-opacity: 0.5; | |
3077 | - opacity:.5; | |
3078 | - filter: alpha(opacity=50); | |
3079 | -} | |
3080 | - | |
3081 | -.x-tree-node .x-tree-node-inline-icon{ | |
3082 | - background:transparent; | |
3083 | -} | |
3084 | - | |
3085 | -.x-tree-node a:hover, .x-dd-drag-ghost a:hover{ | |
3086 | - text-decoration:none; | |
3087 | -} | |
3088 | - | |
3089 | -.x-tree-node div.x-tree-drag-insert-below{ | |
3090 | - border-bottom:1px dotted; | |
3091 | -} | |
3092 | - | |
3093 | -.x-tree-node div.x-tree-drag-insert-above{ | |
3094 | - border-top:1px dotted; | |
3095 | -} | |
3096 | - | |
3097 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ | |
3098 | - border-bottom:0 none; | |
3099 | -} | |
3100 | - | |
3101 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ | |
3102 | - border-top:0 none; | |
3103 | -} | |
3104 | - | |
3105 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
3106 | - border-bottom:2px solid; | |
3107 | -} | |
3108 | - | |
3109 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
3110 | - border-top:2px solid; | |
3111 | -} | |
3112 | - | |
3113 | -.x-tree-node .x-tree-drag-append a span{ | |
3114 | - border:1px dotted; | |
3115 | -} | |
3116 | - | |
3117 | -.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ | |
3118 | - display:none !important; | |
3119 | -} | |
3120 | - | |
3121 | -/* Fix for ie rootVisible:false issue */ | |
3122 | -.x-tree-root-ct { | |
3123 | - zoom:1; | |
3124 | -} | |
3125 | -.x-date-picker { | |
3126 | - border: 1px solid; | |
3127 | - border-top:0 none; | |
3128 | - position:relative; | |
3129 | -} | |
3130 | - | |
3131 | -.x-date-picker a { | |
3132 | - -moz-outline:0 none; | |
3133 | - outline:0 none; | |
3134 | -} | |
3135 | - | |
3136 | -.x-date-inner, .x-date-inner td, .x-date-inner th{ | |
3137 | - border-collapse:separate; | |
3138 | -} | |
3139 | - | |
3140 | -.x-date-middle,.x-date-left,.x-date-right { | |
3141 | - background: repeat-x 0 -83px; | |
3142 | - overflow:hidden; | |
3140 | +.x-date-middle,.x-date-left,.x-date-right { | |
3141 | + background: repeat-x 0 -83px; | |
3142 | + overflow:hidden; | |
3143 | 3143 | } |
3144 | 3144 | |
3145 | 3145 | .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr, |
@@ -3326,405 +3326,405 @@ td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn { | ||
3326 | 3326 | } |
3327 | 3327 | |
3328 | 3328 | .x-date-mp-btns td { |
3329 | - border-top: 1px solid; | |
3330 | - text-align:center; | |
3331 | -} | |
3332 | - | |
3333 | -td.x-date-mp-month a,td.x-date-mp-year a { | |
3334 | - display:block; | |
3335 | - padding:2px 4px; | |
3336 | - text-decoration:none; | |
3337 | - text-align:center; | |
3338 | -} | |
3339 | - | |
3340 | -td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { | |
3341 | - text-decoration:none; | |
3342 | - cursor:pointer; | |
3343 | -} | |
3344 | - | |
3345 | -td.x-date-mp-sel a { | |
3346 | - padding:1px 3px; | |
3347 | - background: repeat-x left top; | |
3348 | - border:1px solid; | |
3349 | -} | |
3350 | - | |
3351 | -.x-date-mp-ybtn a { | |
3352 | - overflow:hidden; | |
3353 | - width:15px; | |
3354 | - height:15px; | |
3355 | - cursor:pointer; | |
3356 | - background:transparent no-repeat; | |
3357 | - display:block; | |
3358 | - margin:0 auto; | |
3359 | -} | |
3360 | - | |
3361 | -.x-date-mp-ybtn a.x-date-mp-next { | |
3362 | - background-position:0 -120px; | |
3363 | -} | |
3364 | - | |
3365 | -.x-date-mp-ybtn a.x-date-mp-next:hover { | |
3366 | - background-position:-15px -120px; | |
3367 | -} | |
3368 | - | |
3369 | -.x-date-mp-ybtn a.x-date-mp-prev { | |
3370 | - background-position:0 -105px; | |
3371 | -} | |
3372 | - | |
3373 | -.x-date-mp-ybtn a.x-date-mp-prev:hover { | |
3374 | - background-position:-15px -105px; | |
3375 | -} | |
3376 | - | |
3377 | -.x-date-mp-ybtn { | |
3378 | - text-align:center; | |
3379 | -} | |
3380 | - | |
3381 | -td.x-date-mp-sep { | |
3382 | - border-right:1px solid; | |
3383 | -}.x-tip{ | |
3384 | - position: absolute; | |
3385 | - top: 0; | |
3386 | - left:0; | |
3387 | - visibility: hidden; | |
3388 | - z-index: 20000; | |
3389 | - border:0 none; | |
3390 | -} | |
3391 | - | |
3392 | -.x-tip .x-tip-close{ | |
3393 | - height: 15px; | |
3394 | - float:right; | |
3395 | - width: 15px; | |
3396 | - margin:0 0 2px 2px; | |
3397 | - cursor:pointer; | |
3398 | - display:none; | |
3399 | -} | |
3400 | - | |
3401 | -.x-tip .x-tip-tc { | |
3402 | - background: transparent no-repeat 0 -62px; | |
3403 | - padding-top:3px; | |
3404 | - overflow:hidden; | |
3405 | - zoom:1; | |
3406 | -} | |
3407 | - | |
3408 | -.x-tip .x-tip-tl { | |
3409 | - background: transparent no-repeat 0 0; | |
3410 | - padding-left:6px; | |
3411 | - overflow:hidden; | |
3412 | - zoom:1; | |
3413 | -} | |
3414 | - | |
3415 | -.x-tip .x-tip-tr { | |
3416 | - background: transparent no-repeat right 0; | |
3417 | - padding-right:6px; | |
3418 | - overflow:hidden; | |
3419 | - zoom:1; | |
3420 | -} | |
3421 | - | |
3422 | -.x-tip .x-tip-bc { | |
3423 | - background: transparent no-repeat 0 -121px; | |
3424 | - height:3px; | |
3425 | - overflow:hidden; | |
3426 | -} | |
3427 | - | |
3428 | -.x-tip .x-tip-bl { | |
3429 | - background: transparent no-repeat 0 -59px; | |
3430 | - padding-left:6px; | |
3431 | - zoom:1; | |
3432 | -} | |
3433 | - | |
3434 | -.x-tip .x-tip-br { | |
3435 | - background: transparent no-repeat right -59px; | |
3436 | - padding-right:6px; | |
3437 | - zoom:1; | |
3438 | -} | |
3439 | - | |
3440 | -.x-tip .x-tip-mc { | |
3441 | - border:0 none; | |
3442 | -} | |
3443 | - | |
3444 | -.x-tip .x-tip-ml { | |
3445 | - background: no-repeat 0 -124px; | |
3446 | - padding-left:6px; | |
3447 | - zoom:1; | |
3448 | -} | |
3449 | - | |
3450 | -.x-tip .x-tip-mr { | |
3451 | - background: transparent no-repeat right -124px; | |
3452 | - padding-right:6px; | |
3453 | - zoom:1; | |
3454 | -} | |
3455 | - | |
3456 | -.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { | |
3457 | - font-size:0; | |
3458 | - line-height:0; | |
3459 | -} | |
3460 | - | |
3461 | -.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ | |
3462 | - line-height: 1px; | |
3463 | -} | |
3464 | - | |
3465 | -.x-tip .x-tip-header-text { | |
3466 | - padding:0; | |
3467 | - margin:0 0 2px 0; | |
3468 | -} | |
3469 | - | |
3470 | -.x-tip .x-tip-body { | |
3471 | - margin:0 !important; | |
3472 | - line-height:14px; | |
3473 | - padding:0; | |
3474 | -} | |
3475 | - | |
3476 | -.x-tip .x-tip-body .loading-indicator { | |
3477 | - margin:0; | |
3478 | -} | |
3479 | - | |
3480 | -.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { | |
3481 | - cursor:move; | |
3482 | -} | |
3483 | - | |
3484 | -.x-form-invalid-tip .x-tip-tc { | |
3485 | - background: repeat-x 0 -12px; | |
3486 | - padding-top:6px; | |
3487 | -} | |
3488 | - | |
3489 | -.x-form-invalid-tip .x-tip-bc { | |
3490 | - background: repeat-x 0 -18px; | |
3491 | - height:6px; | |
3492 | -} | |
3493 | - | |
3494 | -.x-form-invalid-tip .x-tip-bl { | |
3495 | - background: no-repeat 0 -6px; | |
3496 | -} | |
3497 | - | |
3498 | -.x-form-invalid-tip .x-tip-br { | |
3499 | - background: no-repeat right -6px; | |
3500 | -} | |
3501 | - | |
3502 | -.x-form-invalid-tip .x-tip-body { | |
3503 | - padding:2px; | |
3504 | -} | |
3505 | - | |
3506 | -.x-form-invalid-tip .x-tip-body { | |
3507 | - padding-left:24px; | |
3508 | - background:transparent no-repeat 2px 2px; | |
3509 | -} | |
3510 | - | |
3511 | -.x-tip-anchor { | |
3512 | - position: absolute; | |
3513 | - width: 9px; | |
3514 | - height: 10px; | |
3515 | - overflow:hidden; | |
3516 | - background: transparent no-repeat 0 0; | |
3517 | - zoom:1; | |
3518 | -} | |
3519 | -.x-tip-anchor-bottom { | |
3520 | - background-position: -9px 0; | |
3521 | -} | |
3522 | -.x-tip-anchor-right { | |
3523 | - background-position: -18px 0; | |
3524 | - width: 10px; | |
3525 | -} | |
3526 | -.x-tip-anchor-left { | |
3527 | - background-position: -28px 0; | |
3528 | - width: 10px; | |
3529 | -}.x-menu { | |
3530 | - z-index: 15000; | |
3531 | - zoom: 1; | |
3532 | - background: repeat-y; | |
3533 | -} | |
3534 | - | |
3535 | -.x-menu-floating{ | |
3536 | - border: 1px solid; | |
3537 | -} | |
3538 | - | |
3539 | -.x-menu a { | |
3540 | - text-decoration: none !important; | |
3541 | -} | |
3542 | - | |
3543 | -.ext-ie .x-menu { | |
3544 | - zoom:1; | |
3545 | - overflow:hidden; | |
3546 | -} | |
3547 | - | |
3548 | -.x-menu-list{ | |
3549 | - padding: 2px; | |
3550 | - background:transparent; | |
3551 | - border:0 none; | |
3552 | - overflow:hidden; | |
3553 | - overflow-y: hidden; | |
3554 | -} | |
3555 | - | |
3556 | -.ext-strict .ext-ie .x-menu-list{ | |
3557 | - position: relative; | |
3558 | -} | |
3559 | - | |
3560 | -.x-menu li{ | |
3561 | - line-height:100%; | |
3562 | -} | |
3563 | - | |
3564 | -.x-menu li.x-menu-sep-li{ | |
3565 | - font-size:1px; | |
3566 | - line-height:1px; | |
3567 | -} | |
3568 | - | |
3569 | -.x-menu-list-item{ | |
3570 | - white-space: nowrap; | |
3571 | - -moz-user-select: none; | |
3572 | - -khtml-user-select:none; | |
3573 | - -webkit-user-select:ignore; | |
3574 | - display:block; | |
3575 | - padding:1px; | |
3576 | -} | |
3577 | - | |
3578 | -.x-menu-item-arrow{ | |
3579 | - background:transparent no-repeat right; | |
3580 | -} | |
3581 | - | |
3582 | -.x-menu-sep { | |
3583 | - display:block; | |
3584 | - font-size:1px; | |
3585 | - line-height:1px; | |
3586 | - margin: 2px 3px; | |
3587 | - border-bottom:1px solid; | |
3588 | - overflow:hidden; | |
3589 | -} | |
3590 | - | |
3591 | -.x-menu-focus { | |
3592 | - position:absolute; | |
3593 | - left:-1px; | |
3594 | - top:-1px; | |
3595 | - width:1px; | |
3596 | - height:1px; | |
3597 | - line-height:1px; | |
3598 | - font-size:1px; | |
3599 | - -moz-outline:0 none; | |
3600 | - outline:0 none; | |
3601 | - -moz-user-select: none; | |
3602 | - -khtml-user-select:none; | |
3603 | - -webkit-user-select:ignore; | |
3604 | - overflow:hidden; | |
3605 | - display:block; | |
3606 | -} | |
3607 | - | |
3608 | -a.x-menu-item { | |
3609 | - cursor: pointer; | |
3610 | - display: block; | |
3611 | - line-height: 16px; | |
3612 | - outline-color: -moz-use-text-color; | |
3613 | - outline-style: none; | |
3614 | - outline-width: 0; | |
3615 | - padding: 3px 21px 3px 27px; | |
3616 | - position: relative; | |
3617 | - text-decoration: none; | |
3618 | - white-space: nowrap; | |
3619 | -} | |
3620 | - | |
3621 | -.x-menu-item-active { | |
3622 | - background-repeat: repeat-x; | |
3623 | - background-position: left bottom; | |
3624 | - border-style:solid; | |
3625 | - border-width: 1px 0; | |
3626 | - margin:0 1px; | |
3627 | - padding: 0; | |
3628 | -} | |
3629 | - | |
3630 | -.x-menu-item-active a.x-menu-item { | |
3631 | - border-style:solid; | |
3632 | - border-width:0 1px; | |
3633 | - margin:0 -1px; | |
3634 | -} | |
3635 | - | |
3636 | -.x-menu-item-icon { | |
3637 | - border: 0 none; | |
3638 | - height: 16px; | |
3639 | - padding: 0; | |
3640 | - vertical-align: top; | |
3641 | - width: 16px; | |
3642 | - position: absolute; | |
3643 | - left: 3px; | |
3644 | - top: 3px; | |
3645 | - margin: 0; | |
3646 | - background-position:center; | |
3647 | -} | |
3648 | - | |
3649 | -.ext-ie .x-menu-item-icon { | |
3650 | - left: -24px; | |
3651 | -} | |
3652 | -.ext-strict .x-menu-item-icon { | |
3653 | - left: 3px; | |
3654 | -} | |
3655 | - | |
3656 | -.ext-ie6 .x-menu-item-icon { | |
3657 | - left: -24px; | |
3658 | -} | |
3659 | - | |
3660 | -.ext-ie .x-menu-item-icon { | |
3661 | - vertical-align: middle; | |
3662 | -} | |
3663 | - | |
3664 | -.x-menu-check-item .x-menu-item-icon{ | |
3665 | - background: transparent no-repeat center; | |
3666 | -} | |
3667 | - | |
3668 | -.x-menu-group-item .x-menu-item-icon{ | |
3669 | - background: transparent; | |
3670 | -} | |
3671 | - | |
3672 | -.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
3673 | - background: transparent no-repeat center; | |
3329 | + border-top: 1px solid; | |
3330 | + text-align:center; | |
3674 | 3331 | } |
3675 | 3332 | |
3676 | -.x-date-menu .x-menu-list{ | |
3677 | - padding: 0; | |
3333 | +td.x-date-mp-month a,td.x-date-mp-year a { | |
3334 | + display:block; | |
3335 | + padding:2px 4px; | |
3336 | + text-decoration:none; | |
3337 | + text-align:center; | |
3678 | 3338 | } |
3679 | 3339 | |
3680 | -.x-menu-date-item{ | |
3681 | - padding:0; | |
3340 | +td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { | |
3341 | + text-decoration:none; | |
3342 | + cursor:pointer; | |
3682 | 3343 | } |
3683 | 3344 | |
3684 | -.x-menu .x-color-palette, .x-menu .x-date-picker{ | |
3685 | - margin-left: 26px; | |
3686 | - margin-right:4px; | |
3345 | +td.x-date-mp-sel a { | |
3346 | + padding:1px 3px; | |
3347 | + background: repeat-x left top; | |
3348 | + border:1px solid; | |
3687 | 3349 | } |
3688 | 3350 | |
3689 | -.x-menu .x-date-picker{ | |
3690 | - border:1px solid; | |
3691 | - margin-top:2px; | |
3692 | - margin-bottom:2px; | |
3351 | +.x-date-mp-ybtn a { | |
3352 | + overflow:hidden; | |
3353 | + width:15px; | |
3354 | + height:15px; | |
3355 | + cursor:pointer; | |
3356 | + background:transparent no-repeat; | |
3357 | + display:block; | |
3358 | + margin:0 auto; | |
3693 | 3359 | } |
3694 | 3360 | |
3695 | -.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ | |
3696 | - margin: 0; | |
3697 | - border: 0 none; | |
3361 | +.x-date-mp-ybtn a.x-date-mp-next { | |
3362 | + background-position:0 -120px; | |
3698 | 3363 | } |
3699 | 3364 | |
3700 | -.x-date-menu { | |
3701 | - padding:0 !important; | |
3365 | +.x-date-mp-ybtn a.x-date-mp-next:hover { | |
3366 | + background-position:-15px -120px; | |
3702 | 3367 | } |
3703 | 3368 | |
3704 | -.x-cycle-menu .x-menu-item-checked { | |
3705 | - border:1px dotted !important; | |
3706 | - padding:0; | |
3369 | +.x-date-mp-ybtn a.x-date-mp-prev { | |
3370 | + background-position:0 -105px; | |
3707 | 3371 | } |
3708 | 3372 | |
3709 | -.x-menu .x-menu-scroller { | |
3710 | - width: 100%; | |
3711 | - background-repeat:no-repeat; | |
3712 | - background-position:center; | |
3713 | - height:8px; | |
3714 | - line-height: 8px; | |
3715 | - cursor:pointer; | |
3716 | - margin: 0; | |
3717 | - padding: 0; | |
3373 | +.x-date-mp-ybtn a.x-date-mp-prev:hover { | |
3374 | + background-position:-15px -105px; | |
3718 | 3375 | } |
3719 | 3376 | |
3720 | -.x-menu .x-menu-scroller-active{ | |
3721 | - height: 6px; | |
3722 | - line-height: 6px; | |
3377 | +.x-date-mp-ybtn { | |
3378 | + text-align:center; | |
3723 | 3379 | } |
3724 | 3380 | |
3725 | -.x-menu-list-item-indent{ | |
3726 | - padding-left: 27px; | |
3727 | -} | |
3381 | +td.x-date-mp-sep { | |
3382 | + border-right:1px solid; | |
3383 | +}.x-tip{ | |
3384 | + position: absolute; | |
3385 | + top: 0; | |
3386 | + left:0; | |
3387 | + visibility: hidden; | |
3388 | + z-index: 20000; | |
3389 | + border:0 none; | |
3390 | +} | |
3391 | + | |
3392 | +.x-tip .x-tip-close{ | |
3393 | + height: 15px; | |
3394 | + float:right; | |
3395 | + width: 15px; | |
3396 | + margin:0 0 2px 2px; | |
3397 | + cursor:pointer; | |
3398 | + display:none; | |
3399 | +} | |
3400 | + | |
3401 | +.x-tip .x-tip-tc { | |
3402 | + background: transparent no-repeat 0 -62px; | |
3403 | + padding-top:3px; | |
3404 | + overflow:hidden; | |
3405 | + zoom:1; | |
3406 | +} | |
3407 | + | |
3408 | +.x-tip .x-tip-tl { | |
3409 | + background: transparent no-repeat 0 0; | |
3410 | + padding-left:6px; | |
3411 | + overflow:hidden; | |
3412 | + zoom:1; | |
3413 | +} | |
3414 | + | |
3415 | +.x-tip .x-tip-tr { | |
3416 | + background: transparent no-repeat right 0; | |
3417 | + padding-right:6px; | |
3418 | + overflow:hidden; | |
3419 | + zoom:1; | |
3420 | +} | |
3421 | + | |
3422 | +.x-tip .x-tip-bc { | |
3423 | + background: transparent no-repeat 0 -121px; | |
3424 | + height:3px; | |
3425 | + overflow:hidden; | |
3426 | +} | |
3427 | + | |
3428 | +.x-tip .x-tip-bl { | |
3429 | + background: transparent no-repeat 0 -59px; | |
3430 | + padding-left:6px; | |
3431 | + zoom:1; | |
3432 | +} | |
3433 | + | |
3434 | +.x-tip .x-tip-br { | |
3435 | + background: transparent no-repeat right -59px; | |
3436 | + padding-right:6px; | |
3437 | + zoom:1; | |
3438 | +} | |
3439 | + | |
3440 | +.x-tip .x-tip-mc { | |
3441 | + border:0 none; | |
3442 | +} | |
3443 | + | |
3444 | +.x-tip .x-tip-ml { | |
3445 | + background: no-repeat 0 -124px; | |
3446 | + padding-left:6px; | |
3447 | + zoom:1; | |
3448 | +} | |
3449 | + | |
3450 | +.x-tip .x-tip-mr { | |
3451 | + background: transparent no-repeat right -124px; | |
3452 | + padding-right:6px; | |
3453 | + zoom:1; | |
3454 | +} | |
3455 | + | |
3456 | +.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { | |
3457 | + font-size:0; | |
3458 | + line-height:0; | |
3459 | +} | |
3460 | + | |
3461 | +.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ | |
3462 | + line-height: 1px; | |
3463 | +} | |
3464 | + | |
3465 | +.x-tip .x-tip-header-text { | |
3466 | + padding:0; | |
3467 | + margin:0 0 2px 0; | |
3468 | +} | |
3469 | + | |
3470 | +.x-tip .x-tip-body { | |
3471 | + margin:0 !important; | |
3472 | + line-height:14px; | |
3473 | + padding:0; | |
3474 | +} | |
3475 | + | |
3476 | +.x-tip .x-tip-body .loading-indicator { | |
3477 | + margin:0; | |
3478 | +} | |
3479 | + | |
3480 | +.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { | |
3481 | + cursor:move; | |
3482 | +} | |
3483 | + | |
3484 | +.x-form-invalid-tip .x-tip-tc { | |
3485 | + background: repeat-x 0 -12px; | |
3486 | + padding-top:6px; | |
3487 | +} | |
3488 | + | |
3489 | +.x-form-invalid-tip .x-tip-bc { | |
3490 | + background: repeat-x 0 -18px; | |
3491 | + height:6px; | |
3492 | +} | |
3493 | + | |
3494 | +.x-form-invalid-tip .x-tip-bl { | |
3495 | + background: no-repeat 0 -6px; | |
3496 | +} | |
3497 | + | |
3498 | +.x-form-invalid-tip .x-tip-br { | |
3499 | + background: no-repeat right -6px; | |
3500 | +} | |
3501 | + | |
3502 | +.x-form-invalid-tip .x-tip-body { | |
3503 | + padding:2px; | |
3504 | +} | |
3505 | + | |
3506 | +.x-form-invalid-tip .x-tip-body { | |
3507 | + padding-left:24px; | |
3508 | + background:transparent no-repeat 2px 2px; | |
3509 | +} | |
3510 | + | |
3511 | +.x-tip-anchor { | |
3512 | + position: absolute; | |
3513 | + width: 9px; | |
3514 | + height: 10px; | |
3515 | + overflow:hidden; | |
3516 | + background: transparent no-repeat 0 0; | |
3517 | + zoom:1; | |
3518 | +} | |
3519 | +.x-tip-anchor-bottom { | |
3520 | + background-position: -9px 0; | |
3521 | +} | |
3522 | +.x-tip-anchor-right { | |
3523 | + background-position: -18px 0; | |
3524 | + width: 10px; | |
3525 | +} | |
3526 | +.x-tip-anchor-left { | |
3527 | + background-position: -28px 0; | |
3528 | + width: 10px; | |
3529 | +}.x-menu { | |
3530 | + z-index: 15000; | |
3531 | + zoom: 1; | |
3532 | + background: repeat-y; | |
3533 | +} | |
3534 | + | |
3535 | +.x-menu-floating{ | |
3536 | + border: 1px solid; | |
3537 | +} | |
3538 | + | |
3539 | +.x-menu a { | |
3540 | + text-decoration: none !important; | |
3541 | +} | |
3542 | + | |
3543 | +.ext-ie .x-menu { | |
3544 | + zoom:1; | |
3545 | + overflow:hidden; | |
3546 | +} | |
3547 | + | |
3548 | +.x-menu-list{ | |
3549 | + padding: 2px; | |
3550 | + background:transparent; | |
3551 | + border:0 none; | |
3552 | + overflow:hidden; | |
3553 | + overflow-y: hidden; | |
3554 | +} | |
3555 | + | |
3556 | +.ext-strict .ext-ie .x-menu-list{ | |
3557 | + position: relative; | |
3558 | +} | |
3559 | + | |
3560 | +.x-menu li{ | |
3561 | + line-height:100%; | |
3562 | +} | |
3563 | + | |
3564 | +.x-menu li.x-menu-sep-li{ | |
3565 | + font-size:1px; | |
3566 | + line-height:1px; | |
3567 | +} | |
3568 | + | |
3569 | +.x-menu-list-item{ | |
3570 | + white-space: nowrap; | |
3571 | + -moz-user-select: none; | |
3572 | + -khtml-user-select:none; | |
3573 | + -webkit-user-select:ignore; | |
3574 | + display:block; | |
3575 | + padding:1px; | |
3576 | +} | |
3577 | + | |
3578 | +.x-menu-item-arrow{ | |
3579 | + background:transparent no-repeat right; | |
3580 | +} | |
3581 | + | |
3582 | +.x-menu-sep { | |
3583 | + display:block; | |
3584 | + font-size:1px; | |
3585 | + line-height:1px; | |
3586 | + margin: 2px 3px; | |
3587 | + border-bottom:1px solid; | |
3588 | + overflow:hidden; | |
3589 | +} | |
3590 | + | |
3591 | +.x-menu-focus { | |
3592 | + position:absolute; | |
3593 | + left:-1px; | |
3594 | + top:-1px; | |
3595 | + width:1px; | |
3596 | + height:1px; | |
3597 | + line-height:1px; | |
3598 | + font-size:1px; | |
3599 | + -moz-outline:0 none; | |
3600 | + outline:0 none; | |
3601 | + -moz-user-select: none; | |
3602 | + -khtml-user-select:none; | |
3603 | + -webkit-user-select:ignore; | |
3604 | + overflow:hidden; | |
3605 | + display:block; | |
3606 | +} | |
3607 | + | |
3608 | +a.x-menu-item { | |
3609 | + cursor: pointer; | |
3610 | + display: block; | |
3611 | + line-height: 16px; | |
3612 | + outline-color: -moz-use-text-color; | |
3613 | + outline-style: none; | |
3614 | + outline-width: 0; | |
3615 | + padding: 3px 21px 3px 27px; | |
3616 | + position: relative; | |
3617 | + text-decoration: none; | |
3618 | + white-space: nowrap; | |
3619 | +} | |
3620 | + | |
3621 | +.x-menu-item-active { | |
3622 | + background-repeat: repeat-x; | |
3623 | + background-position: left bottom; | |
3624 | + border-style:solid; | |
3625 | + border-width: 1px 0; | |
3626 | + margin:0 1px; | |
3627 | + padding: 0; | |
3628 | +} | |
3629 | + | |
3630 | +.x-menu-item-active a.x-menu-item { | |
3631 | + border-style:solid; | |
3632 | + border-width:0 1px; | |
3633 | + margin:0 -1px; | |
3634 | +} | |
3635 | + | |
3636 | +.x-menu-item-icon { | |
3637 | + border: 0 none; | |
3638 | + height: 16px; | |
3639 | + padding: 0; | |
3640 | + vertical-align: top; | |
3641 | + width: 16px; | |
3642 | + position: absolute; | |
3643 | + left: 3px; | |
3644 | + top: 3px; | |
3645 | + margin: 0; | |
3646 | + background-position:center; | |
3647 | +} | |
3648 | + | |
3649 | +.ext-ie .x-menu-item-icon { | |
3650 | + left: -24px; | |
3651 | +} | |
3652 | +.ext-strict .x-menu-item-icon { | |
3653 | + left: 3px; | |
3654 | +} | |
3655 | + | |
3656 | +.ext-ie6 .x-menu-item-icon { | |
3657 | + left: -24px; | |
3658 | +} | |
3659 | + | |
3660 | +.ext-ie .x-menu-item-icon { | |
3661 | + vertical-align: middle; | |
3662 | +} | |
3663 | + | |
3664 | +.x-menu-check-item .x-menu-item-icon{ | |
3665 | + background: transparent no-repeat center; | |
3666 | +} | |
3667 | + | |
3668 | +.x-menu-group-item .x-menu-item-icon{ | |
3669 | + background: transparent; | |
3670 | +} | |
3671 | + | |
3672 | +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
3673 | + background: transparent no-repeat center; | |
3674 | +} | |
3675 | + | |
3676 | +.x-date-menu .x-menu-list{ | |
3677 | + padding: 0; | |
3678 | +} | |
3679 | + | |
3680 | +.x-menu-date-item{ | |
3681 | + padding:0; | |
3682 | +} | |
3683 | + | |
3684 | +.x-menu .x-color-palette, .x-menu .x-date-picker{ | |
3685 | + margin-left: 26px; | |
3686 | + margin-right:4px; | |
3687 | +} | |
3688 | + | |
3689 | +.x-menu .x-date-picker{ | |
3690 | + border:1px solid; | |
3691 | + margin-top:2px; | |
3692 | + margin-bottom:2px; | |
3693 | +} | |
3694 | + | |
3695 | +.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ | |
3696 | + margin: 0; | |
3697 | + border: 0 none; | |
3698 | +} | |
3699 | + | |
3700 | +.x-date-menu { | |
3701 | + padding:0 !important; | |
3702 | +} | |
3703 | + | |
3704 | +.x-cycle-menu .x-menu-item-checked { | |
3705 | + border:1px dotted !important; | |
3706 | + padding:0; | |
3707 | +} | |
3708 | + | |
3709 | +.x-menu .x-menu-scroller { | |
3710 | + width: 100%; | |
3711 | + background-repeat:no-repeat; | |
3712 | + background-position:center; | |
3713 | + height:8px; | |
3714 | + line-height: 8px; | |
3715 | + cursor:pointer; | |
3716 | + margin: 0; | |
3717 | + padding: 0; | |
3718 | +} | |
3719 | + | |
3720 | +.x-menu .x-menu-scroller-active{ | |
3721 | + height: 6px; | |
3722 | + line-height: 6px; | |
3723 | +} | |
3724 | + | |
3725 | +.x-menu-list-item-indent{ | |
3726 | + padding-left: 27px; | |
3727 | +} | |
3728 | 3728 | /* |
3729 | 3729 | Creates rounded, raised boxes like on the Ext website - the markup isn't pretty: |
3730 | 3730 | <div class="x-box-blue"> |
@@ -4656,138 +4656,138 @@ body.ext-ie6.x-body-masked .x-window select { | ||
4656 | 4656 | .x-window-plain .x-window-body { |
4657 | 4657 | border: 1px solid; |
4658 | 4658 | background:transparent !important; |
4659 | -}.x-html-editor-wrap { | |
4660 | - border:1px solid; | |
4661 | -} | |
4662 | - | |
4663 | -.x-html-editor-tb .x-btn-text { | |
4664 | - background:transparent no-repeat; | |
4665 | -} | |
4666 | - | |
4667 | -.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { | |
4668 | - background-position:0 0; | |
4669 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4670 | -} | |
4671 | - | |
4672 | -.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { | |
4673 | - background-position:-16px 0; | |
4674 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4675 | -} | |
4676 | - | |
4677 | -.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { | |
4678 | - background-position:-32px 0; | |
4679 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4680 | -} | |
4681 | - | |
4682 | -.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { | |
4683 | - background-position:-160px 0; | |
4684 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4685 | -} | |
4686 | - | |
4687 | -.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { | |
4688 | - background-position:-176px 0; | |
4689 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4690 | -} | |
4691 | - | |
4692 | -.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { | |
4693 | - background-position:-112px 0; | |
4694 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4695 | -} | |
4696 | - | |
4697 | -.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { | |
4698 | - background-position:-128px 0; | |
4699 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4700 | -} | |
4701 | - | |
4702 | -.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { | |
4703 | - background-position:-144px 0; | |
4704 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4705 | -} | |
4706 | - | |
4707 | -.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { | |
4708 | - background-position:-80px 0; | |
4709 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4710 | -} | |
4711 | - | |
4712 | -.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { | |
4713 | - background-position:-96px 0; | |
4714 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4715 | -} | |
4716 | - | |
4717 | -.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { | |
4718 | - background-position:-48px 0; | |
4719 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4720 | -} | |
4721 | - | |
4722 | -.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { | |
4723 | - background-position:-64px 0; | |
4724 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4725 | -} | |
4726 | - | |
4727 | -.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { | |
4728 | - background-position:-192px 0; | |
4729 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4730 | -} | |
4731 | - | |
4732 | -.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { | |
4733 | - background-position:-208px 0; | |
4734 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4735 | -} | |
4736 | - | |
4737 | -.x-html-editor-tip .x-tip-bd .x-tip-bd-inner { | |
4738 | - padding:5px; | |
4739 | - padding-bottom:1px; | |
4740 | -} | |
4741 | - | |
4742 | -.x-html-editor-tb .x-toolbar { | |
4743 | - position:static !important; | |
4744 | -}.x-panel-noborder .x-panel-body-noborder { | |
4745 | - border-width:0; | |
4746 | -} | |
4747 | - | |
4748 | -.x-panel-noborder .x-panel-header-noborder { | |
4749 | - border-width:0 0 1px; | |
4750 | - border-style:solid; | |
4751 | -} | |
4752 | - | |
4753 | -.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
4754 | - border-width:0 0 1px; | |
4755 | - border-style:solid; | |
4756 | -} | |
4757 | - | |
4758 | -.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
4759 | - border-width:1px 0 0 0; | |
4760 | - border-style:solid; | |
4761 | -} | |
4762 | - | |
4763 | -.x-window-noborder .x-window-mc { | |
4764 | - border-width:0; | |
4765 | -} | |
4766 | - | |
4767 | -.x-window-plain .x-window-body-noborder { | |
4768 | - border-width:0; | |
4769 | -} | |
4770 | - | |
4771 | -.x-tab-panel-noborder .x-tab-panel-body-noborder { | |
4772 | - border-width:0; | |
4773 | -} | |
4774 | - | |
4775 | -.x-tab-panel-noborder .x-tab-panel-header-noborder { | |
4776 | - border-width: 0 0 1px 0; | |
4777 | -} | |
4778 | - | |
4779 | -.x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
4780 | - border-width: 1px 0 0 0; | |
4781 | -} | |
4782 | - | |
4783 | -.x-tab-panel-bbar-noborder .x-toolbar { | |
4784 | - border-width: 1px 0 0 0; | |
4785 | - border-style:solid; | |
4786 | -} | |
4787 | - | |
4788 | -.x-tab-panel-tbar-noborder .x-toolbar { | |
4789 | - border-width:0 0 1px; | |
4790 | - border-style:solid; | |
4659 | +}.x-html-editor-wrap { | |
4660 | + border:1px solid; | |
4661 | +} | |
4662 | + | |
4663 | +.x-html-editor-tb .x-btn-text { | |
4664 | + background:transparent no-repeat; | |
4665 | +} | |
4666 | + | |
4667 | +.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { | |
4668 | + background-position:0 0; | |
4669 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4670 | +} | |
4671 | + | |
4672 | +.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { | |
4673 | + background-position:-16px 0; | |
4674 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4675 | +} | |
4676 | + | |
4677 | +.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { | |
4678 | + background-position:-32px 0; | |
4679 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4680 | +} | |
4681 | + | |
4682 | +.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { | |
4683 | + background-position:-160px 0; | |
4684 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4685 | +} | |
4686 | + | |
4687 | +.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { | |
4688 | + background-position:-176px 0; | |
4689 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4690 | +} | |
4691 | + | |
4692 | +.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { | |
4693 | + background-position:-112px 0; | |
4694 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4695 | +} | |
4696 | + | |
4697 | +.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { | |
4698 | + background-position:-128px 0; | |
4699 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4700 | +} | |
4701 | + | |
4702 | +.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { | |
4703 | + background-position:-144px 0; | |
4704 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4705 | +} | |
4706 | + | |
4707 | +.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { | |
4708 | + background-position:-80px 0; | |
4709 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4710 | +} | |
4711 | + | |
4712 | +.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { | |
4713 | + background-position:-96px 0; | |
4714 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4715 | +} | |
4716 | + | |
4717 | +.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { | |
4718 | + background-position:-48px 0; | |
4719 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4720 | +} | |
4721 | + | |
4722 | +.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { | |
4723 | + background-position:-64px 0; | |
4724 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4725 | +} | |
4726 | + | |
4727 | +.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { | |
4728 | + background-position:-192px 0; | |
4729 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4730 | +} | |
4731 | + | |
4732 | +.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { | |
4733 | + background-position:-208px 0; | |
4734 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4735 | +} | |
4736 | + | |
4737 | +.x-html-editor-tip .x-tip-bd .x-tip-bd-inner { | |
4738 | + padding:5px; | |
4739 | + padding-bottom:1px; | |
4740 | +} | |
4741 | + | |
4742 | +.x-html-editor-tb .x-toolbar { | |
4743 | + position:static !important; | |
4744 | +}.x-panel-noborder .x-panel-body-noborder { | |
4745 | + border-width:0; | |
4746 | +} | |
4747 | + | |
4748 | +.x-panel-noborder .x-panel-header-noborder { | |
4749 | + border-width:0 0 1px; | |
4750 | + border-style:solid; | |
4751 | +} | |
4752 | + | |
4753 | +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
4754 | + border-width:0 0 1px; | |
4755 | + border-style:solid; | |
4756 | +} | |
4757 | + | |
4758 | +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
4759 | + border-width:1px 0 0 0; | |
4760 | + border-style:solid; | |
4761 | +} | |
4762 | + | |
4763 | +.x-window-noborder .x-window-mc { | |
4764 | + border-width:0; | |
4765 | +} | |
4766 | + | |
4767 | +.x-window-plain .x-window-body-noborder { | |
4768 | + border-width:0; | |
4769 | +} | |
4770 | + | |
4771 | +.x-tab-panel-noborder .x-tab-panel-body-noborder { | |
4772 | + border-width:0; | |
4773 | +} | |
4774 | + | |
4775 | +.x-tab-panel-noborder .x-tab-panel-header-noborder { | |
4776 | + border-width: 0 0 1px 0; | |
4777 | +} | |
4778 | + | |
4779 | +.x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
4780 | + border-width: 1px 0 0 0; | |
4781 | +} | |
4782 | + | |
4783 | +.x-tab-panel-bbar-noborder .x-toolbar { | |
4784 | + border-width: 1px 0 0 0; | |
4785 | + border-style:solid; | |
4786 | +} | |
4787 | + | |
4788 | +.x-tab-panel-tbar-noborder .x-toolbar { | |
4789 | + border-width:0 0 1px; | |
4790 | + border-style:solid; | |
4791 | 4791 | }.x-border-layout-ct { |
4792 | 4792 | position: relative; |
4793 | 4793 | } |
@@ -5077,269 +5077,269 @@ body.ext-ie6.x-body-masked .x-window select { | ||
5077 | 5077 | position:absolute; |
5078 | 5078 | left:0; |
5079 | 5079 | top:0; |
5080 | -}.x-progress-wrap { | |
5081 | - border:1px solid; | |
5082 | - overflow:hidden; | |
5083 | -} | |
5084 | - | |
5085 | -.x-progress-inner { | |
5086 | - height:18px; | |
5087 | - background:repeat-x; | |
5088 | - position:relative; | |
5089 | -} | |
5090 | - | |
5091 | -.x-progress-bar { | |
5092 | - height:18px; | |
5093 | - float:left; | |
5094 | - width:0; | |
5095 | - background: repeat-x left center; | |
5096 | - border-top:1px solid; | |
5097 | - border-bottom:1px solid; | |
5098 | - border-right:1px solid; | |
5099 | -} | |
5100 | - | |
5101 | -.x-progress-text { | |
5102 | - padding:1px 5px; | |
5103 | - overflow:hidden; | |
5104 | - position:absolute; | |
5105 | - left:0; | |
5106 | - text-align:center; | |
5107 | -} | |
5108 | - | |
5109 | -.x-progress-text-back { | |
5110 | - line-height:16px; | |
5111 | -} | |
5112 | - | |
5113 | -.ext-ie .x-progress-text-back { | |
5114 | - line-height:15px; | |
5115 | -}.x-list-header{ | |
5116 | - background: repeat-x 0 bottom; | |
5117 | - cursor:default; | |
5118 | - zoom:1; | |
5119 | - height:22px; | |
5120 | -} | |
5121 | - | |
5122 | -.x-list-header-inner div { | |
5123 | - display:block; | |
5124 | - float:left; | |
5125 | - overflow:hidden; | |
5126 | - -o-text-overflow: ellipsis; | |
5127 | - text-overflow: ellipsis; | |
5128 | - white-space: nowrap; | |
5129 | -} | |
5130 | - | |
5131 | -.x-list-header-inner div em { | |
5132 | - display:block; | |
5133 | - border-left:1px solid; | |
5134 | - padding:4px 4px; | |
5135 | - overflow:hidden; | |
5136 | - -moz-user-select: none; | |
5137 | - -khtml-user-select: none; | |
5138 | - line-height:14px; | |
5139 | -} | |
5140 | - | |
5141 | -.x-list-body { | |
5142 | - overflow:auto; | |
5143 | - overflow-x:hidden; | |
5144 | - overflow-y:auto; | |
5145 | - zoom:1; | |
5146 | - float: left; | |
5147 | - width: 100%; | |
5148 | -} | |
5149 | - | |
5150 | -.x-list-body dl { | |
5151 | - zoom:1; | |
5152 | -} | |
5153 | - | |
5154 | -.x-list-body dt { | |
5155 | - display:block; | |
5156 | - float:left; | |
5157 | - overflow:hidden; | |
5158 | - -o-text-overflow: ellipsis; | |
5159 | - text-overflow: ellipsis; | |
5160 | - white-space: nowrap; | |
5161 | - cursor:pointer; | |
5162 | - zoom:1; | |
5163 | -} | |
5164 | - | |
5165 | -.x-list-body dt em { | |
5166 | - display:block; | |
5167 | - padding:3px 4px; | |
5168 | - overflow:hidden; | |
5169 | - -moz-user-select: none; | |
5170 | - -khtml-user-select: none; | |
5171 | -} | |
5172 | - | |
5173 | -.x-list-resizer { | |
5174 | - border-left:1px solid; | |
5175 | - border-right:1px solid; | |
5176 | - position:absolute; | |
5177 | - left:0; | |
5178 | - top:0; | |
5179 | -} | |
5180 | - | |
5181 | -.x-list-header-inner em.sort-asc { | |
5182 | - background: transparent no-repeat center 0; | |
5183 | - border-style:solid; | |
5184 | - border-width: 0 1px 1px; | |
5185 | - padding-bottom:3px; | |
5186 | -} | |
5187 | - | |
5188 | -.x-list-header-inner em.sort-desc { | |
5189 | - background: transparent no-repeat center -23px; | |
5190 | - border-style:solid; | |
5191 | - border-width: 0 1px 1px; | |
5192 | - padding-bottom:3px; | |
5193 | -} | |
5194 | -/* Shared styles */ | |
5195 | -.x-slider { | |
5196 | - zoom:1; | |
5197 | -} | |
5198 | - | |
5199 | -.x-slider-inner { | |
5200 | - position:relative; | |
5201 | - left:0; | |
5202 | - top:0; | |
5203 | - overflow:visible; | |
5204 | - zoom:1; | |
5205 | -} | |
5206 | - | |
5207 | -.x-slider-focus { | |
5208 | - position:absolute; | |
5209 | - left:0; | |
5210 | - top:0; | |
5211 | - width:1px; | |
5212 | - height:1px; | |
5213 | - line-height:1px; | |
5214 | - font-size:1px; | |
5215 | - -moz-outline:0 none; | |
5216 | - outline:0 none; | |
5217 | - -moz-user-select: none; | |
5218 | - -khtml-user-select:none; | |
5219 | - -webkit-user-select:ignore; | |
5220 | - display:block; | |
5221 | - overflow:hidden; | |
5222 | -} | |
5223 | - | |
5224 | -/* Horizontal styles */ | |
5225 | -.x-slider-horz { | |
5226 | - padding-left:7px; | |
5227 | - background:transparent no-repeat 0 -22px; | |
5228 | -} | |
5229 | - | |
5230 | -.x-slider-horz .x-slider-end { | |
5231 | - padding-right:7px; | |
5232 | - zoom:1; | |
5233 | - background:transparent no-repeat right -44px; | |
5234 | -} | |
5235 | - | |
5236 | -.x-slider-horz .x-slider-inner { | |
5237 | - background:transparent repeat-x 0 0; | |
5238 | - height:22px; | |
5239 | -} | |
5240 | - | |
5241 | -.x-slider-horz .x-slider-thumb { | |
5242 | - width:14px; | |
5243 | - height:15px; | |
5244 | - position:absolute; | |
5245 | - left:0; | |
5246 | - top:3px; | |
5247 | - background:transparent no-repeat 0 0; | |
5248 | -} | |
5249 | - | |
5250 | -.x-slider-horz .x-slider-thumb-over { | |
5251 | - background-position: -14px -15px; | |
5252 | -} | |
5253 | - | |
5254 | -.x-slider-horz .x-slider-thumb-drag { | |
5255 | - background-position: -28px -30px; | |
5256 | -} | |
5257 | - | |
5258 | -/* Vertical styles */ | |
5259 | -.x-slider-vert { | |
5260 | - padding-top:7px; | |
5261 | - background:transparent no-repeat -44px 0; | |
5262 | - width:22px; | |
5263 | -} | |
5264 | - | |
5265 | -.x-slider-vert .x-slider-end { | |
5266 | - padding-bottom:7px; | |
5267 | - zoom:1; | |
5268 | - background:transparent no-repeat -22px bottom; | |
5269 | -} | |
5270 | - | |
5271 | -.x-slider-vert .x-slider-inner { | |
5272 | - background:transparent repeat-y 0 0; | |
5273 | -} | |
5274 | - | |
5275 | -.x-slider-vert .x-slider-thumb { | |
5276 | - width:15px; | |
5277 | - height:14px; | |
5278 | - position:absolute; | |
5279 | - left:3px; | |
5280 | - bottom:0; | |
5281 | - background:transparent no-repeat 0 0; | |
5282 | -} | |
5283 | - | |
5284 | -.x-slider-vert .x-slider-thumb-over { | |
5285 | - background-position: -15px -14px; | |
5286 | -} | |
5287 | - | |
5288 | -.x-slider-vert .x-slider-thumb-drag { | |
5289 | - background-position: -30px -28px; | |
5290 | -}.x-window-dlg .x-window-body { | |
5291 | - border:0 none !important; | |
5292 | - padding:5px 10px; | |
5293 | - overflow:hidden !important; | |
5294 | -} | |
5295 | - | |
5296 | -.x-window-dlg .x-window-mc { | |
5297 | - border:0 none !important; | |
5298 | -} | |
5299 | - | |
5300 | -.x-window-dlg .ext-mb-input { | |
5301 | - margin-top:4px; | |
5302 | - width:95%; | |
5303 | -} | |
5304 | - | |
5305 | -.x-window-dlg .ext-mb-textarea { | |
5306 | - margin-top:4px; | |
5307 | -} | |
5308 | - | |
5309 | -.x-window-dlg .x-progress-wrap { | |
5310 | - margin-top:4px; | |
5311 | -} | |
5312 | - | |
5313 | -.ext-ie .x-window-dlg .x-progress-wrap { | |
5314 | - margin-top:6px; | |
5315 | -} | |
5316 | - | |
5317 | -.x-window-dlg .x-msg-box-wait { | |
5318 | - background:transparent no-repeat left; | |
5319 | - display:block; | |
5320 | - width:300px; | |
5321 | - padding-left:18px; | |
5322 | - line-height:18px; | |
5323 | -} | |
5324 | - | |
5325 | -.x-window-dlg .ext-mb-icon { | |
5326 | - float:left; | |
5327 | - width:47px; | |
5328 | - height:32px; | |
5329 | -} | |
5330 | - | |
5331 | -.ext-ie .x-window-dlg .ext-mb-icon { | |
5332 | - width:44px; /* 3px IE margin issue */ | |
5333 | -} | |
5334 | - | |
5335 | -.x-window-dlg .x-dlg-icon .ext-mb-content{ | |
5336 | - zoom: 1; margin-left: 47px; | |
5337 | -} | |
5338 | - | |
5339 | -.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { | |
5340 | - background:transparent no-repeat top left; | |
5341 | -} | |
5342 | - | |
5343 | -.ext-gecko2 .ext-mb-fix-cursor { | |
5344 | - overflow:auto; | |
5080 | +}.x-progress-wrap { | |
5081 | + border:1px solid; | |
5082 | + overflow:hidden; | |
5083 | +} | |
5084 | + | |
5085 | +.x-progress-inner { | |
5086 | + height:18px; | |
5087 | + background:repeat-x; | |
5088 | + position:relative; | |
5089 | +} | |
5090 | + | |
5091 | +.x-progress-bar { | |
5092 | + height:18px; | |
5093 | + float:left; | |
5094 | + width:0; | |
5095 | + background: repeat-x left center; | |
5096 | + border-top:1px solid; | |
5097 | + border-bottom:1px solid; | |
5098 | + border-right:1px solid; | |
5099 | +} | |
5100 | + | |
5101 | +.x-progress-text { | |
5102 | + padding:1px 5px; | |
5103 | + overflow:hidden; | |
5104 | + position:absolute; | |
5105 | + left:0; | |
5106 | + text-align:center; | |
5107 | +} | |
5108 | + | |
5109 | +.x-progress-text-back { | |
5110 | + line-height:16px; | |
5111 | +} | |
5112 | + | |
5113 | +.ext-ie .x-progress-text-back { | |
5114 | + line-height:15px; | |
5115 | +}.x-list-header{ | |
5116 | + background: repeat-x 0 bottom; | |
5117 | + cursor:default; | |
5118 | + zoom:1; | |
5119 | + height:22px; | |
5120 | +} | |
5121 | + | |
5122 | +.x-list-header-inner div { | |
5123 | + display:block; | |
5124 | + float:left; | |
5125 | + overflow:hidden; | |
5126 | + -o-text-overflow: ellipsis; | |
5127 | + text-overflow: ellipsis; | |
5128 | + white-space: nowrap; | |
5129 | +} | |
5130 | + | |
5131 | +.x-list-header-inner div em { | |
5132 | + display:block; | |
5133 | + border-left:1px solid; | |
5134 | + padding:4px 4px; | |
5135 | + overflow:hidden; | |
5136 | + -moz-user-select: none; | |
5137 | + -khtml-user-select: none; | |
5138 | + line-height:14px; | |
5139 | +} | |
5140 | + | |
5141 | +.x-list-body { | |
5142 | + overflow:auto; | |
5143 | + overflow-x:hidden; | |
5144 | + overflow-y:auto; | |
5145 | + zoom:1; | |
5146 | + float: left; | |
5147 | + width: 100%; | |
5148 | +} | |
5149 | + | |
5150 | +.x-list-body dl { | |
5151 | + zoom:1; | |
5152 | +} | |
5153 | + | |
5154 | +.x-list-body dt { | |
5155 | + display:block; | |
5156 | + float:left; | |
5157 | + overflow:hidden; | |
5158 | + -o-text-overflow: ellipsis; | |
5159 | + text-overflow: ellipsis; | |
5160 | + white-space: nowrap; | |
5161 | + cursor:pointer; | |
5162 | + zoom:1; | |
5163 | +} | |
5164 | + | |
5165 | +.x-list-body dt em { | |
5166 | + display:block; | |
5167 | + padding:3px 4px; | |
5168 | + overflow:hidden; | |
5169 | + -moz-user-select: none; | |
5170 | + -khtml-user-select: none; | |
5171 | +} | |
5172 | + | |
5173 | +.x-list-resizer { | |
5174 | + border-left:1px solid; | |
5175 | + border-right:1px solid; | |
5176 | + position:absolute; | |
5177 | + left:0; | |
5178 | + top:0; | |
5179 | +} | |
5180 | + | |
5181 | +.x-list-header-inner em.sort-asc { | |
5182 | + background: transparent no-repeat center 0; | |
5183 | + border-style:solid; | |
5184 | + border-width: 0 1px 1px; | |
5185 | + padding-bottom:3px; | |
5186 | +} | |
5187 | + | |
5188 | +.x-list-header-inner em.sort-desc { | |
5189 | + background: transparent no-repeat center -23px; | |
5190 | + border-style:solid; | |
5191 | + border-width: 0 1px 1px; | |
5192 | + padding-bottom:3px; | |
5193 | +} | |
5194 | +/* Shared styles */ | |
5195 | +.x-slider { | |
5196 | + zoom:1; | |
5197 | +} | |
5198 | + | |
5199 | +.x-slider-inner { | |
5200 | + position:relative; | |
5201 | + left:0; | |
5202 | + top:0; | |
5203 | + overflow:visible; | |
5204 | + zoom:1; | |
5205 | +} | |
5206 | + | |
5207 | +.x-slider-focus { | |
5208 | + position:absolute; | |
5209 | + left:0; | |
5210 | + top:0; | |
5211 | + width:1px; | |
5212 | + height:1px; | |
5213 | + line-height:1px; | |
5214 | + font-size:1px; | |
5215 | + -moz-outline:0 none; | |
5216 | + outline:0 none; | |
5217 | + -moz-user-select: none; | |
5218 | + -khtml-user-select:none; | |
5219 | + -webkit-user-select:ignore; | |
5220 | + display:block; | |
5221 | + overflow:hidden; | |
5222 | +} | |
5223 | + | |
5224 | +/* Horizontal styles */ | |
5225 | +.x-slider-horz { | |
5226 | + padding-left:7px; | |
5227 | + background:transparent no-repeat 0 -22px; | |
5228 | +} | |
5229 | + | |
5230 | +.x-slider-horz .x-slider-end { | |
5231 | + padding-right:7px; | |
5232 | + zoom:1; | |
5233 | + background:transparent no-repeat right -44px; | |
5234 | +} | |
5235 | + | |
5236 | +.x-slider-horz .x-slider-inner { | |
5237 | + background:transparent repeat-x 0 0; | |
5238 | + height:22px; | |
5239 | +} | |
5240 | + | |
5241 | +.x-slider-horz .x-slider-thumb { | |
5242 | + width:14px; | |
5243 | + height:15px; | |
5244 | + position:absolute; | |
5245 | + left:0; | |
5246 | + top:3px; | |
5247 | + background:transparent no-repeat 0 0; | |
5248 | +} | |
5249 | + | |
5250 | +.x-slider-horz .x-slider-thumb-over { | |
5251 | + background-position: -14px -15px; | |
5252 | +} | |
5253 | + | |
5254 | +.x-slider-horz .x-slider-thumb-drag { | |
5255 | + background-position: -28px -30px; | |
5256 | +} | |
5257 | + | |
5258 | +/* Vertical styles */ | |
5259 | +.x-slider-vert { | |
5260 | + padding-top:7px; | |
5261 | + background:transparent no-repeat -44px 0; | |
5262 | + width:22px; | |
5263 | +} | |
5264 | + | |
5265 | +.x-slider-vert .x-slider-end { | |
5266 | + padding-bottom:7px; | |
5267 | + zoom:1; | |
5268 | + background:transparent no-repeat -22px bottom; | |
5269 | +} | |
5270 | + | |
5271 | +.x-slider-vert .x-slider-inner { | |
5272 | + background:transparent repeat-y 0 0; | |
5273 | +} | |
5274 | + | |
5275 | +.x-slider-vert .x-slider-thumb { | |
5276 | + width:15px; | |
5277 | + height:14px; | |
5278 | + position:absolute; | |
5279 | + left:3px; | |
5280 | + bottom:0; | |
5281 | + background:transparent no-repeat 0 0; | |
5282 | +} | |
5283 | + | |
5284 | +.x-slider-vert .x-slider-thumb-over { | |
5285 | + background-position: -15px -14px; | |
5286 | +} | |
5287 | + | |
5288 | +.x-slider-vert .x-slider-thumb-drag { | |
5289 | + background-position: -30px -28px; | |
5290 | +}.x-window-dlg .x-window-body { | |
5291 | + border:0 none !important; | |
5292 | + padding:5px 10px; | |
5293 | + overflow:hidden !important; | |
5294 | +} | |
5295 | + | |
5296 | +.x-window-dlg .x-window-mc { | |
5297 | + border:0 none !important; | |
5298 | +} | |
5299 | + | |
5300 | +.x-window-dlg .ext-mb-input { | |
5301 | + margin-top:4px; | |
5302 | + width:95%; | |
5303 | +} | |
5304 | + | |
5305 | +.x-window-dlg .ext-mb-textarea { | |
5306 | + margin-top:4px; | |
5307 | +} | |
5308 | + | |
5309 | +.x-window-dlg .x-progress-wrap { | |
5310 | + margin-top:4px; | |
5311 | +} | |
5312 | + | |
5313 | +.ext-ie .x-window-dlg .x-progress-wrap { | |
5314 | + margin-top:6px; | |
5315 | +} | |
5316 | + | |
5317 | +.x-window-dlg .x-msg-box-wait { | |
5318 | + background:transparent no-repeat left; | |
5319 | + display:block; | |
5320 | + width:300px; | |
5321 | + padding-left:18px; | |
5322 | + line-height:18px; | |
5323 | +} | |
5324 | + | |
5325 | +.x-window-dlg .ext-mb-icon { | |
5326 | + float:left; | |
5327 | + width:47px; | |
5328 | + height:32px; | |
5329 | +} | |
5330 | + | |
5331 | +.ext-ie .x-window-dlg .ext-mb-icon { | |
5332 | + width:44px; /* 3px IE margin issue */ | |
5333 | +} | |
5334 | + | |
5335 | +.x-window-dlg .x-dlg-icon .ext-mb-content{ | |
5336 | + zoom: 1; margin-left: 47px; | |
5337 | +} | |
5338 | + | |
5339 | +.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { | |
5340 | + background:transparent no-repeat top left; | |
5341 | +} | |
5342 | + | |
5343 | +.ext-gecko2 .ext-mb-fix-cursor { | |
5344 | + overflow:auto; | |
5345 | 5345 | } |
\ No newline at end of file |
@@ -4,469 +4,469 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask { | |
8 | - z-index: 100; | |
9 | - position: absolute; | |
10 | - top:0; | |
11 | - left:0; | |
12 | - -moz-opacity: 0.5; | |
13 | - opacity: .50; | |
14 | - filter: alpha(opacity=50); | |
15 | - width: 100%; | |
16 | - height: 100%; | |
17 | - zoom: 1; | |
18 | -} | |
19 | - | |
20 | -.ext-el-mask-msg { | |
21 | - z-index: 20001; | |
22 | - position: absolute; | |
23 | - top: 0; | |
24 | - left: 0; | |
25 | - border:1px solid; | |
26 | - background:repeat-x 0 -16px; | |
27 | - padding:2px; | |
28 | -} | |
29 | - | |
30 | -.ext-el-mask-msg div { | |
31 | - padding:5px 10px 5px 10px; | |
32 | - border:1px solid; | |
33 | - cursor:wait; | |
34 | -} | |
35 | - | |
36 | -.ext-shim { | |
37 | - position:absolute; | |
38 | - visibility:hidden; | |
39 | - left:0; | |
40 | - top:0; | |
41 | - overflow:hidden; | |
42 | -} | |
43 | - | |
44 | -.ext-ie .ext-shim { | |
45 | - filter: alpha(opacity=0); | |
46 | -} | |
47 | - | |
48 | -.ext-ie6 .ext-shim { | |
49 | - margin-left: 5px; | |
50 | - margin-top: 3px; | |
51 | -} | |
52 | - | |
53 | -.x-mask-loading div { | |
54 | - padding:5px 10px 5px 25px; | |
55 | - background:no-repeat 5px 5px; | |
56 | - line-height:16px; | |
57 | -} | |
58 | - | |
59 | -/* class for hiding elements without using display:none */ | |
60 | -.x-hidden, .x-hide-offsets { | |
61 | - position:absolute !important; | |
62 | - left:-10000px; | |
63 | - top:-10000px; | |
64 | - visibility:hidden; | |
65 | -} | |
66 | - | |
67 | -.x-hide-display { | |
68 | - display:none !important; | |
69 | -} | |
70 | - | |
71 | -.x-hide-visibility { | |
72 | - visibility:hidden !important; | |
73 | -} | |
74 | - | |
75 | -.x-masked { | |
76 | - overflow: hidden !important; | |
77 | -} | |
78 | -.x-masked-relative { | |
79 | - position: relative !important; | |
80 | -} | |
81 | - | |
82 | -.x-masked select, .x-masked object, .x-masked embed { | |
83 | - visibility: hidden; | |
84 | -} | |
85 | - | |
86 | -.x-layer { | |
87 | - visibility: hidden; | |
88 | -} | |
89 | - | |
90 | -.x-unselectable, .x-unselectable * { | |
91 | - -moz-user-select: none; | |
92 | - -khtml-user-select: none; | |
93 | - -webkit-user-select:ignore; | |
94 | -} | |
95 | - | |
96 | -.x-repaint { | |
97 | - zoom: 1; | |
98 | - background-color: transparent; | |
99 | - -moz-outline: none; | |
100 | -} | |
101 | - | |
102 | -.x-item-disabled { | |
103 | - cursor: default; | |
104 | - opacity: .6; | |
105 | - -moz-opacity: .6; | |
106 | - filter: alpha(opacity=60); | |
107 | -} | |
108 | - | |
109 | -.x-item-disabled * { | |
110 | - cursor: default !important; | |
111 | -} | |
112 | - | |
113 | -.x-splitbar-proxy { | |
114 | - position: absolute; | |
115 | - visibility: hidden; | |
116 | - z-index: 20001; | |
117 | - zoom: 1; | |
118 | - line-height: 1px; | |
119 | - font-size: 1px; | |
120 | - overflow: hidden; | |
121 | -} | |
122 | - | |
123 | -.x-splitbar-h, .x-splitbar-proxy-h { | |
124 | - cursor: e-resize; | |
125 | - cursor: col-resize; | |
126 | -} | |
127 | - | |
128 | -.x-splitbar-v, .x-splitbar-proxy-v { | |
129 | - cursor: s-resize; | |
130 | - cursor: row-resize; | |
131 | -} | |
132 | - | |
133 | -.x-color-palette { | |
134 | - width: 150px; | |
135 | - height: 92px; | |
136 | - cursor: pointer; | |
137 | -} | |
138 | - | |
139 | -.x-color-palette a { | |
140 | - border: 1px solid; | |
141 | - float: left; | |
142 | - padding: 2px; | |
143 | - text-decoration: none; | |
144 | - -moz-outline: 0 none; | |
145 | - outline: 0 none; | |
146 | - cursor: pointer; | |
147 | -} | |
148 | - | |
149 | -.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
150 | - border: 1px solid; | |
151 | -} | |
152 | - | |
153 | -.x-color-palette em { | |
154 | - display: block; | |
155 | - border: 1px solid; | |
156 | -} | |
157 | - | |
158 | -.x-color-palette em span { | |
159 | - cursor: pointer; | |
160 | - display: block; | |
161 | - height: 10px; | |
162 | - line-height: 10px; | |
163 | - width: 10px; | |
164 | -} | |
165 | - | |
166 | -.x-ie-shadow { | |
167 | - display: none; | |
168 | - position: absolute; | |
169 | - overflow: hidden; | |
170 | - left:0; | |
171 | - top:0; | |
172 | - zoom:1; | |
173 | -} | |
174 | - | |
175 | -.x-shadow { | |
176 | - display: none; | |
177 | - position: absolute; | |
178 | - overflow: hidden; | |
179 | - left:0; | |
180 | - top:0; | |
181 | -} | |
182 | - | |
183 | -.x-shadow * { | |
184 | - overflow: hidden; | |
185 | -} | |
186 | - | |
187 | -.x-shadow * { | |
188 | - padding: 0; | |
189 | - border: 0; | |
190 | - margin: 0; | |
191 | - clear: none; | |
192 | - zoom: 1; | |
193 | -} | |
194 | - | |
195 | -/* top bottom */ | |
196 | -.x-shadow .xstc, .x-shadow .xsbc { | |
197 | - height: 6px; | |
198 | - float: left; | |
199 | -} | |
200 | - | |
201 | -/* corners */ | |
202 | -.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { | |
203 | - width: 6px; | |
204 | - height: 6px; | |
205 | - float: left; | |
206 | -} | |
207 | - | |
208 | -/* sides */ | |
209 | -.x-shadow .xsc { | |
210 | - width: 100%; | |
211 | -} | |
212 | - | |
213 | -.x-shadow .xsml, .x-shadow .xsmr { | |
214 | - width: 6px; | |
215 | - float: left; | |
216 | - height: 100%; | |
217 | -} | |
218 | - | |
219 | -.x-shadow .xsmc { | |
220 | - float: left; | |
221 | - height: 100%; | |
222 | - background: transparent; | |
223 | -} | |
224 | - | |
225 | -.x-shadow .xst, .x-shadow .xsb { | |
226 | - height: 6px; | |
227 | - overflow: hidden; | |
228 | - width: 100%; | |
229 | -} | |
230 | - | |
231 | -.x-shadow .xsml { | |
232 | - background: transparent repeat-y 0 0; | |
233 | -} | |
234 | - | |
235 | -.x-shadow .xsmr { | |
236 | - background: transparent repeat-y -6px 0; | |
237 | -} | |
238 | - | |
239 | -.x-shadow .xstl { | |
240 | - background: transparent no-repeat 0 0; | |
241 | -} | |
242 | - | |
243 | -.x-shadow .xstc { | |
244 | - background: transparent repeat-x 0 -30px; | |
245 | -} | |
246 | - | |
247 | -.x-shadow .xstr { | |
248 | - background: transparent repeat-x 0 -18px; | |
249 | -} | |
250 | - | |
251 | -.x-shadow .xsbl { | |
252 | - background: transparent no-repeat 0 -12px; | |
253 | -} | |
254 | - | |
255 | -.x-shadow .xsbc { | |
256 | - background: transparent repeat-x 0 -36px; | |
257 | -} | |
258 | - | |
259 | -.x-shadow .xsbr { | |
260 | - background: transparent repeat-x 0 -6px; | |
261 | -} | |
262 | - | |
263 | -.loading-indicator { | |
264 | - background: no-repeat left; | |
265 | - padding-left: 20px; | |
266 | - line-height: 16px; | |
267 | - margin: 3px; | |
268 | -} | |
269 | - | |
270 | -.x-text-resize { | |
271 | - position: absolute; | |
272 | - left: -1000px; | |
273 | - top: -1000px; | |
274 | - visibility: hidden; | |
275 | - zoom: 1; | |
276 | -} | |
277 | - | |
278 | -.x-drag-overlay { | |
279 | - width: 100%; | |
280 | - height: 100%; | |
281 | - display: none; | |
282 | - position: absolute; | |
283 | - left: 0; | |
284 | - top: 0; | |
285 | - background-image:url(../images/default/s.gif); | |
286 | - z-index: 20000; | |
287 | -} | |
288 | - | |
289 | -.x-clear { | |
290 | - clear:both; | |
291 | - height:0; | |
292 | - overflow:hidden; | |
293 | - line-height:0; | |
294 | - font-size:0; | |
295 | -} | |
296 | - | |
297 | -.x-spotlight { | |
298 | - z-index: 8999; | |
299 | - position: absolute; | |
300 | - top:0; | |
301 | - left:0; | |
302 | - -moz-opacity: 0.5; | |
303 | - opacity: .50; | |
304 | - filter: alpha(opacity=50); | |
305 | - width:0; | |
306 | - height:0; | |
307 | - zoom: 1; | |
308 | -} | |
309 | - | |
310 | -#x-history-frame { | |
311 | - position:absolute; | |
312 | - top:-1px; | |
313 | - left:0; | |
314 | - width:1px; | |
315 | - height:1px; | |
316 | - visibility:hidden; | |
317 | -} | |
318 | - | |
319 | -#x-history-field { | |
320 | - position:absolute; | |
321 | - top:0; | |
322 | - left:-1px; | |
323 | - width:1px; | |
324 | - height:1px; | |
325 | - visibility:hidden; | |
326 | -} | |
327 | -.x-resizable-handle { | |
328 | - position:absolute; | |
329 | - z-index:100; | |
330 | - /* ie needs these */ | |
331 | - font-size:1px; | |
332 | - line-height:6px; | |
333 | - overflow:hidden; | |
334 | - filter:alpha(opacity=0); | |
335 | - opacity:0; | |
336 | - zoom:1; | |
337 | -} | |
338 | - | |
339 | -.x-resizable-handle-east{ | |
340 | - width:6px; | |
341 | - cursor:e-resize; | |
342 | - right:0; | |
343 | - top:0; | |
344 | - height:100%; | |
345 | -} | |
346 | - | |
347 | -.ext-ie .x-resizable-handle-east { | |
348 | - margin-right:-1px; /*IE rounding error*/ | |
349 | -} | |
350 | - | |
351 | -.x-resizable-handle-south{ | |
352 | - width:100%; | |
353 | - cursor:s-resize; | |
354 | - left:0; | |
355 | - bottom:0; | |
356 | - height:6px; | |
357 | -} | |
358 | - | |
359 | -.ext-ie .x-resizable-handle-south { | |
360 | - margin-bottom:-1px; /*IE rounding error*/ | |
361 | -} | |
362 | - | |
363 | -.x-resizable-handle-west{ | |
364 | - width:6px; | |
365 | - cursor:w-resize; | |
366 | - left:0; | |
367 | - top:0; | |
368 | - height:100%; | |
369 | -} | |
370 | - | |
371 | -.x-resizable-handle-north{ | |
372 | - width:100%; | |
373 | - cursor:n-resize; | |
374 | - left:0; | |
375 | - top:0; | |
376 | - height:6px; | |
377 | -} | |
378 | - | |
379 | -.x-resizable-handle-southeast{ | |
380 | - width:6px; | |
381 | - cursor:se-resize; | |
382 | - right:0; | |
383 | - bottom:0; | |
384 | - height:6px; | |
385 | - z-index:101; | |
386 | -} | |
387 | - | |
388 | -.x-resizable-handle-northwest{ | |
389 | - width:6px; | |
390 | - cursor:nw-resize; | |
391 | - left:0; | |
392 | - top:0; | |
393 | - height:6px; | |
394 | - z-index:101; | |
395 | -} | |
396 | - | |
397 | -.x-resizable-handle-northeast{ | |
398 | - width:6px; | |
399 | - cursor:ne-resize; | |
400 | - right:0; | |
401 | - top:0; | |
402 | - height:6px; | |
403 | - z-index:101; | |
404 | -} | |
405 | - | |
406 | -.x-resizable-handle-southwest{ | |
407 | - width:6px; | |
408 | - cursor:sw-resize; | |
409 | - left:0; | |
410 | - bottom:0; | |
411 | - height:6px; | |
412 | - z-index:101; | |
413 | -} | |
414 | - | |
415 | -.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ | |
416 | - filter:alpha(opacity=100); | |
417 | - opacity:1; | |
418 | -} | |
419 | - | |
420 | -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
421 | -.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
422 | -{ | |
423 | - background-position: left; | |
424 | -} | |
425 | - | |
426 | -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
427 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
428 | -{ | |
429 | - background-position: top; | |
430 | -} | |
431 | - | |
432 | -.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
433 | - background-position: top left; | |
434 | -} | |
435 | - | |
436 | -.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
437 | - background-position:bottom right; | |
438 | -} | |
439 | - | |
440 | -.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
441 | - background-position: bottom left; | |
442 | -} | |
443 | - | |
444 | -.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
445 | - background-position: top right; | |
446 | -} | |
447 | - | |
448 | -.x-resizable-proxy{ | |
449 | - border: 1px dashed; | |
450 | - position:absolute; | |
451 | - overflow:hidden; | |
452 | - display:none; | |
453 | - left:0; | |
454 | - top:0; | |
455 | - z-index:50000; | |
456 | -} | |
457 | - | |
458 | -.x-resizable-overlay{ | |
459 | - width:100%; | |
460 | - height:100%; | |
461 | - display:none; | |
462 | - position:absolute; | |
463 | - left:0; | |
464 | - top:0; | |
465 | - z-index:200000; | |
466 | - -moz-opacity: 0; | |
467 | - opacity:0; | |
468 | - filter: alpha(opacity=0); | |
469 | -} | |
7 | +html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask { | |
8 | + z-index: 100; | |
9 | + position: absolute; | |
10 | + top:0; | |
11 | + left:0; | |
12 | + -moz-opacity: 0.5; | |
13 | + opacity: .50; | |
14 | + filter: alpha(opacity=50); | |
15 | + width: 100%; | |
16 | + height: 100%; | |
17 | + zoom: 1; | |
18 | +} | |
19 | + | |
20 | +.ext-el-mask-msg { | |
21 | + z-index: 20001; | |
22 | + position: absolute; | |
23 | + top: 0; | |
24 | + left: 0; | |
25 | + border:1px solid; | |
26 | + background:repeat-x 0 -16px; | |
27 | + padding:2px; | |
28 | +} | |
29 | + | |
30 | +.ext-el-mask-msg div { | |
31 | + padding:5px 10px 5px 10px; | |
32 | + border:1px solid; | |
33 | + cursor:wait; | |
34 | +} | |
35 | + | |
36 | +.ext-shim { | |
37 | + position:absolute; | |
38 | + visibility:hidden; | |
39 | + left:0; | |
40 | + top:0; | |
41 | + overflow:hidden; | |
42 | +} | |
43 | + | |
44 | +.ext-ie .ext-shim { | |
45 | + filter: alpha(opacity=0); | |
46 | +} | |
47 | + | |
48 | +.ext-ie6 .ext-shim { | |
49 | + margin-left: 5px; | |
50 | + margin-top: 3px; | |
51 | +} | |
52 | + | |
53 | +.x-mask-loading div { | |
54 | + padding:5px 10px 5px 25px; | |
55 | + background:no-repeat 5px 5px; | |
56 | + line-height:16px; | |
57 | +} | |
58 | + | |
59 | +/* class for hiding elements without using display:none */ | |
60 | +.x-hidden, .x-hide-offsets { | |
61 | + position:absolute !important; | |
62 | + left:-10000px; | |
63 | + top:-10000px; | |
64 | + visibility:hidden; | |
65 | +} | |
66 | + | |
67 | +.x-hide-display { | |
68 | + display:none !important; | |
69 | +} | |
70 | + | |
71 | +.x-hide-visibility { | |
72 | + visibility:hidden !important; | |
73 | +} | |
74 | + | |
75 | +.x-masked { | |
76 | + overflow: hidden !important; | |
77 | +} | |
78 | +.x-masked-relative { | |
79 | + position: relative !important; | |
80 | +} | |
81 | + | |
82 | +.x-masked select, .x-masked object, .x-masked embed { | |
83 | + visibility: hidden; | |
84 | +} | |
85 | + | |
86 | +.x-layer { | |
87 | + visibility: hidden; | |
88 | +} | |
89 | + | |
90 | +.x-unselectable, .x-unselectable * { | |
91 | + -moz-user-select: none; | |
92 | + -khtml-user-select: none; | |
93 | + -webkit-user-select:ignore; | |
94 | +} | |
95 | + | |
96 | +.x-repaint { | |
97 | + zoom: 1; | |
98 | + background-color: transparent; | |
99 | + -moz-outline: none; | |
100 | +} | |
101 | + | |
102 | +.x-item-disabled { | |
103 | + cursor: default; | |
104 | + opacity: .6; | |
105 | + -moz-opacity: .6; | |
106 | + filter: alpha(opacity=60); | |
107 | +} | |
108 | + | |
109 | +.x-item-disabled * { | |
110 | + cursor: default !important; | |
111 | +} | |
112 | + | |
113 | +.x-splitbar-proxy { | |
114 | + position: absolute; | |
115 | + visibility: hidden; | |
116 | + z-index: 20001; | |
117 | + zoom: 1; | |
118 | + line-height: 1px; | |
119 | + font-size: 1px; | |
120 | + overflow: hidden; | |
121 | +} | |
122 | + | |
123 | +.x-splitbar-h, .x-splitbar-proxy-h { | |
124 | + cursor: e-resize; | |
125 | + cursor: col-resize; | |
126 | +} | |
127 | + | |
128 | +.x-splitbar-v, .x-splitbar-proxy-v { | |
129 | + cursor: s-resize; | |
130 | + cursor: row-resize; | |
131 | +} | |
132 | + | |
133 | +.x-color-palette { | |
134 | + width: 150px; | |
135 | + height: 92px; | |
136 | + cursor: pointer; | |
137 | +} | |
138 | + | |
139 | +.x-color-palette a { | |
140 | + border: 1px solid; | |
141 | + float: left; | |
142 | + padding: 2px; | |
143 | + text-decoration: none; | |
144 | + -moz-outline: 0 none; | |
145 | + outline: 0 none; | |
146 | + cursor: pointer; | |
147 | +} | |
148 | + | |
149 | +.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
150 | + border: 1px solid; | |
151 | +} | |
152 | + | |
153 | +.x-color-palette em { | |
154 | + display: block; | |
155 | + border: 1px solid; | |
156 | +} | |
157 | + | |
158 | +.x-color-palette em span { | |
159 | + cursor: pointer; | |
160 | + display: block; | |
161 | + height: 10px; | |
162 | + line-height: 10px; | |
163 | + width: 10px; | |
164 | +} | |
165 | + | |
166 | +.x-ie-shadow { | |
167 | + display: none; | |
168 | + position: absolute; | |
169 | + overflow: hidden; | |
170 | + left:0; | |
171 | + top:0; | |
172 | + zoom:1; | |
173 | +} | |
174 | + | |
175 | +.x-shadow { | |
176 | + display: none; | |
177 | + position: absolute; | |
178 | + overflow: hidden; | |
179 | + left:0; | |
180 | + top:0; | |
181 | +} | |
182 | + | |
183 | +.x-shadow * { | |
184 | + overflow: hidden; | |
185 | +} | |
186 | + | |
187 | +.x-shadow * { | |
188 | + padding: 0; | |
189 | + border: 0; | |
190 | + margin: 0; | |
191 | + clear: none; | |
192 | + zoom: 1; | |
193 | +} | |
194 | + | |
195 | +/* top bottom */ | |
196 | +.x-shadow .xstc, .x-shadow .xsbc { | |
197 | + height: 6px; | |
198 | + float: left; | |
199 | +} | |
200 | + | |
201 | +/* corners */ | |
202 | +.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { | |
203 | + width: 6px; | |
204 | + height: 6px; | |
205 | + float: left; | |
206 | +} | |
207 | + | |
208 | +/* sides */ | |
209 | +.x-shadow .xsc { | |
210 | + width: 100%; | |
211 | +} | |
212 | + | |
213 | +.x-shadow .xsml, .x-shadow .xsmr { | |
214 | + width: 6px; | |
215 | + float: left; | |
216 | + height: 100%; | |
217 | +} | |
218 | + | |
219 | +.x-shadow .xsmc { | |
220 | + float: left; | |
221 | + height: 100%; | |
222 | + background: transparent; | |
223 | +} | |
224 | + | |
225 | +.x-shadow .xst, .x-shadow .xsb { | |
226 | + height: 6px; | |
227 | + overflow: hidden; | |
228 | + width: 100%; | |
229 | +} | |
230 | + | |
231 | +.x-shadow .xsml { | |
232 | + background: transparent repeat-y 0 0; | |
233 | +} | |
234 | + | |
235 | +.x-shadow .xsmr { | |
236 | + background: transparent repeat-y -6px 0; | |
237 | +} | |
238 | + | |
239 | +.x-shadow .xstl { | |
240 | + background: transparent no-repeat 0 0; | |
241 | +} | |
242 | + | |
243 | +.x-shadow .xstc { | |
244 | + background: transparent repeat-x 0 -30px; | |
245 | +} | |
246 | + | |
247 | +.x-shadow .xstr { | |
248 | + background: transparent repeat-x 0 -18px; | |
249 | +} | |
250 | + | |
251 | +.x-shadow .xsbl { | |
252 | + background: transparent no-repeat 0 -12px; | |
253 | +} | |
254 | + | |
255 | +.x-shadow .xsbc { | |
256 | + background: transparent repeat-x 0 -36px; | |
257 | +} | |
258 | + | |
259 | +.x-shadow .xsbr { | |
260 | + background: transparent repeat-x 0 -6px; | |
261 | +} | |
262 | + | |
263 | +.loading-indicator { | |
264 | + background: no-repeat left; | |
265 | + padding-left: 20px; | |
266 | + line-height: 16px; | |
267 | + margin: 3px; | |
268 | +} | |
269 | + | |
270 | +.x-text-resize { | |
271 | + position: absolute; | |
272 | + left: -1000px; | |
273 | + top: -1000px; | |
274 | + visibility: hidden; | |
275 | + zoom: 1; | |
276 | +} | |
277 | + | |
278 | +.x-drag-overlay { | |
279 | + width: 100%; | |
280 | + height: 100%; | |
281 | + display: none; | |
282 | + position: absolute; | |
283 | + left: 0; | |
284 | + top: 0; | |
285 | + background-image:url(../images/default/s.gif); | |
286 | + z-index: 20000; | |
287 | +} | |
288 | + | |
289 | +.x-clear { | |
290 | + clear:both; | |
291 | + height:0; | |
292 | + overflow:hidden; | |
293 | + line-height:0; | |
294 | + font-size:0; | |
295 | +} | |
296 | + | |
297 | +.x-spotlight { | |
298 | + z-index: 8999; | |
299 | + position: absolute; | |
300 | + top:0; | |
301 | + left:0; | |
302 | + -moz-opacity: 0.5; | |
303 | + opacity: .50; | |
304 | + filter: alpha(opacity=50); | |
305 | + width:0; | |
306 | + height:0; | |
307 | + zoom: 1; | |
308 | +} | |
309 | + | |
310 | +#x-history-frame { | |
311 | + position:absolute; | |
312 | + top:-1px; | |
313 | + left:0; | |
314 | + width:1px; | |
315 | + height:1px; | |
316 | + visibility:hidden; | |
317 | +} | |
318 | + | |
319 | +#x-history-field { | |
320 | + position:absolute; | |
321 | + top:0; | |
322 | + left:-1px; | |
323 | + width:1px; | |
324 | + height:1px; | |
325 | + visibility:hidden; | |
326 | +} | |
327 | +.x-resizable-handle { | |
328 | + position:absolute; | |
329 | + z-index:100; | |
330 | + /* ie needs these */ | |
331 | + font-size:1px; | |
332 | + line-height:6px; | |
333 | + overflow:hidden; | |
334 | + filter:alpha(opacity=0); | |
335 | + opacity:0; | |
336 | + zoom:1; | |
337 | +} | |
338 | + | |
339 | +.x-resizable-handle-east{ | |
340 | + width:6px; | |
341 | + cursor:e-resize; | |
342 | + right:0; | |
343 | + top:0; | |
344 | + height:100%; | |
345 | +} | |
346 | + | |
347 | +.ext-ie .x-resizable-handle-east { | |
348 | + margin-right:-1px; /*IE rounding error*/ | |
349 | +} | |
350 | + | |
351 | +.x-resizable-handle-south{ | |
352 | + width:100%; | |
353 | + cursor:s-resize; | |
354 | + left:0; | |
355 | + bottom:0; | |
356 | + height:6px; | |
357 | +} | |
358 | + | |
359 | +.ext-ie .x-resizable-handle-south { | |
360 | + margin-bottom:-1px; /*IE rounding error*/ | |
361 | +} | |
362 | + | |
363 | +.x-resizable-handle-west{ | |
364 | + width:6px; | |
365 | + cursor:w-resize; | |
366 | + left:0; | |
367 | + top:0; | |
368 | + height:100%; | |
369 | +} | |
370 | + | |
371 | +.x-resizable-handle-north{ | |
372 | + width:100%; | |
373 | + cursor:n-resize; | |
374 | + left:0; | |
375 | + top:0; | |
376 | + height:6px; | |
377 | +} | |
378 | + | |
379 | +.x-resizable-handle-southeast{ | |
380 | + width:6px; | |
381 | + cursor:se-resize; | |
382 | + right:0; | |
383 | + bottom:0; | |
384 | + height:6px; | |
385 | + z-index:101; | |
386 | +} | |
387 | + | |
388 | +.x-resizable-handle-northwest{ | |
389 | + width:6px; | |
390 | + cursor:nw-resize; | |
391 | + left:0; | |
392 | + top:0; | |
393 | + height:6px; | |
394 | + z-index:101; | |
395 | +} | |
396 | + | |
397 | +.x-resizable-handle-northeast{ | |
398 | + width:6px; | |
399 | + cursor:ne-resize; | |
400 | + right:0; | |
401 | + top:0; | |
402 | + height:6px; | |
403 | + z-index:101; | |
404 | +} | |
405 | + | |
406 | +.x-resizable-handle-southwest{ | |
407 | + width:6px; | |
408 | + cursor:sw-resize; | |
409 | + left:0; | |
410 | + bottom:0; | |
411 | + height:6px; | |
412 | + z-index:101; | |
413 | +} | |
414 | + | |
415 | +.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ | |
416 | + filter:alpha(opacity=100); | |
417 | + opacity:1; | |
418 | +} | |
419 | + | |
420 | +.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
421 | +.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
422 | +{ | |
423 | + background-position: left; | |
424 | +} | |
425 | + | |
426 | +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
427 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
428 | +{ | |
429 | + background-position: top; | |
430 | +} | |
431 | + | |
432 | +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
433 | + background-position: top left; | |
434 | +} | |
435 | + | |
436 | +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
437 | + background-position:bottom right; | |
438 | +} | |
439 | + | |
440 | +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
441 | + background-position: bottom left; | |
442 | +} | |
443 | + | |
444 | +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
445 | + background-position: top right; | |
446 | +} | |
447 | + | |
448 | +.x-resizable-proxy{ | |
449 | + border: 1px dashed; | |
450 | + position:absolute; | |
451 | + overflow:hidden; | |
452 | + display:none; | |
453 | + left:0; | |
454 | + top:0; | |
455 | + z-index:50000; | |
456 | +} | |
457 | + | |
458 | +.x-resizable-overlay{ | |
459 | + width:100%; | |
460 | + height:100%; | |
461 | + display:none; | |
462 | + position:absolute; | |
463 | + left:0; | |
464 | + top:0; | |
465 | + z-index:200000; | |
466 | + -moz-opacity: 0; | |
467 | + opacity:0; | |
468 | + filter: alpha(opacity=0); | |
469 | +} | |
470 | 470 | .x-tab-panel { |
471 | 471 | overflow:hidden; |
472 | 472 | } |
@@ -1388,4910 +1388,4910 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap { | ||
1388 | 1388 | } |
1389 | 1389 | |
1390 | 1390 | |
1391 | -.x-btn{ | |
1392 | - cursor:pointer; | |
1393 | - white-space: nowrap; | |
1391 | +.x-btn{ | |
1392 | + cursor:pointer; | |
1393 | + white-space: nowrap; | |
1394 | +} | |
1395 | + | |
1396 | +.x-btn button{ | |
1397 | + border:0 none; | |
1398 | + background:transparent; | |
1399 | + padding-left:3px; | |
1400 | + padding-right:3px; | |
1401 | + cursor:pointer; | |
1402 | + margin:0; | |
1403 | + overflow:visible; | |
1404 | + width:auto; | |
1405 | + -moz-outline:0 none; | |
1406 | + outline:0 none; | |
1407 | +} | |
1408 | + | |
1409 | +* html .ext-ie .x-btn button { | |
1410 | + width:1px; | |
1411 | +} | |
1412 | + | |
1413 | +.ext-gecko .x-btn button { | |
1414 | + padding-left:0; | |
1415 | + padding-right:0; | |
1416 | +} | |
1417 | + | |
1418 | +.ext-gecko .x-btn button::-moz-focus-inner { | |
1419 | + padding:0; | |
1420 | +} | |
1421 | + | |
1422 | +.ext-ie .x-btn button { | |
1423 | + padding-top:2px; | |
1424 | +} | |
1425 | + | |
1426 | +.x-btn td { | |
1427 | + padding:0 !important; | |
1428 | +} | |
1429 | + | |
1430 | +.x-btn-text { | |
1431 | + cursor:pointer; | |
1432 | + white-space: nowrap; | |
1433 | + padding:0; | |
1434 | +} | |
1435 | + | |
1436 | +/* icon placement and sizing styles */ | |
1437 | + | |
1438 | +/* Only text */ | |
1439 | +.x-btn-noicon .x-btn-small .x-btn-text{ | |
1440 | + height: 16px; | |
1441 | +} | |
1442 | + | |
1443 | +.x-btn-noicon .x-btn-medium .x-btn-text{ | |
1444 | + height: 24px; | |
1445 | +} | |
1446 | + | |
1447 | +.x-btn-noicon .x-btn-large .x-btn-text{ | |
1448 | + height: 32px; | |
1449 | +} | |
1450 | + | |
1451 | +/* Only icons */ | |
1452 | +.x-btn-icon .x-btn-text{ | |
1453 | + background-position: center; | |
1454 | + background-repeat: no-repeat; | |
1455 | +} | |
1456 | + | |
1457 | +.x-btn-icon .x-btn-small .x-btn-text{ | |
1458 | + height: 16px; | |
1459 | + width: 16px; | |
1460 | +} | |
1461 | + | |
1462 | +.x-btn-icon .x-btn-medium .x-btn-text{ | |
1463 | + height: 24px; | |
1464 | + width: 24px; | |
1465 | +} | |
1466 | + | |
1467 | +.x-btn-icon .x-btn-large .x-btn-text{ | |
1468 | + height: 32px; | |
1469 | + width: 32px; | |
1470 | +} | |
1471 | + | |
1472 | +/* Icons and text */ | |
1473 | +/* left */ | |
1474 | +.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ | |
1475 | + background-position: 0 center; | |
1476 | + background-repeat: no-repeat; | |
1477 | + padding-left:18px; | |
1478 | + height:16px; | |
1479 | +} | |
1480 | + | |
1481 | +.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ | |
1482 | + background-position: 0 center; | |
1483 | + background-repeat: no-repeat; | |
1484 | + padding-left:26px; | |
1485 | + height:24px; | |
1486 | +} | |
1487 | + | |
1488 | +.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ | |
1489 | + background-position: 0 center; | |
1490 | + background-repeat: no-repeat; | |
1491 | + padding-left:34px; | |
1492 | + height:32px; | |
1493 | +} | |
1494 | + | |
1495 | +/* top */ | |
1496 | +.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ | |
1497 | + background-position: center 0; | |
1498 | + background-repeat: no-repeat; | |
1499 | + padding-top:18px; | |
1500 | +} | |
1501 | + | |
1502 | +.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ | |
1503 | + background-position: center 0; | |
1504 | + background-repeat: no-repeat; | |
1505 | + padding-top:26px; | |
1506 | +} | |
1507 | + | |
1508 | +.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ | |
1509 | + background-position: center 0; | |
1510 | + background-repeat: no-repeat; | |
1511 | + padding-top:34px; | |
1512 | +} | |
1513 | + | |
1514 | +/* right */ | |
1515 | +.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ | |
1516 | + background-position: right center; | |
1517 | + background-repeat: no-repeat; | |
1518 | + padding-right:18px; | |
1519 | + height:16px; | |
1520 | +} | |
1521 | + | |
1522 | +.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ | |
1523 | + background-position: right center; | |
1524 | + background-repeat: no-repeat; | |
1525 | + padding-right:26px; | |
1526 | + height:24px; | |
1527 | +} | |
1528 | + | |
1529 | +.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ | |
1530 | + background-position: right center; | |
1531 | + background-repeat: no-repeat; | |
1532 | + padding-right:34px; | |
1533 | + height:32px; | |
1534 | +} | |
1535 | + | |
1536 | +/* bottom */ | |
1537 | +.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ | |
1538 | + background-position: center bottom; | |
1539 | + background-repeat: no-repeat; | |
1540 | + padding-bottom:18px; | |
1541 | +} | |
1542 | + | |
1543 | +.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ | |
1544 | + background-position: center bottom; | |
1545 | + background-repeat: no-repeat; | |
1546 | + padding-bottom:26px; | |
1547 | +} | |
1548 | + | |
1549 | +.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ | |
1550 | + background-position: center bottom; | |
1551 | + background-repeat: no-repeat; | |
1552 | + padding-bottom:34px; | |
1553 | +} | |
1554 | + | |
1555 | +/* background positioning */ | |
1556 | +.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ | |
1557 | + font-size:1px; | |
1558 | + line-height:1px; | |
1559 | + width:3px; | |
1560 | + display:block; | |
1561 | + overflow:hidden; | |
1562 | +} | |
1563 | + | |
1564 | +.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ | |
1565 | + height:3px; | |
1566 | +} | |
1567 | + | |
1568 | +.x-btn-tl{ | |
1569 | + width:3px; | |
1570 | + height:3px; | |
1571 | + background:no-repeat 0 0; | |
1572 | +} | |
1573 | +.x-btn-tr{ | |
1574 | + width:3px; | |
1575 | + height:3px; | |
1576 | + background:no-repeat -3px 0; | |
1577 | +} | |
1578 | +.x-btn-tc{ | |
1579 | + height:3px; | |
1580 | + background:repeat-x 0 -6px; | |
1581 | +} | |
1582 | + | |
1583 | +.x-btn-ml{ | |
1584 | + width:3px; | |
1585 | + background:no-repeat 0 -24px; | |
1586 | +} | |
1587 | +.x-btn-mr{ | |
1588 | + width:3px; | |
1589 | + background:no-repeat -3px -24px; | |
1590 | +} | |
1591 | + | |
1592 | +.x-btn-mc{ | |
1593 | + background:repeat-x 0 -1096px; | |
1594 | + vertical-align: middle; | |
1595 | + text-align:center; | |
1596 | + padding:0 5px; | |
1597 | + cursor:pointer; | |
1598 | + white-space:nowrap; | |
1599 | +} | |
1600 | + | |
1601 | +.x-btn-bl{ | |
1602 | + width:3px; | |
1603 | + height:3px; | |
1604 | + background:no-repeat 0 -3px; | |
1605 | +} | |
1606 | + | |
1607 | +.x-btn-br{ | |
1608 | + width:3px; | |
1609 | + height:3px; | |
1610 | + background:no-repeat -3px -3px; | |
1611 | +} | |
1612 | + | |
1613 | +.x-btn-bc{ | |
1614 | + height:3px; | |
1615 | + background:repeat-x 0 -15px; | |
1616 | +} | |
1617 | + | |
1618 | +.x-btn-over .x-btn-tl{ | |
1619 | + background-position: -6px 0; | |
1620 | +} | |
1621 | + | |
1622 | +.x-btn-over .x-btn-tr{ | |
1623 | + background-position: -9px 0; | |
1624 | +} | |
1625 | + | |
1626 | +.x-btn-over .x-btn-tc{ | |
1627 | + background-position: 0 -9px; | |
1628 | +} | |
1629 | + | |
1630 | +.x-btn-over .x-btn-ml{ | |
1631 | + background-position: -6px -24px; | |
1632 | +} | |
1633 | + | |
1634 | +.x-btn-over .x-btn-mr{ | |
1635 | + background-position: -9px -24px; | |
1636 | +} | |
1637 | + | |
1638 | +.x-btn-over .x-btn-mc{ | |
1639 | + background-position: 0 -2168px; | |
1640 | +} | |
1641 | + | |
1642 | +.x-btn-over .x-btn-bl{ | |
1643 | + background-position: -6px -3px; | |
1644 | +} | |
1645 | + | |
1646 | +.x-btn-over .x-btn-br{ | |
1647 | + background-position: -9px -3px; | |
1648 | +} | |
1649 | + | |
1650 | +.x-btn-over .x-btn-bc{ | |
1651 | + background-position: 0 -18px; | |
1652 | +} | |
1653 | + | |
1654 | +.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ | |
1655 | + background-position: -12px 0; | |
1656 | +} | |
1657 | + | |
1658 | +.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ | |
1659 | + background-position: -15px 0; | |
1660 | +} | |
1661 | + | |
1662 | +.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ | |
1663 | + background-position: 0 -12px; | |
1664 | +} | |
1665 | + | |
1666 | +.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ | |
1667 | + background-position: -12px -24px; | |
1668 | +} | |
1669 | + | |
1670 | +.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ | |
1671 | + background-position: -15px -24px; | |
1672 | +} | |
1673 | + | |
1674 | +.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ | |
1675 | + background-position: 0 -3240px; | |
1676 | +} | |
1677 | + | |
1678 | +.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ | |
1679 | + background-position: -12px -3px; | |
1680 | +} | |
1681 | + | |
1682 | +.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ | |
1683 | + background-position: -15px -3px; | |
1684 | +} | |
1685 | + | |
1686 | +.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ | |
1687 | + background-position: 0 -21px; | |
1688 | +} | |
1689 | + | |
1690 | +.x-btn-disabled *{ | |
1691 | + cursor:default !important; | |
1692 | +} | |
1693 | + | |
1694 | + | |
1695 | +/* With a menu arrow */ | |
1696 | +/* right */ | |
1697 | +.x-btn-mc em.x-btn-arrow { | |
1698 | + display:block; | |
1699 | + background:transparent no-repeat right center; | |
1700 | + padding-right:10px; | |
1701 | +} | |
1702 | + | |
1703 | +.x-btn-mc em.x-btn-split { | |
1704 | + display:block; | |
1705 | + background:transparent no-repeat right center; | |
1706 | + padding-right:14px; | |
1707 | +} | |
1708 | + | |
1709 | +/* bottom */ | |
1710 | +.x-btn-mc em.x-btn-arrow-bottom { | |
1711 | + display:block; | |
1712 | + background:transparent no-repeat center bottom; | |
1713 | + padding-bottom:14px; | |
1714 | +} | |
1715 | + | |
1716 | +.x-btn-mc em.x-btn-split-bottom { | |
1717 | + display:block; | |
1718 | + background:transparent no-repeat center bottom; | |
1719 | + padding-bottom:14px; | |
1720 | +} | |
1721 | + | |
1722 | +/* height adjustment class */ | |
1723 | +.x-btn-as-arrow .x-btn-mc em { | |
1724 | + display:block; | |
1725 | + background:transparent; | |
1726 | + padding-bottom:14px; | |
1727 | +} | |
1728 | + | |
1729 | +/* groups */ | |
1730 | +.x-btn-group { | |
1731 | + padding:1px; | |
1732 | +} | |
1733 | + | |
1734 | +.x-btn-group-header { | |
1735 | + padding:2px; | |
1736 | + text-align:center; | |
1737 | +} | |
1738 | + | |
1739 | +.x-btn-group-tc { | |
1740 | + background: transparent repeat-x 0 0; | |
1741 | + overflow:hidden; | |
1742 | +} | |
1743 | + | |
1744 | +.x-btn-group-tl { | |
1745 | + background: transparent no-repeat 0 0; | |
1746 | + padding-left:3px; | |
1747 | + zoom:1; | |
1748 | +} | |
1749 | + | |
1750 | +.x-btn-group-tr { | |
1751 | + background: transparent no-repeat right 0; | |
1752 | + zoom:1; | |
1753 | + padding-right:3px; | |
1754 | +} | |
1755 | + | |
1756 | +.x-btn-group-bc { | |
1757 | + background: transparent repeat-x 0 bottom; | |
1758 | + zoom:1; | |
1759 | +} | |
1760 | + | |
1761 | +.x-btn-group-bc .x-panel-footer { | |
1762 | + zoom:1; | |
1763 | +} | |
1764 | + | |
1765 | +.x-btn-group-bl { | |
1766 | + background: transparent no-repeat 0 bottom; | |
1767 | + padding-left:3px; | |
1768 | + zoom:1; | |
1769 | +} | |
1770 | + | |
1771 | +.x-btn-group-br { | |
1772 | + background: transparent no-repeat right bottom; | |
1773 | + padding-right:3px; | |
1774 | + zoom:1; | |
1775 | +} | |
1776 | + | |
1777 | +.x-btn-group-mc { | |
1778 | + border:0 none; | |
1779 | + padding:1px 0 0 0; | |
1780 | + margin:0; | |
1781 | +} | |
1782 | + | |
1783 | +.x-btn-group-mc .x-btn-group-body { | |
1784 | + background:transparent; | |
1785 | + border: 0 none; | |
1786 | +} | |
1787 | + | |
1788 | +.x-btn-group-ml { | |
1789 | + background: transparent repeat-y 0 0; | |
1790 | + padding-left:3px; | |
1791 | + zoom:1; | |
1792 | +} | |
1793 | + | |
1794 | +.x-btn-group-mr { | |
1795 | + background: transparent repeat-y right 0; | |
1796 | + padding-right:3px; | |
1797 | + zoom:1; | |
1798 | +} | |
1799 | + | |
1800 | +.x-btn-group-bc .x-btn-group-footer { | |
1801 | + padding-bottom:6px; | |
1802 | +} | |
1803 | + | |
1804 | +.x-panel-nofooter .x-btn-group-bc { | |
1805 | + height:3px; | |
1806 | + font-size:0; | |
1807 | + line-height:0; | |
1808 | +} | |
1809 | + | |
1810 | +.x-btn-group-bwrap { | |
1811 | + overflow:hidden; | |
1812 | + zoom:1; | |
1813 | +} | |
1814 | + | |
1815 | +.x-btn-group-body { | |
1816 | + overflow:hidden; | |
1817 | + zoom:1; | |
1818 | +} | |
1819 | + | |
1820 | +.x-btn-group-notitle .x-btn-group-tc { | |
1821 | + background: transparent repeat-x 0 0; | |
1822 | + overflow:hidden; | |
1823 | + height:2px; | |
1824 | +}.x-toolbar{ | |
1825 | + border-style:solid; | |
1826 | + border-width:0 0 1px 0; | |
1827 | + display: block; | |
1828 | + padding:2px; | |
1829 | + background:repeat-x top left; | |
1830 | + position:relative; | |
1831 | + left:0; | |
1832 | + top:0; | |
1833 | + zoom:1; | |
1834 | + overflow:hidden; | |
1835 | +} | |
1836 | + | |
1837 | +.x-toolbar .x-item-disabled .x-btn-icon { | |
1838 | + opacity: .35; | |
1839 | + -moz-opacity: .35; | |
1840 | + filter: alpha(opacity=35); | |
1841 | +} | |
1842 | + | |
1843 | +.x-toolbar td { | |
1844 | + vertical-align:middle; | |
1845 | +} | |
1846 | + | |
1847 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
1848 | + white-space: nowrap; | |
1849 | +} | |
1850 | + | |
1851 | +.x-toolbar .x-item-disabled { | |
1852 | + cursor:default; | |
1853 | + opacity:.6; | |
1854 | + -moz-opacity:.6; | |
1855 | + filter:alpha(opacity=60); | |
1856 | +} | |
1857 | + | |
1858 | +.x-toolbar .x-item-disabled * { | |
1859 | + cursor:default; | |
1860 | +} | |
1861 | + | |
1862 | +.x-toolbar .x-toolbar-cell { | |
1863 | + vertical-align:middle; | |
1864 | +} | |
1865 | + | |
1866 | +.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
1867 | +.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
1868 | +{ | |
1869 | + background-position: 500px 500px; | |
1870 | +} | |
1871 | + | |
1872 | +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
1873 | +.x-toolbar .x-btn-over .x-btn-tl{ | |
1874 | + background-position: -6px 0; | |
1875 | +} | |
1876 | + | |
1877 | +.x-toolbar .x-btn-over .x-btn-tr{ | |
1878 | + background-position: -9px 0; | |
1879 | +} | |
1880 | + | |
1881 | +.x-toolbar .x-btn-over .x-btn-tc{ | |
1882 | + background-position: 0 -9px; | |
1883 | +} | |
1884 | + | |
1885 | +.x-toolbar .x-btn-over .x-btn-ml{ | |
1886 | + background-position: -6px -24px; | |
1887 | +} | |
1888 | + | |
1889 | +.x-toolbar .x-btn-over .x-btn-mr{ | |
1890 | + background-position: -9px -24px; | |
1891 | +} | |
1892 | + | |
1893 | +.x-toolbar .x-btn-over .x-btn-mc{ | |
1894 | + background-position: 0 -2168px; | |
1895 | +} | |
1896 | + | |
1897 | +.x-toolbar .x-btn-over .x-btn-bl{ | |
1898 | + background-position: -6px -3px; | |
1899 | +} | |
1900 | + | |
1901 | +.x-toolbar .x-btn-over .x-btn-br{ | |
1902 | + background-position: -9px -3px; | |
1903 | +} | |
1904 | + | |
1905 | +.x-toolbar .x-btn-over .x-btn-bc{ | |
1906 | + background-position: 0 -18px; | |
1907 | +} | |
1908 | + | |
1909 | +.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
1910 | + background-position: -12px 0; | |
1911 | +} | |
1912 | + | |
1913 | +.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
1914 | + background-position: -15px 0; | |
1915 | +} | |
1916 | + | |
1917 | +.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
1918 | + background-position: 0 -12px; | |
1919 | +} | |
1920 | + | |
1921 | +.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
1922 | + background-position: -12px -24px; | |
1923 | +} | |
1924 | + | |
1925 | +.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
1926 | + background-position: -15px -24px; | |
1927 | +} | |
1928 | + | |
1929 | +.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
1930 | + background-position: 0 -3240px; | |
1931 | +} | |
1932 | + | |
1933 | +.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
1934 | + background-position: -12px -3px; | |
1935 | +} | |
1936 | + | |
1937 | +.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
1938 | + background-position: -15px -3px; | |
1939 | +} | |
1940 | + | |
1941 | +.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
1942 | + background-position: 0 -21px; | |
1943 | +} | |
1944 | + | |
1945 | +.x-toolbar div.xtb-text{ | |
1946 | + padding:2px 2px 0; | |
1947 | + line-height:16px; | |
1948 | + display:block; | |
1949 | +} | |
1950 | + | |
1951 | +.x-toolbar .xtb-sep { | |
1952 | + background-position: center; | |
1953 | + background-repeat: no-repeat; | |
1954 | + display: block; | |
1955 | + font-size: 1px; | |
1956 | + height: 16px; | |
1957 | + width:4px; | |
1958 | + overflow: hidden; | |
1959 | + cursor:default; | |
1960 | + margin: 0 2px 0; | |
1961 | + border:0; | |
1962 | +} | |
1963 | + | |
1964 | +.x-toolbar .xtb-spacer { | |
1965 | + width:2px; | |
1966 | +} | |
1967 | + | |
1968 | +/* Paging Toolbar */ | |
1969 | +.x-tbar-page-number{ | |
1970 | + width:30px; | |
1971 | + height:14px; | |
1972 | +} | |
1973 | + | |
1974 | +.ext-ie .x-tbar-page-number{ | |
1975 | + margin-top: 2px; | |
1976 | +} | |
1977 | + | |
1978 | +.x-paging-info { | |
1979 | + position:absolute; | |
1980 | + top:5px; | |
1981 | + right: 8px; | |
1982 | +} | |
1983 | + | |
1984 | +/* floating */ | |
1985 | +.x-toolbar-ct { | |
1986 | + width:100%; | |
1987 | +} | |
1988 | + | |
1989 | +.x-toolbar-right td { | |
1990 | + text-align: center; | |
1991 | +} | |
1992 | + | |
1993 | +.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
1994 | + overflow:hidden; | |
1995 | + zoom:1; | |
1996 | +} | |
1997 | + | |
1998 | +.x-toolbar-more .x-btn-small .x-btn-text{ | |
1999 | + height: 16px; | |
2000 | + width: 12px; | |
2001 | +} | |
2002 | + | |
2003 | +.x-toolbar-more em.x-btn-arrow { | |
2004 | + display:inline; | |
2005 | + background:transparent; | |
2006 | + padding-right:0; | |
2007 | +} | |
2008 | + | |
2009 | +.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2010 | + background-image: none; | |
2011 | +} | |
2012 | + | |
2013 | +div.x-toolbar-no-items { | |
2014 | + color:gray !important; | |
2015 | + padding:5px 10px !important; | |
2016 | +} | |
2017 | + | |
2018 | +/* fix ie toolbar form items */ | |
2019 | +.ext-border-box .x-toolbar-cell .x-form-text { | |
2020 | + margin-bottom:-1px !important; | |
2021 | +} | |
2022 | + | |
2023 | +.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2024 | + margin:0 !important; | |
2025 | +} | |
2026 | + | |
2027 | +.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2028 | + height:21px; | |
2029 | +} | |
2030 | + | |
2031 | +.ext-ie .x-toolbar-cell .x-form-text { | |
2032 | + position:relative; | |
2033 | + top:-1px; | |
2034 | +} | |
2035 | + | |
2036 | +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2037 | + top: 0px; | |
2038 | +} | |
2039 | + | |
2040 | +.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2041 | + text-align: left; | |
2042 | +} | |
2043 | + | |
2044 | +.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2045 | + vertical-align: top; | |
2046 | + margin-top: 5px; | |
2047 | +} | |
2048 | + | |
2049 | +.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2050 | + margin-top: 4px; | |
2051 | +} | |
2052 | + | |
2053 | +.x-toolbar-cell .x-form-check-wrap label{ | |
2054 | + vertical-align: bottom; | |
2055 | +} | |
2056 | + | |
2057 | +/* StatusBar */ | |
2058 | +.x-statusbar .x-status-text { | |
2059 | + height: 21px; | |
2060 | + line-height: 21px; | |
2061 | + padding: 0 4px; | |
2062 | + cursor: default; | |
2063 | +} | |
2064 | + | |
2065 | +.x-statusbar .x-status-busy { | |
2066 | + padding-left: 25px; | |
2067 | + background: transparent no-repeat 3px 3px; | |
2068 | +} | |
2069 | + | |
2070 | +.x-statusbar .x-status-text-panel { | |
2071 | + border-top: 1px solid; | |
2072 | + border-right: 1px solid; | |
2073 | + border-bottom: 1px solid; | |
2074 | + border-left: 1px solid; | |
2075 | + padding: 2px 8px 2px 5px; | |
2076 | +}.x-toolbar{ | |
2077 | + border-style:solid; | |
2078 | + border-width:0 0 1px 0; | |
2079 | + display: block; | |
2080 | + padding:2px; | |
2081 | + background:repeat-x top left; | |
2082 | + position:relative; | |
2083 | + left:0; | |
2084 | + top:0; | |
2085 | + zoom:1; | |
2086 | + overflow:hidden; | |
2087 | +} | |
2088 | + | |
2089 | +.x-toolbar .x-item-disabled .x-btn-icon { | |
2090 | + opacity: .35; | |
2091 | + -moz-opacity: .35; | |
2092 | + filter: alpha(opacity=35); | |
2093 | +} | |
2094 | + | |
2095 | +.x-toolbar td { | |
2096 | + vertical-align:middle; | |
2097 | +} | |
2098 | + | |
2099 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
2100 | + white-space: nowrap; | |
2101 | +} | |
2102 | + | |
2103 | +.x-toolbar .x-item-disabled { | |
2104 | + cursor:default; | |
2105 | + opacity:.6; | |
2106 | + -moz-opacity:.6; | |
2107 | + filter:alpha(opacity=60); | |
2108 | +} | |
2109 | + | |
2110 | +.x-toolbar .x-item-disabled * { | |
2111 | + cursor:default; | |
2112 | +} | |
2113 | + | |
2114 | +.x-toolbar .x-toolbar-cell { | |
2115 | + vertical-align:middle; | |
2116 | +} | |
2117 | + | |
2118 | +.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
2119 | +.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
2120 | +{ | |
2121 | + background-position: 500px 500px; | |
2122 | +} | |
2123 | + | |
2124 | +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
2125 | +.x-toolbar .x-btn-over .x-btn-tl{ | |
2126 | + background-position: -6px 0; | |
2127 | +} | |
2128 | + | |
2129 | +.x-toolbar .x-btn-over .x-btn-tr{ | |
2130 | + background-position: -9px 0; | |
2131 | +} | |
2132 | + | |
2133 | +.x-toolbar .x-btn-over .x-btn-tc{ | |
2134 | + background-position: 0 -9px; | |
2135 | +} | |
2136 | + | |
2137 | +.x-toolbar .x-btn-over .x-btn-ml{ | |
2138 | + background-position: -6px -24px; | |
2139 | +} | |
2140 | + | |
2141 | +.x-toolbar .x-btn-over .x-btn-mr{ | |
2142 | + background-position: -9px -24px; | |
2143 | +} | |
2144 | + | |
2145 | +.x-toolbar .x-btn-over .x-btn-mc{ | |
2146 | + background-position: 0 -2168px; | |
2147 | +} | |
2148 | + | |
2149 | +.x-toolbar .x-btn-over .x-btn-bl{ | |
2150 | + background-position: -6px -3px; | |
2151 | +} | |
2152 | + | |
2153 | +.x-toolbar .x-btn-over .x-btn-br{ | |
2154 | + background-position: -9px -3px; | |
2155 | +} | |
2156 | + | |
2157 | +.x-toolbar .x-btn-over .x-btn-bc{ | |
2158 | + background-position: 0 -18px; | |
2159 | +} | |
2160 | + | |
2161 | +.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
2162 | + background-position: -12px 0; | |
2163 | +} | |
2164 | + | |
2165 | +.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
2166 | + background-position: -15px 0; | |
2167 | +} | |
2168 | + | |
2169 | +.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
2170 | + background-position: 0 -12px; | |
2171 | +} | |
2172 | + | |
2173 | +.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
2174 | + background-position: -12px -24px; | |
2175 | +} | |
2176 | + | |
2177 | +.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
2178 | + background-position: -15px -24px; | |
2179 | +} | |
2180 | + | |
2181 | +.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
2182 | + background-position: 0 -3240px; | |
2183 | +} | |
2184 | + | |
2185 | +.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
2186 | + background-position: -12px -3px; | |
2187 | +} | |
2188 | + | |
2189 | +.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
2190 | + background-position: -15px -3px; | |
2191 | +} | |
2192 | + | |
2193 | +.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
2194 | + background-position: 0 -21px; | |
2195 | +} | |
2196 | + | |
2197 | +.x-toolbar div.xtb-text{ | |
2198 | + padding:2px 2px 0; | |
2199 | + line-height:16px; | |
2200 | + display:block; | |
2201 | +} | |
2202 | + | |
2203 | +.x-toolbar .xtb-sep { | |
2204 | + background-position: center; | |
2205 | + background-repeat: no-repeat; | |
2206 | + display: block; | |
2207 | + font-size: 1px; | |
2208 | + height: 16px; | |
2209 | + width:4px; | |
2210 | + overflow: hidden; | |
2211 | + cursor:default; | |
2212 | + margin: 0 2px 0; | |
2213 | + border:0; | |
2214 | +} | |
2215 | + | |
2216 | +.x-toolbar .xtb-spacer { | |
2217 | + width:2px; | |
2218 | +} | |
2219 | + | |
2220 | +/* Paging Toolbar */ | |
2221 | +.x-tbar-page-number{ | |
2222 | + width:30px; | |
2223 | + height:14px; | |
2224 | +} | |
2225 | + | |
2226 | +.ext-ie .x-tbar-page-number{ | |
2227 | + margin-top: 2px; | |
2228 | +} | |
2229 | + | |
2230 | +.x-paging-info { | |
2231 | + position:absolute; | |
2232 | + top:5px; | |
2233 | + right: 8px; | |
2234 | +} | |
2235 | + | |
2236 | +/* floating */ | |
2237 | +.x-toolbar-ct { | |
2238 | + width:100%; | |
2239 | +} | |
2240 | + | |
2241 | +.x-toolbar-right td { | |
2242 | + text-align: center; | |
2243 | +} | |
2244 | + | |
2245 | +.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
2246 | + overflow:hidden; | |
2247 | + zoom:1; | |
2248 | +} | |
2249 | + | |
2250 | +.x-toolbar-more .x-btn-small .x-btn-text{ | |
2251 | + height: 16px; | |
2252 | + width: 12px; | |
2253 | +} | |
2254 | + | |
2255 | +.x-toolbar-more em.x-btn-arrow { | |
2256 | + display:inline; | |
2257 | + background:transparent; | |
2258 | + padding-right:0; | |
2259 | +} | |
2260 | + | |
2261 | +.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2262 | + background-image: none; | |
2263 | +} | |
2264 | + | |
2265 | +div.x-toolbar-no-items { | |
2266 | + color:gray !important; | |
2267 | + padding:5px 10px !important; | |
2268 | +} | |
2269 | + | |
2270 | +/* fix ie toolbar form items */ | |
2271 | +.ext-border-box .x-toolbar-cell .x-form-text { | |
2272 | + margin-bottom:-1px !important; | |
2273 | +} | |
2274 | + | |
2275 | +.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2276 | + margin:0 !important; | |
2277 | +} | |
2278 | + | |
2279 | +.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2280 | + height:21px; | |
2281 | +} | |
2282 | + | |
2283 | +.ext-ie .x-toolbar-cell .x-form-text { | |
2284 | + position:relative; | |
2285 | + top:-1px; | |
2286 | +} | |
2287 | + | |
2288 | +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2289 | + top: 0px; | |
2290 | +} | |
2291 | + | |
2292 | +.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2293 | + text-align: left; | |
2294 | +} | |
2295 | + | |
2296 | +.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2297 | + vertical-align: top; | |
2298 | + margin-top: 5px; | |
2299 | +} | |
2300 | + | |
2301 | +.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2302 | + margin-top: 4px; | |
2303 | +} | |
2304 | + | |
2305 | +.x-toolbar-cell .x-form-check-wrap label{ | |
2306 | + vertical-align: bottom; | |
2307 | +} | |
2308 | + | |
2309 | +/* StatusBar */ | |
2310 | +.x-statusbar .x-status-text { | |
2311 | + height: 21px; | |
2312 | + line-height: 21px; | |
2313 | + padding: 0 4px; | |
2314 | + cursor: default; | |
2315 | +} | |
2316 | + | |
2317 | +.x-statusbar .x-status-busy { | |
2318 | + padding-left: 25px; | |
2319 | + background: transparent no-repeat 3px 3px; | |
2320 | +} | |
2321 | + | |
2322 | +.x-statusbar .x-status-text-panel { | |
2323 | + border-top: 1px solid; | |
2324 | + border-right: 1px solid; | |
2325 | + border-bottom: 1px solid; | |
2326 | + border-left: 1px solid; | |
2327 | + padding: 2px 8px 2px 5px; | |
2328 | +}/* Grid3 styles */ | |
2329 | +.x-grid3 { | |
2330 | + position:relative; | |
2331 | + overflow:hidden; | |
2332 | +} | |
2333 | + | |
2334 | +.x-grid-panel .x-panel-body { | |
2335 | + overflow:hidden !important; | |
2336 | +} | |
2337 | + | |
2338 | +.x-grid-panel .x-panel-mc .x-panel-body { | |
2339 | + border:1px solid; | |
2340 | +} | |
2341 | + | |
2342 | +.x-grid3 table { | |
2343 | + table-layout:fixed; | |
2344 | +} | |
2345 | + | |
2346 | +.x-grid3-viewport{ | |
2347 | + overflow:hidden; | |
2348 | +} | |
2349 | + | |
2350 | +.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
2351 | + -moz-outline: none; | |
2352 | + -moz-user-focus: normal; | |
2353 | +} | |
2354 | + | |
2355 | +.x-grid3-row td, .x-grid3-summary-row td { | |
2356 | + line-height:13px; | |
2357 | + vertical-align: top; | |
2358 | + padding-left:1px; | |
2359 | + padding-right:1px; | |
2360 | + -moz-user-select: none; | |
2361 | + -khtml-user-select:none; | |
2362 | + -webkit-user-select:ignore; | |
2363 | +} | |
2364 | + | |
2365 | +.x-grid3-cell{ | |
2366 | + -moz-user-select: none; | |
2367 | + -khtml-user-select:none; | |
2368 | + -webkit-user-select:ignore; | |
2369 | +} | |
2370 | + | |
2371 | +.x-grid3-hd-row td { | |
2372 | + line-height:15px; | |
2373 | + vertical-align:middle; | |
2374 | + border-left:1px solid; | |
2375 | + border-right:1px solid; | |
2376 | +} | |
2377 | + | |
2378 | +.x-grid3-hd-row .x-grid3-marker-hd { | |
2379 | + padding:3px; | |
2380 | +} | |
2381 | + | |
2382 | +.x-grid3-row .x-grid3-marker { | |
2383 | + padding:3px; | |
2384 | +} | |
2385 | + | |
2386 | +.x-grid3-cell-inner, .x-grid3-hd-inner{ | |
2387 | + overflow:hidden; | |
2388 | + -o-text-overflow: ellipsis; | |
2389 | + text-overflow: ellipsis; | |
2390 | + padding:3px 3px 3px 5px; | |
2391 | + white-space: nowrap; | |
2392 | +} | |
2393 | + | |
2394 | +.x-grid3-hd-inner { | |
2395 | + position:relative; | |
2396 | + cursor:inherit; | |
2397 | + padding:4px 3px 4px 5px; | |
2398 | +} | |
2399 | + | |
2400 | +.x-grid3-row-body { | |
2401 | + white-space:normal; | |
2402 | +} | |
2403 | + | |
2404 | +.x-grid3-body-cell { | |
2405 | + -moz-outline:0 none; | |
2406 | + outline:0 none; | |
2407 | +} | |
2408 | + | |
2409 | +/* IE Quirks to clip */ | |
2410 | +.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ | |
2411 | + width:100%; | |
2412 | +} | |
2413 | + | |
2414 | +/* reverse above in strict mode */ | |
2415 | +.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ | |
2416 | + width:auto; | |
2417 | +} | |
2418 | + | |
2419 | +.x-grid-row-loading { | |
2420 | + background: no-repeat center center; | |
2421 | +} | |
2422 | + | |
2423 | +.x-grid-page { | |
2424 | + overflow:hidden; | |
2425 | +} | |
2426 | + | |
2427 | +.x-grid3-row { | |
2428 | + cursor: default; | |
2429 | + border: 1px solid; | |
2430 | + width:100%; | |
2431 | +} | |
2432 | + | |
2433 | +.x-grid3-row-over { | |
2434 | + border:1px solid; | |
2435 | + background: repeat-x left top; | |
2436 | +} | |
2437 | + | |
2438 | +.x-grid3-resize-proxy { | |
2439 | + width:1px; | |
2440 | + left:0; | |
2441 | + cursor: e-resize; | |
2442 | + cursor: col-resize; | |
2443 | + position:absolute; | |
2444 | + top:0; | |
2445 | + height:100px; | |
2446 | + overflow:hidden; | |
2447 | + visibility:hidden; | |
2448 | + border:0 none; | |
2449 | + z-index:7; | |
2450 | +} | |
2451 | + | |
2452 | +.x-grid3-resize-marker { | |
2453 | + width:1px; | |
2454 | + left:0; | |
2455 | + position:absolute; | |
2456 | + top:0; | |
2457 | + height:100px; | |
2458 | + overflow:hidden; | |
2459 | + visibility:hidden; | |
2460 | + border:0 none; | |
2461 | + z-index:7; | |
2462 | +} | |
2463 | + | |
2464 | +.x-grid3-focus { | |
2465 | + position:absolute; | |
2466 | + left:0; | |
2467 | + top:0; | |
2468 | + width:1px; | |
2469 | + height:1px; | |
2470 | + line-height:1px; | |
2471 | + font-size:1px; | |
2472 | + -moz-outline:0 none; | |
2473 | + outline:0 none; | |
2474 | + -moz-user-select: text; | |
2475 | + -khtml-user-select: text; | |
2476 | + -webkit-user-select:ignore; | |
2477 | +} | |
2478 | + | |
2479 | +/* header styles */ | |
2480 | +.x-grid3-header{ | |
2481 | + background: repeat-x 0 bottom; | |
2482 | + cursor:default; | |
2483 | + zoom:1; | |
2484 | + padding:1px 0 0 0; | |
2485 | +} | |
2486 | + | |
2487 | +.x-grid3-header-pop { | |
2488 | + border-left:1px solid; | |
2489 | + float:right; | |
2490 | + clear:none; | |
2491 | +} | |
2492 | + | |
2493 | +.x-grid3-header-pop-inner { | |
2494 | + border-left:1px solid; | |
2495 | + width:14px; | |
2496 | + height:19px; | |
2497 | + background: transparent no-repeat center center; | |
2498 | +} | |
2499 | + | |
2500 | +.ext-ie .x-grid3-header-pop-inner { | |
2501 | + width:15px; | |
2502 | +} | |
2503 | + | |
2504 | +.ext-strict .x-grid3-header-pop-inner { | |
2505 | + width:14px; | |
2506 | +} | |
2507 | + | |
2508 | +.x-grid3-header-inner { | |
2509 | + overflow:hidden; | |
2510 | + zoom:1; | |
2511 | + float:left; | |
2512 | +} | |
2513 | + | |
2514 | +.x-grid3-header-offset { | |
2515 | + padding-left:1px; | |
2516 | + text-align: left; | |
2517 | +} | |
2518 | + | |
2519 | +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
2520 | + border-left:1px solid; | |
2521 | + border-right:1px solid; | |
2522 | +} | |
2523 | + | |
2524 | +td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
2525 | + background: repeat-x left bottom; | |
2526 | + | |
2527 | +} | |
2528 | + | |
2529 | +.x-grid3-sort-icon{ | |
2530 | + background-repeat: no-repeat; | |
2531 | + display: none; | |
2532 | + height: 4px; | |
2533 | + width: 13px; | |
2534 | + margin-left:3px; | |
2535 | + vertical-align: middle; | |
2536 | +} | |
2537 | + | |
2538 | +.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { | |
2539 | + display: inline; | |
2540 | +} | |
2541 | + | |
2542 | +/* Header position fixes for IE strict mode */ | |
2543 | +.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { | |
2544 | + position:relative; | |
2545 | +} | |
2546 | + | |
2547 | +.ext-strict .ext-ie6 .x-grid3-hd-inner{ | |
2548 | + position:static; | |
2549 | +} | |
2550 | + | |
2551 | +/* Body Styles */ | |
2552 | +.x-grid3-body { | |
2553 | + zoom:1; | |
2554 | +} | |
2555 | + | |
2556 | +.x-grid3-scroller { | |
2557 | + overflow:auto; | |
2558 | + zoom:1; | |
2559 | + position:relative; | |
2560 | +} | |
2561 | + | |
2562 | +.x-grid3-cell-text, .x-grid3-hd-text { | |
2563 | + display: block; | |
2564 | + padding: 3px 5px 3px 5px; | |
2565 | + -moz-user-select: none; | |
2566 | + -khtml-user-select: none; | |
2567 | + -webkit-user-select:ignore; | |
2568 | +} | |
2569 | + | |
2570 | +.x-grid3-split { | |
2571 | + background-position: center; | |
2572 | + background-repeat: no-repeat; | |
2573 | + cursor: e-resize; | |
2574 | + cursor: col-resize; | |
2575 | + display: block; | |
2576 | + font-size: 1px; | |
2577 | + height: 16px; | |
2578 | + overflow: hidden; | |
2579 | + position: absolute; | |
2580 | + top: 2px; | |
2581 | + width: 6px; | |
2582 | + z-index: 3; | |
2583 | +} | |
2584 | + | |
2585 | +/* Column Reorder DD */ | |
2586 | +.x-dd-drag-proxy .x-grid3-hd-inner{ | |
2587 | + background: repeat-x left bottom; | |
2588 | + width:120px; | |
2589 | + padding:3px; | |
2590 | + border:1px solid; | |
2591 | + overflow:hidden; | |
2592 | +} | |
2593 | + | |
2594 | +.col-move-top, .col-move-bottom{ | |
2595 | + width:9px; | |
2596 | + height:9px; | |
2597 | + position:absolute; | |
2598 | + top:0; | |
2599 | + line-height:1px; | |
2600 | + font-size:1px; | |
2601 | + overflow:hidden; | |
2602 | + visibility:hidden; | |
2603 | + z-index:20000; | |
2604 | + background:transparent no-repeat left top; | |
2605 | +} | |
2606 | + | |
2607 | +/* Selection Styles */ | |
2608 | +.x-grid3-row-selected { | |
2609 | + border:1px dotted; | |
2610 | +} | |
2611 | + | |
2612 | +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
2613 | + background: repeat-x 0 bottom !important; | |
2614 | + vertical-align:middle !important; | |
2615 | + padding:0; | |
2616 | + border-top:1px solid; | |
2617 | + border-bottom:none !important; | |
2618 | + border-right:1px solid !important; | |
2619 | + text-align:center; | |
2620 | +} | |
2621 | + | |
2622 | +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
2623 | + padding:0 4px; | |
2624 | + text-align:center; | |
2625 | +} | |
2626 | + | |
2627 | +/* dirty cells */ | |
2628 | +.x-grid3-dirty-cell { | |
2629 | + background: transparent no-repeat 0 0; | |
2630 | +} | |
2631 | + | |
2632 | +/* Grid Toolbars */ | |
2633 | +.x-grid3-topbar, .x-grid3-bottombar{ | |
2634 | + overflow:hidden; | |
2635 | + display:none; | |
2636 | + zoom:1; | |
2637 | + position:relative; | |
2638 | +} | |
2639 | + | |
2640 | +.x-grid3-topbar .x-toolbar{ | |
2641 | + border-right:0 none; | |
2642 | +} | |
2643 | + | |
2644 | +.x-grid3-bottombar .x-toolbar{ | |
2645 | + border-right:0 none; | |
2646 | + border-bottom:0 none; | |
2647 | + border-top:1px solid; | |
2648 | +} | |
2649 | + | |
2650 | +/* Props Grid Styles */ | |
2651 | +.x-props-grid .x-grid3-cell{ | |
2652 | + padding:1px; | |
2653 | +} | |
2654 | + | |
2655 | +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
2656 | + background:transparent repeat-y -16px !important; | |
2657 | + padding-left:12px; | |
2658 | +} | |
2659 | + | |
2660 | +.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
2661 | + padding:1px; | |
2662 | + padding-right:0; | |
2663 | + border:0 none; | |
2664 | + border-right:1px solid; | |
2665 | +} | |
2666 | + | |
2667 | +/* dd */ | |
2668 | +.x-grid3-col-dd { | |
2669 | + border:0 none; | |
2670 | + padding:0; | |
2671 | + background:transparent; | |
2672 | +} | |
2673 | + | |
2674 | +.x-dd-drag-ghost .x-grid3-dd-wrap { | |
2675 | + padding:1px 3px 3px 1px; | |
2676 | +} | |
2677 | + | |
2678 | +.x-grid3-hd { | |
2679 | + -moz-user-select:none; | |
2680 | + -khtml-user-select:none; | |
2681 | + -webkit-user-select:ignore; | |
2682 | +} | |
2683 | + | |
2684 | +.x-grid3-hd-btn { | |
2685 | + display:none; | |
2686 | + position:absolute; | |
2687 | + width:14px; | |
2688 | + background:no-repeat left center; | |
2689 | + right:0; | |
2690 | + top:0; | |
2691 | + z-index:2; | |
2692 | + cursor:pointer; | |
2693 | +} | |
2694 | + | |
2695 | +.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { | |
2696 | + display:block; | |
2697 | +} | |
2698 | + | |
2699 | +a.x-grid3-hd-btn:hover { | |
2700 | + background-position:-14px center; | |
2701 | +} | |
2702 | + | |
2703 | +/* Expanders */ | |
2704 | +.x-grid3-body .x-grid3-td-expander { | |
2705 | + background:transparent repeat-y right; | |
2706 | +} | |
2707 | + | |
2708 | +.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { | |
2709 | + padding:0 !important; | |
2710 | + height:100%; | |
2711 | +} | |
2712 | + | |
2713 | +.x-grid3-row-expander { | |
2714 | + width:100%; | |
2715 | + height:18px; | |
2716 | + background-position:4px 2px; | |
2717 | + background-repeat:no-repeat; | |
2718 | + background-color:transparent; | |
2719 | +} | |
2720 | + | |
2721 | +.x-grid3-row-collapsed .x-grid3-row-expander { | |
2722 | + background-position:4px 2px; | |
2723 | +} | |
2724 | + | |
2725 | +.x-grid3-row-expanded .x-grid3-row-expander { | |
2726 | + background-position:-21px 2px; | |
2727 | +} | |
2728 | + | |
2729 | +.x-grid3-row-collapsed .x-grid3-row-body { | |
2730 | + display:none !important; | |
2731 | +} | |
2732 | + | |
2733 | +.x-grid3-row-expanded .x-grid3-row-body { | |
2734 | + display:block !important; | |
2735 | +} | |
2736 | + | |
2737 | +/* Checkers */ | |
2738 | +.x-grid3-body .x-grid3-td-checker { | |
2739 | + background:transparent repeat-y right; | |
2740 | +} | |
2741 | + | |
2742 | +.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { | |
2743 | + padding:0 !important; | |
2744 | + height:100%; | |
2745 | +} | |
2746 | + | |
2747 | +.x-grid3-row-checker, .x-grid3-hd-checker { | |
2748 | + width:100%; | |
2749 | + height:18px; | |
2750 | + background-position:2px 2px; | |
2751 | + background-repeat:no-repeat; | |
2752 | + background-color:transparent; | |
2753 | +} | |
2754 | + | |
2755 | +.x-grid3-row .x-grid3-row-checker { | |
2756 | + background-position:2px 2px; | |
2757 | +} | |
2758 | + | |
2759 | +.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { | |
2760 | + background-position:-23px 2px; | |
2761 | +} | |
2762 | + | |
2763 | +.x-grid3-hd-checker { | |
2764 | + background-position:2px 3px; | |
2765 | +} | |
2766 | + | |
2767 | +.x-grid3-hd-checker-on .x-grid3-hd-checker { | |
2768 | + background-position:-23px 3px; | |
2769 | +} | |
2770 | + | |
2771 | +/* Numberer */ | |
2772 | +.x-grid3-body .x-grid3-td-numberer { | |
2773 | + background:transparent repeat-y right; | |
2774 | +} | |
2775 | + | |
2776 | +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
2777 | + padding:3px 5px 0 0 !important; | |
2778 | + text-align:right; | |
2779 | +} | |
2780 | + | |
2781 | +/* Row Icon */ | |
2782 | + | |
2783 | +.x-grid3-body .x-grid3-td-row-icon { | |
2784 | + background:transparent repeat-y right; | |
2785 | + vertical-align:top; | |
2786 | + text-align:center; | |
2787 | +} | |
2788 | + | |
2789 | +.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { | |
2790 | + padding:0 !important; | |
2791 | + background-position:center center; | |
2792 | + background-repeat:no-repeat; | |
2793 | + width:16px; | |
2794 | + height:16px; | |
2795 | + margin-left:2px; | |
2796 | + margin-top:3px; | |
2797 | +} | |
2798 | + | |
2799 | +/* All specials */ | |
2800 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
2801 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
2802 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
2803 | + background:transparent repeat-y right; | |
2804 | +} | |
2805 | + | |
2806 | +.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { | |
2807 | + padding: 1px 0 0 0 !important; | |
2808 | +} | |
2809 | + | |
2810 | +.x-grid3-check-col { | |
2811 | + width:100%; | |
2812 | + height:16px; | |
2813 | + background-position:center center; | |
2814 | + background-repeat:no-repeat; | |
2815 | + background-color:transparent; | |
2816 | +} | |
2817 | + | |
2818 | +.x-grid3-check-col-on { | |
2819 | + width:100%; | |
2820 | + height:16px; | |
2821 | + background-position:center center; | |
2822 | + background-repeat:no-repeat; | |
2823 | + background-color:transparent; | |
2824 | +} | |
2825 | + | |
2826 | +/* Grouping classes */ | |
2827 | +.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
2828 | + zoom:1; | |
2829 | +} | |
2830 | + | |
2831 | +.x-grid-group-hd { | |
2832 | + border-bottom: 2px solid; | |
2833 | + cursor:pointer; | |
2834 | + padding-top:6px; | |
2835 | +} | |
2836 | + | |
2837 | +.x-grid-group-hd div.x-grid-group-title { | |
2838 | + background:transparent no-repeat 3px 3px; | |
2839 | + padding:4px 4px 4px 17px; | |
2840 | +} | |
2841 | + | |
2842 | +.x-grid-group-collapsed .x-grid-group-body { | |
2843 | + display:none; | |
2844 | +} | |
2845 | + | |
2846 | +.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { | |
2847 | + position:relative; | |
2848 | + top:-1px; | |
2849 | +} | |
2850 | + | |
2851 | +.ext-ie .x-props-grid .x-editor .x-form-text { | |
2852 | + position:static; | |
2853 | + top:0; | |
2854 | +} | |
2855 | + | |
2856 | +.x-grid-empty { | |
2857 | + padding:10px; | |
2858 | +} | |
2859 | + | |
2860 | +/* fix floating toolbar issue */ | |
2861 | +.ext-ie7 .x-grid-panel .x-panel-bbar { | |
2862 | + position:relative; | |
2863 | +} | |
2864 | + | |
2865 | +.ext-ie6 .x-grid3-header { | |
2866 | + position: relative; | |
2867 | +} | |
2868 | + | |
2869 | +/* column lines */ | |
2870 | +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
2871 | + padding-right:0; | |
2872 | + border-right:1px solid; | |
2873 | +} | |
2874 | +.x-dd-drag-proxy{ | |
2875 | + position:absolute; | |
2876 | + left:0; | |
2877 | + top:0; | |
2878 | + visibility:hidden; | |
2879 | + z-index:15000; | |
2880 | +} | |
2881 | + | |
2882 | +.x-dd-drag-ghost{ | |
2883 | + -moz-opacity: 0.85; | |
2884 | + opacity:.85; | |
2885 | + filter: alpha(opacity=85); | |
2886 | + border: 1px solid; | |
2887 | + padding:3px; | |
2888 | + padding-left:20px; | |
2889 | + white-space:nowrap; | |
2890 | +} | |
2891 | + | |
2892 | +.x-dd-drag-repair .x-dd-drag-ghost{ | |
2893 | + -moz-opacity: 0.4; | |
2894 | + opacity:.4; | |
2895 | + filter: alpha(opacity=40); | |
2896 | + border:0 none; | |
2897 | + padding:0; | |
2898 | + background-color:transparent; | |
2899 | +} | |
2900 | + | |
2901 | +.x-dd-drag-repair .x-dd-drop-icon{ | |
2902 | + visibility:hidden; | |
2903 | +} | |
2904 | + | |
2905 | +.x-dd-drop-icon{ | |
2906 | + position:absolute; | |
2907 | + top:3px; | |
2908 | + left:3px; | |
2909 | + display:block; | |
2910 | + width:16px; | |
2911 | + height:16px; | |
2912 | + background-color:transparent; | |
2913 | + background-position: center; | |
2914 | + background-repeat: no-repeat; | |
2915 | + z-index:1; | |
2916 | +} | |
2917 | + | |
2918 | +.x-view-selector { | |
2919 | + position:absolute; | |
2920 | + left:0; | |
2921 | + top:0; | |
2922 | + width:0; | |
2923 | + border:1px dotted; | |
2924 | + opacity: .5; | |
2925 | + -moz-opacity: .5; | |
2926 | + filter:alpha(opacity=50); | |
2927 | + zoom:1; | |
2928 | +}.ext-strict .ext-ie .x-tree .x-panel-bwrap{ | |
2929 | + position:relative; | |
2930 | + overflow:hidden; | |
2931 | +} | |
2932 | + | |
2933 | +.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
2934 | + border: 0 none; | |
2935 | + height: 18px; | |
2936 | + margin: 0; | |
2937 | + padding: 0; | |
2938 | + vertical-align: top; | |
2939 | + width: 16px; | |
2940 | + background-repeat: no-repeat; | |
2941 | +} | |
2942 | + | |
2943 | +.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ | |
2944 | + border: 0 none; | |
2945 | + height: 18px; | |
2946 | + margin: 0; | |
2947 | + padding: 0; | |
2948 | + vertical-align: top; | |
2949 | + width: 16px; | |
2950 | + background-position:center; | |
2951 | + background-repeat: no-repeat; | |
2952 | +} | |
2953 | + | |
2954 | +.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { | |
2955 | + vertical-align:middle !important; | |
2956 | +} | |
2957 | + | |
2958 | +/* checkboxes */ | |
2959 | +.ext-ie input.x-tree-node-cb { | |
2960 | + width:15px; | |
2961 | + height:15px; | |
2962 | +} | |
2963 | + | |
2964 | +input.x-tree-node-cb { | |
2965 | + margin-left:1px; | |
2966 | +} | |
2967 | + | |
2968 | +.ext-ie input.x-tree-node-cb { | |
2969 | + margin-left:0; | |
2970 | +} | |
2971 | + | |
2972 | +.x-tree-noicon .x-tree-node-icon{ | |
2973 | + width:0; height:0; | |
2974 | +} | |
2975 | + | |
2976 | +/* loading icon */ | |
2977 | +.ext-ie .x-tree-node-el input { | |
2978 | + width:15px; | |
2979 | + height:15px; | |
2980 | +} | |
2981 | + | |
2982 | +/* No line styles */ | |
2983 | +.x-tree-no-lines .x-tree-elbow{ | |
2984 | + background:transparent; | |
2985 | +} | |
2986 | + | |
2987 | +.x-tree-no-lines .x-tree-elbow-end{ | |
2988 | + background:transparent; | |
2989 | +} | |
2990 | + | |
2991 | +.x-tree-no-lines .x-tree-elbow-line{ | |
2992 | + background:transparent; | |
2993 | +} | |
2994 | + | |
2995 | +/* Arrows */ | |
2996 | +.x-tree-arrows .x-tree-elbow{ | |
2997 | + background:transparent; | |
2998 | +} | |
2999 | + | |
3000 | +.x-tree-arrows .x-tree-elbow-plus{ | |
3001 | + background:transparent no-repeat 0 0; | |
3002 | +} | |
3003 | + | |
3004 | +.x-tree-arrows .x-tree-elbow-minus{ | |
3005 | + background:transparent no-repeat -16px 0; | |
3006 | +} | |
3007 | + | |
3008 | +.x-tree-arrows .x-tree-elbow-end{ | |
3009 | + background:transparent; | |
3010 | +} | |
3011 | + | |
3012 | +.x-tree-arrows .x-tree-elbow-end-plus{ | |
3013 | + background:transparent no-repeat 0 0; | |
3014 | +} | |
3015 | + | |
3016 | +.x-tree-arrows .x-tree-elbow-end-minus{ | |
3017 | + background:transparent no-repeat -16px 0; | |
3018 | +} | |
3019 | + | |
3020 | +.x-tree-arrows .x-tree-elbow-line{ | |
3021 | + background:transparent; | |
3022 | +} | |
3023 | + | |
3024 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ | |
3025 | + background-position:-32px 0; | |
3026 | +} | |
3027 | + | |
3028 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ | |
3029 | + background-position:-48px 0; | |
3030 | +} | |
3031 | + | |
3032 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ | |
3033 | + background-position:-32px 0; | |
3034 | +} | |
3035 | + | |
3036 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ | |
3037 | + background-position:-48px 0; | |
3038 | +} | |
3039 | + | |
3040 | +.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
3041 | + cursor:pointer; | |
3042 | +} | |
3043 | + | |
3044 | +.ext-ie ul.x-tree-node-ct{ | |
3045 | + font-size:0; | |
3046 | + line-height:0; | |
3047 | + zoom:1; | |
3048 | +} | |
3049 | + | |
3050 | +.x-tree-node{ | |
3051 | + white-space: nowrap; | |
3052 | +} | |
3053 | + | |
3054 | +.x-tree-node-el { | |
3055 | + line-height:18px; | |
3056 | + cursor:pointer; | |
3057 | +} | |
3058 | + | |
3059 | +.x-tree-node a, .x-dd-drag-ghost a{ | |
3060 | + text-decoration:none; | |
3061 | + -khtml-user-select:none; | |
3062 | + -moz-user-select:none; | |
3063 | + -webkit-user-select:ignore; | |
3064 | + -kthml-user-focus:normal; | |
3065 | + -moz-user-focus:normal; | |
3066 | + -moz-outline: 0 none; | |
3067 | + outline:0 none; | |
3068 | +} | |
3069 | + | |
3070 | +.x-tree-node a span, .x-dd-drag-ghost a span{ | |
3071 | + text-decoration:none; | |
3072 | + padding:1px 3px 1px 2px; | |
3073 | +} | |
3074 | + | |
3075 | +.x-tree-node .x-tree-node-disabled .x-tree-node-icon{ | |
3076 | + -moz-opacity: 0.5; | |
3077 | + opacity:.5; | |
3078 | + filter: alpha(opacity=50); | |
3079 | +} | |
3080 | + | |
3081 | +.x-tree-node .x-tree-node-inline-icon{ | |
3082 | + background:transparent; | |
3083 | +} | |
3084 | + | |
3085 | +.x-tree-node a:hover, .x-dd-drag-ghost a:hover{ | |
3086 | + text-decoration:none; | |
3087 | +} | |
3088 | + | |
3089 | +.x-tree-node div.x-tree-drag-insert-below{ | |
3090 | + border-bottom:1px dotted; | |
3091 | +} | |
3092 | + | |
3093 | +.x-tree-node div.x-tree-drag-insert-above{ | |
3094 | + border-top:1px dotted; | |
3095 | +} | |
3096 | + | |
3097 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ | |
3098 | + border-bottom:0 none; | |
3099 | +} | |
3100 | + | |
3101 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ | |
3102 | + border-top:0 none; | |
3103 | +} | |
3104 | + | |
3105 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
3106 | + border-bottom:2px solid; | |
3107 | +} | |
3108 | + | |
3109 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
3110 | + border-top:2px solid; | |
3111 | +} | |
3112 | + | |
3113 | +.x-tree-node .x-tree-drag-append a span{ | |
3114 | + border:1px dotted; | |
3115 | +} | |
3116 | + | |
3117 | +.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ | |
3118 | + display:none !important; | |
3119 | +} | |
3120 | + | |
3121 | +/* Fix for ie rootVisible:false issue */ | |
3122 | +.x-tree-root-ct { | |
3123 | + zoom:1; | |
3124 | +} | |
3125 | +.x-date-picker { | |
3126 | + border: 1px solid; | |
3127 | + border-top:0 none; | |
3128 | + position:relative; | |
1394 | 3129 | } |
1395 | 3130 | |
1396 | -.x-btn button{ | |
1397 | - border:0 none; | |
1398 | - background:transparent; | |
1399 | - padding-left:3px; | |
1400 | - padding-right:3px; | |
1401 | - cursor:pointer; | |
1402 | - margin:0; | |
1403 | - overflow:visible; | |
1404 | - width:auto; | |
3131 | +.x-date-picker a { | |
1405 | 3132 | -moz-outline:0 none; |
1406 | 3133 | outline:0 none; |
1407 | 3134 | } |
1408 | 3135 | |
1409 | -* html .ext-ie .x-btn button { | |
1410 | - width:1px; | |
3136 | +.x-date-inner, .x-date-inner td, .x-date-inner th{ | |
3137 | + border-collapse:separate; | |
1411 | 3138 | } |
1412 | 3139 | |
1413 | -.ext-gecko .x-btn button { | |
1414 | - padding-left:0; | |
1415 | - padding-right:0; | |
3140 | +.x-date-middle,.x-date-left,.x-date-right { | |
3141 | + background: repeat-x 0 -83px; | |
3142 | + overflow:hidden; | |
1416 | 3143 | } |
1417 | 3144 | |
1418 | -.ext-gecko .x-btn button::-moz-focus-inner { | |
1419 | - padding:0; | |
3145 | +.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr, | |
3146 | +.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr, | |
3147 | +.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{ | |
3148 | + background:transparent !important; | |
3149 | + vertical-align:middle; | |
1420 | 3150 | } |
1421 | 3151 | |
1422 | -.ext-ie .x-btn button { | |
1423 | - padding-top:2px; | |
3152 | +.x-date-middle .x-btn-mc em.x-btn-arrow { | |
3153 | + background:transparent no-repeat right 0; | |
1424 | 3154 | } |
1425 | 3155 | |
1426 | -.x-btn td { | |
1427 | - padding:0 !important; | |
3156 | +.x-date-right, .x-date-left { | |
3157 | + width:18px; | |
1428 | 3158 | } |
1429 | 3159 | |
1430 | -.x-btn-text { | |
1431 | - cursor:pointer; | |
1432 | - white-space: nowrap; | |
1433 | - padding:0; | |
3160 | +.x-date-right{ | |
3161 | + text-align:right; | |
1434 | 3162 | } |
1435 | 3163 | |
1436 | -/* icon placement and sizing styles */ | |
1437 | - | |
1438 | -/* Only text */ | |
1439 | -.x-btn-noicon .x-btn-small .x-btn-text{ | |
1440 | - height: 16px; | |
3164 | +.x-date-middle { | |
3165 | + padding-top:2px; | |
3166 | + padding-bottom:2px; | |
3167 | + width:130px; /* FF3 */ | |
1441 | 3168 | } |
1442 | 3169 | |
1443 | -.x-btn-noicon .x-btn-medium .x-btn-text{ | |
1444 | - height: 24px; | |
3170 | +.x-date-right a, .x-date-left a{ | |
3171 | + display:block; | |
3172 | + width:16px; | |
3173 | + height:16px; | |
3174 | + background-position: center; | |
3175 | + background-repeat: no-repeat; | |
3176 | + cursor:pointer; | |
3177 | + -moz-opacity: 0.6; | |
3178 | + opacity:.6; | |
3179 | + filter: alpha(opacity=60); | |
1445 | 3180 | } |
1446 | 3181 | |
1447 | -.x-btn-noicon .x-btn-large .x-btn-text{ | |
1448 | - height: 32px; | |
3182 | +.x-date-right a:hover, .x-date-left a:hover{ | |
3183 | + -moz-opacity: 1; | |
3184 | + opacity:1; | |
3185 | + filter: alpha(opacity=100); | |
1449 | 3186 | } |
1450 | 3187 | |
1451 | -/* Only icons */ | |
1452 | -.x-btn-icon .x-btn-text{ | |
1453 | - background-position: center; | |
1454 | - background-repeat: no-repeat; | |
3188 | +.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{ | |
3189 | + -moz-opacity: 0.6; | |
3190 | + opacity:.6; | |
3191 | + filter: alpha(opacity=60); | |
1455 | 3192 | } |
1456 | 3193 | |
1457 | -.x-btn-icon .x-btn-small .x-btn-text{ | |
1458 | - height: 16px; | |
1459 | - width: 16px; | |
3194 | +.x-date-right a { | |
3195 | + margin-right:2px; | |
3196 | + text-decoration:none !important; | |
1460 | 3197 | } |
1461 | 3198 | |
1462 | -.x-btn-icon .x-btn-medium .x-btn-text{ | |
1463 | - height: 24px; | |
1464 | - width: 24px; | |
3199 | +.x-date-left a{ | |
3200 | + margin-left:2px; | |
3201 | + text-decoration:none !important; | |
1465 | 3202 | } |
1466 | 3203 | |
1467 | -.x-btn-icon .x-btn-large .x-btn-text{ | |
1468 | - height: 32px; | |
1469 | - width: 32px; | |
3204 | +table.x-date-inner { | |
3205 | + width:100%; | |
3206 | + table-layout:fixed; | |
1470 | 3207 | } |
1471 | 3208 | |
1472 | -/* Icons and text */ | |
1473 | -/* left */ | |
1474 | -.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ | |
1475 | - background-position: 0 center; | |
1476 | - background-repeat: no-repeat; | |
1477 | - padding-left:18px; | |
1478 | - height:16px; | |
3209 | +.x-date-inner th { | |
3210 | + width:25px; | |
1479 | 3211 | } |
1480 | 3212 | |
1481 | -.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ | |
1482 | - background-position: 0 center; | |
1483 | - background-repeat: no-repeat; | |
1484 | - padding-left:26px; | |
1485 | - height:24px; | |
3213 | +.x-date-inner th { | |
3214 | + background: repeat-x left top; | |
3215 | + text-align:right !important; | |
3216 | + border-bottom: 1px solid; | |
3217 | + cursor:default; | |
3218 | + padding:0; | |
3219 | + border-collapse:separate; | |
1486 | 3220 | } |
1487 | 3221 | |
1488 | -.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ | |
1489 | - background-position: 0 center; | |
1490 | - background-repeat: no-repeat; | |
1491 | - padding-left:34px; | |
1492 | - height:32px; | |
3222 | +.x-date-inner th span { | |
3223 | + display:block; | |
3224 | + padding:2px; | |
3225 | + padding-right:7px; | |
1493 | 3226 | } |
1494 | 3227 | |
1495 | -/* top */ | |
1496 | -.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ | |
1497 | - background-position: center 0; | |
1498 | - background-repeat: no-repeat; | |
1499 | - padding-top:18px; | |
3228 | +.x-date-inner td { | |
3229 | + border: 1px solid; | |
3230 | + text-align:right; | |
3231 | + padding:0; | |
1500 | 3232 | } |
1501 | 3233 | |
1502 | -.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ | |
1503 | - background-position: center 0; | |
1504 | - background-repeat: no-repeat; | |
1505 | - padding-top:26px; | |
3234 | +.x-date-inner a { | |
3235 | + padding:2px 5px; | |
3236 | + display:block; | |
3237 | + text-decoration:none; | |
3238 | + text-align:right; | |
3239 | + zoom:1; | |
1506 | 3240 | } |
1507 | 3241 | |
1508 | -.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ | |
1509 | - background-position: center 0; | |
1510 | - background-repeat: no-repeat; | |
1511 | - padding-top:34px; | |
3242 | +.x-date-inner .x-date-active{ | |
3243 | + cursor:pointer; | |
3244 | + color:black; | |
1512 | 3245 | } |
1513 | 3246 | |
1514 | -/* right */ | |
1515 | -.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ | |
1516 | - background-position: right center; | |
1517 | - background-repeat: no-repeat; | |
1518 | - padding-right:18px; | |
1519 | - height:16px; | |
3247 | +.x-date-inner .x-date-selected a{ | |
3248 | + background: repeat-x left top; | |
3249 | + border:1px solid; | |
3250 | + padding:1px 4px; | |
1520 | 3251 | } |
1521 | 3252 | |
1522 | -.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ | |
1523 | - background-position: right center; | |
1524 | - background-repeat: no-repeat; | |
1525 | - padding-right:26px; | |
1526 | - height:24px; | |
3253 | +.x-date-inner .x-date-today a{ | |
3254 | + border: 1px solid; | |
3255 | + padding:1px 4px; | |
1527 | 3256 | } |
1528 | 3257 | |
1529 | -.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ | |
1530 | - background-position: right center; | |
1531 | - background-repeat: no-repeat; | |
1532 | - padding-right:34px; | |
1533 | - height:32px; | |
3258 | +.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { | |
3259 | + text-decoration:none !important; | |
1534 | 3260 | } |
1535 | 3261 | |
1536 | -/* bottom */ | |
1537 | -.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ | |
1538 | - background-position: center bottom; | |
1539 | - background-repeat: no-repeat; | |
1540 | - padding-bottom:18px; | |
3262 | +.x-date-bottom { | |
3263 | + padding:4px; | |
3264 | + border-top: 1px solid; | |
3265 | + background: repeat-x left top; | |
1541 | 3266 | } |
1542 | 3267 | |
1543 | -.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ | |
1544 | - background-position: center bottom; | |
1545 | - background-repeat: no-repeat; | |
1546 | - padding-bottom:26px; | |
3268 | +.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ | |
3269 | + text-decoration:none !important; | |
1547 | 3270 | } |
1548 | 3271 | |
1549 | -.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ | |
1550 | - background-position: center bottom; | |
1551 | - background-repeat: no-repeat; | |
1552 | - padding-bottom:34px; | |
3272 | +.x-item-disabled .x-date-inner a:hover{ | |
3273 | + background: none; | |
1553 | 3274 | } |
1554 | 3275 | |
1555 | -/* background positioning */ | |
1556 | -.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ | |
1557 | - font-size:1px; | |
1558 | - line-height:1px; | |
1559 | - width:3px; | |
1560 | - display:block; | |
1561 | - overflow:hidden; | |
3276 | +.x-date-inner .x-date-disabled a { | |
3277 | + cursor:default; | |
1562 | 3278 | } |
1563 | 3279 | |
1564 | -.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ | |
1565 | - height:3px; | |
3280 | +.x-date-menu .x-menu-item { | |
3281 | + padding:1px 24px 1px 4px; | |
3282 | + white-space: nowrap; | |
1566 | 3283 | } |
1567 | 3284 | |
1568 | -.x-btn-tl{ | |
1569 | - width:3px; | |
1570 | - height:3px; | |
1571 | - background:no-repeat 0 0; | |
1572 | -} | |
1573 | -.x-btn-tr{ | |
1574 | - width:3px; | |
1575 | - height:3px; | |
1576 | - background:no-repeat -3px 0; | |
1577 | -} | |
1578 | -.x-btn-tc{ | |
1579 | - height:3px; | |
1580 | - background:repeat-x 0 -6px; | |
3285 | +.x-date-menu .x-menu-item .x-menu-item-icon { | |
3286 | + width:10px; | |
3287 | + height:10px; | |
3288 | + margin-right:5px; | |
3289 | + background-position:center -4px !important; | |
1581 | 3290 | } |
1582 | 3291 | |
1583 | -.x-btn-ml{ | |
1584 | - width:3px; | |
1585 | - background:no-repeat 0 -24px; | |
3292 | +.x-date-mp { | |
3293 | + position:absolute; | |
3294 | + left:0; | |
3295 | + top:0; | |
3296 | + display:none; | |
1586 | 3297 | } |
1587 | -.x-btn-mr{ | |
1588 | - width:3px; | |
1589 | - background:no-repeat -3px -24px; | |
3298 | + | |
3299 | +.x-date-mp td { | |
3300 | + padding:2px; | |
3301 | + font:normal 11px arial, helvetica,tahoma,sans-serif; | |
1590 | 3302 | } |
1591 | 3303 | |
1592 | -.x-btn-mc{ | |
1593 | - background:repeat-x 0 -1096px; | |
1594 | - vertical-align: middle; | |
3304 | +td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn { | |
3305 | + border: 0 none; | |
1595 | 3306 | text-align:center; |
1596 | - padding:0 5px; | |
1597 | - cursor:pointer; | |
1598 | - white-space:nowrap; | |
3307 | + vertical-align: middle; | |
3308 | + width:25%; | |
1599 | 3309 | } |
1600 | 3310 | |
1601 | -.x-btn-bl{ | |
1602 | - width:3px; | |
1603 | - height:3px; | |
1604 | - background:no-repeat 0 -3px; | |
3311 | +.x-date-mp-ok { | |
3312 | + margin-right:3px; | |
1605 | 3313 | } |
1606 | 3314 | |
1607 | -.x-btn-br{ | |
1608 | - width:3px; | |
1609 | - height:3px; | |
1610 | - background:no-repeat -3px -3px; | |
3315 | +.x-date-mp-btns button { | |
3316 | + text-decoration:none; | |
3317 | + text-align:center; | |
3318 | + text-decoration:none !important; | |
3319 | + border:1px solid; | |
3320 | + padding:1px 3px 1px; | |
3321 | + cursor:pointer; | |
1611 | 3322 | } |
1612 | 3323 | |
1613 | -.x-btn-bc{ | |
1614 | - height:3px; | |
1615 | - background:repeat-x 0 -15px; | |
3324 | +.x-date-mp-btns { | |
3325 | + background: repeat-x left top; | |
1616 | 3326 | } |
1617 | 3327 | |
1618 | -.x-btn-over .x-btn-tl{ | |
1619 | - background-position: -6px 0; | |
3328 | +.x-date-mp-btns td { | |
3329 | + border-top: 1px solid; | |
3330 | + text-align:center; | |
1620 | 3331 | } |
1621 | 3332 | |
1622 | -.x-btn-over .x-btn-tr{ | |
1623 | - background-position: -9px 0; | |
3333 | +td.x-date-mp-month a,td.x-date-mp-year a { | |
3334 | + display:block; | |
3335 | + padding:2px 4px; | |
3336 | + text-decoration:none; | |
3337 | + text-align:center; | |
1624 | 3338 | } |
1625 | 3339 | |
1626 | -.x-btn-over .x-btn-tc{ | |
1627 | - background-position: 0 -9px; | |
3340 | +td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { | |
3341 | + text-decoration:none; | |
3342 | + cursor:pointer; | |
1628 | 3343 | } |
1629 | 3344 | |
1630 | -.x-btn-over .x-btn-ml{ | |
1631 | - background-position: -6px -24px; | |
3345 | +td.x-date-mp-sel a { | |
3346 | + padding:1px 3px; | |
3347 | + background: repeat-x left top; | |
3348 | + border:1px solid; | |
1632 | 3349 | } |
1633 | 3350 | |
1634 | -.x-btn-over .x-btn-mr{ | |
1635 | - background-position: -9px -24px; | |
3351 | +.x-date-mp-ybtn a { | |
3352 | + overflow:hidden; | |
3353 | + width:15px; | |
3354 | + height:15px; | |
3355 | + cursor:pointer; | |
3356 | + background:transparent no-repeat; | |
3357 | + display:block; | |
3358 | + margin:0 auto; | |
1636 | 3359 | } |
1637 | 3360 | |
1638 | -.x-btn-over .x-btn-mc{ | |
1639 | - background-position: 0 -2168px; | |
3361 | +.x-date-mp-ybtn a.x-date-mp-next { | |
3362 | + background-position:0 -120px; | |
1640 | 3363 | } |
1641 | 3364 | |
1642 | -.x-btn-over .x-btn-bl{ | |
1643 | - background-position: -6px -3px; | |
3365 | +.x-date-mp-ybtn a.x-date-mp-next:hover { | |
3366 | + background-position:-15px -120px; | |
1644 | 3367 | } |
1645 | 3368 | |
1646 | -.x-btn-over .x-btn-br{ | |
1647 | - background-position: -9px -3px; | |
3369 | +.x-date-mp-ybtn a.x-date-mp-prev { | |
3370 | + background-position:0 -105px; | |
1648 | 3371 | } |
1649 | 3372 | |
1650 | -.x-btn-over .x-btn-bc{ | |
1651 | - background-position: 0 -18px; | |
3373 | +.x-date-mp-ybtn a.x-date-mp-prev:hover { | |
3374 | + background-position:-15px -105px; | |
1652 | 3375 | } |
1653 | 3376 | |
1654 | -.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ | |
1655 | - background-position: -12px 0; | |
3377 | +.x-date-mp-ybtn { | |
3378 | + text-align:center; | |
1656 | 3379 | } |
1657 | 3380 | |
1658 | -.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ | |
1659 | - background-position: -15px 0; | |
1660 | -} | |
3381 | +td.x-date-mp-sep { | |
3382 | + border-right:1px solid; | |
3383 | +}.x-tip{ | |
3384 | + position: absolute; | |
3385 | + top: 0; | |
3386 | + left:0; | |
3387 | + visibility: hidden; | |
3388 | + z-index: 20000; | |
3389 | + border:0 none; | |
3390 | +} | |
3391 | + | |
3392 | +.x-tip .x-tip-close{ | |
3393 | + height: 15px; | |
3394 | + float:right; | |
3395 | + width: 15px; | |
3396 | + margin:0 0 2px 2px; | |
3397 | + cursor:pointer; | |
3398 | + display:none; | |
3399 | +} | |
3400 | + | |
3401 | +.x-tip .x-tip-tc { | |
3402 | + background: transparent no-repeat 0 -62px; | |
3403 | + padding-top:3px; | |
3404 | + overflow:hidden; | |
3405 | + zoom:1; | |
3406 | +} | |
3407 | + | |
3408 | +.x-tip .x-tip-tl { | |
3409 | + background: transparent no-repeat 0 0; | |
3410 | + padding-left:6px; | |
3411 | + overflow:hidden; | |
3412 | + zoom:1; | |
3413 | +} | |
3414 | + | |
3415 | +.x-tip .x-tip-tr { | |
3416 | + background: transparent no-repeat right 0; | |
3417 | + padding-right:6px; | |
3418 | + overflow:hidden; | |
3419 | + zoom:1; | |
3420 | +} | |
3421 | + | |
3422 | +.x-tip .x-tip-bc { | |
3423 | + background: transparent no-repeat 0 -121px; | |
3424 | + height:3px; | |
3425 | + overflow:hidden; | |
3426 | +} | |
3427 | + | |
3428 | +.x-tip .x-tip-bl { | |
3429 | + background: transparent no-repeat 0 -59px; | |
3430 | + padding-left:6px; | |
3431 | + zoom:1; | |
3432 | +} | |
3433 | + | |
3434 | +.x-tip .x-tip-br { | |
3435 | + background: transparent no-repeat right -59px; | |
3436 | + padding-right:6px; | |
3437 | + zoom:1; | |
3438 | +} | |
3439 | + | |
3440 | +.x-tip .x-tip-mc { | |
3441 | + border:0 none; | |
3442 | +} | |
3443 | + | |
3444 | +.x-tip .x-tip-ml { | |
3445 | + background: no-repeat 0 -124px; | |
3446 | + padding-left:6px; | |
3447 | + zoom:1; | |
3448 | +} | |
3449 | + | |
3450 | +.x-tip .x-tip-mr { | |
3451 | + background: transparent no-repeat right -124px; | |
3452 | + padding-right:6px; | |
3453 | + zoom:1; | |
3454 | +} | |
3455 | + | |
3456 | +.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { | |
3457 | + font-size:0; | |
3458 | + line-height:0; | |
3459 | +} | |
3460 | + | |
3461 | +.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ | |
3462 | + line-height: 1px; | |
3463 | +} | |
3464 | + | |
3465 | +.x-tip .x-tip-header-text { | |
3466 | + padding:0; | |
3467 | + margin:0 0 2px 0; | |
3468 | +} | |
3469 | + | |
3470 | +.x-tip .x-tip-body { | |
3471 | + margin:0 !important; | |
3472 | + line-height:14px; | |
3473 | + padding:0; | |
3474 | +} | |
3475 | + | |
3476 | +.x-tip .x-tip-body .loading-indicator { | |
3477 | + margin:0; | |
3478 | +} | |
3479 | + | |
3480 | +.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { | |
3481 | + cursor:move; | |
3482 | +} | |
3483 | + | |
3484 | +.x-form-invalid-tip .x-tip-tc { | |
3485 | + background: repeat-x 0 -12px; | |
3486 | + padding-top:6px; | |
3487 | +} | |
3488 | + | |
3489 | +.x-form-invalid-tip .x-tip-bc { | |
3490 | + background: repeat-x 0 -18px; | |
3491 | + height:6px; | |
3492 | +} | |
3493 | + | |
3494 | +.x-form-invalid-tip .x-tip-bl { | |
3495 | + background: no-repeat 0 -6px; | |
3496 | +} | |
3497 | + | |
3498 | +.x-form-invalid-tip .x-tip-br { | |
3499 | + background: no-repeat right -6px; | |
3500 | +} | |
3501 | + | |
3502 | +.x-form-invalid-tip .x-tip-body { | |
3503 | + padding:2px; | |
3504 | +} | |
3505 | + | |
3506 | +.x-form-invalid-tip .x-tip-body { | |
3507 | + padding-left:24px; | |
3508 | + background:transparent no-repeat 2px 2px; | |
3509 | +} | |
3510 | + | |
3511 | +.x-tip-anchor { | |
3512 | + position: absolute; | |
3513 | + width: 9px; | |
3514 | + height: 10px; | |
3515 | + overflow:hidden; | |
3516 | + background: transparent no-repeat 0 0; | |
3517 | + zoom:1; | |
3518 | +} | |
3519 | +.x-tip-anchor-bottom { | |
3520 | + background-position: -9px 0; | |
3521 | +} | |
3522 | +.x-tip-anchor-right { | |
3523 | + background-position: -18px 0; | |
3524 | + width: 10px; | |
3525 | +} | |
3526 | +.x-tip-anchor-left { | |
3527 | + background-position: -28px 0; | |
3528 | + width: 10px; | |
3529 | +}.x-menu { | |
3530 | + z-index: 15000; | |
3531 | + zoom: 1; | |
3532 | + background: repeat-y; | |
3533 | +} | |
3534 | + | |
3535 | +.x-menu-floating{ | |
3536 | + border: 1px solid; | |
3537 | +} | |
3538 | + | |
3539 | +.x-menu a { | |
3540 | + text-decoration: none !important; | |
3541 | +} | |
3542 | + | |
3543 | +.ext-ie .x-menu { | |
3544 | + zoom:1; | |
3545 | + overflow:hidden; | |
3546 | +} | |
3547 | + | |
3548 | +.x-menu-list{ | |
3549 | + padding: 2px; | |
3550 | + background:transparent; | |
3551 | + border:0 none; | |
3552 | + overflow:hidden; | |
3553 | + overflow-y: hidden; | |
3554 | +} | |
3555 | + | |
3556 | +.ext-strict .ext-ie .x-menu-list{ | |
3557 | + position: relative; | |
3558 | +} | |
3559 | + | |
3560 | +.x-menu li{ | |
3561 | + line-height:100%; | |
3562 | +} | |
3563 | + | |
3564 | +.x-menu li.x-menu-sep-li{ | |
3565 | + font-size:1px; | |
3566 | + line-height:1px; | |
3567 | +} | |
3568 | + | |
3569 | +.x-menu-list-item{ | |
3570 | + white-space: nowrap; | |
3571 | + -moz-user-select: none; | |
3572 | + -khtml-user-select:none; | |
3573 | + -webkit-user-select:ignore; | |
3574 | + display:block; | |
3575 | + padding:1px; | |
3576 | +} | |
3577 | + | |
3578 | +.x-menu-item-arrow{ | |
3579 | + background:transparent no-repeat right; | |
3580 | +} | |
3581 | + | |
3582 | +.x-menu-sep { | |
3583 | + display:block; | |
3584 | + font-size:1px; | |
3585 | + line-height:1px; | |
3586 | + margin: 2px 3px; | |
3587 | + border-bottom:1px solid; | |
3588 | + overflow:hidden; | |
3589 | +} | |
3590 | + | |
3591 | +.x-menu-focus { | |
3592 | + position:absolute; | |
3593 | + left:-1px; | |
3594 | + top:-1px; | |
3595 | + width:1px; | |
3596 | + height:1px; | |
3597 | + line-height:1px; | |
3598 | + font-size:1px; | |
3599 | + -moz-outline:0 none; | |
3600 | + outline:0 none; | |
3601 | + -moz-user-select: none; | |
3602 | + -khtml-user-select:none; | |
3603 | + -webkit-user-select:ignore; | |
3604 | + overflow:hidden; | |
3605 | + display:block; | |
3606 | +} | |
3607 | + | |
3608 | +a.x-menu-item { | |
3609 | + cursor: pointer; | |
3610 | + display: block; | |
3611 | + line-height: 16px; | |
3612 | + outline-color: -moz-use-text-color; | |
3613 | + outline-style: none; | |
3614 | + outline-width: 0; | |
3615 | + padding: 3px 21px 3px 27px; | |
3616 | + position: relative; | |
3617 | + text-decoration: none; | |
3618 | + white-space: nowrap; | |
3619 | +} | |
3620 | + | |
3621 | +.x-menu-item-active { | |
3622 | + background-repeat: repeat-x; | |
3623 | + background-position: left bottom; | |
3624 | + border-style:solid; | |
3625 | + border-width: 1px 0; | |
3626 | + margin:0 1px; | |
3627 | + padding: 0; | |
3628 | +} | |
3629 | + | |
3630 | +.x-menu-item-active a.x-menu-item { | |
3631 | + border-style:solid; | |
3632 | + border-width:0 1px; | |
3633 | + margin:0 -1px; | |
3634 | +} | |
3635 | + | |
3636 | +.x-menu-item-icon { | |
3637 | + border: 0 none; | |
3638 | + height: 16px; | |
3639 | + padding: 0; | |
3640 | + vertical-align: top; | |
3641 | + width: 16px; | |
3642 | + position: absolute; | |
3643 | + left: 3px; | |
3644 | + top: 3px; | |
3645 | + margin: 0; | |
3646 | + background-position:center; | |
3647 | +} | |
3648 | + | |
3649 | +.ext-ie .x-menu-item-icon { | |
3650 | + left: -24px; | |
3651 | +} | |
3652 | +.ext-strict .x-menu-item-icon { | |
3653 | + left: 3px; | |
3654 | +} | |
3655 | + | |
3656 | +.ext-ie6 .x-menu-item-icon { | |
3657 | + left: -24px; | |
3658 | +} | |
3659 | + | |
3660 | +.ext-ie .x-menu-item-icon { | |
3661 | + vertical-align: middle; | |
3662 | +} | |
3663 | + | |
3664 | +.x-menu-check-item .x-menu-item-icon{ | |
3665 | + background: transparent no-repeat center; | |
3666 | +} | |
3667 | + | |
3668 | +.x-menu-group-item .x-menu-item-icon{ | |
3669 | + background: transparent; | |
3670 | +} | |
3671 | + | |
3672 | +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
3673 | + background: transparent no-repeat center; | |
3674 | +} | |
3675 | + | |
3676 | +.x-date-menu .x-menu-list{ | |
3677 | + padding: 0; | |
3678 | +} | |
3679 | + | |
3680 | +.x-menu-date-item{ | |
3681 | + padding:0; | |
3682 | +} | |
3683 | + | |
3684 | +.x-menu .x-color-palette, .x-menu .x-date-picker{ | |
3685 | + margin-left: 26px; | |
3686 | + margin-right:4px; | |
3687 | +} | |
3688 | + | |
3689 | +.x-menu .x-date-picker{ | |
3690 | + border:1px solid; | |
3691 | + margin-top:2px; | |
3692 | + margin-bottom:2px; | |
3693 | +} | |
3694 | + | |
3695 | +.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ | |
3696 | + margin: 0; | |
3697 | + border: 0 none; | |
3698 | +} | |
3699 | + | |
3700 | +.x-date-menu { | |
3701 | + padding:0 !important; | |
3702 | +} | |
3703 | + | |
3704 | +.x-cycle-menu .x-menu-item-checked { | |
3705 | + border:1px dotted !important; | |
3706 | + padding:0; | |
3707 | +} | |
3708 | + | |
3709 | +.x-menu .x-menu-scroller { | |
3710 | + width: 100%; | |
3711 | + background-repeat:no-repeat; | |
3712 | + background-position:center; | |
3713 | + height:8px; | |
3714 | + line-height: 8px; | |
3715 | + cursor:pointer; | |
3716 | + margin: 0; | |
3717 | + padding: 0; | |
3718 | +} | |
3719 | + | |
3720 | +.x-menu .x-menu-scroller-active{ | |
3721 | + height: 6px; | |
3722 | + line-height: 6px; | |
3723 | +} | |
3724 | + | |
3725 | +.x-menu-list-item-indent{ | |
3726 | + padding-left: 27px; | |
3727 | +} | |
3728 | +/* | |
3729 | + Creates rounded, raised boxes like on the Ext website - the markup isn't pretty: | |
3730 | + <div class="x-box-blue"> | |
3731 | + <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div> | |
3732 | + <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"> | |
3733 | + <h3>YOUR TITLE HERE (optional)</h3> | |
3734 | + <div>YOUR CONTENT HERE</div> | |
3735 | + </div></div></div> | |
3736 | + <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div> | |
3737 | + </div> | |
3738 | + */ | |
1661 | 3739 | |
1662 | -.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ | |
1663 | - background-position: 0 -12px; | |
3740 | +.x-box-tl { | |
3741 | + background: transparent no-repeat 0 0; | |
3742 | + zoom:1; | |
1664 | 3743 | } |
1665 | 3744 | |
1666 | -.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ | |
1667 | - background-position: -12px -24px; | |
3745 | +.x-box-tc { | |
3746 | + height: 8px; | |
3747 | + background: transparent repeat-x 0 0; | |
3748 | + overflow: hidden; | |
1668 | 3749 | } |
1669 | 3750 | |
1670 | -.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ | |
1671 | - background-position: -15px -24px; | |
3751 | +.x-box-tr { | |
3752 | + background: transparent no-repeat right -8px; | |
1672 | 3753 | } |
1673 | 3754 | |
1674 | -.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ | |
1675 | - background-position: 0 -3240px; | |
3755 | +.x-box-ml { | |
3756 | + background: transparent repeat-y 0; | |
3757 | + padding-left: 4px; | |
3758 | + overflow: hidden; | |
3759 | + zoom:1; | |
1676 | 3760 | } |
1677 | 3761 | |
1678 | -.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ | |
1679 | - background-position: -12px -3px; | |
3762 | +.x-box-mc { | |
3763 | + background: repeat-x 0 -16px; | |
3764 | + padding: 4px 10px; | |
1680 | 3765 | } |
1681 | 3766 | |
1682 | -.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ | |
1683 | - background-position: -15px -3px; | |
3767 | +.x-box-mc h3 { | |
3768 | + margin: 0 0 4px 0; | |
3769 | + zoom:1; | |
1684 | 3770 | } |
1685 | 3771 | |
1686 | -.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ | |
1687 | - background-position: 0 -21px; | |
3772 | +.x-box-mr { | |
3773 | + background: transparent repeat-y right; | |
3774 | + padding-right: 4px; | |
3775 | + overflow: hidden; | |
1688 | 3776 | } |
1689 | 3777 | |
1690 | -.x-btn-disabled *{ | |
1691 | - cursor:default !important; | |
3778 | +.x-box-bl { | |
3779 | + background: transparent no-repeat 0 -16px; | |
3780 | + zoom:1; | |
1692 | 3781 | } |
1693 | 3782 | |
3783 | +.x-box-bc { | |
3784 | + background: transparent repeat-x 0 -8px; | |
3785 | + height: 8px; | |
3786 | + overflow: hidden; | |
3787 | +} | |
1694 | 3788 | |
1695 | -/* With a menu arrow */ | |
1696 | -/* right */ | |
1697 | -.x-btn-mc em.x-btn-arrow { | |
1698 | - display:block; | |
1699 | - background:transparent no-repeat right center; | |
1700 | - padding-right:10px; | |
3789 | +.x-box-br { | |
3790 | + background: transparent no-repeat right -24px; | |
1701 | 3791 | } |
1702 | 3792 | |
1703 | -.x-btn-mc em.x-btn-split { | |
1704 | - display:block; | |
1705 | - background:transparent no-repeat right center; | |
1706 | - padding-right:14px; | |
3793 | +.x-box-tl, .x-box-bl { | |
3794 | + padding-left: 8px; | |
3795 | + overflow: hidden; | |
1707 | 3796 | } |
1708 | 3797 | |
1709 | -/* bottom */ | |
1710 | -.x-btn-mc em.x-btn-arrow-bottom { | |
1711 | - display:block; | |
1712 | - background:transparent no-repeat center bottom; | |
1713 | - padding-bottom:14px; | |
3798 | +.x-box-tr, .x-box-br { | |
3799 | + padding-right: 8px; | |
3800 | + overflow: hidden; | |
3801 | +}#x-debug-browser .x-tree .x-tree-node a span { | |
3802 | + padding-top:2px; | |
3803 | + line-height:18px; | |
1714 | 3804 | } |
1715 | 3805 | |
1716 | -.x-btn-mc em.x-btn-split-bottom { | |
1717 | - display:block; | |
1718 | - background:transparent no-repeat center bottom; | |
1719 | - padding-bottom:14px; | |
3806 | +#x-debug-browser .x-tool-toggle { | |
3807 | + background-position:0 -75px; | |
1720 | 3808 | } |
1721 | 3809 | |
1722 | -/* height adjustment class */ | |
1723 | -.x-btn-as-arrow .x-btn-mc em { | |
1724 | - display:block; | |
1725 | - background:transparent; | |
1726 | - padding-bottom:14px; | |
3810 | +#x-debug-browser .x-tool-toggle-over { | |
3811 | + background-position:-15px -75px; | |
1727 | 3812 | } |
1728 | 3813 | |
1729 | -/* groups */ | |
1730 | -.x-btn-group { | |
1731 | - padding:1px; | |
3814 | +#x-debug-browser.x-panel-collapsed .x-tool-toggle { | |
3815 | + background-position:0 -60px; | |
1732 | 3816 | } |
1733 | 3817 | |
1734 | -.x-btn-group-header { | |
1735 | - padding:2px; | |
1736 | - text-align:center; | |
3818 | +#x-debug-browser.x-panel-collapsed .x-tool-toggle-over { | |
3819 | + background-position:-15px -60px; | |
3820 | +}.x-combo-list { | |
3821 | + border:1px solid; | |
3822 | + zoom:1; | |
3823 | + overflow:hidden; | |
1737 | 3824 | } |
1738 | 3825 | |
1739 | -.x-btn-group-tc { | |
3826 | +.x-combo-list-inner { | |
3827 | + overflow:auto; | |
3828 | + position:relative; /* for calculating scroll offsets */ | |
3829 | + zoom:1; | |
3830 | + overflow-x:hidden; | |
3831 | +} | |
3832 | + | |
3833 | +.x-combo-list-hd { | |
3834 | + border-bottom:1px solid; | |
3835 | + padding:3px; | |
3836 | +} | |
3837 | + | |
3838 | +.x-resizable-pinned .x-combo-list-inner { | |
3839 | + border-bottom:1px solid; | |
3840 | +} | |
3841 | + | |
3842 | +.x-combo-list-item { | |
3843 | + padding:2px; | |
3844 | + border:1px solid; | |
3845 | + white-space: nowrap; | |
3846 | + overflow:hidden; | |
3847 | + text-overflow: ellipsis; | |
3848 | +} | |
3849 | + | |
3850 | +.x-combo-list .x-combo-selected{ | |
3851 | + border:1px dotted !important; | |
3852 | + cursor:pointer; | |
3853 | +} | |
3854 | + | |
3855 | +.x-combo-list .x-toolbar { | |
3856 | + border-top:1px solid; | |
3857 | + border-bottom:0 none; | |
3858 | +}.x-panel { | |
3859 | + border-style: solid; | |
3860 | + border-width:0; | |
3861 | +} | |
3862 | + | |
3863 | +.x-panel-header { | |
3864 | + overflow:hidden; | |
3865 | + zoom:1; | |
3866 | + padding:5px 3px 4px 5px; | |
3867 | + border:1px solid; | |
3868 | + line-height: 15px; | |
3869 | + background: transparent repeat-x 0 -1px; | |
3870 | +} | |
3871 | + | |
3872 | +.x-panel-body { | |
3873 | + border:1px solid; | |
3874 | + border-top:0 none; | |
3875 | + overflow:hidden; | |
3876 | + position: relative; /* added for item scroll positioning */ | |
3877 | +} | |
3878 | + | |
3879 | +.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { | |
3880 | + border:1px solid; | |
3881 | + border-top:0 none; | |
3882 | + overflow:hidden; | |
3883 | + padding:2px; | |
3884 | +} | |
3885 | + | |
3886 | +.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { | |
3887 | + border-top:1px solid; | |
3888 | + border-bottom: 0 none; | |
3889 | +} | |
3890 | + | |
3891 | +.x-panel-body-noheader, .x-panel-mc .x-panel-body { | |
3892 | + border-top:1px solid; | |
3893 | +} | |
3894 | + | |
3895 | +.x-panel-header { | |
3896 | + overflow:hidden; | |
3897 | + zoom:1; | |
3898 | +} | |
3899 | + | |
3900 | +.x-panel-tl .x-panel-header { | |
3901 | + padding:5px 0 4px 0; | |
3902 | + border:0 none; | |
3903 | + background:transparent; | |
3904 | +} | |
3905 | + | |
3906 | +.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon { | |
3907 | + padding-left:20px !important; | |
3908 | + background-repeat:no-repeat; | |
3909 | + background-position:0 4px; | |
3910 | + zoom:1; | |
3911 | +} | |
3912 | + | |
3913 | +.x-panel-inline-icon { | |
3914 | + width:16px; | |
3915 | + height:16px; | |
3916 | + background-repeat:no-repeat; | |
3917 | + background-position:0 0; | |
3918 | + vertical-align:middle; | |
3919 | + margin-right:4px; | |
3920 | + margin-top:-1px; | |
3921 | + margin-bottom:-1px; | |
3922 | +} | |
3923 | + | |
3924 | +.x-panel-tc { | |
1740 | 3925 | background: transparent repeat-x 0 0; |
1741 | 3926 | overflow:hidden; |
1742 | 3927 | } |
1743 | 3928 | |
1744 | -.x-btn-group-tl { | |
3929 | +/* fix ie7 strict mode bug */ | |
3930 | +.ext-strict .ext-ie7 .x-panel-tc { | |
3931 | + overflow: visible; | |
3932 | +} | |
3933 | + | |
3934 | +.x-panel-tl { | |
1745 | 3935 | background: transparent no-repeat 0 0; |
1746 | - padding-left:3px; | |
3936 | + padding-left:6px; | |
1747 | 3937 | zoom:1; |
3938 | + border-bottom:1px solid; | |
1748 | 3939 | } |
1749 | 3940 | |
1750 | -.x-btn-group-tr { | |
3941 | +.x-panel-tr { | |
1751 | 3942 | background: transparent no-repeat right 0; |
1752 | 3943 | zoom:1; |
1753 | - padding-right:3px; | |
3944 | + padding-right:6px; | |
1754 | 3945 | } |
1755 | 3946 | |
1756 | -.x-btn-group-bc { | |
3947 | +.x-panel-bc { | |
1757 | 3948 | background: transparent repeat-x 0 bottom; |
1758 | 3949 | zoom:1; |
1759 | 3950 | } |
1760 | 3951 | |
1761 | -.x-btn-group-bc .x-panel-footer { | |
3952 | +.x-panel-bc .x-panel-footer { | |
1762 | 3953 | zoom:1; |
1763 | 3954 | } |
1764 | 3955 | |
1765 | -.x-btn-group-bl { | |
3956 | +.x-panel-bl { | |
1766 | 3957 | background: transparent no-repeat 0 bottom; |
1767 | - padding-left:3px; | |
3958 | + padding-left:6px; | |
1768 | 3959 | zoom:1; |
1769 | 3960 | } |
1770 | 3961 | |
1771 | -.x-btn-group-br { | |
3962 | +.x-panel-br { | |
1772 | 3963 | background: transparent no-repeat right bottom; |
1773 | - padding-right:3px; | |
3964 | + padding-right:6px; | |
1774 | 3965 | zoom:1; |
1775 | 3966 | } |
1776 | 3967 | |
1777 | -.x-btn-group-mc { | |
3968 | +.x-panel-mc { | |
1778 | 3969 | border:0 none; |
1779 | - padding:1px 0 0 0; | |
3970 | + padding:0; | |
1780 | 3971 | margin:0; |
3972 | + padding-top:6px; | |
1781 | 3973 | } |
1782 | 3974 | |
1783 | -.x-btn-group-mc .x-btn-group-body { | |
3975 | +.x-panel-mc .x-panel-body { | |
1784 | 3976 | background:transparent; |
1785 | 3977 | border: 0 none; |
1786 | 3978 | } |
1787 | 3979 | |
1788 | -.x-btn-group-ml { | |
1789 | - background: transparent repeat-y 0 0; | |
1790 | - padding-left:3px; | |
3980 | +.x-panel-ml { | |
3981 | + background: repeat-y 0 0; | |
3982 | + padding-left:6px; | |
1791 | 3983 | zoom:1; |
1792 | 3984 | } |
1793 | 3985 | |
1794 | -.x-btn-group-mr { | |
3986 | +.x-panel-mr { | |
1795 | 3987 | background: transparent repeat-y right 0; |
1796 | - padding-right:3px; | |
3988 | + padding-right:6px; | |
1797 | 3989 | zoom:1; |
1798 | 3990 | } |
1799 | 3991 | |
1800 | -.x-btn-group-bc .x-btn-group-footer { | |
3992 | +.x-panel-bc .x-panel-footer { | |
1801 | 3993 | padding-bottom:6px; |
1802 | 3994 | } |
1803 | 3995 | |
1804 | -.x-panel-nofooter .x-btn-group-bc { | |
1805 | - height:3px; | |
3996 | +.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc { | |
3997 | + height:6px; | |
1806 | 3998 | font-size:0; |
1807 | 3999 | line-height:0; |
1808 | 4000 | } |
1809 | 4001 | |
1810 | -.x-btn-group-bwrap { | |
4002 | +.x-panel-bwrap { | |
1811 | 4003 | overflow:hidden; |
1812 | 4004 | zoom:1; |
4005 | + left:0; | |
4006 | + top:0; | |
1813 | 4007 | } |
1814 | - | |
1815 | -.x-btn-group-body { | |
4008 | +.x-panel-body { | |
1816 | 4009 | overflow:hidden; |
1817 | 4010 | zoom:1; |
1818 | 4011 | } |
1819 | 4012 | |
1820 | -.x-btn-group-notitle .x-btn-group-tc { | |
1821 | - background: transparent repeat-x 0 0; | |
1822 | - overflow:hidden; | |
1823 | - height:2px; | |
1824 | -}.x-toolbar{ | |
1825 | - border-style:solid; | |
1826 | - border-width:0 0 1px 0; | |
1827 | - display: block; | |
1828 | - padding:2px; | |
1829 | - background:repeat-x top left; | |
1830 | - position:relative; | |
1831 | - left:0; | |
1832 | - top:0; | |
1833 | - zoom:1; | |
1834 | - overflow:hidden; | |
4013 | +.x-panel-collapsed .x-resizable-handle{ | |
4014 | + display:none; | |
1835 | 4015 | } |
1836 | 4016 | |
1837 | -.x-toolbar .x-item-disabled .x-btn-icon { | |
1838 | - opacity: .35; | |
1839 | - -moz-opacity: .35; | |
1840 | - filter: alpha(opacity=35); | |
4017 | +.ext-gecko .x-panel-animated div { | |
4018 | + overflow:hidden !important; | |
1841 | 4019 | } |
1842 | 4020 | |
1843 | -.x-toolbar td { | |
1844 | - vertical-align:middle; | |
4021 | +/* Plain */ | |
4022 | +.x-plain-body { | |
4023 | + overflow:hidden; | |
1845 | 4024 | } |
1846 | 4025 | |
1847 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
1848 | - white-space: nowrap; | |
4026 | +.x-plain-bbar .x-toolbar { | |
4027 | + overflow:hidden; | |
4028 | + padding:2px; | |
1849 | 4029 | } |
1850 | 4030 | |
1851 | -.x-toolbar .x-item-disabled { | |
1852 | - cursor:default; | |
1853 | - opacity:.6; | |
1854 | - -moz-opacity:.6; | |
1855 | - filter:alpha(opacity=60); | |
4031 | +.x-plain-tbar .x-toolbar { | |
4032 | + overflow:hidden; | |
4033 | + padding:2px; | |
1856 | 4034 | } |
1857 | 4035 | |
1858 | -.x-toolbar .x-item-disabled * { | |
1859 | - cursor:default; | |
4036 | +.x-plain-bwrap { | |
4037 | + overflow:hidden; | |
4038 | + zoom:1; | |
1860 | 4039 | } |
1861 | 4040 | |
1862 | -.x-toolbar .x-toolbar-cell { | |
1863 | - vertical-align:middle; | |
4041 | +.x-plain { | |
4042 | + overflow:hidden; | |
1864 | 4043 | } |
1865 | 4044 | |
1866 | -.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
1867 | -.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
1868 | -{ | |
1869 | - background-position: 500px 500px; | |
4045 | +/* Tools */ | |
4046 | +.x-tool { | |
4047 | + overflow:hidden; | |
4048 | + width:15px; | |
4049 | + height:15px; | |
4050 | + float:right; | |
4051 | + cursor:pointer; | |
4052 | + background:transparent no-repeat; | |
4053 | + margin-left:2px; | |
1870 | 4054 | } |
1871 | 4055 | |
1872 | -/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
1873 | -.x-toolbar .x-btn-over .x-btn-tl{ | |
1874 | - background-position: -6px 0; | |
4056 | +/* expand / collapse tools */ | |
4057 | +.x-tool-toggle { | |
4058 | + background-position:0 -60px; | |
1875 | 4059 | } |
1876 | 4060 | |
1877 | -.x-toolbar .x-btn-over .x-btn-tr{ | |
1878 | - background-position: -9px 0; | |
4061 | +.x-tool-toggle-over { | |
4062 | + background-position:-15px -60px; | |
1879 | 4063 | } |
1880 | 4064 | |
1881 | -.x-toolbar .x-btn-over .x-btn-tc{ | |
1882 | - background-position: 0 -9px; | |
4065 | +.x-panel-collapsed .x-tool-toggle { | |
4066 | + background-position:0 -75px; | |
1883 | 4067 | } |
1884 | 4068 | |
1885 | -.x-toolbar .x-btn-over .x-btn-ml{ | |
1886 | - background-position: -6px -24px; | |
4069 | +.x-panel-collapsed .x-tool-toggle-over { | |
4070 | + background-position:-15px -75px; | |
1887 | 4071 | } |
1888 | 4072 | |
1889 | -.x-toolbar .x-btn-over .x-btn-mr{ | |
1890 | - background-position: -9px -24px; | |
1891 | -} | |
1892 | 4073 | |
1893 | -.x-toolbar .x-btn-over .x-btn-mc{ | |
1894 | - background-position: 0 -2168px; | |
4074 | +.x-tool-close { | |
4075 | + background-position:0 -0; | |
1895 | 4076 | } |
1896 | 4077 | |
1897 | -.x-toolbar .x-btn-over .x-btn-bl{ | |
1898 | - background-position: -6px -3px; | |
4078 | +.x-tool-close-over { | |
4079 | + background-position:-15px 0; | |
1899 | 4080 | } |
1900 | 4081 | |
1901 | -.x-toolbar .x-btn-over .x-btn-br{ | |
1902 | - background-position: -9px -3px; | |
4082 | +.x-tool-minimize { | |
4083 | + background-position:0 -15px; | |
1903 | 4084 | } |
1904 | 4085 | |
1905 | -.x-toolbar .x-btn-over .x-btn-bc{ | |
1906 | - background-position: 0 -18px; | |
4086 | +.x-tool-minimize-over { | |
4087 | + background-position:-15px -15px; | |
1907 | 4088 | } |
1908 | 4089 | |
1909 | -.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
1910 | - background-position: -12px 0; | |
4090 | +.x-tool-maximize { | |
4091 | + background-position:0 -30px; | |
1911 | 4092 | } |
1912 | 4093 | |
1913 | -.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
1914 | - background-position: -15px 0; | |
4094 | +.x-tool-maximize-over { | |
4095 | + background-position:-15px -30px; | |
1915 | 4096 | } |
1916 | 4097 | |
1917 | -.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
1918 | - background-position: 0 -12px; | |
4098 | +.x-tool-restore { | |
4099 | + background-position:0 -45px; | |
1919 | 4100 | } |
1920 | 4101 | |
1921 | -.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
1922 | - background-position: -12px -24px; | |
4102 | +.x-tool-restore-over { | |
4103 | + background-position:-15px -45px; | |
1923 | 4104 | } |
1924 | 4105 | |
1925 | -.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
1926 | - background-position: -15px -24px; | |
4106 | +.x-tool-gear { | |
4107 | + background-position:0 -90px; | |
1927 | 4108 | } |
1928 | 4109 | |
1929 | -.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
1930 | - background-position: 0 -3240px; | |
4110 | +.x-tool-gear-over { | |
4111 | + background-position:-15px -90px; | |
1931 | 4112 | } |
1932 | 4113 | |
1933 | -.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
1934 | - background-position: -12px -3px; | |
4114 | +.x-tool-pin { | |
4115 | + background-position:0 -135px; | |
1935 | 4116 | } |
1936 | 4117 | |
1937 | -.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
1938 | - background-position: -15px -3px; | |
4118 | +.x-tool-pin-over { | |
4119 | + background-position:-15px -135px; | |
1939 | 4120 | } |
1940 | 4121 | |
1941 | -.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
1942 | - background-position: 0 -21px; | |
4122 | +.x-tool-unpin { | |
4123 | + background-position:0 -150px; | |
1943 | 4124 | } |
1944 | 4125 | |
1945 | -.x-toolbar div.xtb-text{ | |
1946 | - padding:2px 2px 0; | |
1947 | - line-height:16px; | |
1948 | - display:block; | |
4126 | +.x-tool-unpin-over { | |
4127 | + background-position:-15px -150px; | |
1949 | 4128 | } |
1950 | 4129 | |
1951 | -.x-toolbar .xtb-sep { | |
1952 | - background-position: center; | |
1953 | - background-repeat: no-repeat; | |
1954 | - display: block; | |
1955 | - font-size: 1px; | |
1956 | - height: 16px; | |
1957 | - width:4px; | |
1958 | - overflow: hidden; | |
1959 | - cursor:default; | |
1960 | - margin: 0 2px 0; | |
1961 | - border:0; | |
4130 | +.x-tool-right { | |
4131 | + background-position:0 -165px; | |
1962 | 4132 | } |
1963 | 4133 | |
1964 | -.x-toolbar .xtb-spacer { | |
1965 | - width:2px; | |
4134 | +.x-tool-right-over { | |
4135 | + background-position:-15px -165px; | |
1966 | 4136 | } |
1967 | 4137 | |
1968 | -/* Paging Toolbar */ | |
1969 | -.x-tbar-page-number{ | |
1970 | - width:30px; | |
1971 | - height:14px; | |
4138 | +.x-tool-left { | |
4139 | + background-position:0 -180px; | |
1972 | 4140 | } |
1973 | 4141 | |
1974 | -.ext-ie .x-tbar-page-number{ | |
1975 | - margin-top: 2px; | |
4142 | +.x-tool-left-over { | |
4143 | + background-position:-15px -180px; | |
1976 | 4144 | } |
1977 | 4145 | |
1978 | -.x-paging-info { | |
1979 | - position:absolute; | |
1980 | - top:5px; | |
1981 | - right: 8px; | |
4146 | +.x-tool-up { | |
4147 | + background-position:0 -210px; | |
1982 | 4148 | } |
1983 | 4149 | |
1984 | -/* floating */ | |
1985 | -.x-toolbar-ct { | |
1986 | - width:100%; | |
4150 | +.x-tool-up-over { | |
4151 | + background-position:-15px -210px; | |
1987 | 4152 | } |
1988 | 4153 | |
1989 | -.x-toolbar-right td { | |
1990 | - text-align: center; | |
4154 | +.x-tool-down { | |
4155 | + background-position:0 -195px; | |
1991 | 4156 | } |
1992 | 4157 | |
1993 | -.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
1994 | - overflow:hidden; | |
1995 | - zoom:1; | |
4158 | +.x-tool-down-over { | |
4159 | + background-position:-15px -195px; | |
1996 | 4160 | } |
1997 | 4161 | |
1998 | -.x-toolbar-more .x-btn-small .x-btn-text{ | |
1999 | - height: 16px; | |
2000 | - width: 12px; | |
4162 | +.x-tool-refresh { | |
4163 | + background-position:0 -225px; | |
2001 | 4164 | } |
2002 | 4165 | |
2003 | -.x-toolbar-more em.x-btn-arrow { | |
2004 | - display:inline; | |
2005 | - background:transparent; | |
2006 | - padding-right:0; | |
4166 | +.x-tool-refresh-over { | |
4167 | + background-position:-15px -225px; | |
2007 | 4168 | } |
2008 | 4169 | |
2009 | -.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2010 | - background-image: none; | |
4170 | +.x-tool-minus { | |
4171 | + background-position:0 -255px; | |
2011 | 4172 | } |
2012 | 4173 | |
2013 | -div.x-toolbar-no-items { | |
2014 | - color:gray !important; | |
2015 | - padding:5px 10px !important; | |
4174 | +.x-tool-minus-over { | |
4175 | + background-position:-15px -255px; | |
2016 | 4176 | } |
2017 | 4177 | |
2018 | -/* fix ie toolbar form items */ | |
2019 | -.ext-border-box .x-toolbar-cell .x-form-text { | |
2020 | - margin-bottom:-1px !important; | |
4178 | +.x-tool-plus { | |
4179 | + background-position:0 -240px; | |
2021 | 4180 | } |
2022 | 4181 | |
2023 | -.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2024 | - margin:0 !important; | |
4182 | +.x-tool-plus-over { | |
4183 | + background-position:-15px -240px; | |
2025 | 4184 | } |
2026 | 4185 | |
2027 | -.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2028 | - height:21px; | |
4186 | +.x-tool-search { | |
4187 | + background-position:0 -270px; | |
2029 | 4188 | } |
2030 | 4189 | |
2031 | -.ext-ie .x-toolbar-cell .x-form-text { | |
2032 | - position:relative; | |
2033 | - top:-1px; | |
4190 | +.x-tool-search-over { | |
4191 | + background-position:-15px -270px; | |
2034 | 4192 | } |
2035 | 4193 | |
2036 | -.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2037 | - top: 0px; | |
4194 | +.x-tool-save { | |
4195 | + background-position:0 -285px; | |
2038 | 4196 | } |
2039 | 4197 | |
2040 | -.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2041 | - text-align: left; | |
4198 | +.x-tool-save-over { | |
4199 | + background-position:-15px -285px; | |
2042 | 4200 | } |
2043 | 4201 | |
2044 | -.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2045 | - vertical-align: top; | |
2046 | - margin-top: 5px; | |
4202 | +.x-tool-help { | |
4203 | + background-position:0 -300px; | |
2047 | 4204 | } |
2048 | 4205 | |
2049 | -.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2050 | - margin-top: 4px; | |
4206 | +.x-tool-help-over { | |
4207 | + background-position:-15px -300px; | |
2051 | 4208 | } |
2052 | 4209 | |
2053 | -.x-toolbar-cell .x-form-check-wrap label{ | |
2054 | - vertical-align: bottom; | |
4210 | +.x-tool-print { | |
4211 | + background-position:0 -315px; | |
2055 | 4212 | } |
2056 | 4213 | |
2057 | -/* StatusBar */ | |
2058 | -.x-statusbar .x-status-text { | |
2059 | - height: 21px; | |
2060 | - line-height: 21px; | |
2061 | - padding: 0 4px; | |
2062 | - cursor: default; | |
4214 | +.x-tool-print-over { | |
4215 | + background-position:-15px -315px; | |
2063 | 4216 | } |
2064 | 4217 | |
2065 | -.x-statusbar .x-status-busy { | |
2066 | - padding-left: 25px; | |
2067 | - background: transparent no-repeat 3px 3px; | |
4218 | +/* Ghosting */ | |
4219 | +.x-panel-ghost { | |
4220 | + z-index:12000; | |
4221 | + overflow:hidden; | |
4222 | + position:absolute; | |
4223 | + left:0;top:0; | |
4224 | + opacity:.65; | |
4225 | + -moz-opacity:.65; | |
4226 | + filter:alpha(opacity=65); | |
2068 | 4227 | } |
2069 | 4228 | |
2070 | -.x-statusbar .x-status-text-panel { | |
2071 | - border-top: 1px solid; | |
2072 | - border-right: 1px solid; | |
2073 | - border-bottom: 1px solid; | |
2074 | - border-left: 1px solid; | |
2075 | - padding: 2px 8px 2px 5px; | |
2076 | -}.x-toolbar{ | |
2077 | - border-style:solid; | |
2078 | - border-width:0 0 1px 0; | |
2079 | - display: block; | |
2080 | - padding:2px; | |
2081 | - background:repeat-x top left; | |
2082 | - position:relative; | |
2083 | - left:0; | |
2084 | - top:0; | |
2085 | - zoom:1; | |
4229 | +.x-panel-ghost ul { | |
4230 | + margin:0; | |
4231 | + padding:0; | |
2086 | 4232 | overflow:hidden; |
4233 | + font-size:0; | |
4234 | + line-height:0; | |
4235 | + border:1px solid; | |
4236 | + border-top:0 none; | |
4237 | + display:block; | |
2087 | 4238 | } |
2088 | 4239 | |
2089 | -.x-toolbar .x-item-disabled .x-btn-icon { | |
2090 | - opacity: .35; | |
2091 | - -moz-opacity: .35; | |
2092 | - filter: alpha(opacity=35); | |
4240 | +.x-panel-ghost * { | |
4241 | + cursor:move !important; | |
2093 | 4242 | } |
2094 | 4243 | |
2095 | -.x-toolbar td { | |
2096 | - vertical-align:middle; | |
4244 | +.x-panel-dd-spacer { | |
4245 | + border:2px dashed; | |
2097 | 4246 | } |
2098 | 4247 | |
2099 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
2100 | - white-space: nowrap; | |
4248 | +/* Buttons */ | |
4249 | +.x-panel-btns { | |
4250 | + padding:5px; | |
4251 | + overflow:hidden; | |
2101 | 4252 | } |
2102 | 4253 | |
2103 | -.x-toolbar .x-item-disabled { | |
2104 | - cursor:default; | |
2105 | - opacity:.6; | |
2106 | - -moz-opacity:.6; | |
2107 | - filter:alpha(opacity=60); | |
4254 | +.x-panel-btns-right .x-panel-fbar { | |
4255 | + float:right; | |
4256 | + clear:none; | |
2108 | 4257 | } |
2109 | 4258 | |
2110 | -.x-toolbar .x-item-disabled * { | |
2111 | - cursor:default; | |
4259 | +.x-panel-btns-left .x-panel-fbar { | |
4260 | + clear:none; | |
2112 | 4261 | } |
2113 | 4262 | |
2114 | -.x-toolbar .x-toolbar-cell { | |
2115 | - vertical-align:middle; | |
4263 | +.x-panel-btns-center{ | |
4264 | + text-align:center; /*ie*/ | |
2116 | 4265 | } |
2117 | 4266 | |
2118 | -.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
2119 | -.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
2120 | -{ | |
2121 | - background-position: 500px 500px; | |
4267 | +.x-panel-btns-center .x-toolbar-ct { | |
4268 | + margin:0 auto; /*everyone else*/ | |
4269 | + text-align:left; | |
4270 | + width:auto; | |
2122 | 4271 | } |
2123 | 4272 | |
2124 | -/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
2125 | -.x-toolbar .x-btn-over .x-btn-tl{ | |
2126 | - background-position: -6px 0; | |
4273 | +.ext-gecko2 .x-panel-btns-right .x-toolbar-ct { | |
4274 | + width:auto; | |
2127 | 4275 | } |
2128 | 4276 | |
2129 | -.x-toolbar .x-btn-over .x-btn-tr{ | |
2130 | - background-position: -9px 0; | |
4277 | +.x-panel-btns td.x-toolbar-cell{ | |
4278 | + padding:3px; | |
2131 | 4279 | } |
2132 | 4280 | |
2133 | -.x-toolbar .x-btn-over .x-btn-tc{ | |
2134 | - background-position: 0 -9px; | |
4281 | +.x-panel-btns .x-btn-focus .x-btn-left{ | |
4282 | + background-position:0 -147px; | |
2135 | 4283 | } |
2136 | 4284 | |
2137 | -.x-toolbar .x-btn-over .x-btn-ml{ | |
2138 | - background-position: -6px -24px; | |
4285 | +.x-panel-btns .x-btn-focus .x-btn-right{ | |
4286 | + background-position:0 -168px; | |
2139 | 4287 | } |
2140 | 4288 | |
2141 | -.x-toolbar .x-btn-over .x-btn-mr{ | |
2142 | - background-position: -9px -24px; | |
4289 | +.x-panel-btns .x-btn-focus .x-btn-center{ | |
4290 | + background-position:0 -189px; | |
2143 | 4291 | } |
2144 | 4292 | |
2145 | -.x-toolbar .x-btn-over .x-btn-mc{ | |
2146 | - background-position: 0 -2168px; | |
4293 | +.x-panel-btns .x-btn-over .x-btn-left{ | |
4294 | + background-position:0 -63px; | |
2147 | 4295 | } |
2148 | 4296 | |
2149 | -.x-toolbar .x-btn-over .x-btn-bl{ | |
2150 | - background-position: -6px -3px; | |
4297 | +.x-panel-btns .x-btn-over .x-btn-right{ | |
4298 | + background-position:0 -84px; | |
2151 | 4299 | } |
2152 | 4300 | |
2153 | -.x-toolbar .x-btn-over .x-btn-br{ | |
2154 | - background-position: -9px -3px; | |
4301 | +.x-panel-btns .x-btn-over .x-btn-center{ | |
4302 | + background-position:0 -105px; | |
2155 | 4303 | } |
2156 | 4304 | |
2157 | -.x-toolbar .x-btn-over .x-btn-bc{ | |
2158 | - background-position: 0 -18px; | |
4305 | +.x-panel-btns .x-btn-click .x-btn-center{ | |
4306 | + background-position:0 -126px; | |
2159 | 4307 | } |
2160 | 4308 | |
2161 | -.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
2162 | - background-position: -12px 0; | |
4309 | +.x-panel-btns .x-btn-click .x-btn-right{ | |
4310 | + background-position:0 -84px; | |
2163 | 4311 | } |
2164 | 4312 | |
2165 | -.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
2166 | - background-position: -15px 0; | |
4313 | +.x-panel-btns .x-btn-click .x-btn-left{ | |
4314 | + background-position:0 -63px; | |
2167 | 4315 | } |
2168 | 4316 | |
2169 | -.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
2170 | - background-position: 0 -12px; | |
4317 | +.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ | |
4318 | + white-space: nowrap; | |
2171 | 4319 | } |
4320 | +/** | |
4321 | + * W3C Suggested Default style sheet for HTML 4 | |
4322 | + * http://www.w3.org/TR/CSS21/sample.html | |
4323 | + * | |
4324 | + * Resets for Ext.Panel @cfg normal: true | |
4325 | + */ | |
4326 | +.x-panel-reset .x-panel-body html, | |
4327 | +.x-panel-reset .x-panel-body address, | |
4328 | +.x-panel-reset .x-panel-body blockquote, | |
4329 | +.x-panel-reset .x-panel-body body, | |
4330 | +.x-panel-reset .x-panel-body dd, | |
4331 | +.x-panel-reset .x-panel-body div, | |
4332 | +.x-panel-reset .x-panel-body dl, | |
4333 | +.x-panel-reset .x-panel-body dt, | |
4334 | +.x-panel-reset .x-panel-body fieldset, | |
4335 | +.x-panel-reset .x-panel-body form, | |
4336 | +.x-panel-reset .x-panel-body frame, frameset, | |
4337 | +.x-panel-reset .x-panel-body h1, | |
4338 | +.x-panel-reset .x-panel-body h2, | |
4339 | +.x-panel-reset .x-panel-body h3, | |
4340 | +.x-panel-reset .x-panel-body h4, | |
4341 | +.x-panel-reset .x-panel-body h5, | |
4342 | +.x-panel-reset .x-panel-body h6, | |
4343 | +.x-panel-reset .x-panel-body noframes, | |
4344 | +.x-panel-reset .x-panel-body ol, | |
4345 | +.x-panel-reset .x-panel-body p, | |
4346 | +.x-panel-reset .x-panel-body ul, | |
4347 | +.x-panel-reset .x-panel-body center, | |
4348 | +.x-panel-reset .x-panel-body dir, | |
4349 | +.x-panel-reset .x-panel-body hr, | |
4350 | +.x-panel-reset .x-panel-body menu, | |
4351 | +.x-panel-reset .x-panel-body pre { display: block } | |
4352 | +.x-panel-reset .x-panel-body li { display: list-item } | |
4353 | +.x-panel-reset .x-panel-body head { display: none } | |
4354 | +.x-panel-reset .x-panel-body table { display: table } | |
4355 | +.x-panel-reset .x-panel-body tr { display: table-row } | |
4356 | +.x-panel-reset .x-panel-body thead { display: table-header-group } | |
4357 | +.x-panel-reset .x-panel-body tbody { display: table-row-group } | |
4358 | +.x-panel-reset .x-panel-body tfoot { display: table-footer-group } | |
4359 | +.x-panel-reset .x-panel-body col { display: table-column } | |
4360 | +.x-panel-reset .x-panel-body colgroup { display: table-column-group } | |
4361 | +.x-panel-reset .x-panel-body td, | |
4362 | +.x-panel-reset .x-panel-body th { display: table-cell } | |
4363 | +.x-panel-reset .x-panel-body caption { display: table-caption } | |
4364 | +.x-panel-reset .x-panel-body th { font-weight: bolder; text-align: center } | |
4365 | +.x-panel-reset .x-panel-body caption { text-align: center } | |
4366 | +.x-panel-reset .x-panel-body body { margin: 8px } | |
4367 | +.x-panel-reset .x-panel-body h1 { font-size: 2em; margin: .67em 0 } | |
4368 | +.x-panel-reset .x-panel-body h2 { font-size: 1.5em; margin: .75em 0 } | |
4369 | +.x-panel-reset .x-panel-body h3 { font-size: 1.17em; margin: .83em 0 } | |
4370 | +.x-panel-reset .x-panel-body h4, | |
4371 | +.x-panel-reset .x-panel-body p, | |
4372 | +.x-panel-reset .x-panel-body blockquote, | |
4373 | +.x-panel-reset .x-panel-body ul, | |
4374 | +.x-panel-reset .x-panel-body fieldset, | |
4375 | +.x-panel-reset .x-panel-body form, | |
4376 | +.x-panel-reset .x-panel-body ol, | |
4377 | +.x-panel-reset .x-panel-body dl, | |
4378 | +.x-panel-reset .x-panel-body dir, | |
4379 | +.x-panel-reset .x-panel-body menu { margin: 1.12em 0 } | |
4380 | +.x-panel-reset .x-panel-body h5 { font-size: .83em; margin: 1.5em 0 } | |
4381 | +.x-panel-reset .x-panel-body h6 { font-size: .75em; margin: 1.67em 0 } | |
4382 | +.x-panel-reset .x-panel-body h1, | |
4383 | +.x-panel-reset .x-panel-body h2, | |
4384 | +.x-panel-reset .x-panel-body h3, | |
4385 | +.x-panel-reset .x-panel-body h4, | |
4386 | +.x-panel-reset .x-panel-body h5, | |
4387 | +.x-panel-reset .x-panel-body h6, | |
4388 | +.x-panel-reset .x-panel-body b, | |
4389 | +.x-panel-reset .x-panel-body strong { font-weight: bolder } | |
4390 | +.x-panel-reset .x-panel-body blockquote { margin-left: 40px; margin-right: 40px } | |
4391 | +.x-panel-reset .x-panel-body i, | |
4392 | +.x-panel-reset .x-panel-body cite, | |
4393 | +.x-panel-reset .x-panel-body em, | |
4394 | +.x-panel-reset .x-panel-body var, | |
4395 | +.x-panel-reset .x-panel-body address { font-style: italic } | |
4396 | +.x-panel-reset .x-panel-body pre, | |
4397 | +.x-panel-reset .x-panel-body tt, | |
4398 | +.x-panel-reset .x-panel-body code, | |
4399 | +.x-panel-reset .x-panel-body kbd, | |
4400 | +.x-panel-reset .x-panel-body samp { font-family: monospace } | |
4401 | +.x-panel-reset .x-panel-body pre { white-space: pre } | |
4402 | +.x-panel-reset .x-panel-body button, | |
4403 | +.x-panel-reset .x-panel-body textarea, | |
4404 | +.x-panel-reset .x-panel-body input, | |
4405 | +.x-panel-reset .x-panel-body select { display: inline-block } | |
4406 | +.x-panel-reset .x-panel-body big { font-size: 1.17em } | |
4407 | +.x-panel-reset .x-panel-body small, | |
4408 | +.x-panel-reset .x-panel-body sub, | |
4409 | +.x-panel-reset .x-panel-body sup { font-size: .83em } | |
4410 | +.x-panel-reset .x-panel-body sub { vertical-align: sub } | |
4411 | +.x-panel-reset .x-panel-body sup { vertical-align: super } | |
4412 | +.x-panel-reset .x-panel-body table { border-spacing: 2px; } | |
4413 | +.x-panel-reset .x-panel-body thead, | |
4414 | +.x-panel-reset .x-panel-body tbody, | |
4415 | +.x-panel-reset .x-panel-body tfoot { vertical-align: middle } | |
4416 | +.x-panel-reset .x-panel-body td, | |
4417 | +.x-panel-reset .x-panel-body th { vertical-align: inherit } | |
4418 | +.x-panel-reset .x-panel-body s, | |
4419 | +.x-panel-reset .x-panel-body strike, | |
4420 | +.x-panel-reset .x-panel-body del { text-decoration: line-through } | |
4421 | +.x-panel-reset .x-panel-body hr { border: 1px inset } | |
4422 | +.x-panel-reset .x-panel-body ol, | |
4423 | +.x-panel-reset .x-panel-body ul, | |
4424 | +.x-panel-reset .x-panel-body dir, | |
4425 | +.x-panel-reset .x-panel-body menu, | |
4426 | +.x-panel-reset .x-panel-body dd { margin-left: 40px } | |
4427 | +.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;} | |
4428 | +.x-panel-reset .x-panel-body ol { list-style-type: decimal } | |
4429 | +.x-panel-reset .x-panel-body ol ul, | |
4430 | +.x-panel-reset .x-panel-body ul ol, | |
4431 | +.x-panel-reset .x-panel-body ul ul, | |
4432 | +.x-panel-reset .x-panel-body ol ol { margin-top: 0; margin-bottom: 0 } | |
4433 | +.x-panel-reset .x-panel-body u, | |
4434 | +.x-panel-reset .x-panel-body ins { text-decoration: underline } | |
4435 | +.x-panel-reset .x-panel-body br:before { content: "\A" } | |
4436 | +.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line } | |
4437 | +.x-panel-reset .x-panel-body center { text-align: center } | |
4438 | +.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline } | |
4439 | +.x-panel-reset .x-panel-body :focus { outline: thin dotted invert } | |
2172 | 4440 | |
2173 | -.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
2174 | - background-position: -12px -24px; | |
4441 | +/* Begin bidirectionality settings (do not change) */ | |
4442 | +.x-panel-reset .x-panel-body BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } | |
4443 | +.x-panel-reset .x-panel-body BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } | |
4444 | +.x-window { | |
4445 | + zoom:1; | |
2175 | 4446 | } |
2176 | 4447 | |
2177 | -.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
2178 | - background-position: -15px -24px; | |
4448 | +.x-window .x-resizable-handle { | |
4449 | + opacity:0; | |
4450 | + -moz-opacity:0; | |
4451 | + filter:alpha(opacity=0); | |
2179 | 4452 | } |
2180 | 4453 | |
2181 | -.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
2182 | - background-position: 0 -3240px; | |
4454 | +.x-window-proxy { | |
4455 | + border:1px solid; | |
4456 | + z-index:12000; | |
4457 | + overflow:hidden; | |
4458 | + position:absolute; | |
4459 | + left:0;top:0; | |
4460 | + display:none; | |
4461 | + opacity:.5; | |
4462 | + -moz-opacity:.5; | |
4463 | + filter:alpha(opacity=50); | |
2183 | 4464 | } |
2184 | 4465 | |
2185 | -.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
2186 | - background-position: -12px -3px; | |
4466 | +.x-window-header { | |
4467 | + overflow:hidden; | |
4468 | + zoom:1; | |
2187 | 4469 | } |
2188 | 4470 | |
2189 | -.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
2190 | - background-position: -15px -3px; | |
4471 | +.x-window-bwrap { | |
4472 | + z-index:1; | |
4473 | + position:relative; | |
4474 | + zoom:1; | |
4475 | + left:0;top:0; | |
2191 | 4476 | } |
2192 | 4477 | |
2193 | -.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
2194 | - background-position: 0 -21px; | |
4478 | +.x-window-tl .x-window-header { | |
4479 | + padding:5px 0 4px 0; | |
2195 | 4480 | } |
2196 | 4481 | |
2197 | -.x-toolbar div.xtb-text{ | |
2198 | - padding:2px 2px 0; | |
2199 | - line-height:16px; | |
2200 | - display:block; | |
4482 | +.x-window-header-text { | |
4483 | + cursor:pointer; | |
2201 | 4484 | } |
2202 | 4485 | |
2203 | -.x-toolbar .xtb-sep { | |
2204 | - background-position: center; | |
2205 | - background-repeat: no-repeat; | |
2206 | - display: block; | |
2207 | - font-size: 1px; | |
2208 | - height: 16px; | |
2209 | - width:4px; | |
2210 | - overflow: hidden; | |
2211 | - cursor:default; | |
2212 | - margin: 0 2px 0; | |
2213 | - border:0; | |
4486 | +.x-window-tc { | |
4487 | + background: transparent repeat-x 0 0; | |
4488 | + overflow:hidden; | |
4489 | + zoom:1; | |
2214 | 4490 | } |
2215 | 4491 | |
2216 | -.x-toolbar .xtb-spacer { | |
2217 | - width:2px; | |
4492 | +.x-window-tl { | |
4493 | + background: transparent no-repeat 0 0; | |
4494 | + padding-left:6px; | |
4495 | + zoom:1; | |
4496 | + z-index:1; | |
4497 | + position:relative; | |
2218 | 4498 | } |
2219 | 4499 | |
2220 | -/* Paging Toolbar */ | |
2221 | -.x-tbar-page-number{ | |
2222 | - width:30px; | |
2223 | - height:14px; | |
2224 | -} | |
2225 | - | |
2226 | -.ext-ie .x-tbar-page-number{ | |
2227 | - margin-top: 2px; | |
2228 | -} | |
2229 | - | |
2230 | -.x-paging-info { | |
2231 | - position:absolute; | |
2232 | - top:5px; | |
2233 | - right: 8px; | |
2234 | -} | |
2235 | - | |
2236 | -/* floating */ | |
2237 | -.x-toolbar-ct { | |
2238 | - width:100%; | |
2239 | -} | |
2240 | - | |
2241 | -.x-toolbar-right td { | |
2242 | - text-align: center; | |
4500 | +.x-window-tr { | |
4501 | + background: transparent no-repeat right 0; | |
4502 | + padding-right:6px; | |
2243 | 4503 | } |
2244 | 4504 | |
2245 | -.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
2246 | - overflow:hidden; | |
4505 | +.x-window-bc { | |
4506 | + background: transparent repeat-x 0 bottom; | |
2247 | 4507 | zoom:1; |
2248 | 4508 | } |
2249 | 4509 | |
2250 | -.x-toolbar-more .x-btn-small .x-btn-text{ | |
2251 | - height: 16px; | |
2252 | - width: 12px; | |
2253 | -} | |
2254 | - | |
2255 | -.x-toolbar-more em.x-btn-arrow { | |
2256 | - display:inline; | |
2257 | - background:transparent; | |
2258 | - padding-right:0; | |
2259 | -} | |
2260 | - | |
2261 | -.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
2262 | - background-image: none; | |
2263 | -} | |
2264 | - | |
2265 | -div.x-toolbar-no-items { | |
2266 | - color:gray !important; | |
2267 | - padding:5px 10px !important; | |
2268 | -} | |
2269 | - | |
2270 | -/* fix ie toolbar form items */ | |
2271 | -.ext-border-box .x-toolbar-cell .x-form-text { | |
2272 | - margin-bottom:-1px !important; | |
2273 | -} | |
2274 | - | |
2275 | -.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
2276 | - margin:0 !important; | |
2277 | -} | |
2278 | - | |
2279 | -.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
2280 | - height:21px; | |
2281 | -} | |
2282 | - | |
2283 | -.ext-ie .x-toolbar-cell .x-form-text { | |
2284 | - position:relative; | |
2285 | - top:-1px; | |
2286 | -} | |
2287 | - | |
2288 | -.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
2289 | - top: 0px; | |
2290 | -} | |
2291 | - | |
2292 | -.x-toolbar-right td .x-form-field-trigger-wrap{ | |
2293 | - text-align: left; | |
2294 | -} | |
2295 | - | |
2296 | -.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
2297 | - vertical-align: top; | |
2298 | - margin-top: 5px; | |
2299 | -} | |
2300 | - | |
2301 | -.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
2302 | - margin-top: 4px; | |
2303 | -} | |
2304 | - | |
2305 | -.x-toolbar-cell .x-form-check-wrap label{ | |
2306 | - vertical-align: bottom; | |
2307 | -} | |
2308 | - | |
2309 | -/* StatusBar */ | |
2310 | -.x-statusbar .x-status-text { | |
2311 | - height: 21px; | |
2312 | - line-height: 21px; | |
2313 | - padding: 0 4px; | |
2314 | - cursor: default; | |
2315 | -} | |
2316 | - | |
2317 | -.x-statusbar .x-status-busy { | |
2318 | - padding-left: 25px; | |
2319 | - background: transparent no-repeat 3px 3px; | |
2320 | -} | |
2321 | - | |
2322 | -.x-statusbar .x-status-text-panel { | |
2323 | - border-top: 1px solid; | |
2324 | - border-right: 1px solid; | |
2325 | - border-bottom: 1px solid; | |
2326 | - border-left: 1px solid; | |
2327 | - padding: 2px 8px 2px 5px; | |
2328 | -}/* Grid3 styles */ | |
2329 | -.x-grid3 { | |
2330 | - position:relative; | |
2331 | - overflow:hidden; | |
2332 | -} | |
2333 | - | |
2334 | -.x-grid-panel .x-panel-body { | |
2335 | - overflow:hidden !important; | |
2336 | -} | |
2337 | - | |
2338 | -.x-grid-panel .x-panel-mc .x-panel-body { | |
2339 | - border:1px solid; | |
2340 | -} | |
2341 | - | |
2342 | -.x-grid3 table { | |
2343 | - table-layout:fixed; | |
2344 | -} | |
2345 | - | |
2346 | -.x-grid3-viewport{ | |
2347 | - overflow:hidden; | |
2348 | -} | |
2349 | - | |
2350 | -.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
2351 | - -moz-outline: none; | |
2352 | - -moz-user-focus: normal; | |
2353 | -} | |
2354 | - | |
2355 | -.x-grid3-row td, .x-grid3-summary-row td { | |
2356 | - line-height:13px; | |
2357 | - vertical-align: top; | |
2358 | - padding-left:1px; | |
2359 | - padding-right:1px; | |
2360 | - -moz-user-select: none; | |
2361 | - -khtml-user-select:none; | |
2362 | - -webkit-user-select:ignore; | |
2363 | -} | |
2364 | - | |
2365 | -.x-grid3-cell{ | |
2366 | - -moz-user-select: none; | |
2367 | - -khtml-user-select:none; | |
2368 | - -webkit-user-select:ignore; | |
2369 | -} | |
2370 | - | |
2371 | -.x-grid3-hd-row td { | |
2372 | - line-height:15px; | |
2373 | - vertical-align:middle; | |
2374 | - border-left:1px solid; | |
2375 | - border-right:1px solid; | |
2376 | -} | |
2377 | - | |
2378 | -.x-grid3-hd-row .x-grid3-marker-hd { | |
2379 | - padding:3px; | |
2380 | -} | |
2381 | - | |
2382 | -.x-grid3-row .x-grid3-marker { | |
2383 | - padding:3px; | |
2384 | -} | |
2385 | - | |
2386 | -.x-grid3-cell-inner, .x-grid3-hd-inner{ | |
2387 | - overflow:hidden; | |
2388 | - -o-text-overflow: ellipsis; | |
2389 | - text-overflow: ellipsis; | |
2390 | - padding:3px 3px 3px 5px; | |
2391 | - white-space: nowrap; | |
2392 | -} | |
2393 | - | |
2394 | -.x-grid3-hd-inner { | |
2395 | - position:relative; | |
2396 | - cursor:inherit; | |
2397 | - padding:4px 3px 4px 5px; | |
2398 | -} | |
2399 | - | |
2400 | -.x-grid3-row-body { | |
2401 | - white-space:normal; | |
2402 | -} | |
2403 | - | |
2404 | -.x-grid3-body-cell { | |
2405 | - -moz-outline:0 none; | |
2406 | - outline:0 none; | |
2407 | -} | |
2408 | - | |
2409 | -/* IE Quirks to clip */ | |
2410 | -.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ | |
2411 | - width:100%; | |
2412 | -} | |
2413 | - | |
2414 | -/* reverse above in strict mode */ | |
2415 | -.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ | |
2416 | - width:auto; | |
2417 | -} | |
2418 | - | |
2419 | -.x-grid-row-loading { | |
2420 | - background: no-repeat center center; | |
2421 | -} | |
2422 | - | |
2423 | -.x-grid-page { | |
2424 | - overflow:hidden; | |
2425 | -} | |
2426 | - | |
2427 | -.x-grid3-row { | |
2428 | - cursor: default; | |
2429 | - border: 1px solid; | |
2430 | - width:100%; | |
2431 | -} | |
2432 | - | |
2433 | -.x-grid3-row-over { | |
2434 | - border:1px solid; | |
2435 | - background: repeat-x left top; | |
2436 | -} | |
2437 | - | |
2438 | -.x-grid3-resize-proxy { | |
2439 | - width:1px; | |
2440 | - left:0; | |
2441 | - cursor: e-resize; | |
2442 | - cursor: col-resize; | |
2443 | - position:absolute; | |
2444 | - top:0; | |
2445 | - height:100px; | |
2446 | - overflow:hidden; | |
2447 | - visibility:hidden; | |
2448 | - border:0 none; | |
2449 | - z-index:7; | |
2450 | -} | |
2451 | - | |
2452 | -.x-grid3-resize-marker { | |
2453 | - width:1px; | |
2454 | - left:0; | |
2455 | - position:absolute; | |
2456 | - top:0; | |
2457 | - height:100px; | |
2458 | - overflow:hidden; | |
2459 | - visibility:hidden; | |
2460 | - border:0 none; | |
2461 | - z-index:7; | |
2462 | -} | |
2463 | - | |
2464 | -.x-grid3-focus { | |
2465 | - position:absolute; | |
2466 | - left:0; | |
2467 | - top:0; | |
2468 | - width:1px; | |
2469 | - height:1px; | |
2470 | - line-height:1px; | |
2471 | - font-size:1px; | |
2472 | - -moz-outline:0 none; | |
2473 | - outline:0 none; | |
2474 | - -moz-user-select: text; | |
2475 | - -khtml-user-select: text; | |
2476 | - -webkit-user-select:ignore; | |
2477 | -} | |
2478 | - | |
2479 | -/* header styles */ | |
2480 | -.x-grid3-header{ | |
2481 | - background: repeat-x 0 bottom; | |
2482 | - cursor:default; | |
4510 | +.x-window-bc .x-window-footer { | |
4511 | + padding-bottom:6px; | |
2483 | 4512 | zoom:1; |
2484 | - padding:1px 0 0 0; | |
2485 | -} | |
2486 | - | |
2487 | -.x-grid3-header-pop { | |
2488 | - border-left:1px solid; | |
2489 | - float:right; | |
2490 | - clear:none; | |
2491 | -} | |
2492 | - | |
2493 | -.x-grid3-header-pop-inner { | |
2494 | - border-left:1px solid; | |
2495 | - width:14px; | |
2496 | - height:19px; | |
2497 | - background: transparent no-repeat center center; | |
2498 | -} | |
2499 | - | |
2500 | -.ext-ie .x-grid3-header-pop-inner { | |
2501 | - width:15px; | |
2502 | -} | |
2503 | - | |
2504 | -.ext-strict .x-grid3-header-pop-inner { | |
2505 | - width:14px; | |
4513 | + font-size:0; | |
4514 | + line-height:0; | |
2506 | 4515 | } |
2507 | 4516 | |
2508 | -.x-grid3-header-inner { | |
2509 | - overflow:hidden; | |
4517 | +.x-window-bl { | |
4518 | + background: transparent no-repeat 0 bottom; | |
4519 | + padding-left:6px; | |
2510 | 4520 | zoom:1; |
2511 | - float:left; | |
2512 | -} | |
2513 | - | |
2514 | -.x-grid3-header-offset { | |
2515 | - padding-left:1px; | |
2516 | - text-align: left; | |
2517 | -} | |
2518 | - | |
2519 | -td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
2520 | - border-left:1px solid; | |
2521 | - border-right:1px solid; | |
2522 | -} | |
2523 | - | |
2524 | -td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
2525 | - background: repeat-x left bottom; | |
2526 | - | |
2527 | -} | |
2528 | - | |
2529 | -.x-grid3-sort-icon{ | |
2530 | - background-repeat: no-repeat; | |
2531 | - display: none; | |
2532 | - height: 4px; | |
2533 | - width: 13px; | |
2534 | - margin-left:3px; | |
2535 | - vertical-align: middle; | |
2536 | -} | |
2537 | - | |
2538 | -.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { | |
2539 | - display: inline; | |
2540 | 4521 | } |
2541 | 4522 | |
2542 | -/* Header position fixes for IE strict mode */ | |
2543 | -.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { | |
2544 | - position:relative; | |
2545 | -} | |
2546 | - | |
2547 | -.ext-strict .ext-ie6 .x-grid3-hd-inner{ | |
2548 | - position:static; | |
2549 | -} | |
2550 | - | |
2551 | -/* Body Styles */ | |
2552 | -.x-grid3-body { | |
2553 | - zoom:1; | |
2554 | -} | |
2555 | - | |
2556 | -.x-grid3-scroller { | |
2557 | - overflow:auto; | |
4523 | +.x-window-br { | |
4524 | + background: transparent no-repeat right bottom; | |
4525 | + padding-right:6px; | |
2558 | 4526 | zoom:1; |
2559 | - position:relative; | |
2560 | -} | |
2561 | - | |
2562 | -.x-grid3-cell-text, .x-grid3-hd-text { | |
2563 | - display: block; | |
2564 | - padding: 3px 5px 3px 5px; | |
2565 | - -moz-user-select: none; | |
2566 | - -khtml-user-select: none; | |
2567 | - -webkit-user-select:ignore; | |
2568 | -} | |
2569 | - | |
2570 | -.x-grid3-split { | |
2571 | - background-position: center; | |
2572 | - background-repeat: no-repeat; | |
2573 | - cursor: e-resize; | |
2574 | - cursor: col-resize; | |
2575 | - display: block; | |
2576 | - font-size: 1px; | |
2577 | - height: 16px; | |
2578 | - overflow: hidden; | |
2579 | - position: absolute; | |
2580 | - top: 2px; | |
2581 | - width: 6px; | |
2582 | - z-index: 3; | |
2583 | -} | |
2584 | - | |
2585 | -/* Column Reorder DD */ | |
2586 | -.x-dd-drag-proxy .x-grid3-hd-inner{ | |
2587 | - background: repeat-x left bottom; | |
2588 | - width:120px; | |
2589 | - padding:3px; | |
2590 | - border:1px solid; | |
2591 | - overflow:hidden; | |
2592 | -} | |
2593 | - | |
2594 | -.col-move-top, .col-move-bottom{ | |
2595 | - width:9px; | |
2596 | - height:9px; | |
2597 | - position:absolute; | |
2598 | - top:0; | |
2599 | - line-height:1px; | |
2600 | - font-size:1px; | |
2601 | - overflow:hidden; | |
2602 | - visibility:hidden; | |
2603 | - z-index:20000; | |
2604 | - background:transparent no-repeat left top; | |
2605 | -} | |
2606 | - | |
2607 | -/* Selection Styles */ | |
2608 | -.x-grid3-row-selected { | |
2609 | - border:1px dotted; | |
2610 | 4527 | } |
2611 | 4528 | |
2612 | -.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
2613 | - background: repeat-x 0 bottom !important; | |
2614 | - vertical-align:middle !important; | |
4529 | +.x-window-mc { | |
4530 | + border:1px solid; | |
2615 | 4531 | padding:0; |
2616 | - border-top:1px solid; | |
2617 | - border-bottom:none !important; | |
2618 | - border-right:1px solid !important; | |
2619 | - text-align:center; | |
4532 | + margin:0; | |
2620 | 4533 | } |
2621 | 4534 | |
2622 | -.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
2623 | - padding:0 4px; | |
2624 | - text-align:center; | |
4535 | +.x-window-ml { | |
4536 | + background: transparent repeat-y 0 0; | |
4537 | + padding-left:6px; | |
4538 | + zoom:1; | |
2625 | 4539 | } |
2626 | 4540 | |
2627 | -/* dirty cells */ | |
2628 | -.x-grid3-dirty-cell { | |
2629 | - background: transparent no-repeat 0 0; | |
4541 | +.x-window-mr { | |
4542 | + background: transparent repeat-y right 0; | |
4543 | + padding-right:6px; | |
4544 | + zoom:1; | |
2630 | 4545 | } |
2631 | 4546 | |
2632 | -/* Grid Toolbars */ | |
2633 | -.x-grid3-topbar, .x-grid3-bottombar{ | |
4547 | +.x-window-body { | |
2634 | 4548 | overflow:hidden; |
2635 | - display:none; | |
2636 | - zoom:1; | |
2637 | - position:relative; | |
2638 | -} | |
2639 | - | |
2640 | -.x-grid3-topbar .x-toolbar{ | |
2641 | - border-right:0 none; | |
2642 | -} | |
2643 | - | |
2644 | -.x-grid3-bottombar .x-toolbar{ | |
2645 | - border-right:0 none; | |
2646 | - border-bottom:0 none; | |
2647 | - border-top:1px solid; | |
2648 | 4549 | } |
2649 | 4550 | |
2650 | -/* Props Grid Styles */ | |
2651 | -.x-props-grid .x-grid3-cell{ | |
2652 | - padding:1px; | |
2653 | -} | |
2654 | - | |
2655 | -.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
2656 | - background:transparent repeat-y -16px !important; | |
2657 | - padding-left:12px; | |
4551 | +.x-window-bwrap { | |
4552 | + overflow:hidden; | |
2658 | 4553 | } |
2659 | 4554 | |
2660 | -.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
2661 | - padding:1px; | |
2662 | - padding-right:0; | |
2663 | - border:0 none; | |
2664 | - border-right:1px solid; | |
4555 | +.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br, | |
4556 | + .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr, | |
4557 | + .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr { | |
4558 | + padding:0; | |
2665 | 4559 | } |
2666 | 4560 | |
2667 | -/* dd */ | |
2668 | -.x-grid3-col-dd { | |
2669 | - border:0 none; | |
2670 | - padding:0; | |
2671 | - background:transparent; | |
4561 | +.x-window-maximized .x-window-footer { | |
4562 | + padding-bottom:0; | |
2672 | 4563 | } |
2673 | 4564 | |
2674 | -.x-dd-drag-ghost .x-grid3-dd-wrap { | |
2675 | - padding:1px 3px 3px 1px; | |
4565 | +.x-window-maximized .x-window-tc { | |
4566 | + padding-left:3px; | |
4567 | + padding-right:3px; | |
2676 | 4568 | } |
2677 | 4569 | |
2678 | -.x-grid3-hd { | |
2679 | - -moz-user-select:none; | |
2680 | - -khtml-user-select:none; | |
2681 | - -webkit-user-select:ignore; | |
4570 | +.x-window-maximized .x-window-mc { | |
4571 | + border-left:0 none; | |
4572 | + border-right:0 none; | |
2682 | 4573 | } |
2683 | 4574 | |
2684 | -.x-grid3-hd-btn { | |
2685 | - display:none; | |
2686 | - position:absolute; | |
2687 | - width:14px; | |
2688 | - background:no-repeat left center; | |
2689 | - right:0; | |
2690 | - top:0; | |
2691 | - z-index:2; | |
2692 | - cursor:pointer; | |
2693 | -} | |
2694 | - | |
2695 | -.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { | |
2696 | - display:block; | |
2697 | -} | |
2698 | - | |
2699 | -a.x-grid3-hd-btn:hover { | |
2700 | - background-position:-14px center; | |
2701 | -} | |
2702 | - | |
2703 | -/* Expanders */ | |
2704 | -.x-grid3-body .x-grid3-td-expander { | |
2705 | - background:transparent repeat-y right; | |
2706 | -} | |
2707 | - | |
2708 | -.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { | |
2709 | - padding:0 !important; | |
2710 | - height:100%; | |
2711 | -} | |
2712 | - | |
2713 | -.x-grid3-row-expander { | |
2714 | - width:100%; | |
2715 | - height:18px; | |
2716 | - background-position:4px 2px; | |
2717 | - background-repeat:no-repeat; | |
2718 | - background-color:transparent; | |
2719 | -} | |
2720 | - | |
2721 | -.x-grid3-row-collapsed .x-grid3-row-expander { | |
2722 | - background-position:4px 2px; | |
2723 | -} | |
2724 | - | |
2725 | -.x-grid3-row-expanded .x-grid3-row-expander { | |
2726 | - background-position:-21px 2px; | |
2727 | -} | |
2728 | - | |
2729 | -.x-grid3-row-collapsed .x-grid3-row-body { | |
2730 | - display:none !important; | |
2731 | -} | |
2732 | - | |
2733 | -.x-grid3-row-expanded .x-grid3-row-body { | |
2734 | - display:block !important; | |
2735 | -} | |
2736 | - | |
2737 | -/* Checkers */ | |
2738 | -.x-grid3-body .x-grid3-td-checker { | |
2739 | - background:transparent repeat-y right; | |
2740 | -} | |
2741 | - | |
2742 | -.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { | |
2743 | - padding:0 !important; | |
2744 | - height:100%; | |
2745 | -} | |
2746 | - | |
2747 | -.x-grid3-row-checker, .x-grid3-hd-checker { | |
2748 | - width:100%; | |
2749 | - height:18px; | |
2750 | - background-position:2px 2px; | |
2751 | - background-repeat:no-repeat; | |
2752 | - background-color:transparent; | |
2753 | -} | |
2754 | - | |
2755 | -.x-grid3-row .x-grid3-row-checker { | |
2756 | - background-position:2px 2px; | |
2757 | -} | |
2758 | - | |
2759 | -.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { | |
2760 | - background-position:-23px 2px; | |
2761 | -} | |
2762 | - | |
2763 | -.x-grid3-hd-checker { | |
2764 | - background-position:2px 3px; | |
2765 | -} | |
2766 | - | |
2767 | -.x-grid3-hd-checker-on .x-grid3-hd-checker { | |
2768 | - background-position:-23px 3px; | |
2769 | -} | |
2770 | - | |
2771 | -/* Numberer */ | |
2772 | -.x-grid3-body .x-grid3-td-numberer { | |
2773 | - background:transparent repeat-y right; | |
2774 | -} | |
2775 | - | |
2776 | -.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
2777 | - padding:3px 5px 0 0 !important; | |
2778 | - text-align:right; | |
2779 | -} | |
2780 | - | |
2781 | -/* Row Icon */ | |
2782 | - | |
2783 | -.x-grid3-body .x-grid3-td-row-icon { | |
2784 | - background:transparent repeat-y right; | |
2785 | - vertical-align:top; | |
2786 | - text-align:center; | |
2787 | -} | |
2788 | - | |
2789 | -.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { | |
2790 | - padding:0 !important; | |
2791 | - background-position:center center; | |
2792 | - background-repeat:no-repeat; | |
2793 | - width:16px; | |
2794 | - height:16px; | |
2795 | - margin-left:2px; | |
2796 | - margin-top:3px; | |
2797 | -} | |
2798 | - | |
2799 | -/* All specials */ | |
2800 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
2801 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
2802 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
2803 | - background:transparent repeat-y right; | |
2804 | -} | |
2805 | - | |
2806 | -.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { | |
2807 | - padding: 1px 0 0 0 !important; | |
2808 | -} | |
2809 | - | |
2810 | -.x-grid3-check-col { | |
2811 | - width:100%; | |
2812 | - height:16px; | |
2813 | - background-position:center center; | |
2814 | - background-repeat:no-repeat; | |
2815 | - background-color:transparent; | |
2816 | -} | |
2817 | - | |
2818 | -.x-grid3-check-col-on { | |
2819 | - width:100%; | |
2820 | - height:16px; | |
2821 | - background-position:center center; | |
2822 | - background-repeat:no-repeat; | |
2823 | - background-color:transparent; | |
2824 | -} | |
2825 | - | |
2826 | -/* Grouping classes */ | |
2827 | -.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
2828 | - zoom:1; | |
2829 | -} | |
2830 | - | |
2831 | -.x-grid-group-hd { | |
2832 | - border-bottom: 2px solid; | |
2833 | - cursor:pointer; | |
2834 | - padding-top:6px; | |
2835 | -} | |
2836 | - | |
2837 | -.x-grid-group-hd div.x-grid-group-title { | |
2838 | - background:transparent no-repeat 3px 3px; | |
2839 | - padding:4px 4px 4px 17px; | |
2840 | -} | |
2841 | - | |
2842 | -.x-grid-group-collapsed .x-grid-group-body { | |
2843 | - display:none; | |
2844 | -} | |
2845 | - | |
2846 | -.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { | |
2847 | - position:relative; | |
2848 | - top:-1px; | |
2849 | -} | |
2850 | - | |
2851 | -.ext-ie .x-props-grid .x-editor .x-form-text { | |
2852 | - position:static; | |
2853 | - top:0; | |
2854 | -} | |
2855 | - | |
2856 | -.x-grid-empty { | |
2857 | - padding:10px; | |
2858 | -} | |
2859 | - | |
2860 | -/* fix floating toolbar issue */ | |
2861 | -.ext-ie7 .x-grid-panel .x-panel-bbar { | |
2862 | - position:relative; | |
2863 | -} | |
2864 | - | |
2865 | -.ext-ie6 .x-grid3-header { | |
2866 | - position: relative; | |
2867 | -} | |
2868 | - | |
2869 | -/* column lines */ | |
2870 | -.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
2871 | - padding-right:0; | |
2872 | - border-right:1px solid; | |
2873 | -} | |
2874 | -.x-dd-drag-proxy{ | |
2875 | - position:absolute; | |
2876 | - left:0; | |
2877 | - top:0; | |
2878 | - visibility:hidden; | |
2879 | - z-index:15000; | |
2880 | -} | |
2881 | - | |
2882 | -.x-dd-drag-ghost{ | |
2883 | - -moz-opacity: 0.85; | |
2884 | - opacity:.85; | |
2885 | - filter: alpha(opacity=85); | |
2886 | - border: 1px solid; | |
2887 | - padding:3px; | |
2888 | - padding-left:20px; | |
2889 | - white-space:nowrap; | |
2890 | -} | |
2891 | - | |
2892 | -.x-dd-drag-repair .x-dd-drag-ghost{ | |
2893 | - -moz-opacity: 0.4; | |
2894 | - opacity:.4; | |
2895 | - filter: alpha(opacity=40); | |
2896 | - border:0 none; | |
2897 | - padding:0; | |
2898 | - background-color:transparent; | |
2899 | -} | |
2900 | - | |
2901 | -.x-dd-drag-repair .x-dd-drop-icon{ | |
2902 | - visibility:hidden; | |
2903 | -} | |
2904 | - | |
2905 | -.x-dd-drop-icon{ | |
2906 | - position:absolute; | |
2907 | - top:3px; | |
2908 | - left:3px; | |
2909 | - display:block; | |
2910 | - width:16px; | |
2911 | - height:16px; | |
2912 | - background-color:transparent; | |
2913 | - background-position: center; | |
2914 | - background-repeat: no-repeat; | |
2915 | - z-index:1; | |
2916 | -} | |
2917 | - | |
2918 | -.x-view-selector { | |
2919 | - position:absolute; | |
2920 | - left:0; | |
2921 | - top:0; | |
2922 | - width:0; | |
2923 | - border:1px dotted; | |
2924 | - opacity: .5; | |
2925 | - -moz-opacity: .5; | |
2926 | - filter:alpha(opacity=50); | |
2927 | - zoom:1; | |
2928 | -}.ext-strict .ext-ie .x-tree .x-panel-bwrap{ | |
2929 | - position:relative; | |
2930 | - overflow:hidden; | |
2931 | -} | |
2932 | - | |
2933 | -.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
2934 | - border: 0 none; | |
2935 | - height: 18px; | |
2936 | - margin: 0; | |
2937 | - padding: 0; | |
2938 | - vertical-align: top; | |
2939 | - width: 16px; | |
2940 | - background-repeat: no-repeat; | |
2941 | -} | |
2942 | - | |
2943 | -.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ | |
2944 | - border: 0 none; | |
2945 | - height: 18px; | |
2946 | - margin: 0; | |
2947 | - padding: 0; | |
2948 | - vertical-align: top; | |
2949 | - width: 16px; | |
2950 | - background-position:center; | |
2951 | - background-repeat: no-repeat; | |
2952 | -} | |
2953 | - | |
2954 | -.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { | |
2955 | - vertical-align:middle !important; | |
2956 | -} | |
2957 | - | |
2958 | -/* checkboxes */ | |
2959 | -.ext-ie input.x-tree-node-cb { | |
2960 | - width:15px; | |
2961 | - height:15px; | |
2962 | -} | |
2963 | - | |
2964 | -input.x-tree-node-cb { | |
2965 | - margin-left:1px; | |
2966 | -} | |
2967 | - | |
2968 | -.ext-ie input.x-tree-node-cb { | |
2969 | - margin-left:0; | |
2970 | -} | |
2971 | - | |
2972 | -.x-tree-noicon .x-tree-node-icon{ | |
2973 | - width:0; height:0; | |
2974 | -} | |
2975 | - | |
2976 | -/* loading icon */ | |
2977 | -.ext-ie .x-tree-node-el input { | |
2978 | - width:15px; | |
2979 | - height:15px; | |
2980 | -} | |
2981 | - | |
2982 | -/* No line styles */ | |
2983 | -.x-tree-no-lines .x-tree-elbow{ | |
2984 | - background:transparent; | |
2985 | -} | |
2986 | - | |
2987 | -.x-tree-no-lines .x-tree-elbow-end{ | |
2988 | - background:transparent; | |
2989 | -} | |
2990 | - | |
2991 | -.x-tree-no-lines .x-tree-elbow-line{ | |
2992 | - background:transparent; | |
2993 | -} | |
2994 | - | |
2995 | -/* Arrows */ | |
2996 | -.x-tree-arrows .x-tree-elbow{ | |
2997 | - background:transparent; | |
2998 | -} | |
2999 | - | |
3000 | -.x-tree-arrows .x-tree-elbow-plus{ | |
3001 | - background:transparent no-repeat 0 0; | |
3002 | -} | |
3003 | - | |
3004 | -.x-tree-arrows .x-tree-elbow-minus{ | |
3005 | - background:transparent no-repeat -16px 0; | |
3006 | -} | |
3007 | - | |
3008 | -.x-tree-arrows .x-tree-elbow-end{ | |
3009 | - background:transparent; | |
3010 | -} | |
3011 | - | |
3012 | -.x-tree-arrows .x-tree-elbow-end-plus{ | |
3013 | - background:transparent no-repeat 0 0; | |
3014 | -} | |
3015 | - | |
3016 | -.x-tree-arrows .x-tree-elbow-end-minus{ | |
3017 | - background:transparent no-repeat -16px 0; | |
3018 | -} | |
3019 | - | |
3020 | -.x-tree-arrows .x-tree-elbow-line{ | |
3021 | - background:transparent; | |
3022 | -} | |
3023 | - | |
3024 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ | |
3025 | - background-position:-32px 0; | |
3026 | -} | |
3027 | - | |
3028 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ | |
3029 | - background-position:-48px 0; | |
3030 | -} | |
3031 | - | |
3032 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ | |
3033 | - background-position:-32px 0; | |
3034 | -} | |
3035 | - | |
3036 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ | |
3037 | - background-position:-48px 0; | |
3038 | -} | |
3039 | - | |
3040 | -.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
3041 | - cursor:pointer; | |
3042 | -} | |
3043 | - | |
3044 | -.ext-ie ul.x-tree-node-ct{ | |
3045 | - font-size:0; | |
3046 | - line-height:0; | |
3047 | - zoom:1; | |
3048 | -} | |
3049 | - | |
3050 | -.x-tree-node{ | |
3051 | - white-space: nowrap; | |
3052 | -} | |
3053 | - | |
3054 | -.x-tree-node-el { | |
3055 | - line-height:18px; | |
3056 | - cursor:pointer; | |
3057 | -} | |
3058 | - | |
3059 | -.x-tree-node a, .x-dd-drag-ghost a{ | |
3060 | - text-decoration:none; | |
3061 | - -khtml-user-select:none; | |
3062 | - -moz-user-select:none; | |
3063 | - -webkit-user-select:ignore; | |
3064 | - -kthml-user-focus:normal; | |
3065 | - -moz-user-focus:normal; | |
3066 | - -moz-outline: 0 none; | |
3067 | - outline:0 none; | |
3068 | -} | |
3069 | - | |
3070 | -.x-tree-node a span, .x-dd-drag-ghost a span{ | |
3071 | - text-decoration:none; | |
3072 | - padding:1px 3px 1px 2px; | |
3073 | -} | |
3074 | - | |
3075 | -.x-tree-node .x-tree-node-disabled .x-tree-node-icon{ | |
3076 | - -moz-opacity: 0.5; | |
3077 | - opacity:.5; | |
3078 | - filter: alpha(opacity=50); | |
3079 | -} | |
3080 | - | |
3081 | -.x-tree-node .x-tree-node-inline-icon{ | |
3082 | - background:transparent; | |
3083 | -} | |
3084 | - | |
3085 | -.x-tree-node a:hover, .x-dd-drag-ghost a:hover{ | |
3086 | - text-decoration:none; | |
3087 | -} | |
3088 | - | |
3089 | -.x-tree-node div.x-tree-drag-insert-below{ | |
3090 | - border-bottom:1px dotted; | |
3091 | -} | |
3092 | - | |
3093 | -.x-tree-node div.x-tree-drag-insert-above{ | |
3094 | - border-top:1px dotted; | |
3095 | -} | |
3096 | - | |
3097 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ | |
3098 | - border-bottom:0 none; | |
3099 | -} | |
3100 | - | |
3101 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ | |
3102 | - border-top:0 none; | |
3103 | -} | |
3104 | - | |
3105 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
3106 | - border-bottom:2px solid; | |
3107 | -} | |
3108 | - | |
3109 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
3110 | - border-top:2px solid; | |
3111 | -} | |
3112 | - | |
3113 | -.x-tree-node .x-tree-drag-append a span{ | |
3114 | - border:1px dotted; | |
3115 | -} | |
3116 | - | |
3117 | -.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ | |
3118 | - display:none !important; | |
3119 | -} | |
3120 | - | |
3121 | -/* Fix for ie rootVisible:false issue */ | |
3122 | -.x-tree-root-ct { | |
3123 | - zoom:1; | |
3124 | -} | |
3125 | -.x-date-picker { | |
3126 | - border: 1px solid; | |
3127 | - border-top:0 none; | |
3128 | - position:relative; | |
3129 | -} | |
3130 | - | |
3131 | -.x-date-picker a { | |
3132 | - -moz-outline:0 none; | |
3133 | - outline:0 none; | |
3134 | -} | |
3135 | - | |
3136 | -.x-date-inner, .x-date-inner td, .x-date-inner th{ | |
3137 | - border-collapse:separate; | |
3138 | -} | |
3139 | - | |
3140 | -.x-date-middle,.x-date-left,.x-date-right { | |
3141 | - background: repeat-x 0 -83px; | |
3142 | - overflow:hidden; | |
3143 | -} | |
3144 | - | |
3145 | -.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr, | |
3146 | -.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr, | |
3147 | -.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{ | |
3148 | - background:transparent !important; | |
3149 | - vertical-align:middle; | |
3150 | -} | |
3151 | - | |
3152 | -.x-date-middle .x-btn-mc em.x-btn-arrow { | |
3153 | - background:transparent no-repeat right 0; | |
3154 | -} | |
3155 | - | |
3156 | -.x-date-right, .x-date-left { | |
3157 | - width:18px; | |
3158 | -} | |
3159 | - | |
3160 | -.x-date-right{ | |
3161 | - text-align:right; | |
3162 | -} | |
3163 | - | |
3164 | -.x-date-middle { | |
3165 | - padding-top:2px; | |
3166 | - padding-bottom:2px; | |
3167 | - width:130px; /* FF3 */ | |
3168 | -} | |
3169 | - | |
3170 | -.x-date-right a, .x-date-left a{ | |
3171 | - display:block; | |
3172 | - width:16px; | |
3173 | - height:16px; | |
3174 | - background-position: center; | |
3175 | - background-repeat: no-repeat; | |
3176 | - cursor:pointer; | |
3177 | - -moz-opacity: 0.6; | |
3178 | - opacity:.6; | |
3179 | - filter: alpha(opacity=60); | |
3180 | -} | |
3181 | - | |
3182 | -.x-date-right a:hover, .x-date-left a:hover{ | |
3183 | - -moz-opacity: 1; | |
3184 | - opacity:1; | |
3185 | - filter: alpha(opacity=100); | |
3186 | -} | |
3187 | - | |
3188 | -.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{ | |
3189 | - -moz-opacity: 0.6; | |
3190 | - opacity:.6; | |
3191 | - filter: alpha(opacity=60); | |
3192 | -} | |
3193 | - | |
3194 | -.x-date-right a { | |
3195 | - margin-right:2px; | |
3196 | - text-decoration:none !important; | |
3197 | -} | |
3198 | - | |
3199 | -.x-date-left a{ | |
3200 | - margin-left:2px; | |
3201 | - text-decoration:none !important; | |
3202 | -} | |
3203 | - | |
3204 | -table.x-date-inner { | |
3205 | - width:100%; | |
3206 | - table-layout:fixed; | |
3207 | -} | |
3208 | - | |
3209 | -.x-date-inner th { | |
3210 | - width:25px; | |
3211 | -} | |
3212 | - | |
3213 | -.x-date-inner th { | |
3214 | - background: repeat-x left top; | |
3215 | - text-align:right !important; | |
3216 | - border-bottom: 1px solid; | |
3217 | - cursor:default; | |
3218 | - padding:0; | |
3219 | - border-collapse:separate; | |
3220 | -} | |
3221 | - | |
3222 | -.x-date-inner th span { | |
3223 | - display:block; | |
3224 | - padding:2px; | |
3225 | - padding-right:7px; | |
3226 | -} | |
3227 | - | |
3228 | -.x-date-inner td { | |
3229 | - border: 1px solid; | |
3230 | - text-align:right; | |
3231 | - padding:0; | |
3232 | -} | |
3233 | - | |
3234 | -.x-date-inner a { | |
3235 | - padding:2px 5px; | |
3236 | - display:block; | |
3237 | - text-decoration:none; | |
3238 | - text-align:right; | |
3239 | - zoom:1; | |
3240 | -} | |
3241 | - | |
3242 | -.x-date-inner .x-date-active{ | |
3243 | - cursor:pointer; | |
3244 | - color:black; | |
3245 | -} | |
3246 | - | |
3247 | -.x-date-inner .x-date-selected a{ | |
3248 | - background: repeat-x left top; | |
3249 | - border:1px solid; | |
3250 | - padding:1px 4px; | |
3251 | -} | |
3252 | - | |
3253 | -.x-date-inner .x-date-today a{ | |
3254 | - border: 1px solid; | |
3255 | - padding:1px 4px; | |
3256 | -} | |
3257 | - | |
3258 | -.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { | |
3259 | - text-decoration:none !important; | |
3260 | -} | |
3261 | - | |
3262 | -.x-date-bottom { | |
3263 | - padding:4px; | |
3264 | - border-top: 1px solid; | |
3265 | - background: repeat-x left top; | |
3266 | -} | |
3267 | - | |
3268 | -.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ | |
3269 | - text-decoration:none !important; | |
3270 | -} | |
3271 | - | |
3272 | -.x-item-disabled .x-date-inner a:hover{ | |
3273 | - background: none; | |
3274 | -} | |
3275 | - | |
3276 | -.x-date-inner .x-date-disabled a { | |
3277 | - cursor:default; | |
3278 | -} | |
3279 | - | |
3280 | -.x-date-menu .x-menu-item { | |
3281 | - padding:1px 24px 1px 4px; | |
3282 | - white-space: nowrap; | |
3283 | -} | |
3284 | - | |
3285 | -.x-date-menu .x-menu-item .x-menu-item-icon { | |
3286 | - width:10px; | |
3287 | - height:10px; | |
3288 | - margin-right:5px; | |
3289 | - background-position:center -4px !important; | |
3290 | -} | |
3291 | - | |
3292 | -.x-date-mp { | |
3293 | - position:absolute; | |
3294 | - left:0; | |
3295 | - top:0; | |
3296 | - display:none; | |
3297 | -} | |
3298 | - | |
3299 | -.x-date-mp td { | |
3300 | - padding:2px; | |
3301 | - font:normal 11px arial, helvetica,tahoma,sans-serif; | |
3302 | -} | |
3303 | - | |
3304 | -td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn { | |
3305 | - border: 0 none; | |
3306 | - text-align:center; | |
3307 | - vertical-align: middle; | |
3308 | - width:25%; | |
3309 | -} | |
3310 | - | |
3311 | -.x-date-mp-ok { | |
3312 | - margin-right:3px; | |
3313 | -} | |
3314 | - | |
3315 | -.x-date-mp-btns button { | |
3316 | - text-decoration:none; | |
3317 | - text-align:center; | |
3318 | - text-decoration:none !important; | |
3319 | - border:1px solid; | |
3320 | - padding:1px 3px 1px; | |
3321 | - cursor:pointer; | |
3322 | -} | |
3323 | - | |
3324 | -.x-date-mp-btns { | |
3325 | - background: repeat-x left top; | |
3326 | -} | |
3327 | - | |
3328 | -.x-date-mp-btns td { | |
3329 | - border-top: 1px solid; | |
3330 | - text-align:center; | |
3331 | -} | |
3332 | - | |
3333 | -td.x-date-mp-month a,td.x-date-mp-year a { | |
3334 | - display:block; | |
3335 | - padding:2px 4px; | |
3336 | - text-decoration:none; | |
3337 | - text-align:center; | |
3338 | -} | |
3339 | - | |
3340 | -td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { | |
3341 | - text-decoration:none; | |
3342 | - cursor:pointer; | |
3343 | -} | |
3344 | - | |
3345 | -td.x-date-mp-sel a { | |
3346 | - padding:1px 3px; | |
3347 | - background: repeat-x left top; | |
3348 | - border:1px solid; | |
3349 | -} | |
3350 | - | |
3351 | -.x-date-mp-ybtn a { | |
3352 | - overflow:hidden; | |
3353 | - width:15px; | |
3354 | - height:15px; | |
3355 | - cursor:pointer; | |
3356 | - background:transparent no-repeat; | |
3357 | - display:block; | |
3358 | - margin:0 auto; | |
3359 | -} | |
3360 | - | |
3361 | -.x-date-mp-ybtn a.x-date-mp-next { | |
3362 | - background-position:0 -120px; | |
3363 | -} | |
3364 | - | |
3365 | -.x-date-mp-ybtn a.x-date-mp-next:hover { | |
3366 | - background-position:-15px -120px; | |
3367 | -} | |
3368 | - | |
3369 | -.x-date-mp-ybtn a.x-date-mp-prev { | |
3370 | - background-position:0 -105px; | |
3371 | -} | |
3372 | - | |
3373 | -.x-date-mp-ybtn a.x-date-mp-prev:hover { | |
3374 | - background-position:-15px -105px; | |
3375 | -} | |
3376 | - | |
3377 | -.x-date-mp-ybtn { | |
3378 | - text-align:center; | |
3379 | -} | |
3380 | - | |
3381 | -td.x-date-mp-sep { | |
3382 | - border-right:1px solid; | |
3383 | -}.x-tip{ | |
3384 | - position: absolute; | |
3385 | - top: 0; | |
3386 | - left:0; | |
3387 | - visibility: hidden; | |
3388 | - z-index: 20000; | |
3389 | - border:0 none; | |
3390 | -} | |
3391 | - | |
3392 | -.x-tip .x-tip-close{ | |
3393 | - height: 15px; | |
3394 | - float:right; | |
3395 | - width: 15px; | |
3396 | - margin:0 0 2px 2px; | |
3397 | - cursor:pointer; | |
3398 | - display:none; | |
3399 | -} | |
3400 | - | |
3401 | -.x-tip .x-tip-tc { | |
3402 | - background: transparent no-repeat 0 -62px; | |
3403 | - padding-top:3px; | |
3404 | - overflow:hidden; | |
3405 | - zoom:1; | |
3406 | -} | |
3407 | - | |
3408 | -.x-tip .x-tip-tl { | |
3409 | - background: transparent no-repeat 0 0; | |
3410 | - padding-left:6px; | |
3411 | - overflow:hidden; | |
3412 | - zoom:1; | |
3413 | -} | |
3414 | - | |
3415 | -.x-tip .x-tip-tr { | |
3416 | - background: transparent no-repeat right 0; | |
3417 | - padding-right:6px; | |
3418 | - overflow:hidden; | |
3419 | - zoom:1; | |
3420 | -} | |
3421 | - | |
3422 | -.x-tip .x-tip-bc { | |
3423 | - background: transparent no-repeat 0 -121px; | |
3424 | - height:3px; | |
3425 | - overflow:hidden; | |
3426 | -} | |
3427 | - | |
3428 | -.x-tip .x-tip-bl { | |
3429 | - background: transparent no-repeat 0 -59px; | |
3430 | - padding-left:6px; | |
3431 | - zoom:1; | |
3432 | -} | |
3433 | - | |
3434 | -.x-tip .x-tip-br { | |
3435 | - background: transparent no-repeat right -59px; | |
3436 | - padding-right:6px; | |
3437 | - zoom:1; | |
3438 | -} | |
3439 | - | |
3440 | -.x-tip .x-tip-mc { | |
3441 | - border:0 none; | |
3442 | -} | |
3443 | - | |
3444 | -.x-tip .x-tip-ml { | |
3445 | - background: no-repeat 0 -124px; | |
3446 | - padding-left:6px; | |
3447 | - zoom:1; | |
3448 | -} | |
3449 | - | |
3450 | -.x-tip .x-tip-mr { | |
3451 | - background: transparent no-repeat right -124px; | |
3452 | - padding-right:6px; | |
3453 | - zoom:1; | |
3454 | -} | |
3455 | - | |
3456 | -.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { | |
3457 | - font-size:0; | |
3458 | - line-height:0; | |
3459 | -} | |
3460 | - | |
3461 | -.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ | |
3462 | - line-height: 1px; | |
3463 | -} | |
3464 | - | |
3465 | -.x-tip .x-tip-header-text { | |
3466 | - padding:0; | |
3467 | - margin:0 0 2px 0; | |
3468 | -} | |
3469 | - | |
3470 | -.x-tip .x-tip-body { | |
3471 | - margin:0 !important; | |
3472 | - line-height:14px; | |
3473 | - padding:0; | |
3474 | -} | |
3475 | - | |
3476 | -.x-tip .x-tip-body .loading-indicator { | |
3477 | - margin:0; | |
3478 | -} | |
3479 | - | |
3480 | -.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { | |
3481 | - cursor:move; | |
3482 | -} | |
3483 | - | |
3484 | -.x-form-invalid-tip .x-tip-tc { | |
3485 | - background: repeat-x 0 -12px; | |
3486 | - padding-top:6px; | |
3487 | -} | |
3488 | - | |
3489 | -.x-form-invalid-tip .x-tip-bc { | |
3490 | - background: repeat-x 0 -18px; | |
3491 | - height:6px; | |
3492 | -} | |
3493 | - | |
3494 | -.x-form-invalid-tip .x-tip-bl { | |
3495 | - background: no-repeat 0 -6px; | |
3496 | -} | |
3497 | - | |
3498 | -.x-form-invalid-tip .x-tip-br { | |
3499 | - background: no-repeat right -6px; | |
3500 | -} | |
3501 | - | |
3502 | -.x-form-invalid-tip .x-tip-body { | |
3503 | - padding:2px; | |
3504 | -} | |
3505 | - | |
3506 | -.x-form-invalid-tip .x-tip-body { | |
3507 | - padding-left:24px; | |
3508 | - background:transparent no-repeat 2px 2px; | |
3509 | -} | |
3510 | - | |
3511 | -.x-tip-anchor { | |
3512 | - position: absolute; | |
3513 | - width: 9px; | |
3514 | - height: 10px; | |
3515 | - overflow:hidden; | |
3516 | - background: transparent no-repeat 0 0; | |
3517 | - zoom:1; | |
3518 | -} | |
3519 | -.x-tip-anchor-bottom { | |
3520 | - background-position: -9px 0; | |
3521 | -} | |
3522 | -.x-tip-anchor-right { | |
3523 | - background-position: -18px 0; | |
3524 | - width: 10px; | |
3525 | -} | |
3526 | -.x-tip-anchor-left { | |
3527 | - background-position: -28px 0; | |
3528 | - width: 10px; | |
3529 | -}.x-menu { | |
3530 | - z-index: 15000; | |
3531 | - zoom: 1; | |
3532 | - background: repeat-y; | |
3533 | -} | |
3534 | - | |
3535 | -.x-menu-floating{ | |
3536 | - border: 1px solid; | |
3537 | -} | |
3538 | - | |
3539 | -.x-menu a { | |
3540 | - text-decoration: none !important; | |
3541 | -} | |
3542 | - | |
3543 | -.ext-ie .x-menu { | |
3544 | - zoom:1; | |
3545 | - overflow:hidden; | |
3546 | -} | |
3547 | - | |
3548 | -.x-menu-list{ | |
3549 | - padding: 2px; | |
3550 | - background:transparent; | |
3551 | - border:0 none; | |
3552 | - overflow:hidden; | |
3553 | - overflow-y: hidden; | |
3554 | -} | |
3555 | - | |
3556 | -.ext-strict .ext-ie .x-menu-list{ | |
3557 | - position: relative; | |
3558 | -} | |
3559 | - | |
3560 | -.x-menu li{ | |
3561 | - line-height:100%; | |
3562 | -} | |
3563 | - | |
3564 | -.x-menu li.x-menu-sep-li{ | |
3565 | - font-size:1px; | |
3566 | - line-height:1px; | |
3567 | -} | |
3568 | - | |
3569 | -.x-menu-list-item{ | |
3570 | - white-space: nowrap; | |
3571 | - -moz-user-select: none; | |
3572 | - -khtml-user-select:none; | |
3573 | - -webkit-user-select:ignore; | |
3574 | - display:block; | |
3575 | - padding:1px; | |
3576 | -} | |
3577 | - | |
3578 | -.x-menu-item-arrow{ | |
3579 | - background:transparent no-repeat right; | |
3580 | -} | |
3581 | - | |
3582 | -.x-menu-sep { | |
3583 | - display:block; | |
3584 | - font-size:1px; | |
3585 | - line-height:1px; | |
3586 | - margin: 2px 3px; | |
3587 | - border-bottom:1px solid; | |
3588 | - overflow:hidden; | |
3589 | -} | |
3590 | - | |
3591 | -.x-menu-focus { | |
3592 | - position:absolute; | |
3593 | - left:-1px; | |
3594 | - top:-1px; | |
3595 | - width:1px; | |
3596 | - height:1px; | |
3597 | - line-height:1px; | |
3598 | - font-size:1px; | |
3599 | - -moz-outline:0 none; | |
3600 | - outline:0 none; | |
3601 | - -moz-user-select: none; | |
3602 | - -khtml-user-select:none; | |
3603 | - -webkit-user-select:ignore; | |
3604 | - overflow:hidden; | |
3605 | - display:block; | |
3606 | -} | |
3607 | - | |
3608 | -a.x-menu-item { | |
3609 | - cursor: pointer; | |
3610 | - display: block; | |
3611 | - line-height: 16px; | |
3612 | - outline-color: -moz-use-text-color; | |
3613 | - outline-style: none; | |
3614 | - outline-width: 0; | |
3615 | - padding: 3px 21px 3px 27px; | |
3616 | - position: relative; | |
3617 | - text-decoration: none; | |
3618 | - white-space: nowrap; | |
3619 | -} | |
3620 | - | |
3621 | -.x-menu-item-active { | |
3622 | - background-repeat: repeat-x; | |
3623 | - background-position: left bottom; | |
3624 | - border-style:solid; | |
3625 | - border-width: 1px 0; | |
3626 | - margin:0 1px; | |
3627 | - padding: 0; | |
3628 | -} | |
3629 | - | |
3630 | -.x-menu-item-active a.x-menu-item { | |
3631 | - border-style:solid; | |
3632 | - border-width:0 1px; | |
3633 | - margin:0 -1px; | |
3634 | -} | |
3635 | - | |
3636 | -.x-menu-item-icon { | |
3637 | - border: 0 none; | |
3638 | - height: 16px; | |
3639 | - padding: 0; | |
3640 | - vertical-align: top; | |
3641 | - width: 16px; | |
3642 | - position: absolute; | |
3643 | - left: 3px; | |
3644 | - top: 3px; | |
3645 | - margin: 0; | |
3646 | - background-position:center; | |
3647 | -} | |
3648 | - | |
3649 | -.ext-ie .x-menu-item-icon { | |
3650 | - left: -24px; | |
3651 | -} | |
3652 | -.ext-strict .x-menu-item-icon { | |
3653 | - left: 3px; | |
3654 | -} | |
3655 | - | |
3656 | -.ext-ie6 .x-menu-item-icon { | |
3657 | - left: -24px; | |
3658 | -} | |
3659 | - | |
3660 | -.ext-ie .x-menu-item-icon { | |
3661 | - vertical-align: middle; | |
3662 | -} | |
3663 | - | |
3664 | -.x-menu-check-item .x-menu-item-icon{ | |
3665 | - background: transparent no-repeat center; | |
3666 | -} | |
3667 | - | |
3668 | -.x-menu-group-item .x-menu-item-icon{ | |
3669 | - background: transparent; | |
3670 | -} | |
3671 | - | |
3672 | -.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
3673 | - background: transparent no-repeat center; | |
3674 | -} | |
3675 | - | |
3676 | -.x-date-menu .x-menu-list{ | |
3677 | - padding: 0; | |
3678 | -} | |
3679 | - | |
3680 | -.x-menu-date-item{ | |
3681 | - padding:0; | |
3682 | -} | |
3683 | - | |
3684 | -.x-menu .x-color-palette, .x-menu .x-date-picker{ | |
3685 | - margin-left: 26px; | |
3686 | - margin-right:4px; | |
3687 | -} | |
3688 | - | |
3689 | -.x-menu .x-date-picker{ | |
3690 | - border:1px solid; | |
3691 | - margin-top:2px; | |
3692 | - margin-bottom:2px; | |
3693 | -} | |
3694 | - | |
3695 | -.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ | |
3696 | - margin: 0; | |
3697 | - border: 0 none; | |
3698 | -} | |
3699 | - | |
3700 | -.x-date-menu { | |
3701 | - padding:0 !important; | |
3702 | -} | |
3703 | - | |
3704 | -.x-cycle-menu .x-menu-item-checked { | |
3705 | - border:1px dotted !important; | |
3706 | - padding:0; | |
3707 | -} | |
3708 | - | |
3709 | -.x-menu .x-menu-scroller { | |
3710 | - width: 100%; | |
3711 | - background-repeat:no-repeat; | |
3712 | - background-position:center; | |
3713 | - height:8px; | |
3714 | - line-height: 8px; | |
3715 | - cursor:pointer; | |
3716 | - margin: 0; | |
3717 | - padding: 0; | |
3718 | -} | |
3719 | - | |
3720 | -.x-menu .x-menu-scroller-active{ | |
3721 | - height: 6px; | |
3722 | - line-height: 6px; | |
3723 | -} | |
3724 | - | |
3725 | -.x-menu-list-item-indent{ | |
3726 | - padding-left: 27px; | |
3727 | -} | |
3728 | -/* | |
3729 | - Creates rounded, raised boxes like on the Ext website - the markup isn't pretty: | |
3730 | - <div class="x-box-blue"> | |
3731 | - <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div> | |
3732 | - <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"> | |
3733 | - <h3>YOUR TITLE HERE (optional)</h3> | |
3734 | - <div>YOUR CONTENT HERE</div> | |
3735 | - </div></div></div> | |
3736 | - <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div> | |
3737 | - </div> | |
3738 | - */ | |
3739 | - | |
3740 | -.x-box-tl { | |
3741 | - background: transparent no-repeat 0 0; | |
3742 | - zoom:1; | |
3743 | -} | |
3744 | - | |
3745 | -.x-box-tc { | |
3746 | - height: 8px; | |
3747 | - background: transparent repeat-x 0 0; | |
3748 | - overflow: hidden; | |
3749 | -} | |
3750 | - | |
3751 | -.x-box-tr { | |
3752 | - background: transparent no-repeat right -8px; | |
3753 | -} | |
3754 | - | |
3755 | -.x-box-ml { | |
3756 | - background: transparent repeat-y 0; | |
3757 | - padding-left: 4px; | |
3758 | - overflow: hidden; | |
3759 | - zoom:1; | |
3760 | -} | |
3761 | - | |
3762 | -.x-box-mc { | |
3763 | - background: repeat-x 0 -16px; | |
3764 | - padding: 4px 10px; | |
3765 | -} | |
3766 | - | |
3767 | -.x-box-mc h3 { | |
3768 | - margin: 0 0 4px 0; | |
3769 | - zoom:1; | |
3770 | -} | |
3771 | - | |
3772 | -.x-box-mr { | |
3773 | - background: transparent repeat-y right; | |
3774 | - padding-right: 4px; | |
3775 | - overflow: hidden; | |
3776 | -} | |
3777 | - | |
3778 | -.x-box-bl { | |
3779 | - background: transparent no-repeat 0 -16px; | |
3780 | - zoom:1; | |
3781 | -} | |
3782 | - | |
3783 | -.x-box-bc { | |
3784 | - background: transparent repeat-x 0 -8px; | |
3785 | - height: 8px; | |
3786 | - overflow: hidden; | |
3787 | -} | |
3788 | - | |
3789 | -.x-box-br { | |
3790 | - background: transparent no-repeat right -24px; | |
3791 | -} | |
3792 | - | |
3793 | -.x-box-tl, .x-box-bl { | |
3794 | - padding-left: 8px; | |
3795 | - overflow: hidden; | |
3796 | -} | |
3797 | - | |
3798 | -.x-box-tr, .x-box-br { | |
3799 | - padding-right: 8px; | |
3800 | - overflow: hidden; | |
3801 | -}#x-debug-browser .x-tree .x-tree-node a span { | |
3802 | - padding-top:2px; | |
3803 | - line-height:18px; | |
3804 | -} | |
3805 | - | |
3806 | -#x-debug-browser .x-tool-toggle { | |
3807 | - background-position:0 -75px; | |
3808 | -} | |
3809 | - | |
3810 | -#x-debug-browser .x-tool-toggle-over { | |
3811 | - background-position:-15px -75px; | |
3812 | -} | |
3813 | - | |
3814 | -#x-debug-browser.x-panel-collapsed .x-tool-toggle { | |
3815 | - background-position:0 -60px; | |
3816 | -} | |
3817 | - | |
3818 | -#x-debug-browser.x-panel-collapsed .x-tool-toggle-over { | |
3819 | - background-position:-15px -60px; | |
3820 | -}.x-combo-list { | |
3821 | - border:1px solid; | |
3822 | - zoom:1; | |
3823 | - overflow:hidden; | |
3824 | -} | |
3825 | - | |
3826 | -.x-combo-list-inner { | |
3827 | - overflow:auto; | |
3828 | - position:relative; /* for calculating scroll offsets */ | |
3829 | - zoom:1; | |
3830 | - overflow-x:hidden; | |
3831 | -} | |
3832 | - | |
3833 | -.x-combo-list-hd { | |
3834 | - border-bottom:1px solid; | |
3835 | - padding:3px; | |
3836 | -} | |
3837 | - | |
3838 | -.x-resizable-pinned .x-combo-list-inner { | |
3839 | - border-bottom:1px solid; | |
3840 | -} | |
3841 | - | |
3842 | -.x-combo-list-item { | |
3843 | - padding:2px; | |
3844 | - border:1px solid; | |
3845 | - white-space: nowrap; | |
3846 | - overflow:hidden; | |
3847 | - text-overflow: ellipsis; | |
3848 | -} | |
3849 | - | |
3850 | -.x-combo-list .x-combo-selected{ | |
3851 | - border:1px dotted !important; | |
3852 | - cursor:pointer; | |
3853 | -} | |
3854 | - | |
3855 | -.x-combo-list .x-toolbar { | |
3856 | - border-top:1px solid; | |
3857 | - border-bottom:0 none; | |
3858 | -}.x-panel { | |
3859 | - border-style: solid; | |
3860 | - border-width:0; | |
3861 | -} | |
3862 | - | |
3863 | -.x-panel-header { | |
3864 | - overflow:hidden; | |
3865 | - zoom:1; | |
3866 | - padding:5px 3px 4px 5px; | |
3867 | - border:1px solid; | |
3868 | - line-height: 15px; | |
3869 | - background: transparent repeat-x 0 -1px; | |
3870 | -} | |
3871 | - | |
3872 | -.x-panel-body { | |
3873 | - border:1px solid; | |
3874 | - border-top:0 none; | |
3875 | - overflow:hidden; | |
3876 | - position: relative; /* added for item scroll positioning */ | |
3877 | -} | |
3878 | - | |
3879 | -.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { | |
3880 | - border:1px solid; | |
3881 | - border-top:0 none; | |
3882 | - overflow:hidden; | |
3883 | - padding:2px; | |
3884 | -} | |
3885 | - | |
3886 | -.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { | |
3887 | - border-top:1px solid; | |
3888 | - border-bottom: 0 none; | |
3889 | -} | |
3890 | - | |
3891 | -.x-panel-body-noheader, .x-panel-mc .x-panel-body { | |
3892 | - border-top:1px solid; | |
3893 | -} | |
3894 | - | |
3895 | -.x-panel-header { | |
3896 | - overflow:hidden; | |
3897 | - zoom:1; | |
3898 | -} | |
3899 | - | |
3900 | -.x-panel-tl .x-panel-header { | |
3901 | - padding:5px 0 4px 0; | |
3902 | - border:0 none; | |
3903 | - background:transparent; | |
3904 | -} | |
3905 | - | |
3906 | -.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon { | |
3907 | - padding-left:20px !important; | |
3908 | - background-repeat:no-repeat; | |
3909 | - background-position:0 4px; | |
3910 | - zoom:1; | |
3911 | -} | |
3912 | - | |
3913 | -.x-panel-inline-icon { | |
3914 | - width:16px; | |
3915 | - height:16px; | |
3916 | - background-repeat:no-repeat; | |
3917 | - background-position:0 0; | |
3918 | - vertical-align:middle; | |
3919 | - margin-right:4px; | |
3920 | - margin-top:-1px; | |
3921 | - margin-bottom:-1px; | |
3922 | -} | |
3923 | - | |
3924 | -.x-panel-tc { | |
3925 | - background: transparent repeat-x 0 0; | |
3926 | - overflow:hidden; | |
3927 | -} | |
3928 | - | |
3929 | -/* fix ie7 strict mode bug */ | |
3930 | -.ext-strict .ext-ie7 .x-panel-tc { | |
3931 | - overflow: visible; | |
3932 | -} | |
3933 | - | |
3934 | -.x-panel-tl { | |
3935 | - background: transparent no-repeat 0 0; | |
3936 | - padding-left:6px; | |
3937 | - zoom:1; | |
3938 | - border-bottom:1px solid; | |
3939 | -} | |
3940 | - | |
3941 | -.x-panel-tr { | |
3942 | - background: transparent no-repeat right 0; | |
3943 | - zoom:1; | |
3944 | - padding-right:6px; | |
3945 | -} | |
3946 | - | |
3947 | -.x-panel-bc { | |
3948 | - background: transparent repeat-x 0 bottom; | |
3949 | - zoom:1; | |
3950 | -} | |
3951 | - | |
3952 | -.x-panel-bc .x-panel-footer { | |
3953 | - zoom:1; | |
3954 | -} | |
3955 | - | |
3956 | -.x-panel-bl { | |
3957 | - background: transparent no-repeat 0 bottom; | |
3958 | - padding-left:6px; | |
3959 | - zoom:1; | |
3960 | -} | |
3961 | - | |
3962 | -.x-panel-br { | |
3963 | - background: transparent no-repeat right bottom; | |
3964 | - padding-right:6px; | |
3965 | - zoom:1; | |
3966 | -} | |
3967 | - | |
3968 | -.x-panel-mc { | |
3969 | - border:0 none; | |
3970 | - padding:0; | |
3971 | - margin:0; | |
3972 | - padding-top:6px; | |
3973 | -} | |
3974 | - | |
3975 | -.x-panel-mc .x-panel-body { | |
3976 | - background:transparent; | |
3977 | - border: 0 none; | |
3978 | -} | |
3979 | - | |
3980 | -.x-panel-ml { | |
3981 | - background: repeat-y 0 0; | |
3982 | - padding-left:6px; | |
3983 | - zoom:1; | |
3984 | -} | |
3985 | - | |
3986 | -.x-panel-mr { | |
3987 | - background: transparent repeat-y right 0; | |
3988 | - padding-right:6px; | |
3989 | - zoom:1; | |
3990 | -} | |
3991 | - | |
3992 | -.x-panel-bc .x-panel-footer { | |
3993 | - padding-bottom:6px; | |
3994 | -} | |
3995 | - | |
3996 | -.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc { | |
3997 | - height:6px; | |
3998 | - font-size:0; | |
3999 | - line-height:0; | |
4000 | -} | |
4001 | - | |
4002 | -.x-panel-bwrap { | |
4003 | - overflow:hidden; | |
4004 | - zoom:1; | |
4005 | - left:0; | |
4006 | - top:0; | |
4007 | -} | |
4008 | -.x-panel-body { | |
4009 | - overflow:hidden; | |
4010 | - zoom:1; | |
4011 | -} | |
4012 | - | |
4013 | -.x-panel-collapsed .x-resizable-handle{ | |
4014 | - display:none; | |
4015 | -} | |
4016 | - | |
4017 | -.ext-gecko .x-panel-animated div { | |
4018 | - overflow:hidden !important; | |
4019 | -} | |
4020 | - | |
4021 | -/* Plain */ | |
4022 | -.x-plain-body { | |
4023 | - overflow:hidden; | |
4024 | -} | |
4025 | - | |
4026 | -.x-plain-bbar .x-toolbar { | |
4027 | - overflow:hidden; | |
4028 | - padding:2px; | |
4029 | -} | |
4030 | - | |
4031 | -.x-plain-tbar .x-toolbar { | |
4032 | - overflow:hidden; | |
4033 | - padding:2px; | |
4034 | -} | |
4035 | - | |
4036 | -.x-plain-bwrap { | |
4037 | - overflow:hidden; | |
4038 | - zoom:1; | |
4039 | -} | |
4040 | - | |
4041 | -.x-plain { | |
4042 | - overflow:hidden; | |
4043 | -} | |
4044 | - | |
4045 | -/* Tools */ | |
4046 | -.x-tool { | |
4047 | - overflow:hidden; | |
4048 | - width:15px; | |
4049 | - height:15px; | |
4050 | - float:right; | |
4051 | - cursor:pointer; | |
4052 | - background:transparent no-repeat; | |
4053 | - margin-left:2px; | |
4054 | -} | |
4055 | - | |
4056 | -/* expand / collapse tools */ | |
4057 | -.x-tool-toggle { | |
4058 | - background-position:0 -60px; | |
4059 | -} | |
4060 | - | |
4061 | -.x-tool-toggle-over { | |
4062 | - background-position:-15px -60px; | |
4063 | -} | |
4064 | - | |
4065 | -.x-panel-collapsed .x-tool-toggle { | |
4066 | - background-position:0 -75px; | |
4067 | -} | |
4068 | - | |
4069 | -.x-panel-collapsed .x-tool-toggle-over { | |
4070 | - background-position:-15px -75px; | |
4071 | -} | |
4072 | - | |
4073 | - | |
4074 | -.x-tool-close { | |
4075 | - background-position:0 -0; | |
4076 | -} | |
4077 | - | |
4078 | -.x-tool-close-over { | |
4079 | - background-position:-15px 0; | |
4080 | -} | |
4081 | - | |
4082 | -.x-tool-minimize { | |
4083 | - background-position:0 -15px; | |
4084 | -} | |
4085 | - | |
4086 | -.x-tool-minimize-over { | |
4087 | - background-position:-15px -15px; | |
4088 | -} | |
4089 | - | |
4090 | -.x-tool-maximize { | |
4091 | - background-position:0 -30px; | |
4092 | -} | |
4093 | - | |
4094 | -.x-tool-maximize-over { | |
4095 | - background-position:-15px -30px; | |
4096 | -} | |
4097 | - | |
4098 | -.x-tool-restore { | |
4099 | - background-position:0 -45px; | |
4100 | -} | |
4101 | - | |
4102 | -.x-tool-restore-over { | |
4103 | - background-position:-15px -45px; | |
4104 | -} | |
4105 | - | |
4106 | -.x-tool-gear { | |
4107 | - background-position:0 -90px; | |
4108 | -} | |
4109 | - | |
4110 | -.x-tool-gear-over { | |
4111 | - background-position:-15px -90px; | |
4112 | -} | |
4113 | - | |
4114 | -.x-tool-pin { | |
4115 | - background-position:0 -135px; | |
4116 | -} | |
4117 | - | |
4118 | -.x-tool-pin-over { | |
4119 | - background-position:-15px -135px; | |
4120 | -} | |
4121 | - | |
4122 | -.x-tool-unpin { | |
4123 | - background-position:0 -150px; | |
4124 | -} | |
4125 | - | |
4126 | -.x-tool-unpin-over { | |
4127 | - background-position:-15px -150px; | |
4128 | -} | |
4129 | - | |
4130 | -.x-tool-right { | |
4131 | - background-position:0 -165px; | |
4132 | -} | |
4133 | - | |
4134 | -.x-tool-right-over { | |
4135 | - background-position:-15px -165px; | |
4136 | -} | |
4137 | - | |
4138 | -.x-tool-left { | |
4139 | - background-position:0 -180px; | |
4140 | -} | |
4141 | - | |
4142 | -.x-tool-left-over { | |
4143 | - background-position:-15px -180px; | |
4144 | -} | |
4145 | - | |
4146 | -.x-tool-up { | |
4147 | - background-position:0 -210px; | |
4148 | -} | |
4149 | - | |
4150 | -.x-tool-up-over { | |
4151 | - background-position:-15px -210px; | |
4152 | -} | |
4153 | - | |
4154 | -.x-tool-down { | |
4155 | - background-position:0 -195px; | |
4156 | -} | |
4157 | - | |
4158 | -.x-tool-down-over { | |
4159 | - background-position:-15px -195px; | |
4160 | -} | |
4161 | - | |
4162 | -.x-tool-refresh { | |
4163 | - background-position:0 -225px; | |
4164 | -} | |
4165 | - | |
4166 | -.x-tool-refresh-over { | |
4167 | - background-position:-15px -225px; | |
4168 | -} | |
4169 | - | |
4170 | -.x-tool-minus { | |
4171 | - background-position:0 -255px; | |
4172 | -} | |
4173 | - | |
4174 | -.x-tool-minus-over { | |
4175 | - background-position:-15px -255px; | |
4176 | -} | |
4177 | - | |
4178 | -.x-tool-plus { | |
4179 | - background-position:0 -240px; | |
4180 | -} | |
4181 | - | |
4182 | -.x-tool-plus-over { | |
4183 | - background-position:-15px -240px; | |
4184 | -} | |
4185 | - | |
4186 | -.x-tool-search { | |
4187 | - background-position:0 -270px; | |
4188 | -} | |
4189 | - | |
4190 | -.x-tool-search-over { | |
4191 | - background-position:-15px -270px; | |
4192 | -} | |
4193 | - | |
4194 | -.x-tool-save { | |
4195 | - background-position:0 -285px; | |
4196 | -} | |
4197 | - | |
4198 | -.x-tool-save-over { | |
4199 | - background-position:-15px -285px; | |
4200 | -} | |
4201 | - | |
4202 | -.x-tool-help { | |
4203 | - background-position:0 -300px; | |
4204 | -} | |
4205 | - | |
4206 | -.x-tool-help-over { | |
4207 | - background-position:-15px -300px; | |
4208 | -} | |
4209 | - | |
4210 | -.x-tool-print { | |
4211 | - background-position:0 -315px; | |
4212 | -} | |
4213 | - | |
4214 | -.x-tool-print-over { | |
4215 | - background-position:-15px -315px; | |
4216 | -} | |
4217 | - | |
4218 | -/* Ghosting */ | |
4219 | -.x-panel-ghost { | |
4220 | - z-index:12000; | |
4221 | - overflow:hidden; | |
4222 | - position:absolute; | |
4223 | - left:0;top:0; | |
4224 | - opacity:.65; | |
4225 | - -moz-opacity:.65; | |
4226 | - filter:alpha(opacity=65); | |
4227 | -} | |
4228 | - | |
4229 | -.x-panel-ghost ul { | |
4230 | - margin:0; | |
4231 | - padding:0; | |
4232 | - overflow:hidden; | |
4233 | - font-size:0; | |
4234 | - line-height:0; | |
4235 | - border:1px solid; | |
4236 | - border-top:0 none; | |
4237 | - display:block; | |
4238 | -} | |
4239 | - | |
4240 | -.x-panel-ghost * { | |
4241 | - cursor:move !important; | |
4242 | -} | |
4243 | - | |
4244 | -.x-panel-dd-spacer { | |
4245 | - border:2px dashed; | |
4246 | -} | |
4247 | - | |
4248 | -/* Buttons */ | |
4249 | -.x-panel-btns { | |
4250 | - padding:5px; | |
4251 | - overflow:hidden; | |
4252 | -} | |
4253 | - | |
4254 | -.x-panel-btns-right .x-panel-fbar { | |
4255 | - float:right; | |
4256 | - clear:none; | |
4257 | -} | |
4258 | - | |
4259 | -.x-panel-btns-left .x-panel-fbar { | |
4260 | - clear:none; | |
4261 | -} | |
4262 | - | |
4263 | -.x-panel-btns-center{ | |
4264 | - text-align:center; /*ie*/ | |
4265 | -} | |
4266 | - | |
4267 | -.x-panel-btns-center .x-toolbar-ct { | |
4268 | - margin:0 auto; /*everyone else*/ | |
4269 | - text-align:left; | |
4270 | - width:auto; | |
4271 | -} | |
4272 | - | |
4273 | -.ext-gecko2 .x-panel-btns-right .x-toolbar-ct { | |
4274 | - width:auto; | |
4275 | -} | |
4276 | - | |
4277 | -.x-panel-btns td.x-toolbar-cell{ | |
4278 | - padding:3px; | |
4279 | -} | |
4280 | - | |
4281 | -.x-panel-btns .x-btn-focus .x-btn-left{ | |
4282 | - background-position:0 -147px; | |
4283 | -} | |
4284 | - | |
4285 | -.x-panel-btns .x-btn-focus .x-btn-right{ | |
4286 | - background-position:0 -168px; | |
4287 | -} | |
4288 | - | |
4289 | -.x-panel-btns .x-btn-focus .x-btn-center{ | |
4290 | - background-position:0 -189px; | |
4291 | -} | |
4292 | - | |
4293 | -.x-panel-btns .x-btn-over .x-btn-left{ | |
4294 | - background-position:0 -63px; | |
4295 | -} | |
4296 | - | |
4297 | -.x-panel-btns .x-btn-over .x-btn-right{ | |
4298 | - background-position:0 -84px; | |
4299 | -} | |
4300 | - | |
4301 | -.x-panel-btns .x-btn-over .x-btn-center{ | |
4302 | - background-position:0 -105px; | |
4303 | -} | |
4304 | - | |
4305 | -.x-panel-btns .x-btn-click .x-btn-center{ | |
4306 | - background-position:0 -126px; | |
4307 | -} | |
4308 | - | |
4309 | -.x-panel-btns .x-btn-click .x-btn-right{ | |
4310 | - background-position:0 -84px; | |
4311 | -} | |
4312 | - | |
4313 | -.x-panel-btns .x-btn-click .x-btn-left{ | |
4314 | - background-position:0 -63px; | |
4315 | -} | |
4316 | - | |
4317 | -.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ | |
4318 | - white-space: nowrap; | |
4319 | -} | |
4320 | -/** | |
4321 | - * W3C Suggested Default style sheet for HTML 4 | |
4322 | - * http://www.w3.org/TR/CSS21/sample.html | |
4323 | - * | |
4324 | - * Resets for Ext.Panel @cfg normal: true | |
4325 | - */ | |
4326 | -.x-panel-reset .x-panel-body html, | |
4327 | -.x-panel-reset .x-panel-body address, | |
4328 | -.x-panel-reset .x-panel-body blockquote, | |
4329 | -.x-panel-reset .x-panel-body body, | |
4330 | -.x-panel-reset .x-panel-body dd, | |
4331 | -.x-panel-reset .x-panel-body div, | |
4332 | -.x-panel-reset .x-panel-body dl, | |
4333 | -.x-panel-reset .x-panel-body dt, | |
4334 | -.x-panel-reset .x-panel-body fieldset, | |
4335 | -.x-panel-reset .x-panel-body form, | |
4336 | -.x-panel-reset .x-panel-body frame, frameset, | |
4337 | -.x-panel-reset .x-panel-body h1, | |
4338 | -.x-panel-reset .x-panel-body h2, | |
4339 | -.x-panel-reset .x-panel-body h3, | |
4340 | -.x-panel-reset .x-panel-body h4, | |
4341 | -.x-panel-reset .x-panel-body h5, | |
4342 | -.x-panel-reset .x-panel-body h6, | |
4343 | -.x-panel-reset .x-panel-body noframes, | |
4344 | -.x-panel-reset .x-panel-body ol, | |
4345 | -.x-panel-reset .x-panel-body p, | |
4346 | -.x-panel-reset .x-panel-body ul, | |
4347 | -.x-panel-reset .x-panel-body center, | |
4348 | -.x-panel-reset .x-panel-body dir, | |
4349 | -.x-panel-reset .x-panel-body hr, | |
4350 | -.x-panel-reset .x-panel-body menu, | |
4351 | -.x-panel-reset .x-panel-body pre { display: block } | |
4352 | -.x-panel-reset .x-panel-body li { display: list-item } | |
4353 | -.x-panel-reset .x-panel-body head { display: none } | |
4354 | -.x-panel-reset .x-panel-body table { display: table } | |
4355 | -.x-panel-reset .x-panel-body tr { display: table-row } | |
4356 | -.x-panel-reset .x-panel-body thead { display: table-header-group } | |
4357 | -.x-panel-reset .x-panel-body tbody { display: table-row-group } | |
4358 | -.x-panel-reset .x-panel-body tfoot { display: table-footer-group } | |
4359 | -.x-panel-reset .x-panel-body col { display: table-column } | |
4360 | -.x-panel-reset .x-panel-body colgroup { display: table-column-group } | |
4361 | -.x-panel-reset .x-panel-body td, | |
4362 | -.x-panel-reset .x-panel-body th { display: table-cell } | |
4363 | -.x-panel-reset .x-panel-body caption { display: table-caption } | |
4364 | -.x-panel-reset .x-panel-body th { font-weight: bolder; text-align: center } | |
4365 | -.x-panel-reset .x-panel-body caption { text-align: center } | |
4366 | -.x-panel-reset .x-panel-body body { margin: 8px } | |
4367 | -.x-panel-reset .x-panel-body h1 { font-size: 2em; margin: .67em 0 } | |
4368 | -.x-panel-reset .x-panel-body h2 { font-size: 1.5em; margin: .75em 0 } | |
4369 | -.x-panel-reset .x-panel-body h3 { font-size: 1.17em; margin: .83em 0 } | |
4370 | -.x-panel-reset .x-panel-body h4, | |
4371 | -.x-panel-reset .x-panel-body p, | |
4372 | -.x-panel-reset .x-panel-body blockquote, | |
4373 | -.x-panel-reset .x-panel-body ul, | |
4374 | -.x-panel-reset .x-panel-body fieldset, | |
4375 | -.x-panel-reset .x-panel-body form, | |
4376 | -.x-panel-reset .x-panel-body ol, | |
4377 | -.x-panel-reset .x-panel-body dl, | |
4378 | -.x-panel-reset .x-panel-body dir, | |
4379 | -.x-panel-reset .x-panel-body menu { margin: 1.12em 0 } | |
4380 | -.x-panel-reset .x-panel-body h5 { font-size: .83em; margin: 1.5em 0 } | |
4381 | -.x-panel-reset .x-panel-body h6 { font-size: .75em; margin: 1.67em 0 } | |
4382 | -.x-panel-reset .x-panel-body h1, | |
4383 | -.x-panel-reset .x-panel-body h2, | |
4384 | -.x-panel-reset .x-panel-body h3, | |
4385 | -.x-panel-reset .x-panel-body h4, | |
4386 | -.x-panel-reset .x-panel-body h5, | |
4387 | -.x-panel-reset .x-panel-body h6, | |
4388 | -.x-panel-reset .x-panel-body b, | |
4389 | -.x-panel-reset .x-panel-body strong { font-weight: bolder } | |
4390 | -.x-panel-reset .x-panel-body blockquote { margin-left: 40px; margin-right: 40px } | |
4391 | -.x-panel-reset .x-panel-body i, | |
4392 | -.x-panel-reset .x-panel-body cite, | |
4393 | -.x-panel-reset .x-panel-body em, | |
4394 | -.x-panel-reset .x-panel-body var, | |
4395 | -.x-panel-reset .x-panel-body address { font-style: italic } | |
4396 | -.x-panel-reset .x-panel-body pre, | |
4397 | -.x-panel-reset .x-panel-body tt, | |
4398 | -.x-panel-reset .x-panel-body code, | |
4399 | -.x-panel-reset .x-panel-body kbd, | |
4400 | -.x-panel-reset .x-panel-body samp { font-family: monospace } | |
4401 | -.x-panel-reset .x-panel-body pre { white-space: pre } | |
4402 | -.x-panel-reset .x-panel-body button, | |
4403 | -.x-panel-reset .x-panel-body textarea, | |
4404 | -.x-panel-reset .x-panel-body input, | |
4405 | -.x-panel-reset .x-panel-body select { display: inline-block } | |
4406 | -.x-panel-reset .x-panel-body big { font-size: 1.17em } | |
4407 | -.x-panel-reset .x-panel-body small, | |
4408 | -.x-panel-reset .x-panel-body sub, | |
4409 | -.x-panel-reset .x-panel-body sup { font-size: .83em } | |
4410 | -.x-panel-reset .x-panel-body sub { vertical-align: sub } | |
4411 | -.x-panel-reset .x-panel-body sup { vertical-align: super } | |
4412 | -.x-panel-reset .x-panel-body table { border-spacing: 2px; } | |
4413 | -.x-panel-reset .x-panel-body thead, | |
4414 | -.x-panel-reset .x-panel-body tbody, | |
4415 | -.x-panel-reset .x-panel-body tfoot { vertical-align: middle } | |
4416 | -.x-panel-reset .x-panel-body td, | |
4417 | -.x-panel-reset .x-panel-body th { vertical-align: inherit } | |
4418 | -.x-panel-reset .x-panel-body s, | |
4419 | -.x-panel-reset .x-panel-body strike, | |
4420 | -.x-panel-reset .x-panel-body del { text-decoration: line-through } | |
4421 | -.x-panel-reset .x-panel-body hr { border: 1px inset } | |
4422 | -.x-panel-reset .x-panel-body ol, | |
4423 | -.x-panel-reset .x-panel-body ul, | |
4424 | -.x-panel-reset .x-panel-body dir, | |
4425 | -.x-panel-reset .x-panel-body menu, | |
4426 | -.x-panel-reset .x-panel-body dd { margin-left: 40px } | |
4427 | -.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;} | |
4428 | -.x-panel-reset .x-panel-body ol { list-style-type: decimal } | |
4429 | -.x-panel-reset .x-panel-body ol ul, | |
4430 | -.x-panel-reset .x-panel-body ul ol, | |
4431 | -.x-panel-reset .x-panel-body ul ul, | |
4432 | -.x-panel-reset .x-panel-body ol ol { margin-top: 0; margin-bottom: 0 } | |
4433 | -.x-panel-reset .x-panel-body u, | |
4434 | -.x-panel-reset .x-panel-body ins { text-decoration: underline } | |
4435 | -.x-panel-reset .x-panel-body br:before { content: "\A" } | |
4436 | -.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line } | |
4437 | -.x-panel-reset .x-panel-body center { text-align: center } | |
4438 | -.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline } | |
4439 | -.x-panel-reset .x-panel-body :focus { outline: thin dotted invert } | |
4440 | - | |
4441 | -/* Begin bidirectionality settings (do not change) */ | |
4442 | -.x-panel-reset .x-panel-body BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } | |
4443 | -.x-panel-reset .x-panel-body BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } | |
4444 | -.x-window { | |
4445 | - zoom:1; | |
4446 | -} | |
4447 | - | |
4448 | -.x-window .x-resizable-handle { | |
4449 | - opacity:0; | |
4450 | - -moz-opacity:0; | |
4451 | - filter:alpha(opacity=0); | |
4452 | -} | |
4453 | - | |
4454 | -.x-window-proxy { | |
4455 | - border:1px solid; | |
4456 | - z-index:12000; | |
4457 | - overflow:hidden; | |
4458 | - position:absolute; | |
4459 | - left:0;top:0; | |
4460 | - display:none; | |
4461 | - opacity:.5; | |
4462 | - -moz-opacity:.5; | |
4463 | - filter:alpha(opacity=50); | |
4464 | -} | |
4465 | - | |
4466 | -.x-window-header { | |
4467 | - overflow:hidden; | |
4468 | - zoom:1; | |
4469 | -} | |
4470 | - | |
4471 | -.x-window-bwrap { | |
4472 | - z-index:1; | |
4473 | - position:relative; | |
4474 | - zoom:1; | |
4475 | - left:0;top:0; | |
4476 | -} | |
4477 | - | |
4478 | -.x-window-tl .x-window-header { | |
4479 | - padding:5px 0 4px 0; | |
4480 | -} | |
4481 | - | |
4482 | -.x-window-header-text { | |
4483 | - cursor:pointer; | |
4484 | -} | |
4485 | - | |
4486 | -.x-window-tc { | |
4487 | - background: transparent repeat-x 0 0; | |
4488 | - overflow:hidden; | |
4489 | - zoom:1; | |
4490 | -} | |
4491 | - | |
4492 | -.x-window-tl { | |
4493 | - background: transparent no-repeat 0 0; | |
4494 | - padding-left:6px; | |
4495 | - zoom:1; | |
4496 | - z-index:1; | |
4497 | - position:relative; | |
4498 | -} | |
4499 | - | |
4500 | -.x-window-tr { | |
4501 | - background: transparent no-repeat right 0; | |
4502 | - padding-right:6px; | |
4503 | -} | |
4504 | - | |
4505 | -.x-window-bc { | |
4506 | - background: transparent repeat-x 0 bottom; | |
4507 | - zoom:1; | |
4508 | -} | |
4509 | - | |
4510 | -.x-window-bc .x-window-footer { | |
4511 | - padding-bottom:6px; | |
4512 | - zoom:1; | |
4513 | - font-size:0; | |
4514 | - line-height:0; | |
4515 | -} | |
4516 | - | |
4517 | -.x-window-bl { | |
4518 | - background: transparent no-repeat 0 bottom; | |
4519 | - padding-left:6px; | |
4520 | - zoom:1; | |
4521 | -} | |
4522 | - | |
4523 | -.x-window-br { | |
4524 | - background: transparent no-repeat right bottom; | |
4525 | - padding-right:6px; | |
4526 | - zoom:1; | |
4527 | -} | |
4528 | - | |
4529 | -.x-window-mc { | |
4530 | - border:1px solid; | |
4531 | - padding:0; | |
4532 | - margin:0; | |
4533 | -} | |
4534 | - | |
4535 | -.x-window-ml { | |
4536 | - background: transparent repeat-y 0 0; | |
4537 | - padding-left:6px; | |
4538 | - zoom:1; | |
4539 | -} | |
4540 | - | |
4541 | -.x-window-mr { | |
4542 | - background: transparent repeat-y right 0; | |
4543 | - padding-right:6px; | |
4544 | - zoom:1; | |
4545 | -} | |
4546 | - | |
4547 | -.x-window-body { | |
4548 | - overflow:hidden; | |
4549 | -} | |
4550 | - | |
4551 | -.x-window-bwrap { | |
4552 | - overflow:hidden; | |
4553 | -} | |
4554 | - | |
4555 | -.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br, | |
4556 | - .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr, | |
4557 | - .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr { | |
4558 | - padding:0; | |
4559 | -} | |
4560 | - | |
4561 | -.x-window-maximized .x-window-footer { | |
4562 | - padding-bottom:0; | |
4563 | -} | |
4564 | - | |
4565 | -.x-window-maximized .x-window-tc { | |
4566 | - padding-left:3px; | |
4567 | - padding-right:3px; | |
4568 | -} | |
4569 | - | |
4570 | -.x-window-maximized .x-window-mc { | |
4571 | - border-left:0 none; | |
4572 | - border-right:0 none; | |
4573 | -} | |
4574 | - | |
4575 | -.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar { | |
4576 | - border-left:0 none; | |
4577 | - border-right: 0 none; | |
4578 | -} | |
4579 | - | |
4580 | -.x-window-bbar .x-toolbar { | |
4581 | - border-top:1px solid; | |
4582 | - border-bottom:0 none; | |
4583 | -} | |
4584 | - | |
4585 | -.x-window-draggable, .x-window-draggable .x-window-header-text { | |
4586 | - cursor:move; | |
4587 | -} | |
4588 | - | |
4589 | -.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text { | |
4590 | - cursor:default; | |
4591 | -} | |
4592 | - | |
4593 | -.x-window-body { | |
4594 | - background:transparent; | |
4595 | -} | |
4596 | - | |
4597 | -.x-panel-ghost .x-window-tl { | |
4598 | - border-bottom:1px solid; | |
4599 | -} | |
4600 | - | |
4601 | -.x-panel-collapsed .x-window-tl { | |
4602 | - border-bottom:1px solid; | |
4603 | -} | |
4604 | - | |
4605 | -.x-window-maximized-ct { | |
4606 | - overflow:hidden; | |
4607 | -} | |
4608 | - | |
4609 | -.x-window-maximized .x-resizable-handle { | |
4610 | - display:none; | |
4611 | -} | |
4612 | - | |
4613 | -.x-window-sizing-ghost ul { | |
4614 | - border:0 none !important; | |
4615 | -} | |
4616 | - | |
4617 | -.x-dlg-focus{ | |
4618 | - -moz-outline:0 none; | |
4619 | - outline:0 none; | |
4620 | - width:0; | |
4621 | - height:0; | |
4622 | - overflow:hidden; | |
4623 | - position:absolute; | |
4624 | - top:0; | |
4625 | - left:0; | |
4626 | -} | |
4627 | - | |
4628 | -.ext-webkit .x-dlg-focus{ | |
4629 | - width: 1px; | |
4630 | - height: 1px; | |
4631 | -} | |
4632 | - | |
4633 | -.x-dlg-mask{ | |
4634 | - z-index:10000; | |
4635 | - display:none; | |
4636 | - position:absolute; | |
4637 | - top:0; | |
4638 | - left:0; | |
4639 | - -moz-opacity: 0.5; | |
4640 | - opacity:.50; | |
4641 | - filter: alpha(opacity=50); | |
4642 | -} | |
4643 | - | |
4644 | -body.ext-ie6.x-body-masked select { | |
4645 | - visibility:hidden; | |
4646 | -} | |
4647 | - | |
4648 | -body.ext-ie6.x-body-masked .x-window select { | |
4649 | - visibility:visible; | |
4650 | -} | |
4651 | - | |
4652 | -.x-window-plain .x-window-mc { | |
4653 | - border: 1px solid; | |
4654 | -} | |
4655 | - | |
4656 | -.x-window-plain .x-window-body { | |
4657 | - border: 1px solid; | |
4658 | - background:transparent !important; | |
4659 | -}.x-html-editor-wrap { | |
4660 | - border:1px solid; | |
4661 | -} | |
4662 | - | |
4663 | -.x-html-editor-tb .x-btn-text { | |
4664 | - background:transparent no-repeat; | |
4665 | -} | |
4666 | - | |
4667 | -.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { | |
4668 | - background-position:0 0; | |
4669 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4670 | -} | |
4671 | - | |
4672 | -.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { | |
4673 | - background-position:-16px 0; | |
4674 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4675 | -} | |
4676 | - | |
4677 | -.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { | |
4678 | - background-position:-32px 0; | |
4679 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4680 | -} | |
4681 | - | |
4682 | -.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { | |
4683 | - background-position:-160px 0; | |
4684 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4685 | -} | |
4686 | - | |
4687 | -.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { | |
4688 | - background-position:-176px 0; | |
4689 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4690 | -} | |
4691 | - | |
4692 | -.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { | |
4693 | - background-position:-112px 0; | |
4694 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4695 | -} | |
4696 | - | |
4697 | -.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { | |
4698 | - background-position:-128px 0; | |
4699 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4700 | -} | |
4701 | - | |
4702 | -.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { | |
4703 | - background-position:-144px 0; | |
4704 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4705 | -} | |
4706 | - | |
4707 | -.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { | |
4708 | - background-position:-80px 0; | |
4709 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4710 | -} | |
4711 | - | |
4712 | -.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { | |
4713 | - background-position:-96px 0; | |
4714 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4715 | -} | |
4716 | - | |
4717 | -.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { | |
4718 | - background-position:-48px 0; | |
4719 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4720 | -} | |
4721 | - | |
4722 | -.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { | |
4723 | - background-position:-64px 0; | |
4724 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4725 | -} | |
4726 | - | |
4727 | -.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { | |
4728 | - background-position:-192px 0; | |
4729 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4730 | -} | |
4731 | - | |
4732 | -.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { | |
4733 | - background-position:-208px 0; | |
4734 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
4735 | -} | |
4736 | - | |
4737 | -.x-html-editor-tip .x-tip-bd .x-tip-bd-inner { | |
4738 | - padding:5px; | |
4739 | - padding-bottom:1px; | |
4740 | -} | |
4741 | - | |
4742 | -.x-html-editor-tb .x-toolbar { | |
4743 | - position:static !important; | |
4744 | -}.x-panel-noborder .x-panel-body-noborder { | |
4745 | - border-width:0; | |
4746 | -} | |
4747 | - | |
4748 | -.x-panel-noborder .x-panel-header-noborder { | |
4749 | - border-width:0 0 1px; | |
4750 | - border-style:solid; | |
4751 | -} | |
4752 | - | |
4753 | -.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
4754 | - border-width:0 0 1px; | |
4755 | - border-style:solid; | |
4756 | -} | |
4757 | - | |
4758 | -.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
4759 | - border-width:1px 0 0 0; | |
4760 | - border-style:solid; | |
4761 | -} | |
4762 | - | |
4763 | -.x-window-noborder .x-window-mc { | |
4764 | - border-width:0; | |
4765 | -} | |
4766 | - | |
4767 | -.x-window-plain .x-window-body-noborder { | |
4768 | - border-width:0; | |
4769 | -} | |
4770 | - | |
4771 | -.x-tab-panel-noborder .x-tab-panel-body-noborder { | |
4772 | - border-width:0; | |
4773 | -} | |
4774 | - | |
4775 | -.x-tab-panel-noborder .x-tab-panel-header-noborder { | |
4776 | - border-width: 0 0 1px 0; | |
4777 | -} | |
4778 | - | |
4779 | -.x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
4780 | - border-width: 1px 0 0 0; | |
4781 | -} | |
4782 | - | |
4783 | -.x-tab-panel-bbar-noborder .x-toolbar { | |
4784 | - border-width: 1px 0 0 0; | |
4785 | - border-style:solid; | |
4786 | -} | |
4787 | - | |
4788 | -.x-tab-panel-tbar-noborder .x-toolbar { | |
4789 | - border-width:0 0 1px; | |
4790 | - border-style:solid; | |
4791 | -}.x-border-layout-ct { | |
4792 | - position: relative; | |
4793 | -} | |
4794 | - | |
4795 | -.x-border-panel { | |
4796 | - position:absolute; | |
4797 | - left:0; | |
4798 | - top:0; | |
4799 | -} | |
4800 | - | |
4801 | -.x-tool-collapse-south { | |
4802 | - background-position:0 -195px; | |
4803 | -} | |
4804 | - | |
4805 | -.x-tool-collapse-south-over { | |
4806 | - background-position:-15px -195px; | |
4807 | -} | |
4808 | - | |
4809 | -.x-tool-collapse-north { | |
4810 | - background-position:0 -210px; | |
4811 | -} | |
4812 | - | |
4813 | -.x-tool-collapse-north-over { | |
4814 | - background-position:-15px -210px; | |
4815 | -} | |
4816 | - | |
4817 | -.x-tool-collapse-west { | |
4818 | - background-position:0 -180px; | |
4819 | -} | |
4820 | - | |
4821 | -.x-tool-collapse-west-over { | |
4822 | - background-position:-15px -180px; | |
4823 | -} | |
4824 | - | |
4825 | -.x-tool-collapse-east { | |
4826 | - background-position:0 -165px; | |
4827 | -} | |
4828 | - | |
4829 | -.x-tool-collapse-east-over { | |
4830 | - background-position:-15px -165px; | |
4831 | -} | |
4832 | - | |
4833 | -.x-tool-expand-south { | |
4834 | - background-position:0 -210px; | |
4835 | -} | |
4836 | - | |
4837 | -.x-tool-expand-south-over { | |
4838 | - background-position:-15px -210px; | |
4839 | -} | |
4840 | - | |
4841 | -.x-tool-expand-north { | |
4842 | - background-position:0 -195px; | |
4843 | -} | |
4844 | -.x-tool-expand-north-over { | |
4845 | - background-position:-15px -195px; | |
4846 | -} | |
4847 | - | |
4848 | -.x-tool-expand-west { | |
4849 | - background-position:0 -165px; | |
4850 | -} | |
4851 | - | |
4852 | -.x-tool-expand-west-over { | |
4853 | - background-position:-15px -165px; | |
4854 | -} | |
4855 | - | |
4856 | -.x-tool-expand-east { | |
4857 | - background-position:0 -180px; | |
4858 | -} | |
4859 | - | |
4860 | -.x-tool-expand-east-over { | |
4861 | - background-position:-15px -180px; | |
4862 | -} | |
4863 | - | |
4864 | -.x-tool-expand-north, .x-tool-expand-south { | |
4865 | - float:right; | |
4866 | - margin:3px; | |
4867 | -} | |
4868 | - | |
4869 | -.x-tool-expand-east, .x-tool-expand-west { | |
4870 | - float:none; | |
4871 | - margin:3px auto; | |
4872 | -} | |
4873 | - | |
4874 | -.x-accordion-hd .x-tool-toggle { | |
4875 | - background-position:0 -255px; | |
4876 | -} | |
4877 | - | |
4878 | -.x-accordion-hd .x-tool-toggle-over { | |
4879 | - background-position:-15px -255px; | |
4880 | -} | |
4881 | - | |
4882 | -.x-panel-collapsed .x-accordion-hd .x-tool-toggle { | |
4883 | - background-position:0 -240px; | |
4884 | -} | |
4885 | - | |
4886 | -.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over { | |
4887 | - background-position:-15px -240px; | |
4888 | -} | |
4889 | - | |
4890 | -.x-accordion-hd { | |
4891 | - padding-top:4px; | |
4892 | - padding-bottom:3px; | |
4893 | - border-top:0 none; | |
4894 | - background: transparent repeat-x 0 -9px; | |
4895 | -} | |
4896 | - | |
4897 | -.x-layout-collapsed{ | |
4898 | - position:absolute; | |
4899 | - left:-10000px; | |
4900 | - top:-10000px; | |
4901 | - visibility:hidden; | |
4902 | - width:20px; | |
4903 | - height:20px; | |
4904 | - overflow:hidden; | |
4905 | - border:1px solid; | |
4906 | - z-index:20; | |
4907 | -} | |
4908 | - | |
4909 | -.ext-border-box .x-layout-collapsed{ | |
4910 | - width:22px; | |
4911 | - height:22px; | |
4912 | -} | |
4913 | - | |
4914 | -.x-layout-collapsed-over{ | |
4915 | - cursor:pointer; | |
4916 | -} | |
4917 | - | |
4918 | -.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{ | |
4919 | - position:absolute; | |
4920 | - top:0; | |
4921 | - left:0; | |
4922 | - width:20px; | |
4923 | - height:20px; | |
4924 | -} | |
4925 | - | |
4926 | - | |
4927 | -.x-layout-split{ | |
4928 | - position:absolute; | |
4929 | - height:5px; | |
4930 | - width:5px; | |
4931 | - line-height:1px; | |
4932 | - font-size:1px; | |
4933 | - z-index:3; | |
4934 | - background-color:transparent; | |
4935 | -} | |
4936 | - | |
4937 | -/* IE6 strict won't drag w/out a color */ | |
4938 | -.ext-strict .ext-ie6 .x-layout-split{ | |
4939 | - background-color: #fff !important; | |
4940 | - filter: alpha(opacity=1); | |
4941 | -} | |
4942 | - | |
4943 | -.x-layout-split-h{ | |
4944 | - background-image:url(../images/default/s.gif); | |
4945 | - background-position: left; | |
4946 | -} | |
4947 | - | |
4948 | -.x-layout-split-v{ | |
4949 | - background-image:url(../images/default/s.gif); | |
4950 | - background-position: top; | |
4951 | -} | |
4952 | - | |
4953 | -.x-column-layout-ct { | |
4954 | - overflow:hidden; | |
4955 | - zoom:1; | |
4956 | -} | |
4957 | - | |
4958 | -.x-column { | |
4959 | - float:left; | |
4960 | - padding:0; | |
4961 | - margin:0; | |
4962 | - overflow:hidden; | |
4963 | - zoom:1; | |
4964 | -} | |
4965 | - | |
4966 | -.x-column-inner { | |
4967 | - overflow:hidden; | |
4968 | - zoom:1; | |
4969 | -} | |
4970 | - | |
4971 | -/* mini mode */ | |
4972 | -.x-layout-mini { | |
4973 | - position:absolute; | |
4974 | - top:0; | |
4975 | - left:0; | |
4976 | - display:block; | |
4977 | - width:5px; | |
4978 | - height:35px; | |
4979 | - cursor:pointer; | |
4980 | - opacity:.5; | |
4981 | - -moz-opacity:.5; | |
4982 | - filter:alpha(opacity=50); | |
4983 | -} | |
4984 | - | |
4985 | -.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{ | |
4986 | - opacity:1; | |
4987 | - -moz-opacity:1; | |
4988 | - filter:none; | |
4989 | -} | |
4990 | - | |
4991 | -.x-layout-split-west .x-layout-mini { | |
4992 | - top:48%; | |
4993 | -} | |
4994 | - | |
4995 | -.x-layout-split-east .x-layout-mini { | |
4996 | - top:48%; | |
4997 | -} | |
4998 | - | |
4999 | -.x-layout-split-north .x-layout-mini { | |
5000 | - left:48%; | |
5001 | - height:5px; | |
5002 | - width:35px; | |
5003 | -} | |
5004 | - | |
5005 | -.x-layout-split-south .x-layout-mini { | |
5006 | - left:48%; | |
5007 | - height:5px; | |
5008 | - width:35px; | |
5009 | -} | |
5010 | - | |
5011 | -.x-layout-cmini-west .x-layout-mini { | |
5012 | - top:48%; | |
5013 | -} | |
5014 | - | |
5015 | -.x-layout-cmini-east .x-layout-mini { | |
5016 | - top:48%; | |
5017 | -} | |
5018 | - | |
5019 | -.x-layout-cmini-north .x-layout-mini { | |
5020 | - left:48%; | |
5021 | - height:5px; | |
5022 | - width:35px; | |
5023 | -} | |
5024 | - | |
5025 | -.x-layout-cmini-south .x-layout-mini { | |
5026 | - left:48%; | |
5027 | - height:5px; | |
5028 | - width:35px; | |
5029 | -} | |
5030 | - | |
5031 | -.x-layout-cmini-west, .x-layout-cmini-east { | |
5032 | - border:0 none; | |
5033 | - width:5px !important; | |
5034 | - padding:0; | |
5035 | - background:transparent; | |
5036 | -} | |
5037 | - | |
5038 | -.x-layout-cmini-north, .x-layout-cmini-south { | |
5039 | - border:0 none; | |
5040 | - height:5px !important; | |
5041 | - padding:0; | |
5042 | - background:transparent; | |
5043 | -} | |
5044 | - | |
5045 | -.x-viewport, .x-viewport body { | |
5046 | - margin: 0; | |
5047 | - padding: 0; | |
5048 | - border: 0 none; | |
5049 | - overflow: hidden; | |
5050 | - height: 100%; | |
5051 | -} | |
5052 | - | |
5053 | -.x-abs-layout-item { | |
5054 | - position:absolute; | |
5055 | - left:0; | |
5056 | - top:0; | |
5057 | -} | |
5058 | - | |
5059 | -.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item { | |
5060 | - margin:0; | |
5061 | -} | |
5062 | - | |
5063 | -.x-box-layout-ct { | |
5064 | - overflow:hidden; | |
5065 | - zoom:1; | |
5066 | -} | |
5067 | - | |
5068 | -.x-box-inner { | |
5069 | - overflow:hidden; | |
5070 | - zoom:1; | |
5071 | - position:relative; | |
5072 | - left:0; | |
5073 | - top:0; | |
5074 | -} | |
5075 | - | |
5076 | -.x-box-item { | |
5077 | - position:absolute; | |
5078 | - left:0; | |
5079 | - top:0; | |
5080 | -}.x-progress-wrap { | |
5081 | - border:1px solid; | |
5082 | - overflow:hidden; | |
5083 | -} | |
5084 | - | |
5085 | -.x-progress-inner { | |
5086 | - height:18px; | |
5087 | - background:repeat-x; | |
5088 | - position:relative; | |
5089 | -} | |
5090 | - | |
5091 | -.x-progress-bar { | |
5092 | - height:18px; | |
5093 | - float:left; | |
5094 | - width:0; | |
5095 | - background: repeat-x left center; | |
5096 | - border-top:1px solid; | |
5097 | - border-bottom:1px solid; | |
5098 | - border-right:1px solid; | |
5099 | -} | |
5100 | - | |
5101 | -.x-progress-text { | |
5102 | - padding:1px 5px; | |
5103 | - overflow:hidden; | |
5104 | - position:absolute; | |
5105 | - left:0; | |
5106 | - text-align:center; | |
5107 | -} | |
5108 | - | |
5109 | -.x-progress-text-back { | |
5110 | - line-height:16px; | |
5111 | -} | |
5112 | - | |
5113 | -.ext-ie .x-progress-text-back { | |
5114 | - line-height:15px; | |
5115 | -}.x-list-header{ | |
5116 | - background: repeat-x 0 bottom; | |
5117 | - cursor:default; | |
5118 | - zoom:1; | |
5119 | - height:22px; | |
5120 | -} | |
5121 | - | |
5122 | -.x-list-header-inner div { | |
5123 | - display:block; | |
5124 | - float:left; | |
5125 | - overflow:hidden; | |
5126 | - -o-text-overflow: ellipsis; | |
5127 | - text-overflow: ellipsis; | |
5128 | - white-space: nowrap; | |
5129 | -} | |
5130 | - | |
5131 | -.x-list-header-inner div em { | |
5132 | - display:block; | |
5133 | - border-left:1px solid; | |
5134 | - padding:4px 4px; | |
5135 | - overflow:hidden; | |
5136 | - -moz-user-select: none; | |
5137 | - -khtml-user-select: none; | |
5138 | - line-height:14px; | |
5139 | -} | |
5140 | - | |
5141 | -.x-list-body { | |
5142 | - overflow:auto; | |
5143 | - overflow-x:hidden; | |
5144 | - overflow-y:auto; | |
5145 | - zoom:1; | |
5146 | - float: left; | |
5147 | - width: 100%; | |
5148 | -} | |
5149 | - | |
5150 | -.x-list-body dl { | |
5151 | - zoom:1; | |
5152 | -} | |
5153 | - | |
5154 | -.x-list-body dt { | |
5155 | - display:block; | |
5156 | - float:left; | |
5157 | - overflow:hidden; | |
5158 | - -o-text-overflow: ellipsis; | |
5159 | - text-overflow: ellipsis; | |
5160 | - white-space: nowrap; | |
5161 | - cursor:pointer; | |
5162 | - zoom:1; | |
5163 | -} | |
5164 | - | |
5165 | -.x-list-body dt em { | |
5166 | - display:block; | |
5167 | - padding:3px 4px; | |
5168 | - overflow:hidden; | |
5169 | - -moz-user-select: none; | |
5170 | - -khtml-user-select: none; | |
5171 | -} | |
5172 | - | |
5173 | -.x-list-resizer { | |
5174 | - border-left:1px solid; | |
5175 | - border-right:1px solid; | |
5176 | - position:absolute; | |
5177 | - left:0; | |
5178 | - top:0; | |
5179 | -} | |
5180 | - | |
5181 | -.x-list-header-inner em.sort-asc { | |
5182 | - background: transparent no-repeat center 0; | |
5183 | - border-style:solid; | |
5184 | - border-width: 0 1px 1px; | |
5185 | - padding-bottom:3px; | |
5186 | -} | |
5187 | - | |
5188 | -.x-list-header-inner em.sort-desc { | |
5189 | - background: transparent no-repeat center -23px; | |
5190 | - border-style:solid; | |
5191 | - border-width: 0 1px 1px; | |
5192 | - padding-bottom:3px; | |
5193 | -} | |
5194 | -/* Shared styles */ | |
5195 | -.x-slider { | |
5196 | - zoom:1; | |
5197 | -} | |
5198 | - | |
5199 | -.x-slider-inner { | |
5200 | - position:relative; | |
5201 | - left:0; | |
5202 | - top:0; | |
5203 | - overflow:visible; | |
5204 | - zoom:1; | |
5205 | -} | |
5206 | - | |
5207 | -.x-slider-focus { | |
5208 | - position:absolute; | |
5209 | - left:0; | |
5210 | - top:0; | |
5211 | - width:1px; | |
5212 | - height:1px; | |
5213 | - line-height:1px; | |
5214 | - font-size:1px; | |
5215 | - -moz-outline:0 none; | |
5216 | - outline:0 none; | |
5217 | - -moz-user-select: none; | |
5218 | - -khtml-user-select:none; | |
5219 | - -webkit-user-select:ignore; | |
5220 | - display:block; | |
5221 | - overflow:hidden; | |
5222 | -} | |
5223 | - | |
5224 | -/* Horizontal styles */ | |
5225 | -.x-slider-horz { | |
5226 | - padding-left:7px; | |
5227 | - background:transparent no-repeat 0 -22px; | |
5228 | -} | |
5229 | - | |
5230 | -.x-slider-horz .x-slider-end { | |
5231 | - padding-right:7px; | |
5232 | - zoom:1; | |
5233 | - background:transparent no-repeat right -44px; | |
5234 | -} | |
5235 | - | |
5236 | -.x-slider-horz .x-slider-inner { | |
5237 | - background:transparent repeat-x 0 0; | |
5238 | - height:22px; | |
5239 | -} | |
5240 | - | |
5241 | -.x-slider-horz .x-slider-thumb { | |
5242 | - width:14px; | |
5243 | - height:15px; | |
5244 | - position:absolute; | |
5245 | - left:0; | |
5246 | - top:3px; | |
5247 | - background:transparent no-repeat 0 0; | |
5248 | -} | |
5249 | - | |
5250 | -.x-slider-horz .x-slider-thumb-over { | |
5251 | - background-position: -14px -15px; | |
5252 | -} | |
5253 | - | |
5254 | -.x-slider-horz .x-slider-thumb-drag { | |
5255 | - background-position: -28px -30px; | |
5256 | -} | |
5257 | - | |
5258 | -/* Vertical styles */ | |
5259 | -.x-slider-vert { | |
5260 | - padding-top:7px; | |
5261 | - background:transparent no-repeat -44px 0; | |
5262 | - width:22px; | |
5263 | -} | |
5264 | - | |
5265 | -.x-slider-vert .x-slider-end { | |
5266 | - padding-bottom:7px; | |
5267 | - zoom:1; | |
5268 | - background:transparent no-repeat -22px bottom; | |
5269 | -} | |
5270 | - | |
5271 | -.x-slider-vert .x-slider-inner { | |
5272 | - background:transparent repeat-y 0 0; | |
5273 | -} | |
5274 | - | |
5275 | -.x-slider-vert .x-slider-thumb { | |
5276 | - width:15px; | |
5277 | - height:14px; | |
5278 | - position:absolute; | |
5279 | - left:3px; | |
5280 | - bottom:0; | |
5281 | - background:transparent no-repeat 0 0; | |
5282 | -} | |
5283 | - | |
5284 | -.x-slider-vert .x-slider-thumb-over { | |
5285 | - background-position: -15px -14px; | |
5286 | -} | |
5287 | - | |
5288 | -.x-slider-vert .x-slider-thumb-drag { | |
5289 | - background-position: -30px -28px; | |
5290 | -}.x-window-dlg .x-window-body { | |
5291 | - border:0 none !important; | |
5292 | - padding:5px 10px; | |
5293 | - overflow:hidden !important; | |
5294 | -} | |
5295 | - | |
5296 | -.x-window-dlg .x-window-mc { | |
5297 | - border:0 none !important; | |
5298 | -} | |
5299 | - | |
5300 | -.x-window-dlg .ext-mb-input { | |
5301 | - margin-top:4px; | |
5302 | - width:95%; | |
5303 | -} | |
5304 | - | |
5305 | -.x-window-dlg .ext-mb-textarea { | |
5306 | - margin-top:4px; | |
5307 | -} | |
5308 | - | |
5309 | -.x-window-dlg .x-progress-wrap { | |
5310 | - margin-top:4px; | |
5311 | -} | |
5312 | - | |
5313 | -.ext-ie .x-window-dlg .x-progress-wrap { | |
5314 | - margin-top:6px; | |
5315 | -} | |
5316 | - | |
5317 | -.x-window-dlg .x-msg-box-wait { | |
5318 | - background:transparent no-repeat left; | |
5319 | - display:block; | |
5320 | - width:300px; | |
5321 | - padding-left:18px; | |
5322 | - line-height:18px; | |
5323 | -} | |
5324 | - | |
5325 | -.x-window-dlg .ext-mb-icon { | |
5326 | - float:left; | |
5327 | - width:47px; | |
5328 | - height:32px; | |
5329 | -} | |
5330 | - | |
5331 | -.ext-ie .x-window-dlg .ext-mb-icon { | |
5332 | - width:44px; /* 3px IE margin issue */ | |
5333 | -} | |
5334 | - | |
5335 | -.x-window-dlg .x-dlg-icon .ext-mb-content{ | |
5336 | - zoom: 1; margin-left: 47px; | |
5337 | -} | |
5338 | - | |
5339 | -.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { | |
5340 | - background:transparent no-repeat top left; | |
5341 | -} | |
5342 | - | |
5343 | -.ext-gecko2 .ext-mb-fix-cursor { | |
5344 | - overflow:auto; | |
5345 | -}.ext-el-mask { | |
5346 | - background-color: #ccc; | |
5347 | -} | |
5348 | - | |
5349 | -.ext-el-mask-msg { | |
5350 | - border-color:#6593cf; | |
5351 | - background-color:#c3daf9; | |
5352 | - background-image:url(../images/default/box/tb-blue.gif); | |
5353 | -} | |
5354 | -.ext-el-mask-msg div { | |
5355 | - background-color: #eee; | |
5356 | - border-color:#a3bad9; | |
5357 | - color:#222; | |
5358 | - font:normal 11px tahoma, arial, helvetica, sans-serif; | |
5359 | -} | |
5360 | - | |
5361 | -.x-mask-loading div { | |
5362 | - background-color:#fbfbfb; | |
5363 | - background-image:url(../images/default/grid/loading.gif); | |
5364 | -} | |
5365 | - | |
5366 | -.x-item-disabled { | |
5367 | - color: gray; | |
5368 | -} | |
5369 | - | |
5370 | -.x-item-disabled * { | |
5371 | - color: gray !important; | |
5372 | -} | |
5373 | - | |
5374 | -.x-splitbar-proxy { | |
5375 | - background-color: #aaa; | |
5376 | -} | |
5377 | - | |
5378 | -.x-color-palette a { | |
5379 | - border-color:#fff; | |
5380 | -} | |
5381 | - | |
5382 | -.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
5383 | - border-color:#8bb8f3; | |
5384 | - background-color: #deecfd; | |
5385 | -} | |
5386 | - | |
5387 | -.x-color-palette em { | |
5388 | - border-color:#aca899; | |
5389 | -} | |
5390 | - | |
5391 | -.x-ie-shadow { | |
5392 | - background-color:#777; | |
5393 | -} | |
5394 | - | |
5395 | -.x-shadow .xsmc { | |
5396 | - background-image: url(../images/default/shadow-c.png); | |
5397 | -} | |
5398 | - | |
5399 | -.x-shadow .xsml, .x-shadow .xsmr { | |
5400 | - background-image: url(../images/default/shadow-lr.png); | |
5401 | -} | |
5402 | - | |
5403 | -.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ | |
5404 | - background-image: url(../images/default/shadow.png); | |
5405 | -} | |
5406 | - | |
5407 | -.loading-indicator { | |
5408 | - font-size: 11px; | |
5409 | - background-image: url(../images/default/grid/loading.gif); | |
5410 | -} | |
5411 | - | |
5412 | -.x-spotlight { | |
5413 | - background-color: #ccc; | |
5414 | -} | |
5415 | -.x-tab-panel-header, .x-tab-panel-footer { | |
5416 | - background-color: #deecfd; | |
5417 | - border-color:#8db2e3; | |
5418 | - overflow:hidden; | |
5419 | - zoom:1; | |
5420 | -} | |
5421 | - | |
5422 | -.x-tab-panel-header, .x-tab-panel-footer { | |
5423 | - border-color:#8db2e3; | |
5424 | -} | |
5425 | - | |
5426 | -ul.x-tab-strip-top{ | |
5427 | - background-color:#cedff5; | |
5428 | - background-image: url(../images/default/tabs/tab-strip-bg.gif); | |
5429 | - border-bottom-color:#8db2e3; | |
5430 | -} | |
5431 | - | |
5432 | -ul.x-tab-strip-bottom{ | |
5433 | - background-color:#cedff5; | |
5434 | - background-image: url(../images/default/tabs/tab-strip-btm-bg.gif); | |
5435 | - border-top-color:#8db2e3; | |
5436 | -} | |
5437 | - | |
5438 | -.x-tab-panel-header-plain .x-tab-strip-spacer, | |
5439 | -.x-tab-panel-footer-plain .x-tab-strip-spacer { | |
5440 | - border-color:#8db2e3; | |
5441 | - background-color: #deecfd; | |
5442 | -} | |
5443 | - | |
5444 | -.x-tab-strip span.x-tab-strip-text { | |
5445 | - font:normal 11px tahoma,arial,helvetica; | |
5446 | - color:#416aa3; | |
5447 | -} | |
5448 | - | |
5449 | -.x-tab-strip-over span.x-tab-strip-text { | |
5450 | - color:#15428b; | |
5451 | -} | |
5452 | - | |
5453 | -.x-tab-strip-active span.x-tab-strip-text { | |
5454 | - color:#15428b; | |
5455 | - font-weight:bold; | |
5456 | -} | |
5457 | - | |
5458 | -.x-tab-strip-disabled .x-tabs-text { | |
5459 | - color:#aaaaaa; | |
5460 | -} | |
5461 | - | |
5462 | -.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{ | |
5463 | - background-image: url(../images/default/tabs/tabs-sprite.gif); | |
5464 | -} | |
5465 | - | |
5466 | -.x-tab-strip-bottom .x-tab-right { | |
5467 | - background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif); | |
5468 | -} | |
5469 | - | |
5470 | -.x-tab-strip-bottom .x-tab-left { | |
5471 | - background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif); | |
5472 | -} | |
5473 | - | |
5474 | -.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { | |
5475 | - background-image: url(../images/default/tabs/tab-btm-right-bg.gif); | |
5476 | -} | |
5477 | - | |
5478 | -.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { | |
5479 | - background-image: url(../images/default/tabs/tab-btm-left-bg.gif); | |
5480 | -} | |
5481 | - | |
5482 | -.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { | |
5483 | - background-image:url(../images/default/tabs/tab-close.gif); | |
5484 | -} | |
5485 | - | |
5486 | -.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ | |
5487 | - background-image:url(../images/default/tabs/tab-close.gif); | |
5488 | -} | |
5489 | - | |
5490 | -.x-tab-panel-body { | |
5491 | - border-color:#8db2e3; | |
5492 | - background-color:#fff; | |
5493 | -} | |
5494 | - | |
5495 | -.x-tab-panel-body-top { | |
5496 | - border-top: 0 none; | |
5497 | -} | |
5498 | - | |
5499 | -.x-tab-panel-body-bottom { | |
5500 | - border-bottom: 0 none; | |
5501 | -} | |
5502 | - | |
5503 | -.x-tab-scroller-left { | |
5504 | - background-image:url(../images/default/tabs/scroll-left.gif); | |
5505 | - border-bottom-color:#8db2e3; | |
5506 | -} | |
5507 | - | |
5508 | -.x-tab-scroller-left-over { | |
5509 | - background-position: 0 0; | |
5510 | -} | |
5511 | - | |
5512 | -.x-tab-scroller-left-disabled { | |
5513 | - background-position: -18px 0; | |
5514 | - opacity:.5; | |
5515 | - -moz-opacity:.5; | |
5516 | - filter:alpha(opacity=50); | |
5517 | - cursor:default; | |
5518 | -} | |
5519 | - | |
5520 | -.x-tab-scroller-right { | |
5521 | - background-image:url(../images/default/tabs/scroll-right.gif); | |
5522 | - border-bottom-color:#8db2e3; | |
5523 | -} | |
5524 | - | |
5525 | -.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar { | |
5526 | - border-color:#99bbe8; | |
5527 | -}.x-form-field{ | |
5528 | - font:normal 12px tahoma, arial, helvetica, sans-serif; | |
5529 | -} | |
5530 | - | |
5531 | -.x-form-text, textarea.x-form-field{ | |
5532 | - background-color:#fff; | |
5533 | - background-image:url(../images/default/form/text-bg.gif); | |
5534 | - border-color:#b5b8c8; | |
5535 | -} | |
5536 | - | |
5537 | -.x-form-select-one { | |
5538 | - background-color:#fff; | |
5539 | - border-color:#b5b8c8; | |
5540 | -} | |
5541 | - | |
5542 | -.x-form-check-group-label { | |
5543 | - border-bottom: 1px solid #99bbe8; | |
5544 | - color: #15428b; | |
5545 | -} | |
5546 | - | |
5547 | -.x-editor .x-form-check-wrap { | |
5548 | - background-color:#fff; | |
5549 | -} | |
5550 | - | |
5551 | -.x-form-field-wrap .x-form-trigger{ | |
5552 | - background-image:url(../images/default/form/trigger.gif); | |
5553 | - border-bottom-color:#b5b8c8; | |
5554 | -} | |
5555 | - | |
5556 | -.x-form-field-wrap .x-form-date-trigger{ | |
5557 | - background-image: url(../images/default/form/date-trigger.gif); | |
5558 | -} | |
5559 | - | |
5560 | -.x-form-field-wrap .x-form-clear-trigger{ | |
5561 | - background-image: url(../images/default/form/clear-trigger.gif); | |
5562 | -} | |
5563 | - | |
5564 | -.x-form-field-wrap .x-form-search-trigger{ | |
5565 | - background-image: url(../images/default/form/search-trigger.gif); | |
5566 | -} | |
5567 | - | |
5568 | -.x-trigger-wrap-focus .x-form-trigger{ | |
5569 | - border-bottom-color:#7eadd9; | |
5570 | -} | |
5571 | - | |
5572 | -.x-item-disabled .x-form-trigger-over{ | |
5573 | - border-bottom-color:#b5b8c8; | |
5574 | -} | |
5575 | - | |
5576 | -.x-item-disabled .x-form-trigger-click{ | |
5577 | - border-bottom-color:#b5b8c8; | |
5578 | -} | |
5579 | - | |
5580 | -.x-form-focus, textarea.x-form-focus{ | |
5581 | - border-color:#7eadd9; | |
5582 | -} | |
5583 | - | |
5584 | -.x-form-invalid, textarea.x-form-invalid{ | |
5585 | - background-color:#fff; | |
5586 | - background-image:url(../images/default/grid/invalid_line.gif); | |
5587 | - border-color:#c30; | |
5588 | -} | |
5589 | - | |
5590 | -.ext-safari .x-form-invalid{ | |
5591 | - background-color:#fee; | |
5592 | - border-color:#ff7870; | |
5593 | -} | |
5594 | - | |
5595 | -.x-form-inner-invalid, textarea.x-form-inner-invalid{ | |
5596 | - background-color:#fff; | |
5597 | - background-image:url(../images/default/grid/invalid_line.gif); | |
5598 | -} | |
5599 | - | |
5600 | -.x-form-grow-sizer { | |
5601 | - font:normal 12px tahoma, arial, helvetica, sans-serif; | |
5602 | -} | |
5603 | - | |
5604 | -.x-form-item { | |
5605 | - font:normal 12px tahoma, arial, helvetica, sans-serif; | |
5606 | -} | |
5607 | - | |
5608 | -.x-form-invalid-msg { | |
5609 | - color:#c0272b; | |
5610 | - font:normal 11px tahoma, arial, helvetica, sans-serif; | |
5611 | - background-image:url(../images/default/shared/warning.gif); | |
5612 | -} | |
5613 | - | |
5614 | -.x-form-empty-field { | |
5615 | - color:gray; | |
5616 | -} | |
5617 | - | |
5618 | -.x-small-editor .x-form-field { | |
5619 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
5620 | -} | |
5621 | - | |
5622 | -.ext-safari .x-small-editor .x-form-field { | |
5623 | - font:normal 12px arial, tahoma, helvetica, sans-serif; | |
5624 | -} | |
5625 | - | |
5626 | -.x-form-invalid-icon { | |
5627 | - background-image:url(../images/default/form/exclamation.gif); | |
5628 | -} | |
5629 | - | |
5630 | -.x-fieldset { | |
5631 | - border-color:#b5b8c8; | |
5632 | -} | |
5633 | - | |
5634 | -.x-fieldset legend { | |
5635 | - font:bold 11px tahoma, arial, helvetica, sans-serif; | |
5636 | - color:#15428b; | |
5637 | -} | |
5638 | -.x-btn{ | |
5639 | - font:normal 11px tahoma, verdana, helvetica; | |
5640 | -} | |
5641 | - | |
5642 | -.x-btn button{ | |
5643 | - font:normal 11px arial,tahoma,verdana,helvetica; | |
5644 | - color:#333; | |
5645 | -} | |
5646 | - | |
5647 | -.x-btn em { | |
5648 | - font-style:normal; | |
5649 | - font-weight:normal; | |
5650 | -} | |
5651 | - | |
5652 | -.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ | |
5653 | - background-image:url(../images/default/button/btn.gif); | |
5654 | -} | |
5655 | - | |
5656 | -.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ | |
5657 | - color:#000; | |
5658 | -} | |
5659 | - | |
5660 | -.x-btn-disabled *{ | |
5661 | - color:gray !important; | |
5662 | -} | |
5663 | - | |
5664 | -.x-btn-mc em.x-btn-arrow { | |
5665 | - background-image:url(../images/default/button/arrow.gif); | |
5666 | -} | |
5667 | - | |
5668 | -.x-btn-mc em.x-btn-split { | |
5669 | - background-image:url(../images/default/button/s-arrow.gif); | |
5670 | -} | |
5671 | - | |
5672 | -.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { | |
5673 | - background-image:url(../images/default/button/s-arrow-o.gif); | |
5674 | -} | |
5675 | - | |
5676 | -.x-btn-mc em.x-btn-arrow-bottom { | |
5677 | - background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
5678 | -} | |
5679 | - | |
5680 | -.x-btn-mc em.x-btn-split-bottom { | |
5681 | - background-image:url(../images/default/button/s-arrow-b.gif); | |
5682 | -} | |
5683 | - | |
5684 | -.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { | |
5685 | - background-image:url(../images/default/button/s-arrow-bo.gif); | |
5686 | -} | |
5687 | - | |
5688 | -.x-btn-group-header { | |
5689 | - color: #3e6aaa; | |
5690 | -} | |
5691 | - | |
5692 | -.x-btn-group-tc { | |
5693 | - background-image: url(../images/default/button/group-tb.gif); | |
5694 | -} | |
5695 | - | |
5696 | -.x-btn-group-tl { | |
5697 | - background-image: url(../images/default/button/group-cs.gif); | |
5698 | -} | |
5699 | - | |
5700 | -.x-btn-group-tr { | |
5701 | - background-image: url(../images/default/button/group-cs.gif); | |
5702 | -} | |
5703 | - | |
5704 | -.x-btn-group-bc { | |
5705 | - background-image: url(../images/default/button/group-tb.gif); | |
5706 | -} | |
5707 | - | |
5708 | -.x-btn-group-bl { | |
5709 | - background-image: url(../images/default/button/group-cs.gif); | |
5710 | -} | |
5711 | - | |
5712 | -.x-btn-group-br { | |
5713 | - background-image: url(../images/default/button/group-cs.gif); | |
5714 | -} | |
5715 | - | |
5716 | -.x-btn-group-ml { | |
5717 | - background-image: url(../images/default/button/group-lr.gif); | |
5718 | -} | |
5719 | -.x-btn-group-mr { | |
5720 | - background-image: url(../images/default/button/group-lr.gif); | |
5721 | -} | |
5722 | - | |
5723 | -.x-btn-group-notitle .x-btn-group-tc { | |
5724 | - background-image: url(../images/default/button/group-tb.gif); | |
5725 | -}.x-toolbar{ | |
5726 | - border-color:#a9bfd3; | |
5727 | - background-color:#d0def0; | |
5728 | - background-image:url(../images/default/toolbar/bg.gif); | |
5729 | -} | |
5730 | - | |
5731 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
5732 | - font:normal 11px arial,tahoma, helvetica, sans-serif; | |
5733 | -} | |
5734 | - | |
5735 | -.x-toolbar .x-item-disabled { | |
5736 | - color:gray; | |
5737 | -} | |
5738 | - | |
5739 | -.x-toolbar .x-item-disabled * { | |
5740 | - color:gray; | |
5741 | -} | |
5742 | - | |
5743 | -.x-toolbar .x-btn-mc em.x-btn-split { | |
5744 | - background-image:url(../images/default/button/s-arrow-noline.gif); | |
5745 | -} | |
5746 | - | |
5747 | -.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, | |
5748 | -.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split | |
5749 | -{ | |
5750 | - background-image:url(../images/default/button/s-arrow-o.gif); | |
5751 | -} | |
5752 | - | |
5753 | -.x-toolbar .x-btn-mc em.x-btn-split-bottom { | |
5754 | - background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
4575 | +.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar { | |
4576 | + border-left:0 none; | |
4577 | + border-right: 0 none; | |
5755 | 4578 | } |
5756 | 4579 | |
5757 | -.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, | |
5758 | -.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom | |
5759 | -{ | |
5760 | - background-image:url(../images/default/button/s-arrow-bo.gif); | |
4580 | +.x-window-bbar .x-toolbar { | |
4581 | + border-top:1px solid; | |
4582 | + border-bottom:0 none; | |
5761 | 4583 | } |
5762 | 4584 | |
5763 | -.x-toolbar .xtb-sep { | |
5764 | - background-image: url(../images/default/grid/grid-blue-split.gif); | |
4585 | +.x-window-draggable, .x-window-draggable .x-window-header-text { | |
4586 | + cursor:move; | |
5765 | 4587 | } |
5766 | 4588 | |
5767 | -.x-tbar-page-first{ | |
5768 | - background-image: url(../images/default/grid/page-first.gif) !important; | |
4589 | +.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text { | |
4590 | + cursor:default; | |
5769 | 4591 | } |
5770 | 4592 | |
5771 | -.x-tbar-loading{ | |
5772 | - background-image: url(../images/default/grid/refresh.gif) !important; | |
4593 | +.x-window-body { | |
4594 | + background:transparent; | |
5773 | 4595 | } |
5774 | 4596 | |
5775 | -.x-tbar-page-last{ | |
5776 | - background-image: url(../images/default/grid/page-last.gif) !important; | |
4597 | +.x-panel-ghost .x-window-tl { | |
4598 | + border-bottom:1px solid; | |
5777 | 4599 | } |
5778 | 4600 | |
5779 | -.x-tbar-page-next{ | |
5780 | - background-image: url(../images/default/grid/page-next.gif) !important; | |
4601 | +.x-panel-collapsed .x-window-tl { | |
4602 | + border-bottom:1px solid; | |
5781 | 4603 | } |
5782 | 4604 | |
5783 | -.x-tbar-page-prev{ | |
5784 | - background-image: url(../images/default/grid/page-prev.gif) !important; | |
4605 | +.x-window-maximized-ct { | |
4606 | + overflow:hidden; | |
5785 | 4607 | } |
5786 | 4608 | |
5787 | -.x-item-disabled .x-tbar-loading{ | |
5788 | - background-image: url(../images/default/grid/loading.gif) !important; | |
4609 | +.x-window-maximized .x-resizable-handle { | |
4610 | + display:none; | |
5789 | 4611 | } |
5790 | 4612 | |
5791 | -.x-item-disabled .x-tbar-page-first{ | |
5792 | - background-image: url(../images/default/grid/page-first-disabled.gif) !important; | |
4613 | +.x-window-sizing-ghost ul { | |
4614 | + border:0 none !important; | |
5793 | 4615 | } |
5794 | 4616 | |
5795 | -.x-item-disabled .x-tbar-page-last{ | |
5796 | - background-image: url(../images/default/grid/page-last-disabled.gif) !important; | |
4617 | +.x-dlg-focus{ | |
4618 | + -moz-outline:0 none; | |
4619 | + outline:0 none; | |
4620 | + width:0; | |
4621 | + height:0; | |
4622 | + overflow:hidden; | |
4623 | + position:absolute; | |
4624 | + top:0; | |
4625 | + left:0; | |
5797 | 4626 | } |
5798 | 4627 | |
5799 | -.x-item-disabled .x-tbar-page-next{ | |
5800 | - background-image: url(../images/default/grid/page-next-disabled.gif) !important; | |
4628 | +.ext-webkit .x-dlg-focus{ | |
4629 | + width: 1px; | |
4630 | + height: 1px; | |
5801 | 4631 | } |
5802 | 4632 | |
5803 | -.x-item-disabled .x-tbar-page-prev{ | |
5804 | - background-image: url(../images/default/grid/page-prev-disabled.gif) !important; | |
4633 | +.x-dlg-mask{ | |
4634 | + z-index:10000; | |
4635 | + display:none; | |
4636 | + position:absolute; | |
4637 | + top:0; | |
4638 | + left:0; | |
4639 | + -moz-opacity: 0.5; | |
4640 | + opacity:.50; | |
4641 | + filter: alpha(opacity=50); | |
5805 | 4642 | } |
5806 | 4643 | |
5807 | -.x-paging-info { | |
5808 | - color:#444; | |
4644 | +body.ext-ie6.x-body-masked select { | |
4645 | + visibility:hidden; | |
5809 | 4646 | } |
5810 | 4647 | |
5811 | -.x-toolbar-more-icon { | |
5812 | - background-image: url(../images/default/toolbar/more.gif) !important; | |
4648 | +body.ext-ie6.x-body-masked .x-window select { | |
4649 | + visibility:visible; | |
5813 | 4650 | } |
5814 | 4651 | |
5815 | -.x-statusbar .x-status-busy { | |
5816 | - background-image: url(../images/default/grid/loading.gif); | |
4652 | +.x-window-plain .x-window-mc { | |
4653 | + border: 1px solid; | |
5817 | 4654 | } |
5818 | 4655 | |
5819 | -.x-statusbar .x-status-text-panel { | |
5820 | - border-color: #99bbe8 #fff #fff #99bbe8; | |
5821 | -}.x-resizable-handle { | |
5822 | - background-color:#fff; | |
4656 | +.x-window-plain .x-window-body { | |
4657 | + border: 1px solid; | |
4658 | + background:transparent !important; | |
4659 | +}.x-html-editor-wrap { | |
4660 | + border:1px solid; | |
4661 | +} | |
4662 | + | |
4663 | +.x-html-editor-tb .x-btn-text { | |
4664 | + background:transparent no-repeat; | |
4665 | +} | |
4666 | + | |
4667 | +.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { | |
4668 | + background-position:0 0; | |
4669 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4670 | +} | |
4671 | + | |
4672 | +.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { | |
4673 | + background-position:-16px 0; | |
4674 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4675 | +} | |
4676 | + | |
4677 | +.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { | |
4678 | + background-position:-32px 0; | |
4679 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4680 | +} | |
4681 | + | |
4682 | +.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { | |
4683 | + background-position:-160px 0; | |
4684 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4685 | +} | |
4686 | + | |
4687 | +.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { | |
4688 | + background-position:-176px 0; | |
4689 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4690 | +} | |
4691 | + | |
4692 | +.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { | |
4693 | + background-position:-112px 0; | |
4694 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4695 | +} | |
4696 | + | |
4697 | +.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { | |
4698 | + background-position:-128px 0; | |
4699 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4700 | +} | |
4701 | + | |
4702 | +.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { | |
4703 | + background-position:-144px 0; | |
4704 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4705 | +} | |
4706 | + | |
4707 | +.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { | |
4708 | + background-position:-80px 0; | |
4709 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4710 | +} | |
4711 | + | |
4712 | +.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { | |
4713 | + background-position:-96px 0; | |
4714 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4715 | +} | |
4716 | + | |
4717 | +.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { | |
4718 | + background-position:-48px 0; | |
4719 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4720 | +} | |
4721 | + | |
4722 | +.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { | |
4723 | + background-position:-64px 0; | |
4724 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4725 | +} | |
4726 | + | |
4727 | +.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { | |
4728 | + background-position:-192px 0; | |
4729 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4730 | +} | |
4731 | + | |
4732 | +.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { | |
4733 | + background-position:-208px 0; | |
4734 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
4735 | +} | |
4736 | + | |
4737 | +.x-html-editor-tip .x-tip-bd .x-tip-bd-inner { | |
4738 | + padding:5px; | |
4739 | + padding-bottom:1px; | |
4740 | +} | |
4741 | + | |
4742 | +.x-html-editor-tb .x-toolbar { | |
4743 | + position:static !important; | |
4744 | +}.x-panel-noborder .x-panel-body-noborder { | |
4745 | + border-width:0; | |
4746 | +} | |
4747 | + | |
4748 | +.x-panel-noborder .x-panel-header-noborder { | |
4749 | + border-width:0 0 1px; | |
4750 | + border-style:solid; | |
4751 | +} | |
4752 | + | |
4753 | +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
4754 | + border-width:0 0 1px; | |
4755 | + border-style:solid; | |
4756 | +} | |
4757 | + | |
4758 | +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
4759 | + border-width:1px 0 0 0; | |
4760 | + border-style:solid; | |
4761 | +} | |
4762 | + | |
4763 | +.x-window-noborder .x-window-mc { | |
4764 | + border-width:0; | |
4765 | +} | |
4766 | + | |
4767 | +.x-window-plain .x-window-body-noborder { | |
4768 | + border-width:0; | |
4769 | +} | |
4770 | + | |
4771 | +.x-tab-panel-noborder .x-tab-panel-body-noborder { | |
4772 | + border-width:0; | |
4773 | +} | |
4774 | + | |
4775 | +.x-tab-panel-noborder .x-tab-panel-header-noborder { | |
4776 | + border-width: 0 0 1px 0; | |
4777 | +} | |
4778 | + | |
4779 | +.x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
4780 | + border-width: 1px 0 0 0; | |
4781 | +} | |
4782 | + | |
4783 | +.x-tab-panel-bbar-noborder .x-toolbar { | |
4784 | + border-width: 1px 0 0 0; | |
4785 | + border-style:solid; | |
4786 | +} | |
4787 | + | |
4788 | +.x-tab-panel-tbar-noborder .x-toolbar { | |
4789 | + border-width:0 0 1px; | |
4790 | + border-style:solid; | |
4791 | +}.x-border-layout-ct { | |
4792 | + position: relative; | |
5823 | 4793 | } |
5824 | 4794 | |
5825 | -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
5826 | -.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
5827 | -{ | |
5828 | - background-image:url(../images/default/sizer/e-handle.gif); | |
4795 | +.x-border-panel { | |
4796 | + position:absolute; | |
4797 | + left:0; | |
4798 | + top:0; | |
5829 | 4799 | } |
5830 | 4800 | |
5831 | -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
5832 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
5833 | -{ | |
5834 | - background-image:url(../images/default/sizer/s-handle.gif); | |
4801 | +.x-tool-collapse-south { | |
4802 | + background-position:0 -195px; | |
5835 | 4803 | } |
5836 | 4804 | |
5837 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ | |
5838 | - background-image:url(../images/default/sizer/s-handle.gif); | |
5839 | -} | |
5840 | -.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
5841 | - background-image:url(../images/default/sizer/se-handle.gif); | |
5842 | -} | |
5843 | -.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
5844 | - background-image:url(../images/default/sizer/nw-handle.gif); | |
5845 | -} | |
5846 | -.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
5847 | - background-image:url(../images/default/sizer/ne-handle.gif); | |
5848 | -} | |
5849 | -.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
5850 | - background-image:url(../images/default/sizer/sw-handle.gif); | |
5851 | -} | |
5852 | -.x-resizable-proxy{ | |
5853 | - border-color:#3b5a82; | |
5854 | -} | |
5855 | -.x-resizable-overlay{ | |
5856 | - background-color:#fff; | |
5857 | -} | |
5858 | -.x-grid3 { | |
5859 | - background-color:#fff; | |
4805 | +.x-tool-collapse-south-over { | |
4806 | + background-position:-15px -195px; | |
5860 | 4807 | } |
5861 | 4808 | |
5862 | -.x-grid-panel .x-panel-mc .x-panel-body { | |
5863 | - border-color:#99bbe8; | |
4809 | +.x-tool-collapse-north { | |
4810 | + background-position:0 -210px; | |
5864 | 4811 | } |
5865 | 4812 | |
5866 | -.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
5867 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
4813 | +.x-tool-collapse-north-over { | |
4814 | + background-position:-15px -210px; | |
5868 | 4815 | } |
5869 | 4816 | |
5870 | -.x-grid3-hd-row td { | |
5871 | - border-left-color:#eee; | |
5872 | - border-right-color:#d0d0d0; | |
4817 | +.x-tool-collapse-west { | |
4818 | + background-position:0 -180px; | |
5873 | 4819 | } |
5874 | 4820 | |
5875 | -.x-grid-row-loading { | |
5876 | - background-color: #fff; | |
5877 | - background-image:url(../images/default/shared/loading-balls.gif); | |
4821 | +.x-tool-collapse-west-over { | |
4822 | + background-position:-15px -180px; | |
5878 | 4823 | } |
5879 | 4824 | |
5880 | -.x-grid3-row { | |
5881 | - border-color:#ededed; | |
5882 | - border-top-color:#fff; | |
4825 | +.x-tool-collapse-east { | |
4826 | + background-position:0 -165px; | |
5883 | 4827 | } |
5884 | 4828 | |
5885 | -.x-grid3-row-alt{ | |
5886 | - background-color:#fafafa; | |
4829 | +.x-tool-collapse-east-over { | |
4830 | + background-position:-15px -165px; | |
5887 | 4831 | } |
5888 | 4832 | |
5889 | -.x-grid3-row-over { | |
5890 | - border-color:#ddd; | |
5891 | - background-color:#efefef; | |
5892 | - background-image:url(../images/default/grid/row-over.gif); | |
4833 | +.x-tool-expand-south { | |
4834 | + background-position:0 -210px; | |
5893 | 4835 | } |
5894 | 4836 | |
5895 | -.x-grid3-resize-proxy { | |
5896 | - background-color:#777; | |
4837 | +.x-tool-expand-south-over { | |
4838 | + background-position:-15px -210px; | |
5897 | 4839 | } |
5898 | 4840 | |
5899 | -.x-grid3-resize-marker { | |
5900 | - background-color:#777; | |
4841 | +.x-tool-expand-north { | |
4842 | + background-position:0 -195px; | |
5901 | 4843 | } |
5902 | - | |
5903 | -.x-grid3-header{ | |
5904 | - background-color:#f9f9f9; | |
5905 | - background-image:url(../images/default/grid/grid3-hrow.gif); | |
4844 | +.x-tool-expand-north-over { | |
4845 | + background-position:-15px -195px; | |
5906 | 4846 | } |
5907 | 4847 | |
5908 | -.x-grid3-header-pop { | |
5909 | - border-left-color:#d0d0d0; | |
4848 | +.x-tool-expand-west { | |
4849 | + background-position:0 -165px; | |
5910 | 4850 | } |
5911 | 4851 | |
5912 | -.x-grid3-header-pop-inner { | |
5913 | - border-left-color:#eee; | |
5914 | - background-image:url(../images/default/grid/hd-pop.gif); | |
4852 | +.x-tool-expand-west-over { | |
4853 | + background-position:-15px -165px; | |
5915 | 4854 | } |
5916 | 4855 | |
5917 | -td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
5918 | - border-left-color:#aaccf6; | |
5919 | - border-right-color:#aaccf6; | |
4856 | +.x-tool-expand-east { | |
4857 | + background-position:0 -180px; | |
5920 | 4858 | } |
5921 | 4859 | |
5922 | -td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
5923 | - background-color:#ebf3fd; | |
5924 | - background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
5925 | - | |
4860 | +.x-tool-expand-east-over { | |
4861 | + background-position:-15px -180px; | |
5926 | 4862 | } |
5927 | 4863 | |
5928 | -.sort-asc .x-grid3-sort-icon { | |
5929 | - background-image: url(../images/default/grid/sort_asc.gif); | |
4864 | +.x-tool-expand-north, .x-tool-expand-south { | |
4865 | + float:right; | |
4866 | + margin:3px; | |
5930 | 4867 | } |
5931 | 4868 | |
5932 | -.sort-desc .x-grid3-sort-icon { | |
5933 | - background-image: url(../images/default/grid/sort_desc.gif); | |
4869 | +.x-tool-expand-east, .x-tool-expand-west { | |
4870 | + float:none; | |
4871 | + margin:3px auto; | |
5934 | 4872 | } |
5935 | 4873 | |
5936 | -.x-grid3-cell-text, .x-grid3-hd-text { | |
5937 | - color:#000; | |
4874 | +.x-accordion-hd .x-tool-toggle { | |
4875 | + background-position:0 -255px; | |
5938 | 4876 | } |
5939 | 4877 | |
5940 | -.x-grid3-split { | |
5941 | - background-image: url(../images/default/grid/grid-split.gif); | |
4878 | +.x-accordion-hd .x-tool-toggle-over { | |
4879 | + background-position:-15px -255px; | |
5942 | 4880 | } |
5943 | 4881 | |
5944 | -.x-grid3-hd-text { | |
5945 | - color:#15428b; | |
4882 | +.x-panel-collapsed .x-accordion-hd .x-tool-toggle { | |
4883 | + background-position:0 -240px; | |
5946 | 4884 | } |
5947 | 4885 | |
5948 | -.x-dd-drag-proxy .x-grid3-hd-inner{ | |
5949 | - background-color:#ebf3fd; | |
5950 | - background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
5951 | - border-color:#aaccf6; | |
4886 | +.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over { | |
4887 | + background-position:-15px -240px; | |
5952 | 4888 | } |
5953 | 4889 | |
5954 | -.col-move-top{ | |
5955 | - background-image:url(../images/default/grid/col-move-top.gif); | |
4890 | +.x-accordion-hd { | |
4891 | + padding-top:4px; | |
4892 | + padding-bottom:3px; | |
4893 | + border-top:0 none; | |
4894 | + background: transparent repeat-x 0 -9px; | |
5956 | 4895 | } |
5957 | 4896 | |
5958 | -.col-move-bottom{ | |
5959 | - background-image:url(../images/default/grid/col-move-bottom.gif); | |
4897 | +.x-layout-collapsed{ | |
4898 | + position:absolute; | |
4899 | + left:-10000px; | |
4900 | + top:-10000px; | |
4901 | + visibility:hidden; | |
4902 | + width:20px; | |
4903 | + height:20px; | |
4904 | + overflow:hidden; | |
4905 | + border:1px solid; | |
4906 | + z-index:20; | |
5960 | 4907 | } |
5961 | 4908 | |
5962 | -.x-grid3-row-selected { | |
5963 | - background-color: #dfe8f6 !important; | |
5964 | - background-image: none; | |
5965 | - border-color:#a3bae9; | |
4909 | +.ext-border-box .x-layout-collapsed{ | |
4910 | + width:22px; | |
4911 | + height:22px; | |
5966 | 4912 | } |
5967 | 4913 | |
5968 | -.x-grid3-cell-selected{ | |
5969 | - background-color: #b8cfee !important; | |
5970 | - color:#000; | |
4914 | +.x-layout-collapsed-over{ | |
4915 | + cursor:pointer; | |
5971 | 4916 | } |
5972 | 4917 | |
5973 | -.x-grid3-cell-selected span{ | |
5974 | - color:#000 !important; | |
4918 | +.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{ | |
4919 | + position:absolute; | |
4920 | + top:0; | |
4921 | + left:0; | |
4922 | + width:20px; | |
4923 | + height:20px; | |
5975 | 4924 | } |
5976 | 4925 | |
5977 | -.x-grid3-cell-selected .x-grid3-cell-text{ | |
5978 | - color:#000; | |
5979 | -} | |
5980 | 4926 | |
5981 | -.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
5982 | - background-color:#ebeadb !important; | |
5983 | - background-image:url(../images/default/grid/grid-hrow.gif) !important; | |
5984 | - color:#000; | |
5985 | - border-top-color:#fff; | |
5986 | - border-right-color:#6fa0df !important; | |
4927 | +.x-layout-split{ | |
4928 | + position:absolute; | |
4929 | + height:5px; | |
4930 | + width:5px; | |
4931 | + line-height:1px; | |
4932 | + font-size:1px; | |
4933 | + z-index:3; | |
4934 | + background-color:transparent; | |
5987 | 4935 | } |
5988 | 4936 | |
5989 | -.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
5990 | - color:#15428b !important; | |
4937 | +/* IE6 strict won't drag w/out a color */ | |
4938 | +.ext-strict .ext-ie6 .x-layout-split{ | |
4939 | + background-color: #fff !important; | |
4940 | + filter: alpha(opacity=1); | |
5991 | 4941 | } |
5992 | 4942 | |
5993 | -.x-grid3-dirty-cell { | |
5994 | - background-image:url(../images/default/grid/dirty.gif); | |
4943 | +.x-layout-split-h{ | |
4944 | + background-image:url(../images/default/s.gif); | |
4945 | + background-position: left; | |
5995 | 4946 | } |
5996 | 4947 | |
5997 | -.x-grid3-topbar, .x-grid3-bottombar{ | |
5998 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
4948 | +.x-layout-split-v{ | |
4949 | + background-image:url(../images/default/s.gif); | |
4950 | + background-position: top; | |
5999 | 4951 | } |
6000 | 4952 | |
6001 | -.x-grid3-bottombar .x-toolbar{ | |
6002 | - border-top-color:#a9bfd3; | |
4953 | +.x-column-layout-ct { | |
4954 | + overflow:hidden; | |
4955 | + zoom:1; | |
6003 | 4956 | } |
6004 | 4957 | |
6005 | -.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
6006 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important; | |
6007 | - color:#000 !important; | |
4958 | +.x-column { | |
4959 | + float:left; | |
4960 | + padding:0; | |
4961 | + margin:0; | |
4962 | + overflow:hidden; | |
4963 | + zoom:1; | |
6008 | 4964 | } |
6009 | 4965 | |
6010 | -.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
6011 | - background-color:#fff !important; | |
6012 | - border-right-color:#eee; | |
4966 | +.x-column-inner { | |
4967 | + overflow:hidden; | |
4968 | + zoom:1; | |
6013 | 4969 | } |
6014 | 4970 | |
6015 | -.xg-hmenu-sort-asc .x-menu-item-icon{ | |
6016 | - background-image: url(../images/default/grid/hmenu-asc.gif); | |
4971 | +/* mini mode */ | |
4972 | +.x-layout-mini { | |
4973 | + position:absolute; | |
4974 | + top:0; | |
4975 | + left:0; | |
4976 | + display:block; | |
4977 | + width:5px; | |
4978 | + height:35px; | |
4979 | + cursor:pointer; | |
4980 | + opacity:.5; | |
4981 | + -moz-opacity:.5; | |
4982 | + filter:alpha(opacity=50); | |
6017 | 4983 | } |
6018 | 4984 | |
6019 | -.xg-hmenu-sort-desc .x-menu-item-icon{ | |
6020 | - background-image: url(../images/default/grid/hmenu-desc.gif); | |
4985 | +.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{ | |
4986 | + opacity:1; | |
4987 | + -moz-opacity:1; | |
4988 | + filter:none; | |
6021 | 4989 | } |
6022 | 4990 | |
6023 | -.xg-hmenu-lock .x-menu-item-icon{ | |
6024 | - background-image: url(../images/default/grid/hmenu-lock.gif); | |
4991 | +.x-layout-split-west .x-layout-mini { | |
4992 | + top:48%; | |
6025 | 4993 | } |
6026 | 4994 | |
6027 | -.xg-hmenu-unlock .x-menu-item-icon{ | |
6028 | - background-image: url(../images/default/grid/hmenu-unlock.gif); | |
4995 | +.x-layout-split-east .x-layout-mini { | |
4996 | + top:48%; | |
6029 | 4997 | } |
6030 | 4998 | |
6031 | -.x-grid3-hd-btn { | |
6032 | - background-color:#c3daf9; | |
6033 | - background-image:url(../images/default/grid/grid3-hd-btn.gif); | |
4999 | +.x-layout-split-north .x-layout-mini { | |
5000 | + left:48%; | |
5001 | + height:5px; | |
5002 | + width:35px; | |
6034 | 5003 | } |
6035 | 5004 | |
6036 | -.x-grid3-body .x-grid3-td-expander { | |
6037 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
5005 | +.x-layout-split-south .x-layout-mini { | |
5006 | + left:48%; | |
5007 | + height:5px; | |
5008 | + width:35px; | |
6038 | 5009 | } |
6039 | 5010 | |
6040 | -.x-grid3-row-expander { | |
6041 | - background-image:url(../images/default/grid/row-expand-sprite.gif); | |
5011 | +.x-layout-cmini-west .x-layout-mini { | |
5012 | + top:48%; | |
6042 | 5013 | } |
6043 | 5014 | |
6044 | -.x-grid3-body .x-grid3-td-checker { | |
6045 | - background-image: url(../images/default/grid/grid3-special-col-bg.gif); | |
5015 | +.x-layout-cmini-east .x-layout-mini { | |
5016 | + top:48%; | |
6046 | 5017 | } |
6047 | 5018 | |
6048 | -.x-grid3-row-checker, .x-grid3-hd-checker { | |
6049 | - background-image:url(../images/default/grid/row-check-sprite.gif); | |
5019 | +.x-layout-cmini-north .x-layout-mini { | |
5020 | + left:48%; | |
5021 | + height:5px; | |
5022 | + width:35px; | |
6050 | 5023 | } |
6051 | 5024 | |
6052 | -.x-grid3-body .x-grid3-td-numberer { | |
6053 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
5025 | +.x-layout-cmini-south .x-layout-mini { | |
5026 | + left:48%; | |
5027 | + height:5px; | |
5028 | + width:35px; | |
6054 | 5029 | } |
6055 | 5030 | |
6056 | -.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
6057 | - color:#444; | |
5031 | +.x-layout-cmini-west, .x-layout-cmini-east { | |
5032 | + border:0 none; | |
5033 | + width:5px !important; | |
5034 | + padding:0; | |
5035 | + background:transparent; | |
6058 | 5036 | } |
6059 | 5037 | |
6060 | -.x-grid3-body .x-grid3-td-row-icon { | |
6061 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
5038 | +.x-layout-cmini-north, .x-layout-cmini-south { | |
5039 | + border:0 none; | |
5040 | + height:5px !important; | |
5041 | + padding:0; | |
5042 | + background:transparent; | |
6062 | 5043 | } |
6063 | 5044 | |
6064 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
6065 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
6066 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
6067 | - background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif); | |
5045 | +.x-viewport, .x-viewport body { | |
5046 | + margin: 0; | |
5047 | + padding: 0; | |
5048 | + border: 0 none; | |
5049 | + overflow: hidden; | |
5050 | + height: 100%; | |
6068 | 5051 | } |
6069 | 5052 | |
6070 | -.x-grid3-check-col { | |
6071 | - background-image:url(../images/default/menu/unchecked.gif); | |
5053 | +.x-abs-layout-item { | |
5054 | + position:absolute; | |
5055 | + left:0; | |
5056 | + top:0; | |
6072 | 5057 | } |
6073 | 5058 | |
6074 | -.x-grid3-check-col-on { | |
6075 | - background-image:url(../images/default/menu/checked.gif); | |
5059 | +.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item { | |
5060 | + margin:0; | |
6076 | 5061 | } |
6077 | 5062 | |
6078 | -.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
5063 | +.x-box-layout-ct { | |
5064 | + overflow:hidden; | |
6079 | 5065 | zoom:1; |
6080 | 5066 | } |
6081 | 5067 | |
6082 | -.x-grid-group-hd { | |
6083 | - border-bottom-color:#99bbe8; | |
5068 | +.x-box-inner { | |
5069 | + overflow:hidden; | |
5070 | + zoom:1; | |
5071 | + position:relative; | |
5072 | + left:0; | |
5073 | + top:0; | |
6084 | 5074 | } |
6085 | 5075 | |
6086 | -.x-grid-group-hd div.x-grid-group-title { | |
6087 | - background-image:url(../images/default/grid/group-collapse.gif); | |
6088 | - color:#3764a0; | |
6089 | - font:bold 11px tahoma, arial, helvetica, sans-serif; | |
5076 | +.x-box-item { | |
5077 | + position:absolute; | |
5078 | + left:0; | |
5079 | + top:0; | |
5080 | +}.x-progress-wrap { | |
5081 | + border:1px solid; | |
5082 | + overflow:hidden; | |
5083 | +} | |
5084 | + | |
5085 | +.x-progress-inner { | |
5086 | + height:18px; | |
5087 | + background:repeat-x; | |
5088 | + position:relative; | |
5089 | +} | |
5090 | + | |
5091 | +.x-progress-bar { | |
5092 | + height:18px; | |
5093 | + float:left; | |
5094 | + width:0; | |
5095 | + background: repeat-x left center; | |
5096 | + border-top:1px solid; | |
5097 | + border-bottom:1px solid; | |
5098 | + border-right:1px solid; | |
5099 | +} | |
5100 | + | |
5101 | +.x-progress-text { | |
5102 | + padding:1px 5px; | |
5103 | + overflow:hidden; | |
5104 | + position:absolute; | |
5105 | + left:0; | |
5106 | + text-align:center; | |
5107 | +} | |
5108 | + | |
5109 | +.x-progress-text-back { | |
5110 | + line-height:16px; | |
5111 | +} | |
5112 | + | |
5113 | +.ext-ie .x-progress-text-back { | |
5114 | + line-height:15px; | |
5115 | +}.x-list-header{ | |
5116 | + background: repeat-x 0 bottom; | |
5117 | + cursor:default; | |
5118 | + zoom:1; | |
5119 | + height:22px; | |
5120 | +} | |
5121 | + | |
5122 | +.x-list-header-inner div { | |
5123 | + display:block; | |
5124 | + float:left; | |
5125 | + overflow:hidden; | |
5126 | + -o-text-overflow: ellipsis; | |
5127 | + text-overflow: ellipsis; | |
5128 | + white-space: nowrap; | |
5129 | +} | |
5130 | + | |
5131 | +.x-list-header-inner div em { | |
5132 | + display:block; | |
5133 | + border-left:1px solid; | |
5134 | + padding:4px 4px; | |
5135 | + overflow:hidden; | |
5136 | + -moz-user-select: none; | |
5137 | + -khtml-user-select: none; | |
5138 | + line-height:14px; | |
5139 | +} | |
5140 | + | |
5141 | +.x-list-body { | |
5142 | + overflow:auto; | |
5143 | + overflow-x:hidden; | |
5144 | + overflow-y:auto; | |
5145 | + zoom:1; | |
5146 | + float: left; | |
5147 | + width: 100%; | |
5148 | +} | |
5149 | + | |
5150 | +.x-list-body dl { | |
5151 | + zoom:1; | |
5152 | +} | |
5153 | + | |
5154 | +.x-list-body dt { | |
5155 | + display:block; | |
5156 | + float:left; | |
5157 | + overflow:hidden; | |
5158 | + -o-text-overflow: ellipsis; | |
5159 | + text-overflow: ellipsis; | |
5160 | + white-space: nowrap; | |
5161 | + cursor:pointer; | |
5162 | + zoom:1; | |
5163 | +} | |
5164 | + | |
5165 | +.x-list-body dt em { | |
5166 | + display:block; | |
5167 | + padding:3px 4px; | |
5168 | + overflow:hidden; | |
5169 | + -moz-user-select: none; | |
5170 | + -khtml-user-select: none; | |
5171 | +} | |
5172 | + | |
5173 | +.x-list-resizer { | |
5174 | + border-left:1px solid; | |
5175 | + border-right:1px solid; | |
5176 | + position:absolute; | |
5177 | + left:0; | |
5178 | + top:0; | |
5179 | +} | |
5180 | + | |
5181 | +.x-list-header-inner em.sort-asc { | |
5182 | + background: transparent no-repeat center 0; | |
5183 | + border-style:solid; | |
5184 | + border-width: 0 1px 1px; | |
5185 | + padding-bottom:3px; | |
5186 | +} | |
5187 | + | |
5188 | +.x-list-header-inner em.sort-desc { | |
5189 | + background: transparent no-repeat center -23px; | |
5190 | + border-style:solid; | |
5191 | + border-width: 0 1px 1px; | |
5192 | + padding-bottom:3px; | |
5193 | +} | |
5194 | +/* Shared styles */ | |
5195 | +.x-slider { | |
5196 | + zoom:1; | |
5197 | +} | |
5198 | + | |
5199 | +.x-slider-inner { | |
5200 | + position:relative; | |
5201 | + left:0; | |
5202 | + top:0; | |
5203 | + overflow:visible; | |
5204 | + zoom:1; | |
5205 | +} | |
5206 | + | |
5207 | +.x-slider-focus { | |
5208 | + position:absolute; | |
5209 | + left:0; | |
5210 | + top:0; | |
5211 | + width:1px; | |
5212 | + height:1px; | |
5213 | + line-height:1px; | |
5214 | + font-size:1px; | |
5215 | + -moz-outline:0 none; | |
5216 | + outline:0 none; | |
5217 | + -moz-user-select: none; | |
5218 | + -khtml-user-select:none; | |
5219 | + -webkit-user-select:ignore; | |
5220 | + display:block; | |
5221 | + overflow:hidden; | |
5222 | +} | |
5223 | + | |
5224 | +/* Horizontal styles */ | |
5225 | +.x-slider-horz { | |
5226 | + padding-left:7px; | |
5227 | + background:transparent no-repeat 0 -22px; | |
5228 | +} | |
5229 | + | |
5230 | +.x-slider-horz .x-slider-end { | |
5231 | + padding-right:7px; | |
5232 | + zoom:1; | |
5233 | + background:transparent no-repeat right -44px; | |
5234 | +} | |
5235 | + | |
5236 | +.x-slider-horz .x-slider-inner { | |
5237 | + background:transparent repeat-x 0 0; | |
5238 | + height:22px; | |
5239 | +} | |
5240 | + | |
5241 | +.x-slider-horz .x-slider-thumb { | |
5242 | + width:14px; | |
5243 | + height:15px; | |
5244 | + position:absolute; | |
5245 | + left:0; | |
5246 | + top:3px; | |
5247 | + background:transparent no-repeat 0 0; | |
5248 | +} | |
5249 | + | |
5250 | +.x-slider-horz .x-slider-thumb-over { | |
5251 | + background-position: -14px -15px; | |
5252 | +} | |
5253 | + | |
5254 | +.x-slider-horz .x-slider-thumb-drag { | |
5255 | + background-position: -28px -30px; | |
5256 | +} | |
5257 | + | |
5258 | +/* Vertical styles */ | |
5259 | +.x-slider-vert { | |
5260 | + padding-top:7px; | |
5261 | + background:transparent no-repeat -44px 0; | |
5262 | + width:22px; | |
5263 | +} | |
5264 | + | |
5265 | +.x-slider-vert .x-slider-end { | |
5266 | + padding-bottom:7px; | |
5267 | + zoom:1; | |
5268 | + background:transparent no-repeat -22px bottom; | |
5269 | +} | |
5270 | + | |
5271 | +.x-slider-vert .x-slider-inner { | |
5272 | + background:transparent repeat-y 0 0; | |
5273 | +} | |
5274 | + | |
5275 | +.x-slider-vert .x-slider-thumb { | |
5276 | + width:15px; | |
5277 | + height:14px; | |
5278 | + position:absolute; | |
5279 | + left:3px; | |
5280 | + bottom:0; | |
5281 | + background:transparent no-repeat 0 0; | |
5282 | +} | |
5283 | + | |
5284 | +.x-slider-vert .x-slider-thumb-over { | |
5285 | + background-position: -15px -14px; | |
5286 | +} | |
5287 | + | |
5288 | +.x-slider-vert .x-slider-thumb-drag { | |
5289 | + background-position: -30px -28px; | |
5290 | +}.x-window-dlg .x-window-body { | |
5291 | + border:0 none !important; | |
5292 | + padding:5px 10px; | |
5293 | + overflow:hidden !important; | |
5294 | +} | |
5295 | + | |
5296 | +.x-window-dlg .x-window-mc { | |
5297 | + border:0 none !important; | |
5298 | +} | |
5299 | + | |
5300 | +.x-window-dlg .ext-mb-input { | |
5301 | + margin-top:4px; | |
5302 | + width:95%; | |
5303 | +} | |
5304 | + | |
5305 | +.x-window-dlg .ext-mb-textarea { | |
5306 | + margin-top:4px; | |
5307 | +} | |
5308 | + | |
5309 | +.x-window-dlg .x-progress-wrap { | |
5310 | + margin-top:4px; | |
5311 | +} | |
5312 | + | |
5313 | +.ext-ie .x-window-dlg .x-progress-wrap { | |
5314 | + margin-top:6px; | |
5315 | +} | |
5316 | + | |
5317 | +.x-window-dlg .x-msg-box-wait { | |
5318 | + background:transparent no-repeat left; | |
5319 | + display:block; | |
5320 | + width:300px; | |
5321 | + padding-left:18px; | |
5322 | + line-height:18px; | |
5323 | +} | |
5324 | + | |
5325 | +.x-window-dlg .ext-mb-icon { | |
5326 | + float:left; | |
5327 | + width:47px; | |
5328 | + height:32px; | |
5329 | +} | |
5330 | + | |
5331 | +.ext-ie .x-window-dlg .ext-mb-icon { | |
5332 | + width:44px; /* 3px IE margin issue */ | |
5333 | +} | |
5334 | + | |
5335 | +.x-window-dlg .x-dlg-icon .ext-mb-content{ | |
5336 | + zoom: 1; margin-left: 47px; | |
5337 | +} | |
5338 | + | |
5339 | +.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { | |
5340 | + background:transparent no-repeat top left; | |
5341 | +} | |
5342 | + | |
5343 | +.ext-gecko2 .ext-mb-fix-cursor { | |
5344 | + overflow:auto; | |
5345 | +}.ext-el-mask { | |
5346 | + background-color: #ccc; | |
5347 | +} | |
5348 | + | |
5349 | +.ext-el-mask-msg { | |
5350 | + border-color:#6593cf; | |
5351 | + background-color:#c3daf9; | |
5352 | + background-image:url(../images/default/box/tb-blue.gif); | |
5353 | +} | |
5354 | +.ext-el-mask-msg div { | |
5355 | + background-color: #eee; | |
5356 | + border-color:#a3bad9; | |
5357 | + color:#222; | |
5358 | + font:normal 11px tahoma, arial, helvetica, sans-serif; | |
5359 | +} | |
5360 | + | |
5361 | +.x-mask-loading div { | |
5362 | + background-color:#fbfbfb; | |
5363 | + background-image:url(../images/default/grid/loading.gif); | |
5364 | +} | |
5365 | + | |
5366 | +.x-item-disabled { | |
5367 | + color: gray; | |
5368 | +} | |
5369 | + | |
5370 | +.x-item-disabled * { | |
5371 | + color: gray !important; | |
5372 | +} | |
5373 | + | |
5374 | +.x-splitbar-proxy { | |
5375 | + background-color: #aaa; | |
5376 | +} | |
5377 | + | |
5378 | +.x-color-palette a { | |
5379 | + border-color:#fff; | |
5380 | +} | |
5381 | + | |
5382 | +.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
5383 | + border-color:#8bb8f3; | |
5384 | + background-color: #deecfd; | |
5385 | +} | |
5386 | + | |
5387 | +.x-color-palette em { | |
5388 | + border-color:#aca899; | |
5389 | +} | |
5390 | + | |
5391 | +.x-ie-shadow { | |
5392 | + background-color:#777; | |
5393 | +} | |
5394 | + | |
5395 | +.x-shadow .xsmc { | |
5396 | + background-image: url(../images/default/shadow-c.png); | |
5397 | +} | |
5398 | + | |
5399 | +.x-shadow .xsml, .x-shadow .xsmr { | |
5400 | + background-image: url(../images/default/shadow-lr.png); | |
5401 | +} | |
5402 | + | |
5403 | +.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ | |
5404 | + background-image: url(../images/default/shadow.png); | |
5405 | +} | |
5406 | + | |
5407 | +.loading-indicator { | |
5408 | + font-size: 11px; | |
5409 | + background-image: url(../images/default/grid/loading.gif); | |
5410 | +} | |
5411 | + | |
5412 | +.x-spotlight { | |
5413 | + background-color: #ccc; | |
5414 | +} | |
5415 | +.x-tab-panel-header, .x-tab-panel-footer { | |
5416 | + background-color: #deecfd; | |
5417 | + border-color:#8db2e3; | |
5418 | + overflow:hidden; | |
5419 | + zoom:1; | |
6090 | 5420 | } |
6091 | 5421 | |
6092 | -.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { | |
6093 | - background-image:url(../images/default/grid/group-expand.gif); | |
5422 | +.x-tab-panel-header, .x-tab-panel-footer { | |
5423 | + border-color:#8db2e3; | |
6094 | 5424 | } |
6095 | 5425 | |
6096 | -.x-group-by-icon { | |
6097 | - background-image:url(../images/default/grid/group-by.gif); | |
5426 | +ul.x-tab-strip-top{ | |
5427 | + background-color:#cedff5; | |
5428 | + background-image: url(../images/default/tabs/tab-strip-bg.gif); | |
5429 | + border-bottom-color:#8db2e3; | |
6098 | 5430 | } |
6099 | 5431 | |
6100 | -.x-cols-icon { | |
6101 | - background-image:url(../images/default/grid/columns.gif); | |
5432 | +ul.x-tab-strip-bottom{ | |
5433 | + background-color:#cedff5; | |
5434 | + background-image: url(../images/default/tabs/tab-strip-btm-bg.gif); | |
5435 | + border-top-color:#8db2e3; | |
6102 | 5436 | } |
6103 | 5437 | |
6104 | -.x-show-groups-icon { | |
6105 | - background-image:url(../images/default/grid/group-by.gif); | |
5438 | +.x-tab-panel-header-plain .x-tab-strip-spacer, | |
5439 | +.x-tab-panel-footer-plain .x-tab-strip-spacer { | |
5440 | + border-color:#8db2e3; | |
5441 | + background-color: #deecfd; | |
6106 | 5442 | } |
6107 | 5443 | |
6108 | -.x-grid-empty { | |
6109 | - color:gray; | |
6110 | - font:normal 11px tahoma, arial, helvetica, sans-serif; | |
5444 | +.x-tab-strip span.x-tab-strip-text { | |
5445 | + font:normal 11px tahoma,arial,helvetica; | |
5446 | + color:#416aa3; | |
6111 | 5447 | } |
6112 | 5448 | |
6113 | -.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
6114 | - border-right-color:#ededed; | |
5449 | +.x-tab-strip-over span.x-tab-strip-text { | |
5450 | + color:#15428b; | |
6115 | 5451 | } |
6116 | 5452 | |
6117 | -.x-grid-with-col-lines .x-grid3-row{ | |
6118 | - border-top-color:#ededed; | |
5453 | +.x-tab-strip-active span.x-tab-strip-text { | |
5454 | + color:#15428b; | |
5455 | + font-weight:bold; | |
6119 | 5456 | } |
6120 | 5457 | |
6121 | -.x-grid-with-col-lines .x-grid3-row-selected { | |
6122 | - border-top-color:#a3bae9; | |
6123 | -}.x-dd-drag-ghost{ | |
6124 | - color:#000; | |
6125 | - font: normal 11px arial, helvetica, sans-serif; | |
6126 | - border-color: #ddd #bbb #bbb #ddd; | |
6127 | - background-color:#fff; | |
5458 | +.x-tab-strip-disabled .x-tabs-text { | |
5459 | + color:#aaaaaa; | |
6128 | 5460 | } |
6129 | 5461 | |
6130 | -.x-dd-drop-nodrop .x-dd-drop-icon{ | |
6131 | - background-image: url(../images/default/dd/drop-no.gif); | |
5462 | +.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{ | |
5463 | + background-image: url(../images/default/tabs/tabs-sprite.gif); | |
6132 | 5464 | } |
6133 | 5465 | |
6134 | -.x-dd-drop-ok .x-dd-drop-icon{ | |
6135 | - background-image: url(../images/default/dd/drop-yes.gif); | |
5466 | +.x-tab-strip-bottom .x-tab-right { | |
5467 | + background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif); | |
6136 | 5468 | } |
6137 | 5469 | |
6138 | -.x-dd-drop-ok-add .x-dd-drop-icon{ | |
6139 | - background-image: url(../images/default/dd/drop-add.gif); | |
5470 | +.x-tab-strip-bottom .x-tab-left { | |
5471 | + background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif); | |
6140 | 5472 | } |
6141 | 5473 | |
6142 | -.x-view-selector { | |
6143 | - background-color:#c3daf9; | |
6144 | - border-color:#3399bb; | |
6145 | -}.x-tree-node-expanded .x-tree-node-icon{ | |
6146 | - background-image:url(../images/default/tree/folder-open.gif); | |
5474 | +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { | |
5475 | + background-image: url(../images/default/tabs/tab-btm-right-bg.gif); | |
6147 | 5476 | } |
6148 | 5477 | |
6149 | -.x-tree-node-leaf .x-tree-node-icon{ | |
6150 | - background-image:url(../images/default/tree/leaf.gif); | |
5478 | +.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { | |
5479 | + background-image: url(../images/default/tabs/tab-btm-left-bg.gif); | |
6151 | 5480 | } |
6152 | 5481 | |
6153 | -.x-tree-node-collapsed .x-tree-node-icon{ | |
6154 | - background-image:url(../images/default/tree/folder.gif); | |
5482 | +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { | |
5483 | + background-image:url(../images/default/tabs/tab-close.gif); | |
6155 | 5484 | } |
6156 | 5485 | |
6157 | -.x-tree-node-loading .x-tree-node-icon{ | |
6158 | - background-image:url(../images/default/tree/loading.gif) !important; | |
5486 | +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ | |
5487 | + background-image:url(../images/default/tabs/tab-close.gif); | |
6159 | 5488 | } |
6160 | 5489 | |
6161 | -.x-tree-node .x-tree-node-inline-icon { | |
6162 | - background-image: none; | |
5490 | +.x-tab-panel-body { | |
5491 | + border-color:#8db2e3; | |
5492 | + background-color:#fff; | |
6163 | 5493 | } |
6164 | 5494 | |
6165 | -.x-tree-node-loading a span{ | |
6166 | - font-style: italic; | |
6167 | - color:#444444; | |
5495 | +.x-tab-panel-body-top { | |
5496 | + border-top: 0 none; | |
6168 | 5497 | } |
6169 | 5498 | |
6170 | -.ext-ie .x-tree-node-el input { | |
6171 | - width:15px; | |
6172 | - height:15px; | |
5499 | +.x-tab-panel-body-bottom { | |
5500 | + border-bottom: 0 none; | |
6173 | 5501 | } |
6174 | 5502 | |
6175 | -.x-tree-lines .x-tree-elbow{ | |
6176 | - background-image:url(../images/default/tree/elbow.gif); | |
5503 | +.x-tab-scroller-left { | |
5504 | + background-image:url(../images/default/tabs/scroll-left.gif); | |
5505 | + border-bottom-color:#8db2e3; | |
6177 | 5506 | } |
6178 | 5507 | |
6179 | -.x-tree-lines .x-tree-elbow-plus{ | |
6180 | - background-image:url(../images/default/tree/elbow-plus.gif); | |
5508 | +.x-tab-scroller-left-over { | |
5509 | + background-position: 0 0; | |
6181 | 5510 | } |
6182 | 5511 | |
6183 | -.x-tree-lines .x-tree-elbow-minus{ | |
6184 | - background-image:url(../images/default/tree/elbow-minus.gif); | |
5512 | +.x-tab-scroller-left-disabled { | |
5513 | + background-position: -18px 0; | |
5514 | + opacity:.5; | |
5515 | + -moz-opacity:.5; | |
5516 | + filter:alpha(opacity=50); | |
5517 | + cursor:default; | |
6185 | 5518 | } |
6186 | 5519 | |
6187 | -.x-tree-lines .x-tree-elbow-end{ | |
6188 | - background-image:url(../images/default/tree/elbow-end.gif); | |
5520 | +.x-tab-scroller-right { | |
5521 | + background-image:url(../images/default/tabs/scroll-right.gif); | |
5522 | + border-bottom-color:#8db2e3; | |
6189 | 5523 | } |
6190 | 5524 | |
6191 | -.x-tree-lines .x-tree-elbow-end-plus{ | |
6192 | - background-image:url(../images/default/tree/elbow-end-plus.gif); | |
5525 | +.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar { | |
5526 | + border-color:#99bbe8; | |
5527 | +}.x-form-field{ | |
5528 | + font:normal 12px tahoma, arial, helvetica, sans-serif; | |
6193 | 5529 | } |
6194 | 5530 | |
6195 | -.x-tree-lines .x-tree-elbow-end-minus{ | |
6196 | - background-image:url(../images/default/tree/elbow-end-minus.gif); | |
5531 | +.x-form-text, textarea.x-form-field{ | |
5532 | + background-color:#fff; | |
5533 | + background-image:url(../images/default/form/text-bg.gif); | |
5534 | + border-color:#b5b8c8; | |
6197 | 5535 | } |
6198 | 5536 | |
6199 | -.x-tree-lines .x-tree-elbow-line{ | |
6200 | - background-image:url(../images/default/tree/elbow-line.gif); | |
5537 | +.x-form-select-one { | |
5538 | + background-color:#fff; | |
5539 | + border-color:#b5b8c8; | |
6201 | 5540 | } |
6202 | 5541 | |
6203 | -.x-tree-no-lines .x-tree-elbow-plus{ | |
6204 | - background-image:url(../images/default/tree/elbow-plus-nl.gif); | |
5542 | +.x-form-check-group-label { | |
5543 | + border-bottom: 1px solid #99bbe8; | |
5544 | + color: #15428b; | |
6205 | 5545 | } |
6206 | 5546 | |
6207 | -.x-tree-no-lines .x-tree-elbow-minus{ | |
6208 | - background-image:url(../images/default/tree/elbow-minus-nl.gif); | |
5547 | +.x-editor .x-form-check-wrap { | |
5548 | + background-color:#fff; | |
6209 | 5549 | } |
6210 | 5550 | |
6211 | -.x-tree-no-lines .x-tree-elbow-end-plus{ | |
6212 | - background-image:url(../images/default/tree/elbow-end-plus-nl.gif); | |
5551 | +.x-form-field-wrap .x-form-trigger{ | |
5552 | + background-image:url(../images/default/form/trigger.gif); | |
5553 | + border-bottom-color:#b5b8c8; | |
6213 | 5554 | } |
6214 | 5555 | |
6215 | -.x-tree-no-lines .x-tree-elbow-end-minus{ | |
6216 | - background-image:url(../images/default/tree/elbow-end-minus-nl.gif); | |
5556 | +.x-form-field-wrap .x-form-date-trigger{ | |
5557 | + background-image: url(../images/default/form/date-trigger.gif); | |
6217 | 5558 | } |
6218 | 5559 | |
6219 | -.x-tree-arrows .x-tree-elbow-plus{ | |
6220 | - background-image:url(../images/default/tree/arrows.gif); | |
5560 | +.x-form-field-wrap .x-form-clear-trigger{ | |
5561 | + background-image: url(../images/default/form/clear-trigger.gif); | |
6221 | 5562 | } |
6222 | 5563 | |
6223 | -.x-tree-arrows .x-tree-elbow-minus{ | |
6224 | - background-image:url(../images/default/tree/arrows.gif); | |
5564 | +.x-form-field-wrap .x-form-search-trigger{ | |
5565 | + background-image: url(../images/default/form/search-trigger.gif); | |
6225 | 5566 | } |
6226 | 5567 | |
6227 | -.x-tree-arrows .x-tree-elbow-end-plus{ | |
6228 | - background-image:url(../images/default/tree/arrows.gif); | |
5568 | +.x-trigger-wrap-focus .x-form-trigger{ | |
5569 | + border-bottom-color:#7eadd9; | |
6229 | 5570 | } |
6230 | 5571 | |
6231 | -.x-tree-arrows .x-tree-elbow-end-minus{ | |
6232 | - background-image:url(../images/default/tree/arrows.gif); | |
5572 | +.x-item-disabled .x-form-trigger-over{ | |
5573 | + border-bottom-color:#b5b8c8; | |
6233 | 5574 | } |
6234 | 5575 | |
6235 | -.x-tree-node{ | |
6236 | - color:#000; | |
6237 | - font: normal 11px arial, tahoma, helvetica, sans-serif; | |
5576 | +.x-item-disabled .x-form-trigger-click{ | |
5577 | + border-bottom-color:#b5b8c8; | |
6238 | 5578 | } |
6239 | 5579 | |
6240 | -.x-tree-node a, .x-dd-drag-ghost a{ | |
6241 | - color:#000; | |
5580 | +.x-form-focus, textarea.x-form-focus{ | |
5581 | + border-color:#7eadd9; | |
6242 | 5582 | } |
6243 | 5583 | |
6244 | -.x-tree-node a span, .x-dd-drag-ghost a span{ | |
6245 | - color:#000; | |
5584 | +.x-form-invalid, textarea.x-form-invalid{ | |
5585 | + background-color:#fff; | |
5586 | + background-image:url(../images/default/grid/invalid_line.gif); | |
5587 | + border-color:#c30; | |
6246 | 5588 | } |
6247 | 5589 | |
6248 | -.x-tree-node .x-tree-node-disabled a span{ | |
6249 | - color:gray !important; | |
5590 | +.ext-safari .x-form-invalid{ | |
5591 | + background-color:#fee; | |
5592 | + border-color:#ff7870; | |
6250 | 5593 | } |
6251 | 5594 | |
6252 | -.x-tree-node div.x-tree-drag-insert-below{ | |
6253 | - border-bottom-color:#36c; | |
5595 | +.x-form-inner-invalid, textarea.x-form-inner-invalid{ | |
5596 | + background-color:#fff; | |
5597 | + background-image:url(../images/default/grid/invalid_line.gif); | |
6254 | 5598 | } |
6255 | 5599 | |
6256 | -.x-tree-node div.x-tree-drag-insert-above{ | |
6257 | - border-top-color:#36c; | |
5600 | +.x-form-grow-sizer { | |
5601 | + font:normal 12px tahoma, arial, helvetica, sans-serif; | |
6258 | 5602 | } |
6259 | 5603 | |
6260 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
6261 | - border-bottom-color:#36c; | |
5604 | +.x-form-item { | |
5605 | + font:normal 12px tahoma, arial, helvetica, sans-serif; | |
6262 | 5606 | } |
6263 | 5607 | |
6264 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
6265 | - border-top-color:#36c; | |
5608 | +.x-form-invalid-msg { | |
5609 | + color:#c0272b; | |
5610 | + font:normal 11px tahoma, arial, helvetica, sans-serif; | |
5611 | + background-image:url(../images/default/shared/warning.gif); | |
6266 | 5612 | } |
6267 | 5613 | |
6268 | -.x-tree-node .x-tree-drag-append a span{ | |
6269 | - background-color:#ddd; | |
6270 | - border-color:gray; | |
5614 | +.x-form-empty-field { | |
5615 | + color:gray; | |
6271 | 5616 | } |
6272 | 5617 | |
6273 | -.x-tree-node .x-tree-node-over { | |
6274 | - background-color: #eee; | |
5618 | +.x-small-editor .x-form-field { | |
5619 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
6275 | 5620 | } |
6276 | 5621 | |
6277 | -.x-tree-node .x-tree-selected { | |
6278 | - background-color: #d9e8fb; | |
5622 | +.ext-safari .x-small-editor .x-form-field { | |
5623 | + font:normal 12px arial, tahoma, helvetica, sans-serif; | |
6279 | 5624 | } |
6280 | 5625 | |
6281 | -.x-tree-drop-ok-append .x-dd-drop-icon{ | |
6282 | - background-image: url(../images/default/tree/drop-add.gif); | |
5626 | +.x-form-invalid-icon { | |
5627 | + background-image:url(../images/default/form/exclamation.gif); | |
6283 | 5628 | } |
6284 | 5629 | |
6285 | -.x-tree-drop-ok-above .x-dd-drop-icon{ | |
6286 | - background-image: url(../images/default/tree/drop-over.gif); | |
5630 | +.x-fieldset { | |
5631 | + border-color:#b5b8c8; | |
6287 | 5632 | } |
6288 | 5633 | |
6289 | -.x-tree-drop-ok-below .x-dd-drop-icon{ | |
6290 | - background-image: url(../images/default/tree/drop-under.gif); | |
5634 | +.x-fieldset legend { | |
5635 | + font:bold 11px tahoma, arial, helvetica, sans-serif; | |
5636 | + color:#15428b; | |
6291 | 5637 | } |
6292 | - | |
6293 | -.x-tree-drop-ok-between .x-dd-drop-icon{ | |
6294 | - background-image: url(../images/default/tree/drop-between.gif); | |
5638 | +.x-btn{ | |
5639 | + font:normal 11px tahoma, verdana, helvetica; | |
5640 | +} | |
5641 | + | |
5642 | +.x-btn button{ | |
5643 | + font:normal 11px arial,tahoma,verdana,helvetica; | |
5644 | + color:#333; | |
5645 | +} | |
5646 | + | |
5647 | +.x-btn em { | |
5648 | + font-style:normal; | |
5649 | + font-weight:normal; | |
5650 | +} | |
5651 | + | |
5652 | +.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ | |
5653 | + background-image:url(../images/default/button/btn.gif); | |
5654 | +} | |
5655 | + | |
5656 | +.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ | |
5657 | + color:#000; | |
5658 | +} | |
5659 | + | |
5660 | +.x-btn-disabled *{ | |
5661 | + color:gray !important; | |
5662 | +} | |
5663 | + | |
5664 | +.x-btn-mc em.x-btn-arrow { | |
5665 | + background-image:url(../images/default/button/arrow.gif); | |
5666 | +} | |
5667 | + | |
5668 | +.x-btn-mc em.x-btn-split { | |
5669 | + background-image:url(../images/default/button/s-arrow.gif); | |
5670 | +} | |
5671 | + | |
5672 | +.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { | |
5673 | + background-image:url(../images/default/button/s-arrow-o.gif); | |
5674 | +} | |
5675 | + | |
5676 | +.x-btn-mc em.x-btn-arrow-bottom { | |
5677 | + background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
5678 | +} | |
5679 | + | |
5680 | +.x-btn-mc em.x-btn-split-bottom { | |
5681 | + background-image:url(../images/default/button/s-arrow-b.gif); | |
5682 | +} | |
5683 | + | |
5684 | +.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { | |
5685 | + background-image:url(../images/default/button/s-arrow-bo.gif); | |
5686 | +} | |
5687 | + | |
5688 | +.x-btn-group-header { | |
5689 | + color: #3e6aaa; | |
5690 | +} | |
5691 | + | |
5692 | +.x-btn-group-tc { | |
5693 | + background-image: url(../images/default/button/group-tb.gif); | |
5694 | +} | |
5695 | + | |
5696 | +.x-btn-group-tl { | |
5697 | + background-image: url(../images/default/button/group-cs.gif); | |
5698 | +} | |
5699 | + | |
5700 | +.x-btn-group-tr { | |
5701 | + background-image: url(../images/default/button/group-cs.gif); | |
5702 | +} | |
5703 | + | |
5704 | +.x-btn-group-bc { | |
5705 | + background-image: url(../images/default/button/group-tb.gif); | |
5706 | +} | |
5707 | + | |
5708 | +.x-btn-group-bl { | |
5709 | + background-image: url(../images/default/button/group-cs.gif); | |
5710 | +} | |
5711 | + | |
5712 | +.x-btn-group-br { | |
5713 | + background-image: url(../images/default/button/group-cs.gif); | |
5714 | +} | |
5715 | + | |
5716 | +.x-btn-group-ml { | |
5717 | + background-image: url(../images/default/button/group-lr.gif); | |
5718 | +} | |
5719 | +.x-btn-group-mr { | |
5720 | + background-image: url(../images/default/button/group-lr.gif); | |
5721 | +} | |
5722 | + | |
5723 | +.x-btn-group-notitle .x-btn-group-tc { | |
5724 | + background-image: url(../images/default/button/group-tb.gif); | |
5725 | +}.x-toolbar{ | |
5726 | + border-color:#a9bfd3; | |
5727 | + background-color:#d0def0; | |
5728 | + background-image:url(../images/default/toolbar/bg.gif); | |
5729 | +} | |
5730 | + | |
5731 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
5732 | + font:normal 11px arial,tahoma, helvetica, sans-serif; | |
5733 | +} | |
5734 | + | |
5735 | +.x-toolbar .x-item-disabled { | |
5736 | + color:gray; | |
5737 | +} | |
5738 | + | |
5739 | +.x-toolbar .x-item-disabled * { | |
5740 | + color:gray; | |
5741 | +} | |
5742 | + | |
5743 | +.x-toolbar .x-btn-mc em.x-btn-split { | |
5744 | + background-image:url(../images/default/button/s-arrow-noline.gif); | |
5745 | +} | |
5746 | + | |
5747 | +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, | |
5748 | +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split | |
5749 | +{ | |
5750 | + background-image:url(../images/default/button/s-arrow-o.gif); | |
5751 | +} | |
5752 | + | |
5753 | +.x-toolbar .x-btn-mc em.x-btn-split-bottom { | |
5754 | + background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
5755 | +} | |
5756 | + | |
5757 | +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, | |
5758 | +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom | |
5759 | +{ | |
5760 | + background-image:url(../images/default/button/s-arrow-bo.gif); | |
5761 | +} | |
5762 | + | |
5763 | +.x-toolbar .xtb-sep { | |
5764 | + background-image: url(../images/default/grid/grid-blue-split.gif); | |
5765 | +} | |
5766 | + | |
5767 | +.x-tbar-page-first{ | |
5768 | + background-image: url(../images/default/grid/page-first.gif) !important; | |
5769 | +} | |
5770 | + | |
5771 | +.x-tbar-loading{ | |
5772 | + background-image: url(../images/default/grid/refresh.gif) !important; | |
5773 | +} | |
5774 | + | |
5775 | +.x-tbar-page-last{ | |
5776 | + background-image: url(../images/default/grid/page-last.gif) !important; | |
5777 | +} | |
5778 | + | |
5779 | +.x-tbar-page-next{ | |
5780 | + background-image: url(../images/default/grid/page-next.gif) !important; | |
5781 | +} | |
5782 | + | |
5783 | +.x-tbar-page-prev{ | |
5784 | + background-image: url(../images/default/grid/page-prev.gif) !important; | |
5785 | +} | |
5786 | + | |
5787 | +.x-item-disabled .x-tbar-loading{ | |
5788 | + background-image: url(../images/default/grid/loading.gif) !important; | |
5789 | +} | |
5790 | + | |
5791 | +.x-item-disabled .x-tbar-page-first{ | |
5792 | + background-image: url(../images/default/grid/page-first-disabled.gif) !important; | |
5793 | +} | |
5794 | + | |
5795 | +.x-item-disabled .x-tbar-page-last{ | |
5796 | + background-image: url(../images/default/grid/page-last-disabled.gif) !important; | |
5797 | +} | |
5798 | + | |
5799 | +.x-item-disabled .x-tbar-page-next{ | |
5800 | + background-image: url(../images/default/grid/page-next-disabled.gif) !important; | |
5801 | +} | |
5802 | + | |
5803 | +.x-item-disabled .x-tbar-page-prev{ | |
5804 | + background-image: url(../images/default/grid/page-prev-disabled.gif) !important; | |
5805 | +} | |
5806 | + | |
5807 | +.x-paging-info { | |
5808 | + color:#444; | |
5809 | +} | |
5810 | + | |
5811 | +.x-toolbar-more-icon { | |
5812 | + background-image: url(../images/default/toolbar/more.gif) !important; | |
5813 | +} | |
5814 | + | |
5815 | +.x-statusbar .x-status-busy { | |
5816 | + background-image: url(../images/default/grid/loading.gif); | |
5817 | +} | |
5818 | + | |
5819 | +.x-statusbar .x-status-text-panel { | |
5820 | + border-color: #99bbe8 #fff #fff #99bbe8; | |
5821 | +}.x-resizable-handle { | |
5822 | + background-color:#fff; | |
5823 | +} | |
5824 | + | |
5825 | +.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
5826 | +.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
5827 | +{ | |
5828 | + background-image:url(../images/default/sizer/e-handle.gif); | |
5829 | +} | |
5830 | + | |
5831 | +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
5832 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
5833 | +{ | |
5834 | + background-image:url(../images/default/sizer/s-handle.gif); | |
5835 | +} | |
5836 | + | |
5837 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ | |
5838 | + background-image:url(../images/default/sizer/s-handle.gif); | |
5839 | +} | |
5840 | +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
5841 | + background-image:url(../images/default/sizer/se-handle.gif); | |
5842 | +} | |
5843 | +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
5844 | + background-image:url(../images/default/sizer/nw-handle.gif); | |
5845 | +} | |
5846 | +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
5847 | + background-image:url(../images/default/sizer/ne-handle.gif); | |
5848 | +} | |
5849 | +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
5850 | + background-image:url(../images/default/sizer/sw-handle.gif); | |
5851 | +} | |
5852 | +.x-resizable-proxy{ | |
5853 | + border-color:#3b5a82; | |
5854 | +} | |
5855 | +.x-resizable-overlay{ | |
5856 | + background-color:#fff; | |
5857 | +} | |
5858 | +.x-grid3 { | |
5859 | + background-color:#fff; | |
5860 | +} | |
5861 | + | |
5862 | +.x-grid-panel .x-panel-mc .x-panel-body { | |
5863 | + border-color:#99bbe8; | |
5864 | +} | |
5865 | + | |
5866 | +.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
5867 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
5868 | +} | |
5869 | + | |
5870 | +.x-grid3-hd-row td { | |
5871 | + border-left-color:#eee; | |
5872 | + border-right-color:#d0d0d0; | |
5873 | +} | |
5874 | + | |
5875 | +.x-grid-row-loading { | |
5876 | + background-color: #fff; | |
5877 | + background-image:url(../images/default/shared/loading-balls.gif); | |
5878 | +} | |
5879 | + | |
5880 | +.x-grid3-row { | |
5881 | + border-color:#ededed; | |
5882 | + border-top-color:#fff; | |
5883 | +} | |
5884 | + | |
5885 | +.x-grid3-row-alt{ | |
5886 | + background-color:#fafafa; | |
5887 | +} | |
5888 | + | |
5889 | +.x-grid3-row-over { | |
5890 | + border-color:#ddd; | |
5891 | + background-color:#efefef; | |
5892 | + background-image:url(../images/default/grid/row-over.gif); | |
5893 | +} | |
5894 | + | |
5895 | +.x-grid3-resize-proxy { | |
5896 | + background-color:#777; | |
5897 | +} | |
5898 | + | |
5899 | +.x-grid3-resize-marker { | |
5900 | + background-color:#777; | |
5901 | +} | |
5902 | + | |
5903 | +.x-grid3-header{ | |
5904 | + background-color:#f9f9f9; | |
5905 | + background-image:url(../images/default/grid/grid3-hrow.gif); | |
5906 | +} | |
5907 | + | |
5908 | +.x-grid3-header-pop { | |
5909 | + border-left-color:#d0d0d0; | |
5910 | +} | |
5911 | + | |
5912 | +.x-grid3-header-pop-inner { | |
5913 | + border-left-color:#eee; | |
5914 | + background-image:url(../images/default/grid/hd-pop.gif); | |
5915 | +} | |
5916 | + | |
5917 | +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
5918 | + border-left-color:#aaccf6; | |
5919 | + border-right-color:#aaccf6; | |
5920 | +} | |
5921 | + | |
5922 | +td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
5923 | + background-color:#ebf3fd; | |
5924 | + background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
5925 | + | |
5926 | +} | |
5927 | + | |
5928 | +.sort-asc .x-grid3-sort-icon { | |
5929 | + background-image: url(../images/default/grid/sort_asc.gif); | |
5930 | +} | |
5931 | + | |
5932 | +.sort-desc .x-grid3-sort-icon { | |
5933 | + background-image: url(../images/default/grid/sort_desc.gif); | |
5934 | +} | |
5935 | + | |
5936 | +.x-grid3-cell-text, .x-grid3-hd-text { | |
5937 | + color:#000; | |
5938 | +} | |
5939 | + | |
5940 | +.x-grid3-split { | |
5941 | + background-image: url(../images/default/grid/grid-split.gif); | |
5942 | +} | |
5943 | + | |
5944 | +.x-grid3-hd-text { | |
5945 | + color:#15428b; | |
5946 | +} | |
5947 | + | |
5948 | +.x-dd-drag-proxy .x-grid3-hd-inner{ | |
5949 | + background-color:#ebf3fd; | |
5950 | + background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
5951 | + border-color:#aaccf6; | |
5952 | +} | |
5953 | + | |
5954 | +.col-move-top{ | |
5955 | + background-image:url(../images/default/grid/col-move-top.gif); | |
5956 | +} | |
5957 | + | |
5958 | +.col-move-bottom{ | |
5959 | + background-image:url(../images/default/grid/col-move-bottom.gif); | |
5960 | +} | |
5961 | + | |
5962 | +.x-grid3-row-selected { | |
5963 | + background-color: #dfe8f6 !important; | |
5964 | + background-image: none; | |
5965 | + border-color:#a3bae9; | |
5966 | +} | |
5967 | + | |
5968 | +.x-grid3-cell-selected{ | |
5969 | + background-color: #b8cfee !important; | |
5970 | + color:#000; | |
5971 | +} | |
5972 | + | |
5973 | +.x-grid3-cell-selected span{ | |
5974 | + color:#000 !important; | |
5975 | +} | |
5976 | + | |
5977 | +.x-grid3-cell-selected .x-grid3-cell-text{ | |
5978 | + color:#000; | |
5979 | +} | |
5980 | + | |
5981 | +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
5982 | + background-color:#ebeadb !important; | |
5983 | + background-image:url(../images/default/grid/grid-hrow.gif) !important; | |
5984 | + color:#000; | |
5985 | + border-top-color:#fff; | |
5986 | + border-right-color:#6fa0df !important; | |
5987 | +} | |
5988 | + | |
5989 | +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
5990 | + color:#15428b !important; | |
5991 | +} | |
5992 | + | |
5993 | +.x-grid3-dirty-cell { | |
5994 | + background-image:url(../images/default/grid/dirty.gif); | |
5995 | +} | |
5996 | + | |
5997 | +.x-grid3-topbar, .x-grid3-bottombar{ | |
5998 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
5999 | +} | |
6000 | + | |
6001 | +.x-grid3-bottombar .x-toolbar{ | |
6002 | + border-top-color:#a9bfd3; | |
6003 | +} | |
6004 | + | |
6005 | +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
6006 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important; | |
6007 | + color:#000 !important; | |
6008 | +} | |
6009 | + | |
6010 | +.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
6011 | + background-color:#fff !important; | |
6012 | + border-right-color:#eee; | |
6013 | +} | |
6014 | + | |
6015 | +.xg-hmenu-sort-asc .x-menu-item-icon{ | |
6016 | + background-image: url(../images/default/grid/hmenu-asc.gif); | |
6017 | +} | |
6018 | + | |
6019 | +.xg-hmenu-sort-desc .x-menu-item-icon{ | |
6020 | + background-image: url(../images/default/grid/hmenu-desc.gif); | |
6021 | +} | |
6022 | + | |
6023 | +.xg-hmenu-lock .x-menu-item-icon{ | |
6024 | + background-image: url(../images/default/grid/hmenu-lock.gif); | |
6025 | +} | |
6026 | + | |
6027 | +.xg-hmenu-unlock .x-menu-item-icon{ | |
6028 | + background-image: url(../images/default/grid/hmenu-unlock.gif); | |
6029 | +} | |
6030 | + | |
6031 | +.x-grid3-hd-btn { | |
6032 | + background-color:#c3daf9; | |
6033 | + background-image:url(../images/default/grid/grid3-hd-btn.gif); | |
6034 | +} | |
6035 | + | |
6036 | +.x-grid3-body .x-grid3-td-expander { | |
6037 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
6038 | +} | |
6039 | + | |
6040 | +.x-grid3-row-expander { | |
6041 | + background-image:url(../images/default/grid/row-expand-sprite.gif); | |
6042 | +} | |
6043 | + | |
6044 | +.x-grid3-body .x-grid3-td-checker { | |
6045 | + background-image: url(../images/default/grid/grid3-special-col-bg.gif); | |
6046 | +} | |
6047 | + | |
6048 | +.x-grid3-row-checker, .x-grid3-hd-checker { | |
6049 | + background-image:url(../images/default/grid/row-check-sprite.gif); | |
6050 | +} | |
6051 | + | |
6052 | +.x-grid3-body .x-grid3-td-numberer { | |
6053 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
6054 | +} | |
6055 | + | |
6056 | +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
6057 | + color:#444; | |
6058 | +} | |
6059 | + | |
6060 | +.x-grid3-body .x-grid3-td-row-icon { | |
6061 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
6062 | +} | |
6063 | + | |
6064 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
6065 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
6066 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
6067 | + background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif); | |
6068 | +} | |
6069 | + | |
6070 | +.x-grid3-check-col { | |
6071 | + background-image:url(../images/default/menu/unchecked.gif); | |
6072 | +} | |
6073 | + | |
6074 | +.x-grid3-check-col-on { | |
6075 | + background-image:url(../images/default/menu/checked.gif); | |
6076 | +} | |
6077 | + | |
6078 | +.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
6079 | + zoom:1; | |
6080 | +} | |
6081 | + | |
6082 | +.x-grid-group-hd { | |
6083 | + border-bottom-color:#99bbe8; | |
6084 | +} | |
6085 | + | |
6086 | +.x-grid-group-hd div.x-grid-group-title { | |
6087 | + background-image:url(../images/default/grid/group-collapse.gif); | |
6088 | + color:#3764a0; | |
6089 | + font:bold 11px tahoma, arial, helvetica, sans-serif; | |
6090 | +} | |
6091 | + | |
6092 | +.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { | |
6093 | + background-image:url(../images/default/grid/group-expand.gif); | |
6094 | +} | |
6095 | + | |
6096 | +.x-group-by-icon { | |
6097 | + background-image:url(../images/default/grid/group-by.gif); | |
6098 | +} | |
6099 | + | |
6100 | +.x-cols-icon { | |
6101 | + background-image:url(../images/default/grid/columns.gif); | |
6102 | +} | |
6103 | + | |
6104 | +.x-show-groups-icon { | |
6105 | + background-image:url(../images/default/grid/group-by.gif); | |
6106 | +} | |
6107 | + | |
6108 | +.x-grid-empty { | |
6109 | + color:gray; | |
6110 | + font:normal 11px tahoma, arial, helvetica, sans-serif; | |
6111 | +} | |
6112 | + | |
6113 | +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
6114 | + border-right-color:#ededed; | |
6115 | +} | |
6116 | + | |
6117 | +.x-grid-with-col-lines .x-grid3-row{ | |
6118 | + border-top-color:#ededed; | |
6119 | +} | |
6120 | + | |
6121 | +.x-grid-with-col-lines .x-grid3-row-selected { | |
6122 | + border-top-color:#a3bae9; | |
6123 | +}.x-dd-drag-ghost{ | |
6124 | + color:#000; | |
6125 | + font: normal 11px arial, helvetica, sans-serif; | |
6126 | + border-color: #ddd #bbb #bbb #ddd; | |
6127 | + background-color:#fff; | |
6128 | +} | |
6129 | + | |
6130 | +.x-dd-drop-nodrop .x-dd-drop-icon{ | |
6131 | + background-image: url(../images/default/dd/drop-no.gif); | |
6132 | +} | |
6133 | + | |
6134 | +.x-dd-drop-ok .x-dd-drop-icon{ | |
6135 | + background-image: url(../images/default/dd/drop-yes.gif); | |
6136 | +} | |
6137 | + | |
6138 | +.x-dd-drop-ok-add .x-dd-drop-icon{ | |
6139 | + background-image: url(../images/default/dd/drop-add.gif); | |
6140 | +} | |
6141 | + | |
6142 | +.x-view-selector { | |
6143 | + background-color:#c3daf9; | |
6144 | + border-color:#3399bb; | |
6145 | +}.x-tree-node-expanded .x-tree-node-icon{ | |
6146 | + background-image:url(../images/default/tree/folder-open.gif); | |
6147 | +} | |
6148 | + | |
6149 | +.x-tree-node-leaf .x-tree-node-icon{ | |
6150 | + background-image:url(../images/default/tree/leaf.gif); | |
6151 | +} | |
6152 | + | |
6153 | +.x-tree-node-collapsed .x-tree-node-icon{ | |
6154 | + background-image:url(../images/default/tree/folder.gif); | |
6155 | +} | |
6156 | + | |
6157 | +.x-tree-node-loading .x-tree-node-icon{ | |
6158 | + background-image:url(../images/default/tree/loading.gif) !important; | |
6159 | +} | |
6160 | + | |
6161 | +.x-tree-node .x-tree-node-inline-icon { | |
6162 | + background-image: none; | |
6163 | +} | |
6164 | + | |
6165 | +.x-tree-node-loading a span{ | |
6166 | + font-style: italic; | |
6167 | + color:#444444; | |
6168 | +} | |
6169 | + | |
6170 | +.ext-ie .x-tree-node-el input { | |
6171 | + width:15px; | |
6172 | + height:15px; | |
6173 | +} | |
6174 | + | |
6175 | +.x-tree-lines .x-tree-elbow{ | |
6176 | + background-image:url(../images/default/tree/elbow.gif); | |
6177 | +} | |
6178 | + | |
6179 | +.x-tree-lines .x-tree-elbow-plus{ | |
6180 | + background-image:url(../images/default/tree/elbow-plus.gif); | |
6181 | +} | |
6182 | + | |
6183 | +.x-tree-lines .x-tree-elbow-minus{ | |
6184 | + background-image:url(../images/default/tree/elbow-minus.gif); | |
6185 | +} | |
6186 | + | |
6187 | +.x-tree-lines .x-tree-elbow-end{ | |
6188 | + background-image:url(../images/default/tree/elbow-end.gif); | |
6189 | +} | |
6190 | + | |
6191 | +.x-tree-lines .x-tree-elbow-end-plus{ | |
6192 | + background-image:url(../images/default/tree/elbow-end-plus.gif); | |
6193 | +} | |
6194 | + | |
6195 | +.x-tree-lines .x-tree-elbow-end-minus{ | |
6196 | + background-image:url(../images/default/tree/elbow-end-minus.gif); | |
6197 | +} | |
6198 | + | |
6199 | +.x-tree-lines .x-tree-elbow-line{ | |
6200 | + background-image:url(../images/default/tree/elbow-line.gif); | |
6201 | +} | |
6202 | + | |
6203 | +.x-tree-no-lines .x-tree-elbow-plus{ | |
6204 | + background-image:url(../images/default/tree/elbow-plus-nl.gif); | |
6205 | +} | |
6206 | + | |
6207 | +.x-tree-no-lines .x-tree-elbow-minus{ | |
6208 | + background-image:url(../images/default/tree/elbow-minus-nl.gif); | |
6209 | +} | |
6210 | + | |
6211 | +.x-tree-no-lines .x-tree-elbow-end-plus{ | |
6212 | + background-image:url(../images/default/tree/elbow-end-plus-nl.gif); | |
6213 | +} | |
6214 | + | |
6215 | +.x-tree-no-lines .x-tree-elbow-end-minus{ | |
6216 | + background-image:url(../images/default/tree/elbow-end-minus-nl.gif); | |
6217 | +} | |
6218 | + | |
6219 | +.x-tree-arrows .x-tree-elbow-plus{ | |
6220 | + background-image:url(../images/default/tree/arrows.gif); | |
6221 | +} | |
6222 | + | |
6223 | +.x-tree-arrows .x-tree-elbow-minus{ | |
6224 | + background-image:url(../images/default/tree/arrows.gif); | |
6225 | +} | |
6226 | + | |
6227 | +.x-tree-arrows .x-tree-elbow-end-plus{ | |
6228 | + background-image:url(../images/default/tree/arrows.gif); | |
6229 | +} | |
6230 | + | |
6231 | +.x-tree-arrows .x-tree-elbow-end-minus{ | |
6232 | + background-image:url(../images/default/tree/arrows.gif); | |
6233 | +} | |
6234 | + | |
6235 | +.x-tree-node{ | |
6236 | + color:#000; | |
6237 | + font: normal 11px arial, tahoma, helvetica, sans-serif; | |
6238 | +} | |
6239 | + | |
6240 | +.x-tree-node a, .x-dd-drag-ghost a{ | |
6241 | + color:#000; | |
6242 | +} | |
6243 | + | |
6244 | +.x-tree-node a span, .x-dd-drag-ghost a span{ | |
6245 | + color:#000; | |
6246 | +} | |
6247 | + | |
6248 | +.x-tree-node .x-tree-node-disabled a span{ | |
6249 | + color:gray !important; | |
6250 | +} | |
6251 | + | |
6252 | +.x-tree-node div.x-tree-drag-insert-below{ | |
6253 | + border-bottom-color:#36c; | |
6254 | +} | |
6255 | + | |
6256 | +.x-tree-node div.x-tree-drag-insert-above{ | |
6257 | + border-top-color:#36c; | |
6258 | +} | |
6259 | + | |
6260 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
6261 | + border-bottom-color:#36c; | |
6262 | +} | |
6263 | + | |
6264 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
6265 | + border-top-color:#36c; | |
6266 | +} | |
6267 | + | |
6268 | +.x-tree-node .x-tree-drag-append a span{ | |
6269 | + background-color:#ddd; | |
6270 | + border-color:gray; | |
6271 | +} | |
6272 | + | |
6273 | +.x-tree-node .x-tree-node-over { | |
6274 | + background-color: #eee; | |
6275 | +} | |
6276 | + | |
6277 | +.x-tree-node .x-tree-selected { | |
6278 | + background-color: #d9e8fb; | |
6279 | +} | |
6280 | + | |
6281 | +.x-tree-drop-ok-append .x-dd-drop-icon{ | |
6282 | + background-image: url(../images/default/tree/drop-add.gif); | |
6283 | +} | |
6284 | + | |
6285 | +.x-tree-drop-ok-above .x-dd-drop-icon{ | |
6286 | + background-image: url(../images/default/tree/drop-over.gif); | |
6287 | +} | |
6288 | + | |
6289 | +.x-tree-drop-ok-below .x-dd-drop-icon{ | |
6290 | + background-image: url(../images/default/tree/drop-under.gif); | |
6291 | +} | |
6292 | + | |
6293 | +.x-tree-drop-ok-between .x-dd-drop-icon{ | |
6294 | + background-image: url(../images/default/tree/drop-between.gif); | |
6295 | 6295 | }.x-date-picker { |
6296 | 6296 | border-color: #1b376c; |
6297 | 6297 | background-color:#fff; |
@@ -6428,119 +6428,119 @@ td.x-date-mp-sel a { | ||
6428 | 6428 | |
6429 | 6429 | td.x-date-mp-sep { |
6430 | 6430 | border-right-color:#c5d2df; |
6431 | -}.x-tip .x-tip-close{ | |
6432 | - background-image: url(../images/default/qtip/close.gif); | |
6433 | -} | |
6434 | - | |
6435 | -.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { | |
6436 | - background-image: url(../images/default/qtip/tip-sprite.gif); | |
6437 | -} | |
6438 | - | |
6439 | -.x-tip .x-tip-mc { | |
6440 | - font: normal 11px tahoma,arial,helvetica,sans-serif; | |
6441 | -} | |
6442 | -.x-tip .x-tip-ml { | |
6443 | - background-color: #fff; | |
6444 | -} | |
6445 | - | |
6446 | -.x-tip .x-tip-header-text { | |
6447 | - font: bold 11px tahoma,arial,helvetica,sans-serif; | |
6448 | - color:#444; | |
6449 | -} | |
6450 | - | |
6451 | -.x-tip .x-tip-body { | |
6452 | - font: normal 11px tahoma,arial,helvetica,sans-serif; | |
6453 | - color:#444; | |
6454 | -} | |
6455 | - | |
6456 | -.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, | |
6457 | -.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr | |
6458 | -{ | |
6459 | - background-image: url(../images/default/form/error-tip-corners.gif); | |
6460 | -} | |
6461 | - | |
6462 | -.x-form-invalid-tip .x-tip-body { | |
6463 | - background-image:url(../images/default/form/exclamation.gif); | |
6464 | -} | |
6465 | - | |
6466 | -.x-tip-anchor { | |
6467 | - background-image:url(../images/default/qtip/tip-anchor-sprite.gif); | |
6468 | -}.x-menu { | |
6469 | - background-color:#f0f0f0; | |
6470 | - background-image:url(../images/default/menu/menu.gif); | |
6471 | -} | |
6472 | - | |
6473 | -.x-menu-floating{ | |
6474 | - border-color:#718bb7; | |
6475 | -} | |
6476 | - | |
6477 | -.x-menu-nosep { | |
6478 | - background-image:none; | |
6479 | -} | |
6480 | - | |
6481 | -.x-menu-list-item{ | |
6482 | - font:normal 11px arial,tahoma,sans-serif; | |
6483 | -} | |
6484 | - | |
6485 | -.x-menu-item-arrow{ | |
6486 | - background-image:url(../images/default/menu/menu-parent.gif); | |
6487 | -} | |
6488 | - | |
6489 | -.x-menu-sep { | |
6490 | - background-color:#e0e0e0; | |
6491 | - border-bottom-color:#fff; | |
6492 | -} | |
6493 | - | |
6494 | -a.x-menu-item { | |
6495 | - color:#222; | |
6496 | -} | |
6497 | - | |
6498 | -.x-menu-item-active { | |
6499 | - background-image: url(../images/default/menu/item-over.gif); | |
6500 | - background-color: #dbecf4; | |
6501 | - border-color:#aaccf6; | |
6502 | -} | |
6503 | - | |
6504 | -.x-menu-item-active a.x-menu-item { | |
6505 | - border-color:#aaccf6; | |
6506 | -} | |
6507 | - | |
6508 | -.x-menu-check-item .x-menu-item-icon{ | |
6509 | - background-image:url(../images/default/menu/unchecked.gif); | |
6510 | -} | |
6511 | - | |
6512 | -.x-menu-item-checked .x-menu-item-icon{ | |
6513 | - background-image:url(../images/default/menu/checked.gif); | |
6514 | -} | |
6515 | - | |
6516 | -.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
6517 | - background-image:url(../images/default/menu/group-checked.gif); | |
6518 | -} | |
6519 | - | |
6520 | -.x-menu-group-item .x-menu-item-icon{ | |
6521 | - background-image:none; | |
6522 | -} | |
6523 | - | |
6524 | -.x-menu-plain { | |
6525 | - background-color:#fff !important; | |
6526 | -} | |
6527 | - | |
6528 | -.x-menu .x-date-picker{ | |
6529 | - border-color:#a3bad9; | |
6530 | -} | |
6531 | - | |
6532 | -.x-cycle-menu .x-menu-item-checked { | |
6533 | - border-color:#a3bae9 !important; | |
6534 | - background-color:#def8f6; | |
6535 | -} | |
6536 | - | |
6537 | -.x-menu-scroller-top { | |
6538 | - background-image:url(../images/default/layout/mini-top.gif); | |
6539 | -} | |
6540 | - | |
6541 | -.x-menu-scroller-bottom { | |
6542 | - background-image:url(../images/default/layout/mini-bottom.gif); | |
6543 | -} | |
6431 | +}.x-tip .x-tip-close{ | |
6432 | + background-image: url(../images/default/qtip/close.gif); | |
6433 | +} | |
6434 | + | |
6435 | +.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { | |
6436 | + background-image: url(../images/default/qtip/tip-sprite.gif); | |
6437 | +} | |
6438 | + | |
6439 | +.x-tip .x-tip-mc { | |
6440 | + font: normal 11px tahoma,arial,helvetica,sans-serif; | |
6441 | +} | |
6442 | +.x-tip .x-tip-ml { | |
6443 | + background-color: #fff; | |
6444 | +} | |
6445 | + | |
6446 | +.x-tip .x-tip-header-text { | |
6447 | + font: bold 11px tahoma,arial,helvetica,sans-serif; | |
6448 | + color:#444; | |
6449 | +} | |
6450 | + | |
6451 | +.x-tip .x-tip-body { | |
6452 | + font: normal 11px tahoma,arial,helvetica,sans-serif; | |
6453 | + color:#444; | |
6454 | +} | |
6455 | + | |
6456 | +.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, | |
6457 | +.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr | |
6458 | +{ | |
6459 | + background-image: url(../images/default/form/error-tip-corners.gif); | |
6460 | +} | |
6461 | + | |
6462 | +.x-form-invalid-tip .x-tip-body { | |
6463 | + background-image:url(../images/default/form/exclamation.gif); | |
6464 | +} | |
6465 | + | |
6466 | +.x-tip-anchor { | |
6467 | + background-image:url(../images/default/qtip/tip-anchor-sprite.gif); | |
6468 | +}.x-menu { | |
6469 | + background-color:#f0f0f0; | |
6470 | + background-image:url(../images/default/menu/menu.gif); | |
6471 | +} | |
6472 | + | |
6473 | +.x-menu-floating{ | |
6474 | + border-color:#718bb7; | |
6475 | +} | |
6476 | + | |
6477 | +.x-menu-nosep { | |
6478 | + background-image:none; | |
6479 | +} | |
6480 | + | |
6481 | +.x-menu-list-item{ | |
6482 | + font:normal 11px arial,tahoma,sans-serif; | |
6483 | +} | |
6484 | + | |
6485 | +.x-menu-item-arrow{ | |
6486 | + background-image:url(../images/default/menu/menu-parent.gif); | |
6487 | +} | |
6488 | + | |
6489 | +.x-menu-sep { | |
6490 | + background-color:#e0e0e0; | |
6491 | + border-bottom-color:#fff; | |
6492 | +} | |
6493 | + | |
6494 | +a.x-menu-item { | |
6495 | + color:#222; | |
6496 | +} | |
6497 | + | |
6498 | +.x-menu-item-active { | |
6499 | + background-image: url(../images/default/menu/item-over.gif); | |
6500 | + background-color: #dbecf4; | |
6501 | + border-color:#aaccf6; | |
6502 | +} | |
6503 | + | |
6504 | +.x-menu-item-active a.x-menu-item { | |
6505 | + border-color:#aaccf6; | |
6506 | +} | |
6507 | + | |
6508 | +.x-menu-check-item .x-menu-item-icon{ | |
6509 | + background-image:url(../images/default/menu/unchecked.gif); | |
6510 | +} | |
6511 | + | |
6512 | +.x-menu-item-checked .x-menu-item-icon{ | |
6513 | + background-image:url(../images/default/menu/checked.gif); | |
6514 | +} | |
6515 | + | |
6516 | +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
6517 | + background-image:url(../images/default/menu/group-checked.gif); | |
6518 | +} | |
6519 | + | |
6520 | +.x-menu-group-item .x-menu-item-icon{ | |
6521 | + background-image:none; | |
6522 | +} | |
6523 | + | |
6524 | +.x-menu-plain { | |
6525 | + background-color:#fff !important; | |
6526 | +} | |
6527 | + | |
6528 | +.x-menu .x-date-picker{ | |
6529 | + border-color:#a3bad9; | |
6530 | +} | |
6531 | + | |
6532 | +.x-cycle-menu .x-menu-item-checked { | |
6533 | + border-color:#a3bae9 !important; | |
6534 | + background-color:#def8f6; | |
6535 | +} | |
6536 | + | |
6537 | +.x-menu-scroller-top { | |
6538 | + background-image:url(../images/default/layout/mini-top.gif); | |
6539 | +} | |
6540 | + | |
6541 | +.x-menu-scroller-bottom { | |
6542 | + background-image:url(../images/default/layout/mini-bottom.gif); | |
6543 | +} | |
6544 | 6544 | .x-box-tl { |
6545 | 6545 | background-image: url(../images/default/box/corners.gif); |
6546 | 6546 | } |
@@ -6821,30 +6821,30 @@ a.x-menu-item { | ||
6821 | 6821 | |
6822 | 6822 | body.x-body-masked .x-window-plain .x-window-mc { |
6823 | 6823 | background-color: #ccd9e8; |
6824 | -}.x-html-editor-wrap { | |
6825 | - border-color:#a9bfd3; | |
6826 | - background-color:#fff; | |
6827 | -} | |
6828 | -.x-html-editor-tb .x-btn-text { | |
6829 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
6830 | -}.x-panel-noborder .x-panel-header-noborder { | |
6831 | - border-bottom-color:#99bbe8; | |
6832 | -} | |
6833 | - | |
6834 | -.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
6835 | - border-bottom-color:#99bbe8; | |
6836 | -} | |
6837 | - | |
6838 | -.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
6839 | - border-top-color:#99bbe8; | |
6840 | -} | |
6841 | - | |
6842 | -.x-tab-panel-bbar-noborder .x-toolbar { | |
6843 | - border-top-color:#99bbe8; | |
6844 | -} | |
6845 | - | |
6846 | -.x-tab-panel-tbar-noborder .x-toolbar { | |
6847 | - border-bottom-color:#99bbe8; | |
6824 | +}.x-html-editor-wrap { | |
6825 | + border-color:#a9bfd3; | |
6826 | + background-color:#fff; | |
6827 | +} | |
6828 | +.x-html-editor-tb .x-btn-text { | |
6829 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
6830 | +}.x-panel-noborder .x-panel-header-noborder { | |
6831 | + border-bottom-color:#99bbe8; | |
6832 | +} | |
6833 | + | |
6834 | +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
6835 | + border-bottom-color:#99bbe8; | |
6836 | +} | |
6837 | + | |
6838 | +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
6839 | + border-top-color:#99bbe8; | |
6840 | +} | |
6841 | + | |
6842 | +.x-tab-panel-bbar-noborder .x-toolbar { | |
6843 | + border-top-color:#99bbe8; | |
6844 | +} | |
6845 | + | |
6846 | +.x-tab-panel-tbar-noborder .x-toolbar { | |
6847 | + border-bottom-color:#99bbe8; | |
6848 | 6848 | }.x-border-layout-ct { |
6849 | 6849 | background-color:#dfe8f6; |
6850 | 6850 | } |
@@ -6891,100 +6891,100 @@ body.x-body-masked .x-window-plain .x-window-mc { | ||
6891 | 6891 | |
6892 | 6892 | .x-layout-cmini-south .x-layout-mini { |
6893 | 6893 | background-image:url(../images/default/layout/mini-top.gif); |
6894 | -}.x-progress-wrap { | |
6895 | - border-color:#6593cf; | |
6896 | -} | |
6897 | - | |
6898 | -.x-progress-inner { | |
6899 | - background-color:#e0e8f3; | |
6900 | - background-image:url(../images/default/qtip/bg.gif); | |
6901 | -} | |
6902 | - | |
6903 | -.x-progress-bar { | |
6904 | - background-color:#9cbfee; | |
6905 | - background-image:url(../images/default/progress/progress-bg.gif); | |
6906 | - border-top-color:#d1e4fd; | |
6907 | - border-bottom-color:#7fa9e4; | |
6908 | - border-right-color:#7fa9e4; | |
6909 | -} | |
6910 | - | |
6911 | -.x-progress-text { | |
6912 | - font-size:11px; | |
6913 | - font-weight:bold; | |
6914 | - color:#fff; | |
6915 | -} | |
6916 | - | |
6917 | -.x-progress-text-back { | |
6918 | - color:#396095; | |
6919 | -}.x-list-header{ | |
6920 | - background-color:#f9f9f9; | |
6921 | - background-image:url(../images/default/grid/grid3-hrow.gif); | |
6922 | -} | |
6923 | - | |
6924 | -.x-list-header-inner div em { | |
6925 | - border-left-color:#ddd; | |
6926 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
6927 | -} | |
6928 | - | |
6929 | -.x-list-body dt em { | |
6930 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
6931 | -} | |
6932 | - | |
6933 | -.x-list-over { | |
6934 | - background-color:#eee; | |
6935 | -} | |
6936 | - | |
6937 | -.x-list-selected { | |
6938 | - background-color:#dfe8f6; | |
6939 | -} | |
6940 | - | |
6941 | -.x-list-resizer { | |
6942 | - border-left-color:#555; | |
6943 | - border-right-color:#555; | |
6944 | -} | |
6945 | - | |
6946 | -.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { | |
6947 | - background-image:url(../images/default/grid/sort-hd.gif); | |
6948 | - border-color: #99bbe8; | |
6949 | -}.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { | |
6950 | - background-image:url(../images/default/slider/slider-bg.png); | |
6951 | -} | |
6952 | - | |
6953 | -.x-slider-horz .x-slider-thumb { | |
6954 | - background-image:url(../images/default/slider/slider-thumb.png); | |
6955 | -} | |
6956 | - | |
6957 | -.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { | |
6958 | - background-image:url(../images/default/slider/slider-v-bg.png); | |
6959 | -} | |
6960 | - | |
6961 | -.x-slider-vert .x-slider-thumb { | |
6962 | - background-image:url(../images/default/slider/slider-v-thumb.png); | |
6963 | -}.x-window-dlg .ext-mb-text, | |
6964 | -.x-window-dlg .x-window-header-text { | |
6965 | - font-size:12px; | |
6966 | -} | |
6967 | - | |
6968 | -.x-window-dlg .ext-mb-textarea { | |
6969 | - font:normal 12px tahoma,arial,helvetica,sans-serif; | |
6970 | -} | |
6971 | - | |
6972 | -.x-window-dlg .x-msg-box-wait { | |
6973 | - background-image:url(../images/default/grid/loading.gif); | |
6974 | -} | |
6975 | - | |
6976 | -.x-window-dlg .ext-mb-info { | |
6977 | - background-image:url(../images/default/window/icon-info.gif); | |
6978 | -} | |
6979 | - | |
6980 | -.x-window-dlg .ext-mb-warning { | |
6981 | - background-image:url(../images/default/window/icon-warning.gif); | |
6982 | -} | |
6983 | - | |
6984 | -.x-window-dlg .ext-mb-question { | |
6985 | - background-image:url(../images/default/window/icon-question.gif); | |
6986 | -} | |
6987 | - | |
6988 | -.x-window-dlg .ext-mb-error { | |
6989 | - background-image:url(../images/default/window/icon-error.gif); | |
6894 | +}.x-progress-wrap { | |
6895 | + border-color:#6593cf; | |
6896 | +} | |
6897 | + | |
6898 | +.x-progress-inner { | |
6899 | + background-color:#e0e8f3; | |
6900 | + background-image:url(../images/default/qtip/bg.gif); | |
6901 | +} | |
6902 | + | |
6903 | +.x-progress-bar { | |
6904 | + background-color:#9cbfee; | |
6905 | + background-image:url(../images/default/progress/progress-bg.gif); | |
6906 | + border-top-color:#d1e4fd; | |
6907 | + border-bottom-color:#7fa9e4; | |
6908 | + border-right-color:#7fa9e4; | |
6909 | +} | |
6910 | + | |
6911 | +.x-progress-text { | |
6912 | + font-size:11px; | |
6913 | + font-weight:bold; | |
6914 | + color:#fff; | |
6915 | +} | |
6916 | + | |
6917 | +.x-progress-text-back { | |
6918 | + color:#396095; | |
6919 | +}.x-list-header{ | |
6920 | + background-color:#f9f9f9; | |
6921 | + background-image:url(../images/default/grid/grid3-hrow.gif); | |
6922 | +} | |
6923 | + | |
6924 | +.x-list-header-inner div em { | |
6925 | + border-left-color:#ddd; | |
6926 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
6927 | +} | |
6928 | + | |
6929 | +.x-list-body dt em { | |
6930 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
6931 | +} | |
6932 | + | |
6933 | +.x-list-over { | |
6934 | + background-color:#eee; | |
6935 | +} | |
6936 | + | |
6937 | +.x-list-selected { | |
6938 | + background-color:#dfe8f6; | |
6939 | +} | |
6940 | + | |
6941 | +.x-list-resizer { | |
6942 | + border-left-color:#555; | |
6943 | + border-right-color:#555; | |
6944 | +} | |
6945 | + | |
6946 | +.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { | |
6947 | + background-image:url(../images/default/grid/sort-hd.gif); | |
6948 | + border-color: #99bbe8; | |
6949 | +}.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { | |
6950 | + background-image:url(../images/default/slider/slider-bg.png); | |
6951 | +} | |
6952 | + | |
6953 | +.x-slider-horz .x-slider-thumb { | |
6954 | + background-image:url(../images/default/slider/slider-thumb.png); | |
6955 | +} | |
6956 | + | |
6957 | +.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { | |
6958 | + background-image:url(../images/default/slider/slider-v-bg.png); | |
6959 | +} | |
6960 | + | |
6961 | +.x-slider-vert .x-slider-thumb { | |
6962 | + background-image:url(../images/default/slider/slider-v-thumb.png); | |
6963 | +}.x-window-dlg .ext-mb-text, | |
6964 | +.x-window-dlg .x-window-header-text { | |
6965 | + font-size:12px; | |
6966 | +} | |
6967 | + | |
6968 | +.x-window-dlg .ext-mb-textarea { | |
6969 | + font:normal 12px tahoma,arial,helvetica,sans-serif; | |
6970 | +} | |
6971 | + | |
6972 | +.x-window-dlg .x-msg-box-wait { | |
6973 | + background-image:url(../images/default/grid/loading.gif); | |
6974 | +} | |
6975 | + | |
6976 | +.x-window-dlg .ext-mb-info { | |
6977 | + background-image:url(../images/default/window/icon-info.gif); | |
6978 | +} | |
6979 | + | |
6980 | +.x-window-dlg .ext-mb-warning { | |
6981 | + background-image:url(../images/default/window/icon-warning.gif); | |
6982 | +} | |
6983 | + | |
6984 | +.x-window-dlg .ext-mb-question { | |
6985 | + background-image:url(../images/default/window/icon-question.gif); | |
6986 | +} | |
6987 | + | |
6988 | +.x-window-dlg .ext-mb-error { | |
6989 | + background-image:url(../images/default/window/icon-error.gif); | |
6990 | 6990 | } |
\ No newline at end of file |
@@ -4,51 +4,51 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-panel-noborder .x-panel-body-noborder { | |
8 | - border-width:0; | |
9 | -} | |
10 | - | |
11 | -.x-panel-noborder .x-panel-header-noborder { | |
12 | - border-width:0 0 1px; | |
13 | - border-style:solid; | |
14 | -} | |
15 | - | |
16 | -.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
17 | - border-width:0 0 1px; | |
18 | - border-style:solid; | |
19 | -} | |
20 | - | |
21 | -.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
22 | - border-width:1px 0 0 0; | |
23 | - border-style:solid; | |
24 | -} | |
25 | - | |
26 | -.x-window-noborder .x-window-mc { | |
27 | - border-width:0; | |
28 | -} | |
29 | - | |
30 | -.x-window-plain .x-window-body-noborder { | |
31 | - border-width:0; | |
32 | -} | |
33 | - | |
34 | -.x-tab-panel-noborder .x-tab-panel-body-noborder { | |
35 | - border-width:0; | |
36 | -} | |
37 | - | |
38 | -.x-tab-panel-noborder .x-tab-panel-header-noborder { | |
39 | - border-width: 0 0 1px 0; | |
40 | -} | |
41 | - | |
42 | -.x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
43 | - border-width: 1px 0 0 0; | |
44 | -} | |
45 | - | |
46 | -.x-tab-panel-bbar-noborder .x-toolbar { | |
47 | - border-width: 1px 0 0 0; | |
48 | - border-style:solid; | |
49 | -} | |
50 | - | |
51 | -.x-tab-panel-tbar-noborder .x-toolbar { | |
52 | - border-width:0 0 1px; | |
53 | - border-style:solid; | |
7 | +.x-panel-noborder .x-panel-body-noborder { | |
8 | + border-width:0; | |
9 | +} | |
10 | + | |
11 | +.x-panel-noborder .x-panel-header-noborder { | |
12 | + border-width:0 0 1px; | |
13 | + border-style:solid; | |
14 | +} | |
15 | + | |
16 | +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
17 | + border-width:0 0 1px; | |
18 | + border-style:solid; | |
19 | +} | |
20 | + | |
21 | +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
22 | + border-width:1px 0 0 0; | |
23 | + border-style:solid; | |
24 | +} | |
25 | + | |
26 | +.x-window-noborder .x-window-mc { | |
27 | + border-width:0; | |
28 | +} | |
29 | + | |
30 | +.x-window-plain .x-window-body-noborder { | |
31 | + border-width:0; | |
32 | +} | |
33 | + | |
34 | +.x-tab-panel-noborder .x-tab-panel-body-noborder { | |
35 | + border-width:0; | |
36 | +} | |
37 | + | |
38 | +.x-tab-panel-noborder .x-tab-panel-header-noborder { | |
39 | + border-width: 0 0 1px 0; | |
40 | +} | |
41 | + | |
42 | +.x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
43 | + border-width: 1px 0 0 0; | |
44 | +} | |
45 | + | |
46 | +.x-tab-panel-bbar-noborder .x-toolbar { | |
47 | + border-width: 1px 0 0 0; | |
48 | + border-style:solid; | |
49 | +} | |
50 | + | |
51 | +.x-tab-panel-tbar-noborder .x-toolbar { | |
52 | + border-width:0 0 1px; | |
53 | + border-style:solid; | |
54 | 54 | } |
\ No newline at end of file |
@@ -4,437 +4,437 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-btn{ | |
8 | - cursor:pointer; | |
9 | - white-space: nowrap; | |
10 | -} | |
11 | - | |
12 | -.x-btn button{ | |
13 | - border:0 none; | |
14 | - background:transparent; | |
15 | - padding-left:3px; | |
16 | - padding-right:3px; | |
17 | - cursor:pointer; | |
18 | - margin:0; | |
19 | - overflow:visible; | |
20 | - width:auto; | |
21 | - -moz-outline:0 none; | |
22 | - outline:0 none; | |
23 | -} | |
24 | - | |
25 | -* html .ext-ie .x-btn button { | |
26 | - width:1px; | |
27 | -} | |
28 | - | |
29 | -.ext-gecko .x-btn button { | |
30 | - padding-left:0; | |
31 | - padding-right:0; | |
32 | -} | |
33 | - | |
34 | -.ext-gecko .x-btn button::-moz-focus-inner { | |
35 | - padding:0; | |
36 | -} | |
37 | - | |
38 | -.ext-ie .x-btn button { | |
39 | - padding-top:2px; | |
40 | -} | |
41 | - | |
42 | -.x-btn td { | |
43 | - padding:0 !important; | |
44 | -} | |
45 | - | |
46 | -.x-btn-text { | |
47 | - cursor:pointer; | |
48 | - white-space: nowrap; | |
49 | - padding:0; | |
50 | -} | |
51 | - | |
52 | -/* icon placement and sizing styles */ | |
53 | - | |
54 | -/* Only text */ | |
55 | -.x-btn-noicon .x-btn-small .x-btn-text{ | |
56 | - height: 16px; | |
57 | -} | |
58 | - | |
59 | -.x-btn-noicon .x-btn-medium .x-btn-text{ | |
60 | - height: 24px; | |
61 | -} | |
62 | - | |
63 | -.x-btn-noicon .x-btn-large .x-btn-text{ | |
64 | - height: 32px; | |
65 | -} | |
66 | - | |
67 | -/* Only icons */ | |
68 | -.x-btn-icon .x-btn-text{ | |
69 | - background-position: center; | |
70 | - background-repeat: no-repeat; | |
71 | -} | |
72 | - | |
73 | -.x-btn-icon .x-btn-small .x-btn-text{ | |
74 | - height: 16px; | |
75 | - width: 16px; | |
76 | -} | |
77 | - | |
78 | -.x-btn-icon .x-btn-medium .x-btn-text{ | |
79 | - height: 24px; | |
80 | - width: 24px; | |
81 | -} | |
82 | - | |
83 | -.x-btn-icon .x-btn-large .x-btn-text{ | |
84 | - height: 32px; | |
85 | - width: 32px; | |
86 | -} | |
87 | - | |
88 | -/* Icons and text */ | |
89 | -/* left */ | |
90 | -.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ | |
91 | - background-position: 0 center; | |
92 | - background-repeat: no-repeat; | |
93 | - padding-left:18px; | |
94 | - height:16px; | |
95 | -} | |
96 | - | |
97 | -.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ | |
98 | - background-position: 0 center; | |
99 | - background-repeat: no-repeat; | |
100 | - padding-left:26px; | |
101 | - height:24px; | |
102 | -} | |
103 | - | |
104 | -.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ | |
105 | - background-position: 0 center; | |
106 | - background-repeat: no-repeat; | |
107 | - padding-left:34px; | |
108 | - height:32px; | |
109 | -} | |
110 | - | |
111 | -/* top */ | |
112 | -.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ | |
113 | - background-position: center 0; | |
114 | - background-repeat: no-repeat; | |
115 | - padding-top:18px; | |
116 | -} | |
117 | - | |
118 | -.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ | |
119 | - background-position: center 0; | |
120 | - background-repeat: no-repeat; | |
121 | - padding-top:26px; | |
122 | -} | |
123 | - | |
124 | -.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ | |
125 | - background-position: center 0; | |
126 | - background-repeat: no-repeat; | |
127 | - padding-top:34px; | |
128 | -} | |
129 | - | |
130 | -/* right */ | |
131 | -.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ | |
132 | - background-position: right center; | |
133 | - background-repeat: no-repeat; | |
134 | - padding-right:18px; | |
135 | - height:16px; | |
136 | -} | |
137 | - | |
138 | -.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ | |
139 | - background-position: right center; | |
140 | - background-repeat: no-repeat; | |
141 | - padding-right:26px; | |
142 | - height:24px; | |
143 | -} | |
144 | - | |
145 | -.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ | |
146 | - background-position: right center; | |
147 | - background-repeat: no-repeat; | |
148 | - padding-right:34px; | |
149 | - height:32px; | |
150 | -} | |
151 | - | |
152 | -/* bottom */ | |
153 | -.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ | |
154 | - background-position: center bottom; | |
155 | - background-repeat: no-repeat; | |
156 | - padding-bottom:18px; | |
157 | -} | |
158 | - | |
159 | -.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ | |
160 | - background-position: center bottom; | |
161 | - background-repeat: no-repeat; | |
162 | - padding-bottom:26px; | |
163 | -} | |
164 | - | |
165 | -.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ | |
166 | - background-position: center bottom; | |
167 | - background-repeat: no-repeat; | |
168 | - padding-bottom:34px; | |
169 | -} | |
170 | - | |
171 | -/* background positioning */ | |
172 | -.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ | |
173 | - font-size:1px; | |
174 | - line-height:1px; | |
175 | - width:3px; | |
176 | - display:block; | |
177 | - overflow:hidden; | |
178 | -} | |
179 | - | |
180 | -.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ | |
181 | - height:3px; | |
182 | -} | |
183 | - | |
184 | -.x-btn-tl{ | |
185 | - width:3px; | |
186 | - height:3px; | |
187 | - background:no-repeat 0 0; | |
188 | -} | |
189 | -.x-btn-tr{ | |
190 | - width:3px; | |
191 | - height:3px; | |
192 | - background:no-repeat -3px 0; | |
193 | -} | |
194 | -.x-btn-tc{ | |
195 | - height:3px; | |
196 | - background:repeat-x 0 -6px; | |
197 | -} | |
198 | - | |
199 | -.x-btn-ml{ | |
200 | - width:3px; | |
201 | - background:no-repeat 0 -24px; | |
202 | -} | |
203 | -.x-btn-mr{ | |
204 | - width:3px; | |
205 | - background:no-repeat -3px -24px; | |
206 | -} | |
207 | - | |
208 | -.x-btn-mc{ | |
209 | - background:repeat-x 0 -1096px; | |
210 | - vertical-align: middle; | |
211 | - text-align:center; | |
212 | - padding:0 5px; | |
213 | - cursor:pointer; | |
214 | - white-space:nowrap; | |
215 | -} | |
216 | - | |
217 | -.x-btn-bl{ | |
218 | - width:3px; | |
219 | - height:3px; | |
220 | - background:no-repeat 0 -3px; | |
221 | -} | |
222 | - | |
223 | -.x-btn-br{ | |
224 | - width:3px; | |
225 | - height:3px; | |
226 | - background:no-repeat -3px -3px; | |
227 | -} | |
228 | - | |
229 | -.x-btn-bc{ | |
230 | - height:3px; | |
231 | - background:repeat-x 0 -15px; | |
232 | -} | |
233 | - | |
234 | -.x-btn-over .x-btn-tl{ | |
235 | - background-position: -6px 0; | |
236 | -} | |
237 | - | |
238 | -.x-btn-over .x-btn-tr{ | |
239 | - background-position: -9px 0; | |
240 | -} | |
241 | - | |
242 | -.x-btn-over .x-btn-tc{ | |
243 | - background-position: 0 -9px; | |
244 | -} | |
245 | - | |
246 | -.x-btn-over .x-btn-ml{ | |
247 | - background-position: -6px -24px; | |
248 | -} | |
249 | - | |
250 | -.x-btn-over .x-btn-mr{ | |
251 | - background-position: -9px -24px; | |
252 | -} | |
253 | - | |
254 | -.x-btn-over .x-btn-mc{ | |
255 | - background-position: 0 -2168px; | |
256 | -} | |
257 | - | |
258 | -.x-btn-over .x-btn-bl{ | |
259 | - background-position: -6px -3px; | |
260 | -} | |
261 | - | |
262 | -.x-btn-over .x-btn-br{ | |
263 | - background-position: -9px -3px; | |
264 | -} | |
265 | - | |
266 | -.x-btn-over .x-btn-bc{ | |
267 | - background-position: 0 -18px; | |
268 | -} | |
269 | - | |
270 | -.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ | |
271 | - background-position: -12px 0; | |
272 | -} | |
273 | - | |
274 | -.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ | |
275 | - background-position: -15px 0; | |
276 | -} | |
277 | - | |
278 | -.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ | |
279 | - background-position: 0 -12px; | |
280 | -} | |
281 | - | |
282 | -.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ | |
283 | - background-position: -12px -24px; | |
284 | -} | |
285 | - | |
286 | -.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ | |
287 | - background-position: -15px -24px; | |
288 | -} | |
289 | - | |
290 | -.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ | |
291 | - background-position: 0 -3240px; | |
292 | -} | |
293 | - | |
294 | -.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ | |
295 | - background-position: -12px -3px; | |
296 | -} | |
297 | - | |
298 | -.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ | |
299 | - background-position: -15px -3px; | |
300 | -} | |
301 | - | |
302 | -.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ | |
303 | - background-position: 0 -21px; | |
304 | -} | |
305 | - | |
306 | -.x-btn-disabled *{ | |
307 | - cursor:default !important; | |
308 | -} | |
309 | - | |
310 | - | |
311 | -/* With a menu arrow */ | |
312 | -/* right */ | |
313 | -.x-btn-mc em.x-btn-arrow { | |
314 | - display:block; | |
315 | - background:transparent no-repeat right center; | |
316 | - padding-right:10px; | |
317 | -} | |
318 | - | |
319 | -.x-btn-mc em.x-btn-split { | |
320 | - display:block; | |
321 | - background:transparent no-repeat right center; | |
322 | - padding-right:14px; | |
323 | -} | |
324 | - | |
325 | -/* bottom */ | |
326 | -.x-btn-mc em.x-btn-arrow-bottom { | |
327 | - display:block; | |
328 | - background:transparent no-repeat center bottom; | |
329 | - padding-bottom:14px; | |
330 | -} | |
331 | - | |
332 | -.x-btn-mc em.x-btn-split-bottom { | |
333 | - display:block; | |
334 | - background:transparent no-repeat center bottom; | |
335 | - padding-bottom:14px; | |
336 | -} | |
337 | - | |
338 | -/* height adjustment class */ | |
339 | -.x-btn-as-arrow .x-btn-mc em { | |
340 | - display:block; | |
341 | - background:transparent; | |
342 | - padding-bottom:14px; | |
343 | -} | |
344 | - | |
345 | -/* groups */ | |
346 | -.x-btn-group { | |
347 | - padding:1px; | |
348 | -} | |
349 | - | |
350 | -.x-btn-group-header { | |
351 | - padding:2px; | |
352 | - text-align:center; | |
353 | -} | |
354 | - | |
355 | -.x-btn-group-tc { | |
356 | - background: transparent repeat-x 0 0; | |
357 | - overflow:hidden; | |
358 | -} | |
359 | - | |
360 | -.x-btn-group-tl { | |
361 | - background: transparent no-repeat 0 0; | |
362 | - padding-left:3px; | |
363 | - zoom:1; | |
364 | -} | |
365 | - | |
366 | -.x-btn-group-tr { | |
367 | - background: transparent no-repeat right 0; | |
368 | - zoom:1; | |
369 | - padding-right:3px; | |
370 | -} | |
371 | - | |
372 | -.x-btn-group-bc { | |
373 | - background: transparent repeat-x 0 bottom; | |
374 | - zoom:1; | |
375 | -} | |
376 | - | |
377 | -.x-btn-group-bc .x-panel-footer { | |
378 | - zoom:1; | |
379 | -} | |
380 | - | |
381 | -.x-btn-group-bl { | |
382 | - background: transparent no-repeat 0 bottom; | |
383 | - padding-left:3px; | |
384 | - zoom:1; | |
385 | -} | |
386 | - | |
387 | -.x-btn-group-br { | |
388 | - background: transparent no-repeat right bottom; | |
389 | - padding-right:3px; | |
390 | - zoom:1; | |
391 | -} | |
392 | - | |
393 | -.x-btn-group-mc { | |
394 | - border:0 none; | |
395 | - padding:1px 0 0 0; | |
396 | - margin:0; | |
397 | -} | |
398 | - | |
399 | -.x-btn-group-mc .x-btn-group-body { | |
400 | - background:transparent; | |
401 | - border: 0 none; | |
402 | -} | |
403 | - | |
404 | -.x-btn-group-ml { | |
405 | - background: transparent repeat-y 0 0; | |
406 | - padding-left:3px; | |
407 | - zoom:1; | |
408 | -} | |
409 | - | |
410 | -.x-btn-group-mr { | |
411 | - background: transparent repeat-y right 0; | |
412 | - padding-right:3px; | |
413 | - zoom:1; | |
414 | -} | |
415 | - | |
416 | -.x-btn-group-bc .x-btn-group-footer { | |
417 | - padding-bottom:6px; | |
418 | -} | |
419 | - | |
420 | -.x-panel-nofooter .x-btn-group-bc { | |
421 | - height:3px; | |
422 | - font-size:0; | |
423 | - line-height:0; | |
424 | -} | |
425 | - | |
426 | -.x-btn-group-bwrap { | |
427 | - overflow:hidden; | |
428 | - zoom:1; | |
429 | -} | |
430 | - | |
431 | -.x-btn-group-body { | |
432 | - overflow:hidden; | |
433 | - zoom:1; | |
434 | -} | |
435 | - | |
436 | -.x-btn-group-notitle .x-btn-group-tc { | |
437 | - background: transparent repeat-x 0 0; | |
438 | - overflow:hidden; | |
439 | - height:2px; | |
7 | +.x-btn{ | |
8 | + cursor:pointer; | |
9 | + white-space: nowrap; | |
10 | +} | |
11 | + | |
12 | +.x-btn button{ | |
13 | + border:0 none; | |
14 | + background:transparent; | |
15 | + padding-left:3px; | |
16 | + padding-right:3px; | |
17 | + cursor:pointer; | |
18 | + margin:0; | |
19 | + overflow:visible; | |
20 | + width:auto; | |
21 | + -moz-outline:0 none; | |
22 | + outline:0 none; | |
23 | +} | |
24 | + | |
25 | +* html .ext-ie .x-btn button { | |
26 | + width:1px; | |
27 | +} | |
28 | + | |
29 | +.ext-gecko .x-btn button { | |
30 | + padding-left:0; | |
31 | + padding-right:0; | |
32 | +} | |
33 | + | |
34 | +.ext-gecko .x-btn button::-moz-focus-inner { | |
35 | + padding:0; | |
36 | +} | |
37 | + | |
38 | +.ext-ie .x-btn button { | |
39 | + padding-top:2px; | |
40 | +} | |
41 | + | |
42 | +.x-btn td { | |
43 | + padding:0 !important; | |
44 | +} | |
45 | + | |
46 | +.x-btn-text { | |
47 | + cursor:pointer; | |
48 | + white-space: nowrap; | |
49 | + padding:0; | |
50 | +} | |
51 | + | |
52 | +/* icon placement and sizing styles */ | |
53 | + | |
54 | +/* Only text */ | |
55 | +.x-btn-noicon .x-btn-small .x-btn-text{ | |
56 | + height: 16px; | |
57 | +} | |
58 | + | |
59 | +.x-btn-noicon .x-btn-medium .x-btn-text{ | |
60 | + height: 24px; | |
61 | +} | |
62 | + | |
63 | +.x-btn-noicon .x-btn-large .x-btn-text{ | |
64 | + height: 32px; | |
65 | +} | |
66 | + | |
67 | +/* Only icons */ | |
68 | +.x-btn-icon .x-btn-text{ | |
69 | + background-position: center; | |
70 | + background-repeat: no-repeat; | |
71 | +} | |
72 | + | |
73 | +.x-btn-icon .x-btn-small .x-btn-text{ | |
74 | + height: 16px; | |
75 | + width: 16px; | |
76 | +} | |
77 | + | |
78 | +.x-btn-icon .x-btn-medium .x-btn-text{ | |
79 | + height: 24px; | |
80 | + width: 24px; | |
81 | +} | |
82 | + | |
83 | +.x-btn-icon .x-btn-large .x-btn-text{ | |
84 | + height: 32px; | |
85 | + width: 32px; | |
86 | +} | |
87 | + | |
88 | +/* Icons and text */ | |
89 | +/* left */ | |
90 | +.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ | |
91 | + background-position: 0 center; | |
92 | + background-repeat: no-repeat; | |
93 | + padding-left:18px; | |
94 | + height:16px; | |
95 | +} | |
96 | + | |
97 | +.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ | |
98 | + background-position: 0 center; | |
99 | + background-repeat: no-repeat; | |
100 | + padding-left:26px; | |
101 | + height:24px; | |
102 | +} | |
103 | + | |
104 | +.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ | |
105 | + background-position: 0 center; | |
106 | + background-repeat: no-repeat; | |
107 | + padding-left:34px; | |
108 | + height:32px; | |
109 | +} | |
110 | + | |
111 | +/* top */ | |
112 | +.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ | |
113 | + background-position: center 0; | |
114 | + background-repeat: no-repeat; | |
115 | + padding-top:18px; | |
116 | +} | |
117 | + | |
118 | +.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ | |
119 | + background-position: center 0; | |
120 | + background-repeat: no-repeat; | |
121 | + padding-top:26px; | |
122 | +} | |
123 | + | |
124 | +.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ | |
125 | + background-position: center 0; | |
126 | + background-repeat: no-repeat; | |
127 | + padding-top:34px; | |
128 | +} | |
129 | + | |
130 | +/* right */ | |
131 | +.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ | |
132 | + background-position: right center; | |
133 | + background-repeat: no-repeat; | |
134 | + padding-right:18px; | |
135 | + height:16px; | |
136 | +} | |
137 | + | |
138 | +.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ | |
139 | + background-position: right center; | |
140 | + background-repeat: no-repeat; | |
141 | + padding-right:26px; | |
142 | + height:24px; | |
143 | +} | |
144 | + | |
145 | +.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ | |
146 | + background-position: right center; | |
147 | + background-repeat: no-repeat; | |
148 | + padding-right:34px; | |
149 | + height:32px; | |
150 | +} | |
151 | + | |
152 | +/* bottom */ | |
153 | +.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ | |
154 | + background-position: center bottom; | |
155 | + background-repeat: no-repeat; | |
156 | + padding-bottom:18px; | |
157 | +} | |
158 | + | |
159 | +.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ | |
160 | + background-position: center bottom; | |
161 | + background-repeat: no-repeat; | |
162 | + padding-bottom:26px; | |
163 | +} | |
164 | + | |
165 | +.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ | |
166 | + background-position: center bottom; | |
167 | + background-repeat: no-repeat; | |
168 | + padding-bottom:34px; | |
169 | +} | |
170 | + | |
171 | +/* background positioning */ | |
172 | +.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ | |
173 | + font-size:1px; | |
174 | + line-height:1px; | |
175 | + width:3px; | |
176 | + display:block; | |
177 | + overflow:hidden; | |
178 | +} | |
179 | + | |
180 | +.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ | |
181 | + height:3px; | |
182 | +} | |
183 | + | |
184 | +.x-btn-tl{ | |
185 | + width:3px; | |
186 | + height:3px; | |
187 | + background:no-repeat 0 0; | |
188 | +} | |
189 | +.x-btn-tr{ | |
190 | + width:3px; | |
191 | + height:3px; | |
192 | + background:no-repeat -3px 0; | |
193 | +} | |
194 | +.x-btn-tc{ | |
195 | + height:3px; | |
196 | + background:repeat-x 0 -6px; | |
197 | +} | |
198 | + | |
199 | +.x-btn-ml{ | |
200 | + width:3px; | |
201 | + background:no-repeat 0 -24px; | |
202 | +} | |
203 | +.x-btn-mr{ | |
204 | + width:3px; | |
205 | + background:no-repeat -3px -24px; | |
206 | +} | |
207 | + | |
208 | +.x-btn-mc{ | |
209 | + background:repeat-x 0 -1096px; | |
210 | + vertical-align: middle; | |
211 | + text-align:center; | |
212 | + padding:0 5px; | |
213 | + cursor:pointer; | |
214 | + white-space:nowrap; | |
215 | +} | |
216 | + | |
217 | +.x-btn-bl{ | |
218 | + width:3px; | |
219 | + height:3px; | |
220 | + background:no-repeat 0 -3px; | |
221 | +} | |
222 | + | |
223 | +.x-btn-br{ | |
224 | + width:3px; | |
225 | + height:3px; | |
226 | + background:no-repeat -3px -3px; | |
227 | +} | |
228 | + | |
229 | +.x-btn-bc{ | |
230 | + height:3px; | |
231 | + background:repeat-x 0 -15px; | |
232 | +} | |
233 | + | |
234 | +.x-btn-over .x-btn-tl{ | |
235 | + background-position: -6px 0; | |
236 | +} | |
237 | + | |
238 | +.x-btn-over .x-btn-tr{ | |
239 | + background-position: -9px 0; | |
240 | +} | |
241 | + | |
242 | +.x-btn-over .x-btn-tc{ | |
243 | + background-position: 0 -9px; | |
244 | +} | |
245 | + | |
246 | +.x-btn-over .x-btn-ml{ | |
247 | + background-position: -6px -24px; | |
248 | +} | |
249 | + | |
250 | +.x-btn-over .x-btn-mr{ | |
251 | + background-position: -9px -24px; | |
252 | +} | |
253 | + | |
254 | +.x-btn-over .x-btn-mc{ | |
255 | + background-position: 0 -2168px; | |
256 | +} | |
257 | + | |
258 | +.x-btn-over .x-btn-bl{ | |
259 | + background-position: -6px -3px; | |
260 | +} | |
261 | + | |
262 | +.x-btn-over .x-btn-br{ | |
263 | + background-position: -9px -3px; | |
264 | +} | |
265 | + | |
266 | +.x-btn-over .x-btn-bc{ | |
267 | + background-position: 0 -18px; | |
268 | +} | |
269 | + | |
270 | +.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ | |
271 | + background-position: -12px 0; | |
272 | +} | |
273 | + | |
274 | +.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ | |
275 | + background-position: -15px 0; | |
276 | +} | |
277 | + | |
278 | +.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ | |
279 | + background-position: 0 -12px; | |
280 | +} | |
281 | + | |
282 | +.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ | |
283 | + background-position: -12px -24px; | |
284 | +} | |
285 | + | |
286 | +.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ | |
287 | + background-position: -15px -24px; | |
288 | +} | |
289 | + | |
290 | +.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ | |
291 | + background-position: 0 -3240px; | |
292 | +} | |
293 | + | |
294 | +.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ | |
295 | + background-position: -12px -3px; | |
296 | +} | |
297 | + | |
298 | +.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ | |
299 | + background-position: -15px -3px; | |
300 | +} | |
301 | + | |
302 | +.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ | |
303 | + background-position: 0 -21px; | |
304 | +} | |
305 | + | |
306 | +.x-btn-disabled *{ | |
307 | + cursor:default !important; | |
308 | +} | |
309 | + | |
310 | + | |
311 | +/* With a menu arrow */ | |
312 | +/* right */ | |
313 | +.x-btn-mc em.x-btn-arrow { | |
314 | + display:block; | |
315 | + background:transparent no-repeat right center; | |
316 | + padding-right:10px; | |
317 | +} | |
318 | + | |
319 | +.x-btn-mc em.x-btn-split { | |
320 | + display:block; | |
321 | + background:transparent no-repeat right center; | |
322 | + padding-right:14px; | |
323 | +} | |
324 | + | |
325 | +/* bottom */ | |
326 | +.x-btn-mc em.x-btn-arrow-bottom { | |
327 | + display:block; | |
328 | + background:transparent no-repeat center bottom; | |
329 | + padding-bottom:14px; | |
330 | +} | |
331 | + | |
332 | +.x-btn-mc em.x-btn-split-bottom { | |
333 | + display:block; | |
334 | + background:transparent no-repeat center bottom; | |
335 | + padding-bottom:14px; | |
336 | +} | |
337 | + | |
338 | +/* height adjustment class */ | |
339 | +.x-btn-as-arrow .x-btn-mc em { | |
340 | + display:block; | |
341 | + background:transparent; | |
342 | + padding-bottom:14px; | |
343 | +} | |
344 | + | |
345 | +/* groups */ | |
346 | +.x-btn-group { | |
347 | + padding:1px; | |
348 | +} | |
349 | + | |
350 | +.x-btn-group-header { | |
351 | + padding:2px; | |
352 | + text-align:center; | |
353 | +} | |
354 | + | |
355 | +.x-btn-group-tc { | |
356 | + background: transparent repeat-x 0 0; | |
357 | + overflow:hidden; | |
358 | +} | |
359 | + | |
360 | +.x-btn-group-tl { | |
361 | + background: transparent no-repeat 0 0; | |
362 | + padding-left:3px; | |
363 | + zoom:1; | |
364 | +} | |
365 | + | |
366 | +.x-btn-group-tr { | |
367 | + background: transparent no-repeat right 0; | |
368 | + zoom:1; | |
369 | + padding-right:3px; | |
370 | +} | |
371 | + | |
372 | +.x-btn-group-bc { | |
373 | + background: transparent repeat-x 0 bottom; | |
374 | + zoom:1; | |
375 | +} | |
376 | + | |
377 | +.x-btn-group-bc .x-panel-footer { | |
378 | + zoom:1; | |
379 | +} | |
380 | + | |
381 | +.x-btn-group-bl { | |
382 | + background: transparent no-repeat 0 bottom; | |
383 | + padding-left:3px; | |
384 | + zoom:1; | |
385 | +} | |
386 | + | |
387 | +.x-btn-group-br { | |
388 | + background: transparent no-repeat right bottom; | |
389 | + padding-right:3px; | |
390 | + zoom:1; | |
391 | +} | |
392 | + | |
393 | +.x-btn-group-mc { | |
394 | + border:0 none; | |
395 | + padding:1px 0 0 0; | |
396 | + margin:0; | |
397 | +} | |
398 | + | |
399 | +.x-btn-group-mc .x-btn-group-body { | |
400 | + background:transparent; | |
401 | + border: 0 none; | |
402 | +} | |
403 | + | |
404 | +.x-btn-group-ml { | |
405 | + background: transparent repeat-y 0 0; | |
406 | + padding-left:3px; | |
407 | + zoom:1; | |
408 | +} | |
409 | + | |
410 | +.x-btn-group-mr { | |
411 | + background: transparent repeat-y right 0; | |
412 | + padding-right:3px; | |
413 | + zoom:1; | |
414 | +} | |
415 | + | |
416 | +.x-btn-group-bc .x-btn-group-footer { | |
417 | + padding-bottom:6px; | |
418 | +} | |
419 | + | |
420 | +.x-panel-nofooter .x-btn-group-bc { | |
421 | + height:3px; | |
422 | + font-size:0; | |
423 | + line-height:0; | |
424 | +} | |
425 | + | |
426 | +.x-btn-group-bwrap { | |
427 | + overflow:hidden; | |
428 | + zoom:1; | |
429 | +} | |
430 | + | |
431 | +.x-btn-group-body { | |
432 | + overflow:hidden; | |
433 | + zoom:1; | |
434 | +} | |
435 | + | |
436 | +.x-btn-group-notitle .x-btn-group-tc { | |
437 | + background: transparent repeat-x 0 0; | |
438 | + overflow:hidden; | |
439 | + height:2px; | |
440 | 440 | } |
\ No newline at end of file |
@@ -4,323 +4,323 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.ext-el-mask { | |
8 | - z-index: 100; | |
9 | - position: absolute; | |
10 | - top:0; | |
11 | - left:0; | |
12 | - -moz-opacity: 0.5; | |
13 | - opacity: .50; | |
14 | - filter: alpha(opacity=50); | |
15 | - width: 100%; | |
16 | - height: 100%; | |
17 | - zoom: 1; | |
18 | -} | |
19 | - | |
20 | -.ext-el-mask-msg { | |
21 | - z-index: 20001; | |
22 | - position: absolute; | |
23 | - top: 0; | |
24 | - left: 0; | |
25 | - border:1px solid; | |
26 | - background:repeat-x 0 -16px; | |
27 | - padding:2px; | |
28 | -} | |
29 | - | |
30 | -.ext-el-mask-msg div { | |
31 | - padding:5px 10px 5px 10px; | |
32 | - border:1px solid; | |
33 | - cursor:wait; | |
34 | -} | |
35 | - | |
36 | -.ext-shim { | |
37 | - position:absolute; | |
38 | - visibility:hidden; | |
39 | - left:0; | |
40 | - top:0; | |
41 | - overflow:hidden; | |
42 | -} | |
43 | - | |
44 | -.ext-ie .ext-shim { | |
45 | - filter: alpha(opacity=0); | |
46 | -} | |
47 | - | |
48 | -.ext-ie6 .ext-shim { | |
49 | - margin-left: 5px; | |
50 | - margin-top: 3px; | |
51 | -} | |
52 | - | |
53 | -.x-mask-loading div { | |
54 | - padding:5px 10px 5px 25px; | |
55 | - background:no-repeat 5px 5px; | |
56 | - line-height:16px; | |
57 | -} | |
58 | - | |
59 | -/* class for hiding elements without using display:none */ | |
60 | -.x-hidden, .x-hide-offsets { | |
61 | - position:absolute !important; | |
62 | - left:-10000px; | |
63 | - top:-10000px; | |
64 | - visibility:hidden; | |
65 | -} | |
66 | - | |
67 | -.x-hide-display { | |
68 | - display:none !important; | |
69 | -} | |
70 | - | |
71 | -.x-hide-visibility { | |
72 | - visibility:hidden !important; | |
73 | -} | |
74 | - | |
75 | -.x-masked { | |
76 | - overflow: hidden !important; | |
77 | -} | |
78 | -.x-masked-relative { | |
79 | - position: relative !important; | |
80 | -} | |
81 | - | |
82 | -.x-masked select, .x-masked object, .x-masked embed { | |
83 | - visibility: hidden; | |
84 | -} | |
85 | - | |
86 | -.x-layer { | |
87 | - visibility: hidden; | |
88 | -} | |
89 | - | |
90 | -.x-unselectable, .x-unselectable * { | |
91 | - -moz-user-select: none; | |
92 | - -khtml-user-select: none; | |
93 | - -webkit-user-select:ignore; | |
94 | -} | |
95 | - | |
96 | -.x-repaint { | |
97 | - zoom: 1; | |
98 | - background-color: transparent; | |
99 | - -moz-outline: none; | |
100 | -} | |
101 | - | |
102 | -.x-item-disabled { | |
103 | - cursor: default; | |
104 | - opacity: .6; | |
105 | - -moz-opacity: .6; | |
106 | - filter: alpha(opacity=60); | |
107 | -} | |
108 | - | |
109 | -.x-item-disabled * { | |
110 | - cursor: default !important; | |
111 | -} | |
112 | - | |
113 | -.x-splitbar-proxy { | |
114 | - position: absolute; | |
115 | - visibility: hidden; | |
116 | - z-index: 20001; | |
117 | - zoom: 1; | |
118 | - line-height: 1px; | |
119 | - font-size: 1px; | |
120 | - overflow: hidden; | |
121 | -} | |
122 | - | |
123 | -.x-splitbar-h, .x-splitbar-proxy-h { | |
124 | - cursor: e-resize; | |
125 | - cursor: col-resize; | |
126 | -} | |
127 | - | |
128 | -.x-splitbar-v, .x-splitbar-proxy-v { | |
129 | - cursor: s-resize; | |
130 | - cursor: row-resize; | |
131 | -} | |
132 | - | |
133 | -.x-color-palette { | |
134 | - width: 150px; | |
135 | - height: 92px; | |
136 | - cursor: pointer; | |
137 | -} | |
138 | - | |
139 | -.x-color-palette a { | |
140 | - border: 1px solid; | |
141 | - float: left; | |
142 | - padding: 2px; | |
143 | - text-decoration: none; | |
144 | - -moz-outline: 0 none; | |
145 | - outline: 0 none; | |
146 | - cursor: pointer; | |
147 | -} | |
148 | - | |
149 | -.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
150 | - border: 1px solid; | |
151 | -} | |
152 | - | |
153 | -.x-color-palette em { | |
154 | - display: block; | |
155 | - border: 1px solid; | |
156 | -} | |
157 | - | |
158 | -.x-color-palette em span { | |
159 | - cursor: pointer; | |
160 | - display: block; | |
161 | - height: 10px; | |
162 | - line-height: 10px; | |
163 | - width: 10px; | |
164 | -} | |
165 | - | |
166 | -.x-ie-shadow { | |
167 | - display: none; | |
168 | - position: absolute; | |
169 | - overflow: hidden; | |
170 | - left:0; | |
171 | - top:0; | |
172 | - zoom:1; | |
173 | -} | |
174 | - | |
175 | -.x-shadow { | |
176 | - display: none; | |
177 | - position: absolute; | |
178 | - overflow: hidden; | |
179 | - left:0; | |
180 | - top:0; | |
181 | -} | |
182 | - | |
183 | -.x-shadow * { | |
184 | - overflow: hidden; | |
185 | -} | |
186 | - | |
187 | -.x-shadow * { | |
188 | - padding: 0; | |
189 | - border: 0; | |
190 | - margin: 0; | |
191 | - clear: none; | |
192 | - zoom: 1; | |
193 | -} | |
194 | - | |
195 | -/* top bottom */ | |
196 | -.x-shadow .xstc, .x-shadow .xsbc { | |
197 | - height: 6px; | |
198 | - float: left; | |
199 | -} | |
200 | - | |
201 | -/* corners */ | |
202 | -.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { | |
203 | - width: 6px; | |
204 | - height: 6px; | |
205 | - float: left; | |
206 | -} | |
207 | - | |
208 | -/* sides */ | |
209 | -.x-shadow .xsc { | |
210 | - width: 100%; | |
211 | -} | |
212 | - | |
213 | -.x-shadow .xsml, .x-shadow .xsmr { | |
214 | - width: 6px; | |
215 | - float: left; | |
216 | - height: 100%; | |
217 | -} | |
218 | - | |
219 | -.x-shadow .xsmc { | |
220 | - float: left; | |
221 | - height: 100%; | |
222 | - background: transparent; | |
223 | -} | |
224 | - | |
225 | -.x-shadow .xst, .x-shadow .xsb { | |
226 | - height: 6px; | |
227 | - overflow: hidden; | |
228 | - width: 100%; | |
229 | -} | |
230 | - | |
231 | -.x-shadow .xsml { | |
232 | - background: transparent repeat-y 0 0; | |
233 | -} | |
234 | - | |
235 | -.x-shadow .xsmr { | |
236 | - background: transparent repeat-y -6px 0; | |
237 | -} | |
238 | - | |
239 | -.x-shadow .xstl { | |
240 | - background: transparent no-repeat 0 0; | |
241 | -} | |
242 | - | |
243 | -.x-shadow .xstc { | |
244 | - background: transparent repeat-x 0 -30px; | |
245 | -} | |
246 | - | |
247 | -.x-shadow .xstr { | |
248 | - background: transparent repeat-x 0 -18px; | |
249 | -} | |
250 | - | |
251 | -.x-shadow .xsbl { | |
252 | - background: transparent no-repeat 0 -12px; | |
253 | -} | |
254 | - | |
255 | -.x-shadow .xsbc { | |
256 | - background: transparent repeat-x 0 -36px; | |
257 | -} | |
258 | - | |
259 | -.x-shadow .xsbr { | |
260 | - background: transparent repeat-x 0 -6px; | |
261 | -} | |
262 | - | |
263 | -.loading-indicator { | |
264 | - background: no-repeat left; | |
265 | - padding-left: 20px; | |
266 | - line-height: 16px; | |
267 | - margin: 3px; | |
268 | -} | |
269 | - | |
270 | -.x-text-resize { | |
271 | - position: absolute; | |
272 | - left: -1000px; | |
273 | - top: -1000px; | |
274 | - visibility: hidden; | |
275 | - zoom: 1; | |
276 | -} | |
277 | - | |
278 | -.x-drag-overlay { | |
279 | - width: 100%; | |
280 | - height: 100%; | |
281 | - display: none; | |
282 | - position: absolute; | |
283 | - left: 0; | |
284 | - top: 0; | |
285 | - background-image:url(../images/default/s.gif); | |
286 | - z-index: 20000; | |
287 | -} | |
288 | - | |
289 | -.x-clear { | |
290 | - clear:both; | |
291 | - height:0; | |
292 | - overflow:hidden; | |
293 | - line-height:0; | |
294 | - font-size:0; | |
295 | -} | |
296 | - | |
297 | -.x-spotlight { | |
298 | - z-index: 8999; | |
299 | - position: absolute; | |
300 | - top:0; | |
301 | - left:0; | |
302 | - -moz-opacity: 0.5; | |
303 | - opacity: .50; | |
304 | - filter: alpha(opacity=50); | |
305 | - width:0; | |
306 | - height:0; | |
307 | - zoom: 1; | |
308 | -} | |
309 | - | |
310 | -#x-history-frame { | |
311 | - position:absolute; | |
312 | - top:-1px; | |
313 | - left:0; | |
314 | - width:1px; | |
315 | - height:1px; | |
316 | - visibility:hidden; | |
317 | -} | |
318 | - | |
319 | -#x-history-field { | |
320 | - position:absolute; | |
321 | - top:0; | |
322 | - left:-1px; | |
323 | - width:1px; | |
324 | - height:1px; | |
325 | - visibility:hidden; | |
326 | -} | |
7 | +.ext-el-mask { | |
8 | + z-index: 100; | |
9 | + position: absolute; | |
10 | + top:0; | |
11 | + left:0; | |
12 | + -moz-opacity: 0.5; | |
13 | + opacity: .50; | |
14 | + filter: alpha(opacity=50); | |
15 | + width: 100%; | |
16 | + height: 100%; | |
17 | + zoom: 1; | |
18 | +} | |
19 | + | |
20 | +.ext-el-mask-msg { | |
21 | + z-index: 20001; | |
22 | + position: absolute; | |
23 | + top: 0; | |
24 | + left: 0; | |
25 | + border:1px solid; | |
26 | + background:repeat-x 0 -16px; | |
27 | + padding:2px; | |
28 | +} | |
29 | + | |
30 | +.ext-el-mask-msg div { | |
31 | + padding:5px 10px 5px 10px; | |
32 | + border:1px solid; | |
33 | + cursor:wait; | |
34 | +} | |
35 | + | |
36 | +.ext-shim { | |
37 | + position:absolute; | |
38 | + visibility:hidden; | |
39 | + left:0; | |
40 | + top:0; | |
41 | + overflow:hidden; | |
42 | +} | |
43 | + | |
44 | +.ext-ie .ext-shim { | |
45 | + filter: alpha(opacity=0); | |
46 | +} | |
47 | + | |
48 | +.ext-ie6 .ext-shim { | |
49 | + margin-left: 5px; | |
50 | + margin-top: 3px; | |
51 | +} | |
52 | + | |
53 | +.x-mask-loading div { | |
54 | + padding:5px 10px 5px 25px; | |
55 | + background:no-repeat 5px 5px; | |
56 | + line-height:16px; | |
57 | +} | |
58 | + | |
59 | +/* class for hiding elements without using display:none */ | |
60 | +.x-hidden, .x-hide-offsets { | |
61 | + position:absolute !important; | |
62 | + left:-10000px; | |
63 | + top:-10000px; | |
64 | + visibility:hidden; | |
65 | +} | |
66 | + | |
67 | +.x-hide-display { | |
68 | + display:none !important; | |
69 | +} | |
70 | + | |
71 | +.x-hide-visibility { | |
72 | + visibility:hidden !important; | |
73 | +} | |
74 | + | |
75 | +.x-masked { | |
76 | + overflow: hidden !important; | |
77 | +} | |
78 | +.x-masked-relative { | |
79 | + position: relative !important; | |
80 | +} | |
81 | + | |
82 | +.x-masked select, .x-masked object, .x-masked embed { | |
83 | + visibility: hidden; | |
84 | +} | |
85 | + | |
86 | +.x-layer { | |
87 | + visibility: hidden; | |
88 | +} | |
89 | + | |
90 | +.x-unselectable, .x-unselectable * { | |
91 | + -moz-user-select: none; | |
92 | + -khtml-user-select: none; | |
93 | + -webkit-user-select:ignore; | |
94 | +} | |
95 | + | |
96 | +.x-repaint { | |
97 | + zoom: 1; | |
98 | + background-color: transparent; | |
99 | + -moz-outline: none; | |
100 | +} | |
101 | + | |
102 | +.x-item-disabled { | |
103 | + cursor: default; | |
104 | + opacity: .6; | |
105 | + -moz-opacity: .6; | |
106 | + filter: alpha(opacity=60); | |
107 | +} | |
108 | + | |
109 | +.x-item-disabled * { | |
110 | + cursor: default !important; | |
111 | +} | |
112 | + | |
113 | +.x-splitbar-proxy { | |
114 | + position: absolute; | |
115 | + visibility: hidden; | |
116 | + z-index: 20001; | |
117 | + zoom: 1; | |
118 | + line-height: 1px; | |
119 | + font-size: 1px; | |
120 | + overflow: hidden; | |
121 | +} | |
122 | + | |
123 | +.x-splitbar-h, .x-splitbar-proxy-h { | |
124 | + cursor: e-resize; | |
125 | + cursor: col-resize; | |
126 | +} | |
127 | + | |
128 | +.x-splitbar-v, .x-splitbar-proxy-v { | |
129 | + cursor: s-resize; | |
130 | + cursor: row-resize; | |
131 | +} | |
132 | + | |
133 | +.x-color-palette { | |
134 | + width: 150px; | |
135 | + height: 92px; | |
136 | + cursor: pointer; | |
137 | +} | |
138 | + | |
139 | +.x-color-palette a { | |
140 | + border: 1px solid; | |
141 | + float: left; | |
142 | + padding: 2px; | |
143 | + text-decoration: none; | |
144 | + -moz-outline: 0 none; | |
145 | + outline: 0 none; | |
146 | + cursor: pointer; | |
147 | +} | |
148 | + | |
149 | +.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
150 | + border: 1px solid; | |
151 | +} | |
152 | + | |
153 | +.x-color-palette em { | |
154 | + display: block; | |
155 | + border: 1px solid; | |
156 | +} | |
157 | + | |
158 | +.x-color-palette em span { | |
159 | + cursor: pointer; | |
160 | + display: block; | |
161 | + height: 10px; | |
162 | + line-height: 10px; | |
163 | + width: 10px; | |
164 | +} | |
165 | + | |
166 | +.x-ie-shadow { | |
167 | + display: none; | |
168 | + position: absolute; | |
169 | + overflow: hidden; | |
170 | + left:0; | |
171 | + top:0; | |
172 | + zoom:1; | |
173 | +} | |
174 | + | |
175 | +.x-shadow { | |
176 | + display: none; | |
177 | + position: absolute; | |
178 | + overflow: hidden; | |
179 | + left:0; | |
180 | + top:0; | |
181 | +} | |
182 | + | |
183 | +.x-shadow * { | |
184 | + overflow: hidden; | |
185 | +} | |
186 | + | |
187 | +.x-shadow * { | |
188 | + padding: 0; | |
189 | + border: 0; | |
190 | + margin: 0; | |
191 | + clear: none; | |
192 | + zoom: 1; | |
193 | +} | |
194 | + | |
195 | +/* top bottom */ | |
196 | +.x-shadow .xstc, .x-shadow .xsbc { | |
197 | + height: 6px; | |
198 | + float: left; | |
199 | +} | |
200 | + | |
201 | +/* corners */ | |
202 | +.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { | |
203 | + width: 6px; | |
204 | + height: 6px; | |
205 | + float: left; | |
206 | +} | |
207 | + | |
208 | +/* sides */ | |
209 | +.x-shadow .xsc { | |
210 | + width: 100%; | |
211 | +} | |
212 | + | |
213 | +.x-shadow .xsml, .x-shadow .xsmr { | |
214 | + width: 6px; | |
215 | + float: left; | |
216 | + height: 100%; | |
217 | +} | |
218 | + | |
219 | +.x-shadow .xsmc { | |
220 | + float: left; | |
221 | + height: 100%; | |
222 | + background: transparent; | |
223 | +} | |
224 | + | |
225 | +.x-shadow .xst, .x-shadow .xsb { | |
226 | + height: 6px; | |
227 | + overflow: hidden; | |
228 | + width: 100%; | |
229 | +} | |
230 | + | |
231 | +.x-shadow .xsml { | |
232 | + background: transparent repeat-y 0 0; | |
233 | +} | |
234 | + | |
235 | +.x-shadow .xsmr { | |
236 | + background: transparent repeat-y -6px 0; | |
237 | +} | |
238 | + | |
239 | +.x-shadow .xstl { | |
240 | + background: transparent no-repeat 0 0; | |
241 | +} | |
242 | + | |
243 | +.x-shadow .xstc { | |
244 | + background: transparent repeat-x 0 -30px; | |
245 | +} | |
246 | + | |
247 | +.x-shadow .xstr { | |
248 | + background: transparent repeat-x 0 -18px; | |
249 | +} | |
250 | + | |
251 | +.x-shadow .xsbl { | |
252 | + background: transparent no-repeat 0 -12px; | |
253 | +} | |
254 | + | |
255 | +.x-shadow .xsbc { | |
256 | + background: transparent repeat-x 0 -36px; | |
257 | +} | |
258 | + | |
259 | +.x-shadow .xsbr { | |
260 | + background: transparent repeat-x 0 -6px; | |
261 | +} | |
262 | + | |
263 | +.loading-indicator { | |
264 | + background: no-repeat left; | |
265 | + padding-left: 20px; | |
266 | + line-height: 16px; | |
267 | + margin: 3px; | |
268 | +} | |
269 | + | |
270 | +.x-text-resize { | |
271 | + position: absolute; | |
272 | + left: -1000px; | |
273 | + top: -1000px; | |
274 | + visibility: hidden; | |
275 | + zoom: 1; | |
276 | +} | |
277 | + | |
278 | +.x-drag-overlay { | |
279 | + width: 100%; | |
280 | + height: 100%; | |
281 | + display: none; | |
282 | + position: absolute; | |
283 | + left: 0; | |
284 | + top: 0; | |
285 | + background-image:url(../images/default/s.gif); | |
286 | + z-index: 20000; | |
287 | +} | |
288 | + | |
289 | +.x-clear { | |
290 | + clear:both; | |
291 | + height:0; | |
292 | + overflow:hidden; | |
293 | + line-height:0; | |
294 | + font-size:0; | |
295 | +} | |
296 | + | |
297 | +.x-spotlight { | |
298 | + z-index: 8999; | |
299 | + position: absolute; | |
300 | + top:0; | |
301 | + left:0; | |
302 | + -moz-opacity: 0.5; | |
303 | + opacity: .50; | |
304 | + filter: alpha(opacity=50); | |
305 | + width:0; | |
306 | + height:0; | |
307 | + zoom: 1; | |
308 | +} | |
309 | + | |
310 | +#x-history-frame { | |
311 | + position:absolute; | |
312 | + top:-1px; | |
313 | + left:0; | |
314 | + width:1px; | |
315 | + height:1px; | |
316 | + visibility:hidden; | |
317 | +} | |
318 | + | |
319 | +#x-history-field { | |
320 | + position:absolute; | |
321 | + top:0; | |
322 | + left:-1px; | |
323 | + width:1px; | |
324 | + height:1px; | |
325 | + visibility:hidden; | |
326 | +} |
@@ -4,58 +4,58 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-dd-drag-proxy{ | |
8 | - position:absolute; | |
9 | - left:0; | |
10 | - top:0; | |
11 | - visibility:hidden; | |
12 | - z-index:15000; | |
13 | -} | |
14 | - | |
15 | -.x-dd-drag-ghost{ | |
16 | - -moz-opacity: 0.85; | |
17 | - opacity:.85; | |
18 | - filter: alpha(opacity=85); | |
19 | - border: 1px solid; | |
20 | - padding:3px; | |
21 | - padding-left:20px; | |
22 | - white-space:nowrap; | |
23 | -} | |
24 | - | |
25 | -.x-dd-drag-repair .x-dd-drag-ghost{ | |
26 | - -moz-opacity: 0.4; | |
27 | - opacity:.4; | |
28 | - filter: alpha(opacity=40); | |
29 | - border:0 none; | |
30 | - padding:0; | |
31 | - background-color:transparent; | |
32 | -} | |
33 | - | |
34 | -.x-dd-drag-repair .x-dd-drop-icon{ | |
35 | - visibility:hidden; | |
36 | -} | |
37 | - | |
38 | -.x-dd-drop-icon{ | |
39 | - position:absolute; | |
40 | - top:3px; | |
41 | - left:3px; | |
42 | - display:block; | |
43 | - width:16px; | |
44 | - height:16px; | |
45 | - background-color:transparent; | |
46 | - background-position: center; | |
47 | - background-repeat: no-repeat; | |
48 | - z-index:1; | |
49 | -} | |
50 | - | |
51 | -.x-view-selector { | |
52 | - position:absolute; | |
53 | - left:0; | |
54 | - top:0; | |
55 | - width:0; | |
56 | - border:1px dotted; | |
57 | - opacity: .5; | |
58 | - -moz-opacity: .5; | |
59 | - filter:alpha(opacity=50); | |
60 | - zoom:1; | |
7 | +.x-dd-drag-proxy{ | |
8 | + position:absolute; | |
9 | + left:0; | |
10 | + top:0; | |
11 | + visibility:hidden; | |
12 | + z-index:15000; | |
13 | +} | |
14 | + | |
15 | +.x-dd-drag-ghost{ | |
16 | + -moz-opacity: 0.85; | |
17 | + opacity:.85; | |
18 | + filter: alpha(opacity=85); | |
19 | + border: 1px solid; | |
20 | + padding:3px; | |
21 | + padding-left:20px; | |
22 | + white-space:nowrap; | |
23 | +} | |
24 | + | |
25 | +.x-dd-drag-repair .x-dd-drag-ghost{ | |
26 | + -moz-opacity: 0.4; | |
27 | + opacity:.4; | |
28 | + filter: alpha(opacity=40); | |
29 | + border:0 none; | |
30 | + padding:0; | |
31 | + background-color:transparent; | |
32 | +} | |
33 | + | |
34 | +.x-dd-drag-repair .x-dd-drop-icon{ | |
35 | + visibility:hidden; | |
36 | +} | |
37 | + | |
38 | +.x-dd-drop-icon{ | |
39 | + position:absolute; | |
40 | + top:3px; | |
41 | + left:3px; | |
42 | + display:block; | |
43 | + width:16px; | |
44 | + height:16px; | |
45 | + background-color:transparent; | |
46 | + background-position: center; | |
47 | + background-repeat: no-repeat; | |
48 | + z-index:1; | |
49 | +} | |
50 | + | |
51 | +.x-view-selector { | |
52 | + position:absolute; | |
53 | + left:0; | |
54 | + top:0; | |
55 | + width:0; | |
56 | + border:1px dotted; | |
57 | + opacity: .5; | |
58 | + -moz-opacity: .5; | |
59 | + filter:alpha(opacity=50); | |
60 | + zoom:1; | |
61 | 61 | } |
\ No newline at end of file |
@@ -4,59 +4,59 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-window-dlg .x-window-body { | |
8 | - border:0 none !important; | |
9 | - padding:5px 10px; | |
10 | - overflow:hidden !important; | |
11 | -} | |
12 | - | |
13 | -.x-window-dlg .x-window-mc { | |
14 | - border:0 none !important; | |
15 | -} | |
16 | - | |
17 | -.x-window-dlg .ext-mb-input { | |
18 | - margin-top:4px; | |
19 | - width:95%; | |
20 | -} | |
21 | - | |
22 | -.x-window-dlg .ext-mb-textarea { | |
23 | - margin-top:4px; | |
24 | -} | |
25 | - | |
26 | -.x-window-dlg .x-progress-wrap { | |
27 | - margin-top:4px; | |
28 | -} | |
29 | - | |
30 | -.ext-ie .x-window-dlg .x-progress-wrap { | |
31 | - margin-top:6px; | |
32 | -} | |
33 | - | |
34 | -.x-window-dlg .x-msg-box-wait { | |
35 | - background:transparent no-repeat left; | |
36 | - display:block; | |
37 | - width:300px; | |
38 | - padding-left:18px; | |
39 | - line-height:18px; | |
40 | -} | |
41 | - | |
42 | -.x-window-dlg .ext-mb-icon { | |
43 | - float:left; | |
44 | - width:47px; | |
45 | - height:32px; | |
46 | -} | |
47 | - | |
48 | -.ext-ie .x-window-dlg .ext-mb-icon { | |
49 | - width:44px; /* 3px IE margin issue */ | |
50 | -} | |
51 | - | |
52 | -.x-window-dlg .x-dlg-icon .ext-mb-content{ | |
53 | - zoom: 1; margin-left: 47px; | |
54 | -} | |
55 | - | |
56 | -.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { | |
57 | - background:transparent no-repeat top left; | |
58 | -} | |
59 | - | |
60 | -.ext-gecko2 .ext-mb-fix-cursor { | |
61 | - overflow:auto; | |
7 | +.x-window-dlg .x-window-body { | |
8 | + border:0 none !important; | |
9 | + padding:5px 10px; | |
10 | + overflow:hidden !important; | |
11 | +} | |
12 | + | |
13 | +.x-window-dlg .x-window-mc { | |
14 | + border:0 none !important; | |
15 | +} | |
16 | + | |
17 | +.x-window-dlg .ext-mb-input { | |
18 | + margin-top:4px; | |
19 | + width:95%; | |
20 | +} | |
21 | + | |
22 | +.x-window-dlg .ext-mb-textarea { | |
23 | + margin-top:4px; | |
24 | +} | |
25 | + | |
26 | +.x-window-dlg .x-progress-wrap { | |
27 | + margin-top:4px; | |
28 | +} | |
29 | + | |
30 | +.ext-ie .x-window-dlg .x-progress-wrap { | |
31 | + margin-top:6px; | |
32 | +} | |
33 | + | |
34 | +.x-window-dlg .x-msg-box-wait { | |
35 | + background:transparent no-repeat left; | |
36 | + display:block; | |
37 | + width:300px; | |
38 | + padding-left:18px; | |
39 | + line-height:18px; | |
40 | +} | |
41 | + | |
42 | +.x-window-dlg .ext-mb-icon { | |
43 | + float:left; | |
44 | + width:47px; | |
45 | + height:32px; | |
46 | +} | |
47 | + | |
48 | +.ext-ie .x-window-dlg .ext-mb-icon { | |
49 | + width:44px; /* 3px IE margin issue */ | |
50 | +} | |
51 | + | |
52 | +.x-window-dlg .x-dlg-icon .ext-mb-content{ | |
53 | + zoom: 1; margin-left: 47px; | |
54 | +} | |
55 | + | |
56 | +.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { | |
57 | + background:transparent no-repeat top left; | |
58 | +} | |
59 | + | |
60 | +.ext-gecko2 .ext-mb-fix-cursor { | |
61 | + overflow:auto; | |
62 | 62 | } |
\ No newline at end of file |
@@ -4,89 +4,89 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-html-editor-wrap { | |
8 | - border:1px solid; | |
9 | -} | |
10 | - | |
11 | -.x-html-editor-tb .x-btn-text { | |
12 | - background:transparent no-repeat; | |
13 | -} | |
14 | - | |
15 | -.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { | |
16 | - background-position:0 0; | |
17 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
18 | -} | |
19 | - | |
20 | -.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { | |
21 | - background-position:-16px 0; | |
22 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
23 | -} | |
24 | - | |
25 | -.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { | |
26 | - background-position:-32px 0; | |
27 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
28 | -} | |
29 | - | |
30 | -.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { | |
31 | - background-position:-160px 0; | |
32 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
33 | -} | |
34 | - | |
35 | -.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { | |
36 | - background-position:-176px 0; | |
37 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
38 | -} | |
39 | - | |
40 | -.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { | |
41 | - background-position:-112px 0; | |
42 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
43 | -} | |
44 | - | |
45 | -.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { | |
46 | - background-position:-128px 0; | |
47 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
48 | -} | |
49 | - | |
50 | -.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { | |
51 | - background-position:-144px 0; | |
52 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
53 | -} | |
54 | - | |
55 | -.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { | |
56 | - background-position:-80px 0; | |
57 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
58 | -} | |
59 | - | |
60 | -.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { | |
61 | - background-position:-96px 0; | |
62 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
63 | -} | |
64 | - | |
65 | -.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { | |
66 | - background-position:-48px 0; | |
67 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
68 | -} | |
69 | - | |
70 | -.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { | |
71 | - background-position:-64px 0; | |
72 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
73 | -} | |
74 | - | |
75 | -.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { | |
76 | - background-position:-192px 0; | |
77 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
78 | -} | |
79 | - | |
80 | -.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { | |
81 | - background-position:-208px 0; | |
82 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
83 | -} | |
84 | - | |
85 | -.x-html-editor-tip .x-tip-bd .x-tip-bd-inner { | |
86 | - padding:5px; | |
87 | - padding-bottom:1px; | |
88 | -} | |
89 | - | |
90 | -.x-html-editor-tb .x-toolbar { | |
91 | - position:static !important; | |
7 | +.x-html-editor-wrap { | |
8 | + border:1px solid; | |
9 | +} | |
10 | + | |
11 | +.x-html-editor-tb .x-btn-text { | |
12 | + background:transparent no-repeat; | |
13 | +} | |
14 | + | |
15 | +.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { | |
16 | + background-position:0 0; | |
17 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
18 | +} | |
19 | + | |
20 | +.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { | |
21 | + background-position:-16px 0; | |
22 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
23 | +} | |
24 | + | |
25 | +.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { | |
26 | + background-position:-32px 0; | |
27 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
28 | +} | |
29 | + | |
30 | +.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { | |
31 | + background-position:-160px 0; | |
32 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
33 | +} | |
34 | + | |
35 | +.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { | |
36 | + background-position:-176px 0; | |
37 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
38 | +} | |
39 | + | |
40 | +.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { | |
41 | + background-position:-112px 0; | |
42 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
43 | +} | |
44 | + | |
45 | +.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { | |
46 | + background-position:-128px 0; | |
47 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
48 | +} | |
49 | + | |
50 | +.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { | |
51 | + background-position:-144px 0; | |
52 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
53 | +} | |
54 | + | |
55 | +.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { | |
56 | + background-position:-80px 0; | |
57 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
58 | +} | |
59 | + | |
60 | +.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { | |
61 | + background-position:-96px 0; | |
62 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
63 | +} | |
64 | + | |
65 | +.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { | |
66 | + background-position:-48px 0; | |
67 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
68 | +} | |
69 | + | |
70 | +.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { | |
71 | + background-position:-64px 0; | |
72 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
73 | +} | |
74 | + | |
75 | +.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { | |
76 | + background-position:-192px 0; | |
77 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
78 | +} | |
79 | + | |
80 | +.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { | |
81 | + background-position:-208px 0; | |
82 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
83 | +} | |
84 | + | |
85 | +.x-html-editor-tip .x-tip-bd .x-tip-bd-inner { | |
86 | + padding:5px; | |
87 | + padding-bottom:1px; | |
88 | +} | |
89 | + | |
90 | +.x-html-editor-tb .x-toolbar { | |
91 | + position:static !important; | |
92 | 92 | } |
\ No newline at end of file |
@@ -4,549 +4,549 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -/* Grid3 styles */ | |
8 | -.x-grid3 { | |
9 | - position:relative; | |
10 | - overflow:hidden; | |
11 | -} | |
12 | - | |
13 | -.x-grid-panel .x-panel-body { | |
14 | - overflow:hidden !important; | |
15 | -} | |
16 | - | |
17 | -.x-grid-panel .x-panel-mc .x-panel-body { | |
18 | - border:1px solid; | |
19 | -} | |
20 | - | |
21 | -.x-grid3 table { | |
22 | - table-layout:fixed; | |
23 | -} | |
24 | - | |
25 | -.x-grid3-viewport{ | |
26 | - overflow:hidden; | |
27 | -} | |
28 | - | |
29 | -.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
30 | - -moz-outline: none; | |
31 | - -moz-user-focus: normal; | |
32 | -} | |
33 | - | |
34 | -.x-grid3-row td, .x-grid3-summary-row td { | |
35 | - line-height:13px; | |
36 | - vertical-align: top; | |
37 | - padding-left:1px; | |
38 | - padding-right:1px; | |
39 | - -moz-user-select: none; | |
40 | - -khtml-user-select:none; | |
41 | - -webkit-user-select:ignore; | |
42 | -} | |
43 | - | |
44 | -.x-grid3-cell{ | |
45 | - -moz-user-select: none; | |
46 | - -khtml-user-select:none; | |
47 | - -webkit-user-select:ignore; | |
48 | -} | |
49 | - | |
50 | -.x-grid3-hd-row td { | |
51 | - line-height:15px; | |
52 | - vertical-align:middle; | |
53 | - border-left:1px solid; | |
54 | - border-right:1px solid; | |
55 | -} | |
56 | - | |
57 | -.x-grid3-hd-row .x-grid3-marker-hd { | |
58 | - padding:3px; | |
59 | -} | |
60 | - | |
61 | -.x-grid3-row .x-grid3-marker { | |
62 | - padding:3px; | |
63 | -} | |
64 | - | |
65 | -.x-grid3-cell-inner, .x-grid3-hd-inner{ | |
66 | - overflow:hidden; | |
67 | - -o-text-overflow: ellipsis; | |
68 | - text-overflow: ellipsis; | |
69 | - padding:3px 3px 3px 5px; | |
70 | - white-space: nowrap; | |
71 | -} | |
72 | - | |
73 | -.x-grid3-hd-inner { | |
74 | - position:relative; | |
75 | - cursor:inherit; | |
76 | - padding:4px 3px 4px 5px; | |
77 | -} | |
78 | - | |
79 | -.x-grid3-row-body { | |
80 | - white-space:normal; | |
81 | -} | |
82 | - | |
83 | -.x-grid3-body-cell { | |
84 | - -moz-outline:0 none; | |
85 | - outline:0 none; | |
86 | -} | |
87 | - | |
88 | -/* IE Quirks to clip */ | |
89 | -.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ | |
90 | - width:100%; | |
91 | -} | |
92 | - | |
93 | -/* reverse above in strict mode */ | |
94 | -.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ | |
95 | - width:auto; | |
96 | -} | |
97 | - | |
98 | -.x-grid-row-loading { | |
99 | - background: no-repeat center center; | |
100 | -} | |
101 | - | |
102 | -.x-grid-page { | |
103 | - overflow:hidden; | |
104 | -} | |
105 | - | |
106 | -.x-grid3-row { | |
107 | - cursor: default; | |
108 | - border: 1px solid; | |
109 | - width:100%; | |
110 | -} | |
111 | - | |
112 | -.x-grid3-row-over { | |
113 | - border:1px solid; | |
114 | - background: repeat-x left top; | |
115 | -} | |
116 | - | |
117 | -.x-grid3-resize-proxy { | |
118 | - width:1px; | |
119 | - left:0; | |
120 | - cursor: e-resize; | |
121 | - cursor: col-resize; | |
122 | - position:absolute; | |
123 | - top:0; | |
124 | - height:100px; | |
125 | - overflow:hidden; | |
126 | - visibility:hidden; | |
127 | - border:0 none; | |
128 | - z-index:7; | |
129 | -} | |
130 | - | |
131 | -.x-grid3-resize-marker { | |
132 | - width:1px; | |
133 | - left:0; | |
134 | - position:absolute; | |
135 | - top:0; | |
136 | - height:100px; | |
137 | - overflow:hidden; | |
138 | - visibility:hidden; | |
139 | - border:0 none; | |
140 | - z-index:7; | |
141 | -} | |
142 | - | |
143 | -.x-grid3-focus { | |
144 | - position:absolute; | |
145 | - left:0; | |
146 | - top:0; | |
147 | - width:1px; | |
148 | - height:1px; | |
149 | - line-height:1px; | |
150 | - font-size:1px; | |
151 | - -moz-outline:0 none; | |
152 | - outline:0 none; | |
153 | - -moz-user-select: text; | |
154 | - -khtml-user-select: text; | |
155 | - -webkit-user-select:ignore; | |
156 | -} | |
157 | - | |
158 | -/* header styles */ | |
159 | -.x-grid3-header{ | |
160 | - background: repeat-x 0 bottom; | |
161 | - cursor:default; | |
162 | - zoom:1; | |
163 | - padding:1px 0 0 0; | |
164 | -} | |
165 | - | |
166 | -.x-grid3-header-pop { | |
167 | - border-left:1px solid; | |
168 | - float:right; | |
169 | - clear:none; | |
170 | -} | |
171 | - | |
172 | -.x-grid3-header-pop-inner { | |
173 | - border-left:1px solid; | |
174 | - width:14px; | |
175 | - height:19px; | |
176 | - background: transparent no-repeat center center; | |
177 | -} | |
178 | - | |
179 | -.ext-ie .x-grid3-header-pop-inner { | |
180 | - width:15px; | |
181 | -} | |
182 | - | |
183 | -.ext-strict .x-grid3-header-pop-inner { | |
184 | - width:14px; | |
185 | -} | |
186 | - | |
187 | -.x-grid3-header-inner { | |
188 | - overflow:hidden; | |
189 | - zoom:1; | |
190 | - float:left; | |
191 | -} | |
192 | - | |
193 | -.x-grid3-header-offset { | |
194 | - padding-left:1px; | |
195 | - text-align: left; | |
196 | -} | |
197 | - | |
198 | -td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
199 | - border-left:1px solid; | |
200 | - border-right:1px solid; | |
201 | -} | |
202 | - | |
203 | -td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
204 | - background: repeat-x left bottom; | |
205 | - | |
206 | -} | |
207 | - | |
208 | -.x-grid3-sort-icon{ | |
209 | - background-repeat: no-repeat; | |
210 | - display: none; | |
211 | - height: 4px; | |
212 | - width: 13px; | |
213 | - margin-left:3px; | |
214 | - vertical-align: middle; | |
215 | -} | |
216 | - | |
217 | -.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { | |
218 | - display: inline; | |
219 | -} | |
220 | - | |
221 | -/* Header position fixes for IE strict mode */ | |
222 | -.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { | |
223 | - position:relative; | |
224 | -} | |
225 | - | |
226 | -.ext-strict .ext-ie6 .x-grid3-hd-inner{ | |
227 | - position:static; | |
228 | -} | |
229 | - | |
230 | -/* Body Styles */ | |
231 | -.x-grid3-body { | |
232 | - zoom:1; | |
233 | -} | |
234 | - | |
235 | -.x-grid3-scroller { | |
236 | - overflow:auto; | |
237 | - zoom:1; | |
238 | - position:relative; | |
239 | -} | |
240 | - | |
241 | -.x-grid3-cell-text, .x-grid3-hd-text { | |
242 | - display: block; | |
243 | - padding: 3px 5px 3px 5px; | |
244 | - -moz-user-select: none; | |
245 | - -khtml-user-select: none; | |
246 | - -webkit-user-select:ignore; | |
247 | -} | |
248 | - | |
249 | -.x-grid3-split { | |
250 | - background-position: center; | |
251 | - background-repeat: no-repeat; | |
252 | - cursor: e-resize; | |
253 | - cursor: col-resize; | |
254 | - display: block; | |
255 | - font-size: 1px; | |
256 | - height: 16px; | |
257 | - overflow: hidden; | |
258 | - position: absolute; | |
259 | - top: 2px; | |
260 | - width: 6px; | |
261 | - z-index: 3; | |
262 | -} | |
263 | - | |
264 | -/* Column Reorder DD */ | |
265 | -.x-dd-drag-proxy .x-grid3-hd-inner{ | |
266 | - background: repeat-x left bottom; | |
267 | - width:120px; | |
268 | - padding:3px; | |
269 | - border:1px solid; | |
270 | - overflow:hidden; | |
271 | -} | |
272 | - | |
273 | -.col-move-top, .col-move-bottom{ | |
274 | - width:9px; | |
275 | - height:9px; | |
276 | - position:absolute; | |
277 | - top:0; | |
278 | - line-height:1px; | |
279 | - font-size:1px; | |
280 | - overflow:hidden; | |
281 | - visibility:hidden; | |
282 | - z-index:20000; | |
283 | - background:transparent no-repeat left top; | |
284 | -} | |
285 | - | |
286 | -/* Selection Styles */ | |
287 | -.x-grid3-row-selected { | |
288 | - border:1px dotted; | |
289 | -} | |
290 | - | |
291 | -.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
292 | - background: repeat-x 0 bottom !important; | |
293 | - vertical-align:middle !important; | |
294 | - padding:0; | |
295 | - border-top:1px solid; | |
296 | - border-bottom:none !important; | |
297 | - border-right:1px solid !important; | |
298 | - text-align:center; | |
299 | -} | |
300 | - | |
301 | -.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
302 | - padding:0 4px; | |
303 | - text-align:center; | |
304 | -} | |
305 | - | |
306 | -/* dirty cells */ | |
307 | -.x-grid3-dirty-cell { | |
308 | - background: transparent no-repeat 0 0; | |
309 | -} | |
310 | - | |
311 | -/* Grid Toolbars */ | |
312 | -.x-grid3-topbar, .x-grid3-bottombar{ | |
313 | - overflow:hidden; | |
314 | - display:none; | |
315 | - zoom:1; | |
316 | - position:relative; | |
317 | -} | |
318 | - | |
319 | -.x-grid3-topbar .x-toolbar{ | |
320 | - border-right:0 none; | |
321 | -} | |
322 | - | |
323 | -.x-grid3-bottombar .x-toolbar{ | |
324 | - border-right:0 none; | |
325 | - border-bottom:0 none; | |
326 | - border-top:1px solid; | |
327 | -} | |
328 | - | |
329 | -/* Props Grid Styles */ | |
330 | -.x-props-grid .x-grid3-cell{ | |
331 | - padding:1px; | |
332 | -} | |
333 | - | |
334 | -.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
335 | - background:transparent repeat-y -16px !important; | |
336 | - padding-left:12px; | |
337 | -} | |
338 | - | |
339 | -.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
340 | - padding:1px; | |
341 | - padding-right:0; | |
342 | - border:0 none; | |
343 | - border-right:1px solid; | |
344 | -} | |
345 | - | |
346 | -/* dd */ | |
347 | -.x-grid3-col-dd { | |
348 | - border:0 none; | |
349 | - padding:0; | |
350 | - background:transparent; | |
351 | -} | |
352 | - | |
353 | -.x-dd-drag-ghost .x-grid3-dd-wrap { | |
354 | - padding:1px 3px 3px 1px; | |
355 | -} | |
356 | - | |
357 | -.x-grid3-hd { | |
358 | - -moz-user-select:none; | |
359 | - -khtml-user-select:none; | |
360 | - -webkit-user-select:ignore; | |
361 | -} | |
362 | - | |
363 | -.x-grid3-hd-btn { | |
364 | - display:none; | |
365 | - position:absolute; | |
366 | - width:14px; | |
367 | - background:no-repeat left center; | |
368 | - right:0; | |
369 | - top:0; | |
370 | - z-index:2; | |
371 | - cursor:pointer; | |
372 | -} | |
373 | - | |
374 | -.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { | |
375 | - display:block; | |
376 | -} | |
377 | - | |
378 | -a.x-grid3-hd-btn:hover { | |
379 | - background-position:-14px center; | |
380 | -} | |
381 | - | |
382 | -/* Expanders */ | |
383 | -.x-grid3-body .x-grid3-td-expander { | |
384 | - background:transparent repeat-y right; | |
385 | -} | |
386 | - | |
387 | -.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { | |
388 | - padding:0 !important; | |
389 | - height:100%; | |
390 | -} | |
391 | - | |
392 | -.x-grid3-row-expander { | |
393 | - width:100%; | |
394 | - height:18px; | |
395 | - background-position:4px 2px; | |
396 | - background-repeat:no-repeat; | |
397 | - background-color:transparent; | |
398 | -} | |
399 | - | |
400 | -.x-grid3-row-collapsed .x-grid3-row-expander { | |
401 | - background-position:4px 2px; | |
402 | -} | |
403 | - | |
404 | -.x-grid3-row-expanded .x-grid3-row-expander { | |
405 | - background-position:-21px 2px; | |
406 | -} | |
407 | - | |
408 | -.x-grid3-row-collapsed .x-grid3-row-body { | |
409 | - display:none !important; | |
410 | -} | |
411 | - | |
412 | -.x-grid3-row-expanded .x-grid3-row-body { | |
413 | - display:block !important; | |
414 | -} | |
415 | - | |
416 | -/* Checkers */ | |
417 | -.x-grid3-body .x-grid3-td-checker { | |
418 | - background:transparent repeat-y right; | |
419 | -} | |
420 | - | |
421 | -.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { | |
422 | - padding:0 !important; | |
423 | - height:100%; | |
424 | -} | |
425 | - | |
426 | -.x-grid3-row-checker, .x-grid3-hd-checker { | |
427 | - width:100%; | |
428 | - height:18px; | |
429 | - background-position:2px 2px; | |
430 | - background-repeat:no-repeat; | |
431 | - background-color:transparent; | |
432 | -} | |
433 | - | |
434 | -.x-grid3-row .x-grid3-row-checker { | |
435 | - background-position:2px 2px; | |
436 | -} | |
437 | - | |
438 | -.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { | |
439 | - background-position:-23px 2px; | |
440 | -} | |
441 | - | |
442 | -.x-grid3-hd-checker { | |
443 | - background-position:2px 3px; | |
444 | -} | |
445 | - | |
446 | -.x-grid3-hd-checker-on .x-grid3-hd-checker { | |
447 | - background-position:-23px 3px; | |
448 | -} | |
449 | - | |
450 | -/* Numberer */ | |
451 | -.x-grid3-body .x-grid3-td-numberer { | |
452 | - background:transparent repeat-y right; | |
453 | -} | |
454 | - | |
455 | -.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
456 | - padding:3px 5px 0 0 !important; | |
457 | - text-align:right; | |
458 | -} | |
459 | - | |
460 | -/* Row Icon */ | |
461 | - | |
462 | -.x-grid3-body .x-grid3-td-row-icon { | |
463 | - background:transparent repeat-y right; | |
464 | - vertical-align:top; | |
465 | - text-align:center; | |
466 | -} | |
467 | - | |
468 | -.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { | |
469 | - padding:0 !important; | |
470 | - background-position:center center; | |
471 | - background-repeat:no-repeat; | |
472 | - width:16px; | |
473 | - height:16px; | |
474 | - margin-left:2px; | |
475 | - margin-top:3px; | |
476 | -} | |
477 | - | |
478 | -/* All specials */ | |
479 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
480 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
481 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
482 | - background:transparent repeat-y right; | |
483 | -} | |
484 | - | |
485 | -.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { | |
486 | - padding: 1px 0 0 0 !important; | |
487 | -} | |
488 | - | |
489 | -.x-grid3-check-col { | |
490 | - width:100%; | |
491 | - height:16px; | |
492 | - background-position:center center; | |
493 | - background-repeat:no-repeat; | |
494 | - background-color:transparent; | |
495 | -} | |
496 | - | |
497 | -.x-grid3-check-col-on { | |
498 | - width:100%; | |
499 | - height:16px; | |
500 | - background-position:center center; | |
501 | - background-repeat:no-repeat; | |
502 | - background-color:transparent; | |
503 | -} | |
504 | - | |
505 | -/* Grouping classes */ | |
506 | -.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
507 | - zoom:1; | |
508 | -} | |
509 | - | |
510 | -.x-grid-group-hd { | |
511 | - border-bottom: 2px solid; | |
512 | - cursor:pointer; | |
513 | - padding-top:6px; | |
514 | -} | |
515 | - | |
516 | -.x-grid-group-hd div.x-grid-group-title { | |
517 | - background:transparent no-repeat 3px 3px; | |
518 | - padding:4px 4px 4px 17px; | |
519 | -} | |
520 | - | |
521 | -.x-grid-group-collapsed .x-grid-group-body { | |
522 | - display:none; | |
523 | -} | |
524 | - | |
525 | -.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { | |
526 | - position:relative; | |
527 | - top:-1px; | |
528 | -} | |
529 | - | |
530 | -.ext-ie .x-props-grid .x-editor .x-form-text { | |
531 | - position:static; | |
532 | - top:0; | |
533 | -} | |
534 | - | |
535 | -.x-grid-empty { | |
536 | - padding:10px; | |
537 | -} | |
538 | - | |
539 | -/* fix floating toolbar issue */ | |
540 | -.ext-ie7 .x-grid-panel .x-panel-bbar { | |
541 | - position:relative; | |
542 | -} | |
543 | - | |
544 | -.ext-ie6 .x-grid3-header { | |
545 | - position: relative; | |
546 | -} | |
547 | - | |
548 | -/* column lines */ | |
549 | -.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
550 | - padding-right:0; | |
551 | - border-right:1px solid; | |
552 | -} | |
7 | +/* Grid3 styles */ | |
8 | +.x-grid3 { | |
9 | + position:relative; | |
10 | + overflow:hidden; | |
11 | +} | |
12 | + | |
13 | +.x-grid-panel .x-panel-body { | |
14 | + overflow:hidden !important; | |
15 | +} | |
16 | + | |
17 | +.x-grid-panel .x-panel-mc .x-panel-body { | |
18 | + border:1px solid; | |
19 | +} | |
20 | + | |
21 | +.x-grid3 table { | |
22 | + table-layout:fixed; | |
23 | +} | |
24 | + | |
25 | +.x-grid3-viewport{ | |
26 | + overflow:hidden; | |
27 | +} | |
28 | + | |
29 | +.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
30 | + -moz-outline: none; | |
31 | + -moz-user-focus: normal; | |
32 | +} | |
33 | + | |
34 | +.x-grid3-row td, .x-grid3-summary-row td { | |
35 | + line-height:13px; | |
36 | + vertical-align: top; | |
37 | + padding-left:1px; | |
38 | + padding-right:1px; | |
39 | + -moz-user-select: none; | |
40 | + -khtml-user-select:none; | |
41 | + -webkit-user-select:ignore; | |
42 | +} | |
43 | + | |
44 | +.x-grid3-cell{ | |
45 | + -moz-user-select: none; | |
46 | + -khtml-user-select:none; | |
47 | + -webkit-user-select:ignore; | |
48 | +} | |
49 | + | |
50 | +.x-grid3-hd-row td { | |
51 | + line-height:15px; | |
52 | + vertical-align:middle; | |
53 | + border-left:1px solid; | |
54 | + border-right:1px solid; | |
55 | +} | |
56 | + | |
57 | +.x-grid3-hd-row .x-grid3-marker-hd { | |
58 | + padding:3px; | |
59 | +} | |
60 | + | |
61 | +.x-grid3-row .x-grid3-marker { | |
62 | + padding:3px; | |
63 | +} | |
64 | + | |
65 | +.x-grid3-cell-inner, .x-grid3-hd-inner{ | |
66 | + overflow:hidden; | |
67 | + -o-text-overflow: ellipsis; | |
68 | + text-overflow: ellipsis; | |
69 | + padding:3px 3px 3px 5px; | |
70 | + white-space: nowrap; | |
71 | +} | |
72 | + | |
73 | +.x-grid3-hd-inner { | |
74 | + position:relative; | |
75 | + cursor:inherit; | |
76 | + padding:4px 3px 4px 5px; | |
77 | +} | |
78 | + | |
79 | +.x-grid3-row-body { | |
80 | + white-space:normal; | |
81 | +} | |
82 | + | |
83 | +.x-grid3-body-cell { | |
84 | + -moz-outline:0 none; | |
85 | + outline:0 none; | |
86 | +} | |
87 | + | |
88 | +/* IE Quirks to clip */ | |
89 | +.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ | |
90 | + width:100%; | |
91 | +} | |
92 | + | |
93 | +/* reverse above in strict mode */ | |
94 | +.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ | |
95 | + width:auto; | |
96 | +} | |
97 | + | |
98 | +.x-grid-row-loading { | |
99 | + background: no-repeat center center; | |
100 | +} | |
101 | + | |
102 | +.x-grid-page { | |
103 | + overflow:hidden; | |
104 | +} | |
105 | + | |
106 | +.x-grid3-row { | |
107 | + cursor: default; | |
108 | + border: 1px solid; | |
109 | + width:100%; | |
110 | +} | |
111 | + | |
112 | +.x-grid3-row-over { | |
113 | + border:1px solid; | |
114 | + background: repeat-x left top; | |
115 | +} | |
116 | + | |
117 | +.x-grid3-resize-proxy { | |
118 | + width:1px; | |
119 | + left:0; | |
120 | + cursor: e-resize; | |
121 | + cursor: col-resize; | |
122 | + position:absolute; | |
123 | + top:0; | |
124 | + height:100px; | |
125 | + overflow:hidden; | |
126 | + visibility:hidden; | |
127 | + border:0 none; | |
128 | + z-index:7; | |
129 | +} | |
130 | + | |
131 | +.x-grid3-resize-marker { | |
132 | + width:1px; | |
133 | + left:0; | |
134 | + position:absolute; | |
135 | + top:0; | |
136 | + height:100px; | |
137 | + overflow:hidden; | |
138 | + visibility:hidden; | |
139 | + border:0 none; | |
140 | + z-index:7; | |
141 | +} | |
142 | + | |
143 | +.x-grid3-focus { | |
144 | + position:absolute; | |
145 | + left:0; | |
146 | + top:0; | |
147 | + width:1px; | |
148 | + height:1px; | |
149 | + line-height:1px; | |
150 | + font-size:1px; | |
151 | + -moz-outline:0 none; | |
152 | + outline:0 none; | |
153 | + -moz-user-select: text; | |
154 | + -khtml-user-select: text; | |
155 | + -webkit-user-select:ignore; | |
156 | +} | |
157 | + | |
158 | +/* header styles */ | |
159 | +.x-grid3-header{ | |
160 | + background: repeat-x 0 bottom; | |
161 | + cursor:default; | |
162 | + zoom:1; | |
163 | + padding:1px 0 0 0; | |
164 | +} | |
165 | + | |
166 | +.x-grid3-header-pop { | |
167 | + border-left:1px solid; | |
168 | + float:right; | |
169 | + clear:none; | |
170 | +} | |
171 | + | |
172 | +.x-grid3-header-pop-inner { | |
173 | + border-left:1px solid; | |
174 | + width:14px; | |
175 | + height:19px; | |
176 | + background: transparent no-repeat center center; | |
177 | +} | |
178 | + | |
179 | +.ext-ie .x-grid3-header-pop-inner { | |
180 | + width:15px; | |
181 | +} | |
182 | + | |
183 | +.ext-strict .x-grid3-header-pop-inner { | |
184 | + width:14px; | |
185 | +} | |
186 | + | |
187 | +.x-grid3-header-inner { | |
188 | + overflow:hidden; | |
189 | + zoom:1; | |
190 | + float:left; | |
191 | +} | |
192 | + | |
193 | +.x-grid3-header-offset { | |
194 | + padding-left:1px; | |
195 | + text-align: left; | |
196 | +} | |
197 | + | |
198 | +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
199 | + border-left:1px solid; | |
200 | + border-right:1px solid; | |
201 | +} | |
202 | + | |
203 | +td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
204 | + background: repeat-x left bottom; | |
205 | + | |
206 | +} | |
207 | + | |
208 | +.x-grid3-sort-icon{ | |
209 | + background-repeat: no-repeat; | |
210 | + display: none; | |
211 | + height: 4px; | |
212 | + width: 13px; | |
213 | + margin-left:3px; | |
214 | + vertical-align: middle; | |
215 | +} | |
216 | + | |
217 | +.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { | |
218 | + display: inline; | |
219 | +} | |
220 | + | |
221 | +/* Header position fixes for IE strict mode */ | |
222 | +.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { | |
223 | + position:relative; | |
224 | +} | |
225 | + | |
226 | +.ext-strict .ext-ie6 .x-grid3-hd-inner{ | |
227 | + position:static; | |
228 | +} | |
229 | + | |
230 | +/* Body Styles */ | |
231 | +.x-grid3-body { | |
232 | + zoom:1; | |
233 | +} | |
234 | + | |
235 | +.x-grid3-scroller { | |
236 | + overflow:auto; | |
237 | + zoom:1; | |
238 | + position:relative; | |
239 | +} | |
240 | + | |
241 | +.x-grid3-cell-text, .x-grid3-hd-text { | |
242 | + display: block; | |
243 | + padding: 3px 5px 3px 5px; | |
244 | + -moz-user-select: none; | |
245 | + -khtml-user-select: none; | |
246 | + -webkit-user-select:ignore; | |
247 | +} | |
248 | + | |
249 | +.x-grid3-split { | |
250 | + background-position: center; | |
251 | + background-repeat: no-repeat; | |
252 | + cursor: e-resize; | |
253 | + cursor: col-resize; | |
254 | + display: block; | |
255 | + font-size: 1px; | |
256 | + height: 16px; | |
257 | + overflow: hidden; | |
258 | + position: absolute; | |
259 | + top: 2px; | |
260 | + width: 6px; | |
261 | + z-index: 3; | |
262 | +} | |
263 | + | |
264 | +/* Column Reorder DD */ | |
265 | +.x-dd-drag-proxy .x-grid3-hd-inner{ | |
266 | + background: repeat-x left bottom; | |
267 | + width:120px; | |
268 | + padding:3px; | |
269 | + border:1px solid; | |
270 | + overflow:hidden; | |
271 | +} | |
272 | + | |
273 | +.col-move-top, .col-move-bottom{ | |
274 | + width:9px; | |
275 | + height:9px; | |
276 | + position:absolute; | |
277 | + top:0; | |
278 | + line-height:1px; | |
279 | + font-size:1px; | |
280 | + overflow:hidden; | |
281 | + visibility:hidden; | |
282 | + z-index:20000; | |
283 | + background:transparent no-repeat left top; | |
284 | +} | |
285 | + | |
286 | +/* Selection Styles */ | |
287 | +.x-grid3-row-selected { | |
288 | + border:1px dotted; | |
289 | +} | |
290 | + | |
291 | +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
292 | + background: repeat-x 0 bottom !important; | |
293 | + vertical-align:middle !important; | |
294 | + padding:0; | |
295 | + border-top:1px solid; | |
296 | + border-bottom:none !important; | |
297 | + border-right:1px solid !important; | |
298 | + text-align:center; | |
299 | +} | |
300 | + | |
301 | +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
302 | + padding:0 4px; | |
303 | + text-align:center; | |
304 | +} | |
305 | + | |
306 | +/* dirty cells */ | |
307 | +.x-grid3-dirty-cell { | |
308 | + background: transparent no-repeat 0 0; | |
309 | +} | |
310 | + | |
311 | +/* Grid Toolbars */ | |
312 | +.x-grid3-topbar, .x-grid3-bottombar{ | |
313 | + overflow:hidden; | |
314 | + display:none; | |
315 | + zoom:1; | |
316 | + position:relative; | |
317 | +} | |
318 | + | |
319 | +.x-grid3-topbar .x-toolbar{ | |
320 | + border-right:0 none; | |
321 | +} | |
322 | + | |
323 | +.x-grid3-bottombar .x-toolbar{ | |
324 | + border-right:0 none; | |
325 | + border-bottom:0 none; | |
326 | + border-top:1px solid; | |
327 | +} | |
328 | + | |
329 | +/* Props Grid Styles */ | |
330 | +.x-props-grid .x-grid3-cell{ | |
331 | + padding:1px; | |
332 | +} | |
333 | + | |
334 | +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
335 | + background:transparent repeat-y -16px !important; | |
336 | + padding-left:12px; | |
337 | +} | |
338 | + | |
339 | +.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
340 | + padding:1px; | |
341 | + padding-right:0; | |
342 | + border:0 none; | |
343 | + border-right:1px solid; | |
344 | +} | |
345 | + | |
346 | +/* dd */ | |
347 | +.x-grid3-col-dd { | |
348 | + border:0 none; | |
349 | + padding:0; | |
350 | + background:transparent; | |
351 | +} | |
352 | + | |
353 | +.x-dd-drag-ghost .x-grid3-dd-wrap { | |
354 | + padding:1px 3px 3px 1px; | |
355 | +} | |
356 | + | |
357 | +.x-grid3-hd { | |
358 | + -moz-user-select:none; | |
359 | + -khtml-user-select:none; | |
360 | + -webkit-user-select:ignore; | |
361 | +} | |
362 | + | |
363 | +.x-grid3-hd-btn { | |
364 | + display:none; | |
365 | + position:absolute; | |
366 | + width:14px; | |
367 | + background:no-repeat left center; | |
368 | + right:0; | |
369 | + top:0; | |
370 | + z-index:2; | |
371 | + cursor:pointer; | |
372 | +} | |
373 | + | |
374 | +.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { | |
375 | + display:block; | |
376 | +} | |
377 | + | |
378 | +a.x-grid3-hd-btn:hover { | |
379 | + background-position:-14px center; | |
380 | +} | |
381 | + | |
382 | +/* Expanders */ | |
383 | +.x-grid3-body .x-grid3-td-expander { | |
384 | + background:transparent repeat-y right; | |
385 | +} | |
386 | + | |
387 | +.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { | |
388 | + padding:0 !important; | |
389 | + height:100%; | |
390 | +} | |
391 | + | |
392 | +.x-grid3-row-expander { | |
393 | + width:100%; | |
394 | + height:18px; | |
395 | + background-position:4px 2px; | |
396 | + background-repeat:no-repeat; | |
397 | + background-color:transparent; | |
398 | +} | |
399 | + | |
400 | +.x-grid3-row-collapsed .x-grid3-row-expander { | |
401 | + background-position:4px 2px; | |
402 | +} | |
403 | + | |
404 | +.x-grid3-row-expanded .x-grid3-row-expander { | |
405 | + background-position:-21px 2px; | |
406 | +} | |
407 | + | |
408 | +.x-grid3-row-collapsed .x-grid3-row-body { | |
409 | + display:none !important; | |
410 | +} | |
411 | + | |
412 | +.x-grid3-row-expanded .x-grid3-row-body { | |
413 | + display:block !important; | |
414 | +} | |
415 | + | |
416 | +/* Checkers */ | |
417 | +.x-grid3-body .x-grid3-td-checker { | |
418 | + background:transparent repeat-y right; | |
419 | +} | |
420 | + | |
421 | +.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { | |
422 | + padding:0 !important; | |
423 | + height:100%; | |
424 | +} | |
425 | + | |
426 | +.x-grid3-row-checker, .x-grid3-hd-checker { | |
427 | + width:100%; | |
428 | + height:18px; | |
429 | + background-position:2px 2px; | |
430 | + background-repeat:no-repeat; | |
431 | + background-color:transparent; | |
432 | +} | |
433 | + | |
434 | +.x-grid3-row .x-grid3-row-checker { | |
435 | + background-position:2px 2px; | |
436 | +} | |
437 | + | |
438 | +.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { | |
439 | + background-position:-23px 2px; | |
440 | +} | |
441 | + | |
442 | +.x-grid3-hd-checker { | |
443 | + background-position:2px 3px; | |
444 | +} | |
445 | + | |
446 | +.x-grid3-hd-checker-on .x-grid3-hd-checker { | |
447 | + background-position:-23px 3px; | |
448 | +} | |
449 | + | |
450 | +/* Numberer */ | |
451 | +.x-grid3-body .x-grid3-td-numberer { | |
452 | + background:transparent repeat-y right; | |
453 | +} | |
454 | + | |
455 | +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
456 | + padding:3px 5px 0 0 !important; | |
457 | + text-align:right; | |
458 | +} | |
459 | + | |
460 | +/* Row Icon */ | |
461 | + | |
462 | +.x-grid3-body .x-grid3-td-row-icon { | |
463 | + background:transparent repeat-y right; | |
464 | + vertical-align:top; | |
465 | + text-align:center; | |
466 | +} | |
467 | + | |
468 | +.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { | |
469 | + padding:0 !important; | |
470 | + background-position:center center; | |
471 | + background-repeat:no-repeat; | |
472 | + width:16px; | |
473 | + height:16px; | |
474 | + margin-left:2px; | |
475 | + margin-top:3px; | |
476 | +} | |
477 | + | |
478 | +/* All specials */ | |
479 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
480 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
481 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
482 | + background:transparent repeat-y right; | |
483 | +} | |
484 | + | |
485 | +.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { | |
486 | + padding: 1px 0 0 0 !important; | |
487 | +} | |
488 | + | |
489 | +.x-grid3-check-col { | |
490 | + width:100%; | |
491 | + height:16px; | |
492 | + background-position:center center; | |
493 | + background-repeat:no-repeat; | |
494 | + background-color:transparent; | |
495 | +} | |
496 | + | |
497 | +.x-grid3-check-col-on { | |
498 | + width:100%; | |
499 | + height:16px; | |
500 | + background-position:center center; | |
501 | + background-repeat:no-repeat; | |
502 | + background-color:transparent; | |
503 | +} | |
504 | + | |
505 | +/* Grouping classes */ | |
506 | +.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
507 | + zoom:1; | |
508 | +} | |
509 | + | |
510 | +.x-grid-group-hd { | |
511 | + border-bottom: 2px solid; | |
512 | + cursor:pointer; | |
513 | + padding-top:6px; | |
514 | +} | |
515 | + | |
516 | +.x-grid-group-hd div.x-grid-group-title { | |
517 | + background:transparent no-repeat 3px 3px; | |
518 | + padding:4px 4px 4px 17px; | |
519 | +} | |
520 | + | |
521 | +.x-grid-group-collapsed .x-grid-group-body { | |
522 | + display:none; | |
523 | +} | |
524 | + | |
525 | +.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { | |
526 | + position:relative; | |
527 | + top:-1px; | |
528 | +} | |
529 | + | |
530 | +.ext-ie .x-props-grid .x-editor .x-form-text { | |
531 | + position:static; | |
532 | + top:0; | |
533 | +} | |
534 | + | |
535 | +.x-grid-empty { | |
536 | + padding:10px; | |
537 | +} | |
538 | + | |
539 | +/* fix floating toolbar issue */ | |
540 | +.ext-ie7 .x-grid-panel .x-panel-bbar { | |
541 | + position:relative; | |
542 | +} | |
543 | + | |
544 | +.ext-ie6 .x-grid3-header { | |
545 | + position: relative; | |
546 | +} | |
547 | + | |
548 | +/* column lines */ | |
549 | +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
550 | + padding-right:0; | |
551 | + border-right:1px solid; | |
552 | +} |
@@ -4,82 +4,82 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-list-header{ | |
8 | - background: repeat-x 0 bottom; | |
9 | - cursor:default; | |
10 | - zoom:1; | |
11 | - height:22px; | |
12 | -} | |
13 | - | |
14 | -.x-list-header-inner div { | |
15 | - display:block; | |
16 | - float:left; | |
17 | - overflow:hidden; | |
18 | - -o-text-overflow: ellipsis; | |
19 | - text-overflow: ellipsis; | |
20 | - white-space: nowrap; | |
21 | -} | |
22 | - | |
23 | -.x-list-header-inner div em { | |
24 | - display:block; | |
25 | - border-left:1px solid; | |
26 | - padding:4px 4px; | |
27 | - overflow:hidden; | |
28 | - -moz-user-select: none; | |
29 | - -khtml-user-select: none; | |
30 | - line-height:14px; | |
31 | -} | |
32 | - | |
33 | -.x-list-body { | |
34 | - overflow:auto; | |
35 | - overflow-x:hidden; | |
36 | - overflow-y:auto; | |
37 | - zoom:1; | |
38 | - float: left; | |
39 | - width: 100%; | |
40 | -} | |
41 | - | |
42 | -.x-list-body dl { | |
43 | - zoom:1; | |
44 | -} | |
45 | - | |
46 | -.x-list-body dt { | |
47 | - display:block; | |
48 | - float:left; | |
49 | - overflow:hidden; | |
50 | - -o-text-overflow: ellipsis; | |
51 | - text-overflow: ellipsis; | |
52 | - white-space: nowrap; | |
53 | - cursor:pointer; | |
54 | - zoom:1; | |
55 | -} | |
56 | - | |
57 | -.x-list-body dt em { | |
58 | - display:block; | |
59 | - padding:3px 4px; | |
60 | - overflow:hidden; | |
61 | - -moz-user-select: none; | |
62 | - -khtml-user-select: none; | |
63 | -} | |
64 | - | |
65 | -.x-list-resizer { | |
66 | - border-left:1px solid; | |
67 | - border-right:1px solid; | |
68 | - position:absolute; | |
69 | - left:0; | |
70 | - top:0; | |
71 | -} | |
72 | - | |
73 | -.x-list-header-inner em.sort-asc { | |
74 | - background: transparent no-repeat center 0; | |
75 | - border-style:solid; | |
76 | - border-width: 0 1px 1px; | |
77 | - padding-bottom:3px; | |
78 | -} | |
79 | - | |
80 | -.x-list-header-inner em.sort-desc { | |
81 | - background: transparent no-repeat center -23px; | |
82 | - border-style:solid; | |
83 | - border-width: 0 1px 1px; | |
84 | - padding-bottom:3px; | |
85 | -} | |
7 | +.x-list-header{ | |
8 | + background: repeat-x 0 bottom; | |
9 | + cursor:default; | |
10 | + zoom:1; | |
11 | + height:22px; | |
12 | +} | |
13 | + | |
14 | +.x-list-header-inner div { | |
15 | + display:block; | |
16 | + float:left; | |
17 | + overflow:hidden; | |
18 | + -o-text-overflow: ellipsis; | |
19 | + text-overflow: ellipsis; | |
20 | + white-space: nowrap; | |
21 | +} | |
22 | + | |
23 | +.x-list-header-inner div em { | |
24 | + display:block; | |
25 | + border-left:1px solid; | |
26 | + padding:4px 4px; | |
27 | + overflow:hidden; | |
28 | + -moz-user-select: none; | |
29 | + -khtml-user-select: none; | |
30 | + line-height:14px; | |
31 | +} | |
32 | + | |
33 | +.x-list-body { | |
34 | + overflow:auto; | |
35 | + overflow-x:hidden; | |
36 | + overflow-y:auto; | |
37 | + zoom:1; | |
38 | + float: left; | |
39 | + width: 100%; | |
40 | +} | |
41 | + | |
42 | +.x-list-body dl { | |
43 | + zoom:1; | |
44 | +} | |
45 | + | |
46 | +.x-list-body dt { | |
47 | + display:block; | |
48 | + float:left; | |
49 | + overflow:hidden; | |
50 | + -o-text-overflow: ellipsis; | |
51 | + text-overflow: ellipsis; | |
52 | + white-space: nowrap; | |
53 | + cursor:pointer; | |
54 | + zoom:1; | |
55 | +} | |
56 | + | |
57 | +.x-list-body dt em { | |
58 | + display:block; | |
59 | + padding:3px 4px; | |
60 | + overflow:hidden; | |
61 | + -moz-user-select: none; | |
62 | + -khtml-user-select: none; | |
63 | +} | |
64 | + | |
65 | +.x-list-resizer { | |
66 | + border-left:1px solid; | |
67 | + border-right:1px solid; | |
68 | + position:absolute; | |
69 | + left:0; | |
70 | + top:0; | |
71 | +} | |
72 | + | |
73 | +.x-list-header-inner em.sort-asc { | |
74 | + background: transparent no-repeat center 0; | |
75 | + border-style:solid; | |
76 | + border-width: 0 1px 1px; | |
77 | + padding-bottom:3px; | |
78 | +} | |
79 | + | |
80 | +.x-list-header-inner em.sort-desc { | |
81 | + background: transparent no-repeat center -23px; | |
82 | + border-style:solid; | |
83 | + border-width: 0 1px 1px; | |
84 | + padding-bottom:3px; | |
85 | +} |
@@ -4,202 +4,202 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-menu { | |
8 | - z-index: 15000; | |
9 | - zoom: 1; | |
10 | - background: repeat-y; | |
11 | -} | |
12 | - | |
13 | -.x-menu-floating{ | |
14 | - border: 1px solid; | |
15 | -} | |
16 | - | |
17 | -.x-menu a { | |
18 | - text-decoration: none !important; | |
19 | -} | |
20 | - | |
21 | -.ext-ie .x-menu { | |
22 | - zoom:1; | |
23 | - overflow:hidden; | |
24 | -} | |
25 | - | |
26 | -.x-menu-list{ | |
27 | - padding: 2px; | |
28 | - background:transparent; | |
29 | - border:0 none; | |
30 | - overflow:hidden; | |
31 | - overflow-y: hidden; | |
32 | -} | |
33 | - | |
34 | -.ext-strict .ext-ie .x-menu-list{ | |
35 | - position: relative; | |
36 | -} | |
37 | - | |
38 | -.x-menu li{ | |
39 | - line-height:100%; | |
40 | -} | |
41 | - | |
42 | -.x-menu li.x-menu-sep-li{ | |
43 | - font-size:1px; | |
44 | - line-height:1px; | |
45 | -} | |
46 | - | |
47 | -.x-menu-list-item{ | |
48 | - white-space: nowrap; | |
49 | - -moz-user-select: none; | |
50 | - -khtml-user-select:none; | |
51 | - -webkit-user-select:ignore; | |
52 | - display:block; | |
53 | - padding:1px; | |
54 | -} | |
55 | - | |
56 | -.x-menu-item-arrow{ | |
57 | - background:transparent no-repeat right; | |
58 | -} | |
59 | - | |
60 | -.x-menu-sep { | |
61 | - display:block; | |
62 | - font-size:1px; | |
63 | - line-height:1px; | |
64 | - margin: 2px 3px; | |
65 | - border-bottom:1px solid; | |
66 | - overflow:hidden; | |
67 | -} | |
68 | - | |
69 | -.x-menu-focus { | |
70 | - position:absolute; | |
71 | - left:-1px; | |
72 | - top:-1px; | |
73 | - width:1px; | |
74 | - height:1px; | |
75 | - line-height:1px; | |
76 | - font-size:1px; | |
77 | - -moz-outline:0 none; | |
78 | - outline:0 none; | |
79 | - -moz-user-select: none; | |
80 | - -khtml-user-select:none; | |
81 | - -webkit-user-select:ignore; | |
82 | - overflow:hidden; | |
83 | - display:block; | |
84 | -} | |
85 | - | |
86 | -a.x-menu-item { | |
87 | - cursor: pointer; | |
88 | - display: block; | |
89 | - line-height: 16px; | |
90 | - outline-color: -moz-use-text-color; | |
91 | - outline-style: none; | |
92 | - outline-width: 0; | |
93 | - padding: 3px 21px 3px 27px; | |
94 | - position: relative; | |
95 | - text-decoration: none; | |
96 | - white-space: nowrap; | |
97 | -} | |
98 | - | |
99 | -.x-menu-item-active { | |
100 | - background-repeat: repeat-x; | |
101 | - background-position: left bottom; | |
102 | - border-style:solid; | |
103 | - border-width: 1px 0; | |
104 | - margin:0 1px; | |
105 | - padding: 0; | |
106 | -} | |
107 | - | |
108 | -.x-menu-item-active a.x-menu-item { | |
109 | - border-style:solid; | |
110 | - border-width:0 1px; | |
111 | - margin:0 -1px; | |
112 | -} | |
113 | - | |
114 | -.x-menu-item-icon { | |
115 | - border: 0 none; | |
116 | - height: 16px; | |
117 | - padding: 0; | |
118 | - vertical-align: top; | |
119 | - width: 16px; | |
120 | - position: absolute; | |
121 | - left: 3px; | |
122 | - top: 3px; | |
123 | - margin: 0; | |
124 | - background-position:center; | |
125 | -} | |
126 | - | |
127 | -.ext-ie .x-menu-item-icon { | |
128 | - left: -24px; | |
129 | -} | |
130 | -.ext-strict .x-menu-item-icon { | |
131 | - left: 3px; | |
132 | -} | |
133 | - | |
134 | -.ext-ie6 .x-menu-item-icon { | |
135 | - left: -24px; | |
136 | -} | |
137 | - | |
138 | -.ext-ie .x-menu-item-icon { | |
139 | - vertical-align: middle; | |
140 | -} | |
141 | - | |
142 | -.x-menu-check-item .x-menu-item-icon{ | |
143 | - background: transparent no-repeat center; | |
144 | -} | |
145 | - | |
146 | -.x-menu-group-item .x-menu-item-icon{ | |
147 | - background: transparent; | |
148 | -} | |
149 | - | |
150 | -.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
151 | - background: transparent no-repeat center; | |
152 | -} | |
153 | - | |
154 | -.x-date-menu .x-menu-list{ | |
155 | - padding: 0; | |
156 | -} | |
157 | - | |
158 | -.x-menu-date-item{ | |
159 | - padding:0; | |
160 | -} | |
161 | - | |
162 | -.x-menu .x-color-palette, .x-menu .x-date-picker{ | |
163 | - margin-left: 26px; | |
164 | - margin-right:4px; | |
165 | -} | |
166 | - | |
167 | -.x-menu .x-date-picker{ | |
168 | - border:1px solid; | |
169 | - margin-top:2px; | |
170 | - margin-bottom:2px; | |
171 | -} | |
172 | - | |
173 | -.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ | |
174 | - margin: 0; | |
175 | - border: 0 none; | |
176 | -} | |
177 | - | |
178 | -.x-date-menu { | |
179 | - padding:0 !important; | |
180 | -} | |
181 | - | |
182 | -.x-cycle-menu .x-menu-item-checked { | |
183 | - border:1px dotted !important; | |
184 | - padding:0; | |
185 | -} | |
186 | - | |
187 | -.x-menu .x-menu-scroller { | |
188 | - width: 100%; | |
189 | - background-repeat:no-repeat; | |
190 | - background-position:center; | |
191 | - height:8px; | |
192 | - line-height: 8px; | |
193 | - cursor:pointer; | |
194 | - margin: 0; | |
195 | - padding: 0; | |
196 | -} | |
197 | - | |
198 | -.x-menu .x-menu-scroller-active{ | |
199 | - height: 6px; | |
200 | - line-height: 6px; | |
201 | -} | |
202 | - | |
203 | -.x-menu-list-item-indent{ | |
204 | - padding-left: 27px; | |
205 | -} | |
7 | +.x-menu { | |
8 | + z-index: 15000; | |
9 | + zoom: 1; | |
10 | + background: repeat-y; | |
11 | +} | |
12 | + | |
13 | +.x-menu-floating{ | |
14 | + border: 1px solid; | |
15 | +} | |
16 | + | |
17 | +.x-menu a { | |
18 | + text-decoration: none !important; | |
19 | +} | |
20 | + | |
21 | +.ext-ie .x-menu { | |
22 | + zoom:1; | |
23 | + overflow:hidden; | |
24 | +} | |
25 | + | |
26 | +.x-menu-list{ | |
27 | + padding: 2px; | |
28 | + background:transparent; | |
29 | + border:0 none; | |
30 | + overflow:hidden; | |
31 | + overflow-y: hidden; | |
32 | +} | |
33 | + | |
34 | +.ext-strict .ext-ie .x-menu-list{ | |
35 | + position: relative; | |
36 | +} | |
37 | + | |
38 | +.x-menu li{ | |
39 | + line-height:100%; | |
40 | +} | |
41 | + | |
42 | +.x-menu li.x-menu-sep-li{ | |
43 | + font-size:1px; | |
44 | + line-height:1px; | |
45 | +} | |
46 | + | |
47 | +.x-menu-list-item{ | |
48 | + white-space: nowrap; | |
49 | + -moz-user-select: none; | |
50 | + -khtml-user-select:none; | |
51 | + -webkit-user-select:ignore; | |
52 | + display:block; | |
53 | + padding:1px; | |
54 | +} | |
55 | + | |
56 | +.x-menu-item-arrow{ | |
57 | + background:transparent no-repeat right; | |
58 | +} | |
59 | + | |
60 | +.x-menu-sep { | |
61 | + display:block; | |
62 | + font-size:1px; | |
63 | + line-height:1px; | |
64 | + margin: 2px 3px; | |
65 | + border-bottom:1px solid; | |
66 | + overflow:hidden; | |
67 | +} | |
68 | + | |
69 | +.x-menu-focus { | |
70 | + position:absolute; | |
71 | + left:-1px; | |
72 | + top:-1px; | |
73 | + width:1px; | |
74 | + height:1px; | |
75 | + line-height:1px; | |
76 | + font-size:1px; | |
77 | + -moz-outline:0 none; | |
78 | + outline:0 none; | |
79 | + -moz-user-select: none; | |
80 | + -khtml-user-select:none; | |
81 | + -webkit-user-select:ignore; | |
82 | + overflow:hidden; | |
83 | + display:block; | |
84 | +} | |
85 | + | |
86 | +a.x-menu-item { | |
87 | + cursor: pointer; | |
88 | + display: block; | |
89 | + line-height: 16px; | |
90 | + outline-color: -moz-use-text-color; | |
91 | + outline-style: none; | |
92 | + outline-width: 0; | |
93 | + padding: 3px 21px 3px 27px; | |
94 | + position: relative; | |
95 | + text-decoration: none; | |
96 | + white-space: nowrap; | |
97 | +} | |
98 | + | |
99 | +.x-menu-item-active { | |
100 | + background-repeat: repeat-x; | |
101 | + background-position: left bottom; | |
102 | + border-style:solid; | |
103 | + border-width: 1px 0; | |
104 | + margin:0 1px; | |
105 | + padding: 0; | |
106 | +} | |
107 | + | |
108 | +.x-menu-item-active a.x-menu-item { | |
109 | + border-style:solid; | |
110 | + border-width:0 1px; | |
111 | + margin:0 -1px; | |
112 | +} | |
113 | + | |
114 | +.x-menu-item-icon { | |
115 | + border: 0 none; | |
116 | + height: 16px; | |
117 | + padding: 0; | |
118 | + vertical-align: top; | |
119 | + width: 16px; | |
120 | + position: absolute; | |
121 | + left: 3px; | |
122 | + top: 3px; | |
123 | + margin: 0; | |
124 | + background-position:center; | |
125 | +} | |
126 | + | |
127 | +.ext-ie .x-menu-item-icon { | |
128 | + left: -24px; | |
129 | +} | |
130 | +.ext-strict .x-menu-item-icon { | |
131 | + left: 3px; | |
132 | +} | |
133 | + | |
134 | +.ext-ie6 .x-menu-item-icon { | |
135 | + left: -24px; | |
136 | +} | |
137 | + | |
138 | +.ext-ie .x-menu-item-icon { | |
139 | + vertical-align: middle; | |
140 | +} | |
141 | + | |
142 | +.x-menu-check-item .x-menu-item-icon{ | |
143 | + background: transparent no-repeat center; | |
144 | +} | |
145 | + | |
146 | +.x-menu-group-item .x-menu-item-icon{ | |
147 | + background: transparent; | |
148 | +} | |
149 | + | |
150 | +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
151 | + background: transparent no-repeat center; | |
152 | +} | |
153 | + | |
154 | +.x-date-menu .x-menu-list{ | |
155 | + padding: 0; | |
156 | +} | |
157 | + | |
158 | +.x-menu-date-item{ | |
159 | + padding:0; | |
160 | +} | |
161 | + | |
162 | +.x-menu .x-color-palette, .x-menu .x-date-picker{ | |
163 | + margin-left: 26px; | |
164 | + margin-right:4px; | |
165 | +} | |
166 | + | |
167 | +.x-menu .x-date-picker{ | |
168 | + border:1px solid; | |
169 | + margin-top:2px; | |
170 | + margin-bottom:2px; | |
171 | +} | |
172 | + | |
173 | +.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ | |
174 | + margin: 0; | |
175 | + border: 0 none; | |
176 | +} | |
177 | + | |
178 | +.x-date-menu { | |
179 | + padding:0 !important; | |
180 | +} | |
181 | + | |
182 | +.x-cycle-menu .x-menu-item-checked { | |
183 | + border:1px dotted !important; | |
184 | + padding:0; | |
185 | +} | |
186 | + | |
187 | +.x-menu .x-menu-scroller { | |
188 | + width: 100%; | |
189 | + background-repeat:no-repeat; | |
190 | + background-position:center; | |
191 | + height:8px; | |
192 | + line-height: 8px; | |
193 | + cursor:pointer; | |
194 | + margin: 0; | |
195 | + padding: 0; | |
196 | +} | |
197 | + | |
198 | +.x-menu .x-menu-scroller-active{ | |
199 | + height: 6px; | |
200 | + line-height: 6px; | |
201 | +} | |
202 | + | |
203 | +.x-menu-list-item-indent{ | |
204 | + padding-left: 27px; | |
205 | +} |
@@ -4,39 +4,39 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-progress-wrap { | |
8 | - border:1px solid; | |
9 | - overflow:hidden; | |
10 | -} | |
11 | - | |
12 | -.x-progress-inner { | |
13 | - height:18px; | |
14 | - background:repeat-x; | |
15 | - position:relative; | |
16 | -} | |
17 | - | |
18 | -.x-progress-bar { | |
19 | - height:18px; | |
20 | - float:left; | |
21 | - width:0; | |
22 | - background: repeat-x left center; | |
23 | - border-top:1px solid; | |
24 | - border-bottom:1px solid; | |
25 | - border-right:1px solid; | |
26 | -} | |
27 | - | |
28 | -.x-progress-text { | |
29 | - padding:1px 5px; | |
30 | - overflow:hidden; | |
31 | - position:absolute; | |
32 | - left:0; | |
33 | - text-align:center; | |
34 | -} | |
35 | - | |
36 | -.x-progress-text-back { | |
37 | - line-height:16px; | |
38 | -} | |
39 | - | |
40 | -.ext-ie .x-progress-text-back { | |
41 | - line-height:15px; | |
7 | +.x-progress-wrap { | |
8 | + border:1px solid; | |
9 | + overflow:hidden; | |
10 | +} | |
11 | + | |
12 | +.x-progress-inner { | |
13 | + height:18px; | |
14 | + background:repeat-x; | |
15 | + position:relative; | |
16 | +} | |
17 | + | |
18 | +.x-progress-bar { | |
19 | + height:18px; | |
20 | + float:left; | |
21 | + width:0; | |
22 | + background: repeat-x left center; | |
23 | + border-top:1px solid; | |
24 | + border-bottom:1px solid; | |
25 | + border-right:1px solid; | |
26 | +} | |
27 | + | |
28 | +.x-progress-text { | |
29 | + padding:1px 5px; | |
30 | + overflow:hidden; | |
31 | + position:absolute; | |
32 | + left:0; | |
33 | + text-align:center; | |
34 | +} | |
35 | + | |
36 | +.x-progress-text-back { | |
37 | + line-height:16px; | |
38 | +} | |
39 | + | |
40 | +.ext-ie .x-progress-text-back { | |
41 | + line-height:15px; | |
42 | 42 | } |
\ No newline at end of file |
@@ -4,150 +4,150 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-tip{ | |
8 | - position: absolute; | |
9 | - top: 0; | |
10 | - left:0; | |
11 | - visibility: hidden; | |
12 | - z-index: 20000; | |
13 | - border:0 none; | |
14 | -} | |
15 | - | |
16 | -.x-tip .x-tip-close{ | |
17 | - height: 15px; | |
18 | - float:right; | |
19 | - width: 15px; | |
20 | - margin:0 0 2px 2px; | |
21 | - cursor:pointer; | |
22 | - display:none; | |
23 | -} | |
24 | - | |
25 | -.x-tip .x-tip-tc { | |
26 | - background: transparent no-repeat 0 -62px; | |
27 | - padding-top:3px; | |
28 | - overflow:hidden; | |
29 | - zoom:1; | |
30 | -} | |
31 | - | |
32 | -.x-tip .x-tip-tl { | |
33 | - background: transparent no-repeat 0 0; | |
34 | - padding-left:6px; | |
35 | - overflow:hidden; | |
36 | - zoom:1; | |
37 | -} | |
38 | - | |
39 | -.x-tip .x-tip-tr { | |
40 | - background: transparent no-repeat right 0; | |
41 | - padding-right:6px; | |
42 | - overflow:hidden; | |
43 | - zoom:1; | |
44 | -} | |
45 | - | |
46 | -.x-tip .x-tip-bc { | |
47 | - background: transparent no-repeat 0 -121px; | |
48 | - height:3px; | |
49 | - overflow:hidden; | |
50 | -} | |
51 | - | |
52 | -.x-tip .x-tip-bl { | |
53 | - background: transparent no-repeat 0 -59px; | |
54 | - padding-left:6px; | |
55 | - zoom:1; | |
56 | -} | |
57 | - | |
58 | -.x-tip .x-tip-br { | |
59 | - background: transparent no-repeat right -59px; | |
60 | - padding-right:6px; | |
61 | - zoom:1; | |
62 | -} | |
63 | - | |
64 | -.x-tip .x-tip-mc { | |
65 | - border:0 none; | |
66 | -} | |
67 | - | |
68 | -.x-tip .x-tip-ml { | |
69 | - background: no-repeat 0 -124px; | |
70 | - padding-left:6px; | |
71 | - zoom:1; | |
72 | -} | |
73 | - | |
74 | -.x-tip .x-tip-mr { | |
75 | - background: transparent no-repeat right -124px; | |
76 | - padding-right:6px; | |
77 | - zoom:1; | |
78 | -} | |
79 | - | |
80 | -.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { | |
81 | - font-size:0; | |
82 | - line-height:0; | |
83 | -} | |
84 | - | |
85 | -.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ | |
86 | - line-height: 1px; | |
87 | -} | |
88 | - | |
89 | -.x-tip .x-tip-header-text { | |
90 | - padding:0; | |
91 | - margin:0 0 2px 0; | |
92 | -} | |
93 | - | |
94 | -.x-tip .x-tip-body { | |
95 | - margin:0 !important; | |
96 | - line-height:14px; | |
97 | - padding:0; | |
98 | -} | |
99 | - | |
100 | -.x-tip .x-tip-body .loading-indicator { | |
101 | - margin:0; | |
102 | -} | |
103 | - | |
104 | -.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { | |
105 | - cursor:move; | |
106 | -} | |
107 | - | |
108 | -.x-form-invalid-tip .x-tip-tc { | |
109 | - background: repeat-x 0 -12px; | |
110 | - padding-top:6px; | |
111 | -} | |
112 | - | |
113 | -.x-form-invalid-tip .x-tip-bc { | |
114 | - background: repeat-x 0 -18px; | |
115 | - height:6px; | |
116 | -} | |
117 | - | |
118 | -.x-form-invalid-tip .x-tip-bl { | |
119 | - background: no-repeat 0 -6px; | |
120 | -} | |
121 | - | |
122 | -.x-form-invalid-tip .x-tip-br { | |
123 | - background: no-repeat right -6px; | |
124 | -} | |
125 | - | |
126 | -.x-form-invalid-tip .x-tip-body { | |
127 | - padding:2px; | |
128 | -} | |
129 | - | |
130 | -.x-form-invalid-tip .x-tip-body { | |
131 | - padding-left:24px; | |
132 | - background:transparent no-repeat 2px 2px; | |
133 | -} | |
134 | - | |
135 | -.x-tip-anchor { | |
136 | - position: absolute; | |
137 | - width: 9px; | |
138 | - height: 10px; | |
139 | - overflow:hidden; | |
140 | - background: transparent no-repeat 0 0; | |
141 | - zoom:1; | |
142 | -} | |
143 | -.x-tip-anchor-bottom { | |
144 | - background-position: -9px 0; | |
145 | -} | |
146 | -.x-tip-anchor-right { | |
147 | - background-position: -18px 0; | |
148 | - width: 10px; | |
149 | -} | |
150 | -.x-tip-anchor-left { | |
151 | - background-position: -28px 0; | |
152 | - width: 10px; | |
7 | +.x-tip{ | |
8 | + position: absolute; | |
9 | + top: 0; | |
10 | + left:0; | |
11 | + visibility: hidden; | |
12 | + z-index: 20000; | |
13 | + border:0 none; | |
14 | +} | |
15 | + | |
16 | +.x-tip .x-tip-close{ | |
17 | + height: 15px; | |
18 | + float:right; | |
19 | + width: 15px; | |
20 | + margin:0 0 2px 2px; | |
21 | + cursor:pointer; | |
22 | + display:none; | |
23 | +} | |
24 | + | |
25 | +.x-tip .x-tip-tc { | |
26 | + background: transparent no-repeat 0 -62px; | |
27 | + padding-top:3px; | |
28 | + overflow:hidden; | |
29 | + zoom:1; | |
30 | +} | |
31 | + | |
32 | +.x-tip .x-tip-tl { | |
33 | + background: transparent no-repeat 0 0; | |
34 | + padding-left:6px; | |
35 | + overflow:hidden; | |
36 | + zoom:1; | |
37 | +} | |
38 | + | |
39 | +.x-tip .x-tip-tr { | |
40 | + background: transparent no-repeat right 0; | |
41 | + padding-right:6px; | |
42 | + overflow:hidden; | |
43 | + zoom:1; | |
44 | +} | |
45 | + | |
46 | +.x-tip .x-tip-bc { | |
47 | + background: transparent no-repeat 0 -121px; | |
48 | + height:3px; | |
49 | + overflow:hidden; | |
50 | +} | |
51 | + | |
52 | +.x-tip .x-tip-bl { | |
53 | + background: transparent no-repeat 0 -59px; | |
54 | + padding-left:6px; | |
55 | + zoom:1; | |
56 | +} | |
57 | + | |
58 | +.x-tip .x-tip-br { | |
59 | + background: transparent no-repeat right -59px; | |
60 | + padding-right:6px; | |
61 | + zoom:1; | |
62 | +} | |
63 | + | |
64 | +.x-tip .x-tip-mc { | |
65 | + border:0 none; | |
66 | +} | |
67 | + | |
68 | +.x-tip .x-tip-ml { | |
69 | + background: no-repeat 0 -124px; | |
70 | + padding-left:6px; | |
71 | + zoom:1; | |
72 | +} | |
73 | + | |
74 | +.x-tip .x-tip-mr { | |
75 | + background: transparent no-repeat right -124px; | |
76 | + padding-right:6px; | |
77 | + zoom:1; | |
78 | +} | |
79 | + | |
80 | +.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { | |
81 | + font-size:0; | |
82 | + line-height:0; | |
83 | +} | |
84 | + | |
85 | +.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ | |
86 | + line-height: 1px; | |
87 | +} | |
88 | + | |
89 | +.x-tip .x-tip-header-text { | |
90 | + padding:0; | |
91 | + margin:0 0 2px 0; | |
92 | +} | |
93 | + | |
94 | +.x-tip .x-tip-body { | |
95 | + margin:0 !important; | |
96 | + line-height:14px; | |
97 | + padding:0; | |
98 | +} | |
99 | + | |
100 | +.x-tip .x-tip-body .loading-indicator { | |
101 | + margin:0; | |
102 | +} | |
103 | + | |
104 | +.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { | |
105 | + cursor:move; | |
106 | +} | |
107 | + | |
108 | +.x-form-invalid-tip .x-tip-tc { | |
109 | + background: repeat-x 0 -12px; | |
110 | + padding-top:6px; | |
111 | +} | |
112 | + | |
113 | +.x-form-invalid-tip .x-tip-bc { | |
114 | + background: repeat-x 0 -18px; | |
115 | + height:6px; | |
116 | +} | |
117 | + | |
118 | +.x-form-invalid-tip .x-tip-bl { | |
119 | + background: no-repeat 0 -6px; | |
120 | +} | |
121 | + | |
122 | +.x-form-invalid-tip .x-tip-br { | |
123 | + background: no-repeat right -6px; | |
124 | +} | |
125 | + | |
126 | +.x-form-invalid-tip .x-tip-body { | |
127 | + padding:2px; | |
128 | +} | |
129 | + | |
130 | +.x-form-invalid-tip .x-tip-body { | |
131 | + padding-left:24px; | |
132 | + background:transparent no-repeat 2px 2px; | |
133 | +} | |
134 | + | |
135 | +.x-tip-anchor { | |
136 | + position: absolute; | |
137 | + width: 9px; | |
138 | + height: 10px; | |
139 | + overflow:hidden; | |
140 | + background: transparent no-repeat 0 0; | |
141 | + zoom:1; | |
142 | +} | |
143 | +.x-tip-anchor-bottom { | |
144 | + background-position: -9px 0; | |
145 | +} | |
146 | +.x-tip-anchor-right { | |
147 | + background-position: -18px 0; | |
148 | + width: 10px; | |
149 | +} | |
150 | +.x-tip-anchor-left { | |
151 | + background-position: -28px 0; | |
152 | + width: 10px; | |
153 | 153 | } |
\ No newline at end of file |
@@ -4,146 +4,146 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-resizable-handle { | |
8 | - position:absolute; | |
9 | - z-index:100; | |
10 | - /* ie needs these */ | |
11 | - font-size:1px; | |
12 | - line-height:6px; | |
13 | - overflow:hidden; | |
14 | - filter:alpha(opacity=0); | |
15 | - opacity:0; | |
16 | - zoom:1; | |
17 | -} | |
18 | - | |
19 | -.x-resizable-handle-east{ | |
20 | - width:6px; | |
21 | - cursor:e-resize; | |
22 | - right:0; | |
23 | - top:0; | |
24 | - height:100%; | |
25 | -} | |
26 | - | |
27 | -.ext-ie .x-resizable-handle-east { | |
28 | - margin-right:-1px; /*IE rounding error*/ | |
29 | -} | |
30 | - | |
31 | -.x-resizable-handle-south{ | |
32 | - width:100%; | |
33 | - cursor:s-resize; | |
34 | - left:0; | |
35 | - bottom:0; | |
36 | - height:6px; | |
37 | -} | |
38 | - | |
39 | -.ext-ie .x-resizable-handle-south { | |
40 | - margin-bottom:-1px; /*IE rounding error*/ | |
41 | -} | |
42 | - | |
43 | -.x-resizable-handle-west{ | |
44 | - width:6px; | |
45 | - cursor:w-resize; | |
46 | - left:0; | |
47 | - top:0; | |
48 | - height:100%; | |
49 | -} | |
50 | - | |
51 | -.x-resizable-handle-north{ | |
52 | - width:100%; | |
53 | - cursor:n-resize; | |
54 | - left:0; | |
55 | - top:0; | |
56 | - height:6px; | |
57 | -} | |
58 | - | |
59 | -.x-resizable-handle-southeast{ | |
60 | - width:6px; | |
61 | - cursor:se-resize; | |
62 | - right:0; | |
63 | - bottom:0; | |
64 | - height:6px; | |
65 | - z-index:101; | |
66 | -} | |
67 | - | |
68 | -.x-resizable-handle-northwest{ | |
69 | - width:6px; | |
70 | - cursor:nw-resize; | |
71 | - left:0; | |
72 | - top:0; | |
73 | - height:6px; | |
74 | - z-index:101; | |
75 | -} | |
76 | - | |
77 | -.x-resizable-handle-northeast{ | |
78 | - width:6px; | |
79 | - cursor:ne-resize; | |
80 | - right:0; | |
81 | - top:0; | |
82 | - height:6px; | |
83 | - z-index:101; | |
84 | -} | |
85 | - | |
86 | -.x-resizable-handle-southwest{ | |
87 | - width:6px; | |
88 | - cursor:sw-resize; | |
89 | - left:0; | |
90 | - bottom:0; | |
91 | - height:6px; | |
92 | - z-index:101; | |
93 | -} | |
94 | - | |
95 | -.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ | |
96 | - filter:alpha(opacity=100); | |
97 | - opacity:1; | |
98 | -} | |
99 | - | |
100 | -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
101 | -.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
102 | -{ | |
103 | - background-position: left; | |
104 | -} | |
105 | - | |
106 | -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
107 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
108 | -{ | |
109 | - background-position: top; | |
110 | -} | |
111 | - | |
112 | -.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
113 | - background-position: top left; | |
114 | -} | |
115 | - | |
116 | -.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
117 | - background-position:bottom right; | |
118 | -} | |
119 | - | |
120 | -.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
121 | - background-position: bottom left; | |
122 | -} | |
123 | - | |
124 | -.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
125 | - background-position: top right; | |
126 | -} | |
127 | - | |
128 | -.x-resizable-proxy{ | |
129 | - border: 1px dashed; | |
130 | - position:absolute; | |
131 | - overflow:hidden; | |
132 | - display:none; | |
133 | - left:0; | |
134 | - top:0; | |
135 | - z-index:50000; | |
136 | -} | |
137 | - | |
138 | -.x-resizable-overlay{ | |
139 | - width:100%; | |
140 | - height:100%; | |
141 | - display:none; | |
142 | - position:absolute; | |
143 | - left:0; | |
144 | - top:0; | |
145 | - z-index:200000; | |
146 | - -moz-opacity: 0; | |
147 | - opacity:0; | |
148 | - filter: alpha(opacity=0); | |
149 | -} | |
7 | +.x-resizable-handle { | |
8 | + position:absolute; | |
9 | + z-index:100; | |
10 | + /* ie needs these */ | |
11 | + font-size:1px; | |
12 | + line-height:6px; | |
13 | + overflow:hidden; | |
14 | + filter:alpha(opacity=0); | |
15 | + opacity:0; | |
16 | + zoom:1; | |
17 | +} | |
18 | + | |
19 | +.x-resizable-handle-east{ | |
20 | + width:6px; | |
21 | + cursor:e-resize; | |
22 | + right:0; | |
23 | + top:0; | |
24 | + height:100%; | |
25 | +} | |
26 | + | |
27 | +.ext-ie .x-resizable-handle-east { | |
28 | + margin-right:-1px; /*IE rounding error*/ | |
29 | +} | |
30 | + | |
31 | +.x-resizable-handle-south{ | |
32 | + width:100%; | |
33 | + cursor:s-resize; | |
34 | + left:0; | |
35 | + bottom:0; | |
36 | + height:6px; | |
37 | +} | |
38 | + | |
39 | +.ext-ie .x-resizable-handle-south { | |
40 | + margin-bottom:-1px; /*IE rounding error*/ | |
41 | +} | |
42 | + | |
43 | +.x-resizable-handle-west{ | |
44 | + width:6px; | |
45 | + cursor:w-resize; | |
46 | + left:0; | |
47 | + top:0; | |
48 | + height:100%; | |
49 | +} | |
50 | + | |
51 | +.x-resizable-handle-north{ | |
52 | + width:100%; | |
53 | + cursor:n-resize; | |
54 | + left:0; | |
55 | + top:0; | |
56 | + height:6px; | |
57 | +} | |
58 | + | |
59 | +.x-resizable-handle-southeast{ | |
60 | + width:6px; | |
61 | + cursor:se-resize; | |
62 | + right:0; | |
63 | + bottom:0; | |
64 | + height:6px; | |
65 | + z-index:101; | |
66 | +} | |
67 | + | |
68 | +.x-resizable-handle-northwest{ | |
69 | + width:6px; | |
70 | + cursor:nw-resize; | |
71 | + left:0; | |
72 | + top:0; | |
73 | + height:6px; | |
74 | + z-index:101; | |
75 | +} | |
76 | + | |
77 | +.x-resizable-handle-northeast{ | |
78 | + width:6px; | |
79 | + cursor:ne-resize; | |
80 | + right:0; | |
81 | + top:0; | |
82 | + height:6px; | |
83 | + z-index:101; | |
84 | +} | |
85 | + | |
86 | +.x-resizable-handle-southwest{ | |
87 | + width:6px; | |
88 | + cursor:sw-resize; | |
89 | + left:0; | |
90 | + bottom:0; | |
91 | + height:6px; | |
92 | + z-index:101; | |
93 | +} | |
94 | + | |
95 | +.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ | |
96 | + filter:alpha(opacity=100); | |
97 | + opacity:1; | |
98 | +} | |
99 | + | |
100 | +.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
101 | +.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
102 | +{ | |
103 | + background-position: left; | |
104 | +} | |
105 | + | |
106 | +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
107 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
108 | +{ | |
109 | + background-position: top; | |
110 | +} | |
111 | + | |
112 | +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
113 | + background-position: top left; | |
114 | +} | |
115 | + | |
116 | +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
117 | + background-position:bottom right; | |
118 | +} | |
119 | + | |
120 | +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
121 | + background-position: bottom left; | |
122 | +} | |
123 | + | |
124 | +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
125 | + background-position: top right; | |
126 | +} | |
127 | + | |
128 | +.x-resizable-proxy{ | |
129 | + border: 1px dashed; | |
130 | + position:absolute; | |
131 | + overflow:hidden; | |
132 | + display:none; | |
133 | + left:0; | |
134 | + top:0; | |
135 | + z-index:50000; | |
136 | +} | |
137 | + | |
138 | +.x-resizable-overlay{ | |
139 | + width:100%; | |
140 | + height:100%; | |
141 | + display:none; | |
142 | + position:absolute; | |
143 | + left:0; | |
144 | + top:0; | |
145 | + z-index:200000; | |
146 | + -moz-opacity: 0; | |
147 | + opacity:0; | |
148 | + filter: alpha(opacity=0); | |
149 | +} |
@@ -4,100 +4,100 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -/* Shared styles */ | |
8 | -.x-slider { | |
9 | - zoom:1; | |
10 | -} | |
11 | - | |
12 | -.x-slider-inner { | |
13 | - position:relative; | |
14 | - left:0; | |
15 | - top:0; | |
16 | - overflow:visible; | |
17 | - zoom:1; | |
18 | -} | |
19 | - | |
20 | -.x-slider-focus { | |
21 | - position:absolute; | |
22 | - left:0; | |
23 | - top:0; | |
24 | - width:1px; | |
25 | - height:1px; | |
26 | - line-height:1px; | |
27 | - font-size:1px; | |
28 | - -moz-outline:0 none; | |
29 | - outline:0 none; | |
30 | - -moz-user-select: none; | |
31 | - -khtml-user-select:none; | |
32 | - -webkit-user-select:ignore; | |
33 | - display:block; | |
34 | - overflow:hidden; | |
35 | -} | |
36 | - | |
37 | -/* Horizontal styles */ | |
38 | -.x-slider-horz { | |
39 | - padding-left:7px; | |
40 | - background:transparent no-repeat 0 -22px; | |
41 | -} | |
42 | - | |
43 | -.x-slider-horz .x-slider-end { | |
44 | - padding-right:7px; | |
45 | - zoom:1; | |
46 | - background:transparent no-repeat right -44px; | |
47 | -} | |
48 | - | |
49 | -.x-slider-horz .x-slider-inner { | |
50 | - background:transparent repeat-x 0 0; | |
51 | - height:22px; | |
52 | -} | |
53 | - | |
54 | -.x-slider-horz .x-slider-thumb { | |
55 | - width:14px; | |
56 | - height:15px; | |
57 | - position:absolute; | |
58 | - left:0; | |
59 | - top:3px; | |
60 | - background:transparent no-repeat 0 0; | |
61 | -} | |
62 | - | |
63 | -.x-slider-horz .x-slider-thumb-over { | |
64 | - background-position: -14px -15px; | |
65 | -} | |
66 | - | |
67 | -.x-slider-horz .x-slider-thumb-drag { | |
68 | - background-position: -28px -30px; | |
69 | -} | |
70 | - | |
71 | -/* Vertical styles */ | |
72 | -.x-slider-vert { | |
73 | - padding-top:7px; | |
74 | - background:transparent no-repeat -44px 0; | |
75 | - width:22px; | |
76 | -} | |
77 | - | |
78 | -.x-slider-vert .x-slider-end { | |
79 | - padding-bottom:7px; | |
80 | - zoom:1; | |
81 | - background:transparent no-repeat -22px bottom; | |
82 | -} | |
83 | - | |
84 | -.x-slider-vert .x-slider-inner { | |
85 | - background:transparent repeat-y 0 0; | |
86 | -} | |
87 | - | |
88 | -.x-slider-vert .x-slider-thumb { | |
89 | - width:15px; | |
90 | - height:14px; | |
91 | - position:absolute; | |
92 | - left:3px; | |
93 | - bottom:0; | |
94 | - background:transparent no-repeat 0 0; | |
95 | -} | |
96 | - | |
97 | -.x-slider-vert .x-slider-thumb-over { | |
98 | - background-position: -15px -14px; | |
99 | -} | |
100 | - | |
101 | -.x-slider-vert .x-slider-thumb-drag { | |
102 | - background-position: -30px -28px; | |
7 | +/* Shared styles */ | |
8 | +.x-slider { | |
9 | + zoom:1; | |
10 | +} | |
11 | + | |
12 | +.x-slider-inner { | |
13 | + position:relative; | |
14 | + left:0; | |
15 | + top:0; | |
16 | + overflow:visible; | |
17 | + zoom:1; | |
18 | +} | |
19 | + | |
20 | +.x-slider-focus { | |
21 | + position:absolute; | |
22 | + left:0; | |
23 | + top:0; | |
24 | + width:1px; | |
25 | + height:1px; | |
26 | + line-height:1px; | |
27 | + font-size:1px; | |
28 | + -moz-outline:0 none; | |
29 | + outline:0 none; | |
30 | + -moz-user-select: none; | |
31 | + -khtml-user-select:none; | |
32 | + -webkit-user-select:ignore; | |
33 | + display:block; | |
34 | + overflow:hidden; | |
35 | +} | |
36 | + | |
37 | +/* Horizontal styles */ | |
38 | +.x-slider-horz { | |
39 | + padding-left:7px; | |
40 | + background:transparent no-repeat 0 -22px; | |
41 | +} | |
42 | + | |
43 | +.x-slider-horz .x-slider-end { | |
44 | + padding-right:7px; | |
45 | + zoom:1; | |
46 | + background:transparent no-repeat right -44px; | |
47 | +} | |
48 | + | |
49 | +.x-slider-horz .x-slider-inner { | |
50 | + background:transparent repeat-x 0 0; | |
51 | + height:22px; | |
52 | +} | |
53 | + | |
54 | +.x-slider-horz .x-slider-thumb { | |
55 | + width:14px; | |
56 | + height:15px; | |
57 | + position:absolute; | |
58 | + left:0; | |
59 | + top:3px; | |
60 | + background:transparent no-repeat 0 0; | |
61 | +} | |
62 | + | |
63 | +.x-slider-horz .x-slider-thumb-over { | |
64 | + background-position: -14px -15px; | |
65 | +} | |
66 | + | |
67 | +.x-slider-horz .x-slider-thumb-drag { | |
68 | + background-position: -28px -30px; | |
69 | +} | |
70 | + | |
71 | +/* Vertical styles */ | |
72 | +.x-slider-vert { | |
73 | + padding-top:7px; | |
74 | + background:transparent no-repeat -44px 0; | |
75 | + width:22px; | |
76 | +} | |
77 | + | |
78 | +.x-slider-vert .x-slider-end { | |
79 | + padding-bottom:7px; | |
80 | + zoom:1; | |
81 | + background:transparent no-repeat -22px bottom; | |
82 | +} | |
83 | + | |
84 | +.x-slider-vert .x-slider-inner { | |
85 | + background:transparent repeat-y 0 0; | |
86 | +} | |
87 | + | |
88 | +.x-slider-vert .x-slider-thumb { | |
89 | + width:15px; | |
90 | + height:14px; | |
91 | + position:absolute; | |
92 | + left:3px; | |
93 | + bottom:0; | |
94 | + background:transparent no-repeat 0 0; | |
95 | +} | |
96 | + | |
97 | +.x-slider-vert .x-slider-thumb-over { | |
98 | + background-position: -15px -14px; | |
99 | +} | |
100 | + | |
101 | +.x-slider-vert .x-slider-thumb-drag { | |
102 | + background-position: -30px -28px; | |
103 | 103 | } |
\ No newline at end of file |
@@ -4,256 +4,256 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-toolbar{ | |
8 | - border-style:solid; | |
9 | - border-width:0 0 1px 0; | |
10 | - display: block; | |
11 | - padding:2px; | |
12 | - background:repeat-x top left; | |
13 | - position:relative; | |
14 | - left:0; | |
15 | - top:0; | |
16 | - zoom:1; | |
17 | - overflow:hidden; | |
18 | -} | |
19 | - | |
20 | -.x-toolbar .x-item-disabled .x-btn-icon { | |
21 | - opacity: .35; | |
22 | - -moz-opacity: .35; | |
23 | - filter: alpha(opacity=35); | |
24 | -} | |
25 | - | |
26 | -.x-toolbar td { | |
27 | - vertical-align:middle; | |
28 | -} | |
29 | - | |
30 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
31 | - white-space: nowrap; | |
32 | -} | |
33 | - | |
34 | -.x-toolbar .x-item-disabled { | |
35 | - cursor:default; | |
36 | - opacity:.6; | |
37 | - -moz-opacity:.6; | |
38 | - filter:alpha(opacity=60); | |
39 | -} | |
40 | - | |
41 | -.x-toolbar .x-item-disabled * { | |
42 | - cursor:default; | |
43 | -} | |
44 | - | |
45 | -.x-toolbar .x-toolbar-cell { | |
46 | - vertical-align:middle; | |
47 | -} | |
48 | - | |
49 | -.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
50 | -.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
51 | -{ | |
52 | - background-position: 500px 500px; | |
53 | -} | |
54 | - | |
55 | -/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
56 | -.x-toolbar .x-btn-over .x-btn-tl{ | |
57 | - background-position: -6px 0; | |
58 | -} | |
59 | - | |
60 | -.x-toolbar .x-btn-over .x-btn-tr{ | |
61 | - background-position: -9px 0; | |
62 | -} | |
63 | - | |
64 | -.x-toolbar .x-btn-over .x-btn-tc{ | |
65 | - background-position: 0 -9px; | |
66 | -} | |
67 | - | |
68 | -.x-toolbar .x-btn-over .x-btn-ml{ | |
69 | - background-position: -6px -24px; | |
70 | -} | |
71 | - | |
72 | -.x-toolbar .x-btn-over .x-btn-mr{ | |
73 | - background-position: -9px -24px; | |
74 | -} | |
75 | - | |
76 | -.x-toolbar .x-btn-over .x-btn-mc{ | |
77 | - background-position: 0 -2168px; | |
78 | -} | |
79 | - | |
80 | -.x-toolbar .x-btn-over .x-btn-bl{ | |
81 | - background-position: -6px -3px; | |
82 | -} | |
83 | - | |
84 | -.x-toolbar .x-btn-over .x-btn-br{ | |
85 | - background-position: -9px -3px; | |
86 | -} | |
87 | - | |
88 | -.x-toolbar .x-btn-over .x-btn-bc{ | |
89 | - background-position: 0 -18px; | |
90 | -} | |
91 | - | |
92 | -.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
93 | - background-position: -12px 0; | |
94 | -} | |
95 | - | |
96 | -.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
97 | - background-position: -15px 0; | |
98 | -} | |
99 | - | |
100 | -.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
101 | - background-position: 0 -12px; | |
102 | -} | |
103 | - | |
104 | -.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
105 | - background-position: -12px -24px; | |
106 | -} | |
107 | - | |
108 | -.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
109 | - background-position: -15px -24px; | |
110 | -} | |
111 | - | |
112 | -.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
113 | - background-position: 0 -3240px; | |
114 | -} | |
115 | - | |
116 | -.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
117 | - background-position: -12px -3px; | |
118 | -} | |
119 | - | |
120 | -.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
121 | - background-position: -15px -3px; | |
122 | -} | |
123 | - | |
124 | -.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
125 | - background-position: 0 -21px; | |
126 | -} | |
127 | - | |
128 | -.x-toolbar div.xtb-text{ | |
129 | - padding:2px 2px 0; | |
130 | - line-height:16px; | |
131 | - display:block; | |
132 | -} | |
133 | - | |
134 | -.x-toolbar .xtb-sep { | |
135 | - background-position: center; | |
136 | - background-repeat: no-repeat; | |
137 | - display: block; | |
138 | - font-size: 1px; | |
139 | - height: 16px; | |
140 | - width:4px; | |
141 | - overflow: hidden; | |
142 | - cursor:default; | |
143 | - margin: 0 2px 0; | |
144 | - border:0; | |
145 | -} | |
146 | - | |
147 | -.x-toolbar .xtb-spacer { | |
148 | - width:2px; | |
149 | -} | |
150 | - | |
151 | -/* Paging Toolbar */ | |
152 | -.x-tbar-page-number{ | |
153 | - width:30px; | |
154 | - height:14px; | |
155 | -} | |
156 | - | |
157 | -.ext-ie .x-tbar-page-number{ | |
158 | - margin-top: 2px; | |
159 | -} | |
160 | - | |
161 | -.x-paging-info { | |
162 | - position:absolute; | |
163 | - top:5px; | |
164 | - right: 8px; | |
165 | -} | |
166 | - | |
167 | -/* floating */ | |
168 | -.x-toolbar-ct { | |
169 | - width:100%; | |
170 | -} | |
171 | - | |
172 | -.x-toolbar-right td { | |
173 | - text-align: center; | |
174 | -} | |
175 | - | |
176 | -.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
177 | - overflow:hidden; | |
178 | - zoom:1; | |
179 | -} | |
180 | - | |
181 | -.x-toolbar-more .x-btn-small .x-btn-text{ | |
182 | - height: 16px; | |
183 | - width: 12px; | |
184 | -} | |
185 | - | |
186 | -.x-toolbar-more em.x-btn-arrow { | |
187 | - display:inline; | |
188 | - background:transparent; | |
189 | - padding-right:0; | |
190 | -} | |
191 | - | |
192 | -.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
193 | - background-image: none; | |
194 | -} | |
195 | - | |
196 | -div.x-toolbar-no-items { | |
197 | - color:gray !important; | |
198 | - padding:5px 10px !important; | |
199 | -} | |
200 | - | |
201 | -/* fix ie toolbar form items */ | |
202 | -.ext-border-box .x-toolbar-cell .x-form-text { | |
203 | - margin-bottom:-1px !important; | |
204 | -} | |
205 | - | |
206 | -.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
207 | - margin:0 !important; | |
208 | -} | |
209 | - | |
210 | -.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
211 | - height:21px; | |
212 | -} | |
213 | - | |
214 | -.ext-ie .x-toolbar-cell .x-form-text { | |
215 | - position:relative; | |
216 | - top:-1px; | |
217 | -} | |
218 | - | |
219 | -.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
220 | - top: 0px; | |
221 | -} | |
222 | - | |
223 | -.x-toolbar-right td .x-form-field-trigger-wrap{ | |
224 | - text-align: left; | |
225 | -} | |
226 | - | |
227 | -.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
228 | - vertical-align: top; | |
229 | - margin-top: 5px; | |
230 | -} | |
231 | - | |
232 | -.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
233 | - margin-top: 4px; | |
234 | -} | |
235 | - | |
236 | -.x-toolbar-cell .x-form-check-wrap label{ | |
237 | - vertical-align: bottom; | |
238 | -} | |
239 | - | |
240 | -/* StatusBar */ | |
241 | -.x-statusbar .x-status-text { | |
242 | - height: 21px; | |
243 | - line-height: 21px; | |
244 | - padding: 0 4px; | |
245 | - cursor: default; | |
246 | -} | |
247 | - | |
248 | -.x-statusbar .x-status-busy { | |
249 | - padding-left: 25px; | |
250 | - background: transparent no-repeat 3px 3px; | |
251 | -} | |
252 | - | |
253 | -.x-statusbar .x-status-text-panel { | |
254 | - border-top: 1px solid; | |
255 | - border-right: 1px solid; | |
256 | - border-bottom: 1px solid; | |
257 | - border-left: 1px solid; | |
258 | - padding: 2px 8px 2px 5px; | |
7 | +.x-toolbar{ | |
8 | + border-style:solid; | |
9 | + border-width:0 0 1px 0; | |
10 | + display: block; | |
11 | + padding:2px; | |
12 | + background:repeat-x top left; | |
13 | + position:relative; | |
14 | + left:0; | |
15 | + top:0; | |
16 | + zoom:1; | |
17 | + overflow:hidden; | |
18 | +} | |
19 | + | |
20 | +.x-toolbar .x-item-disabled .x-btn-icon { | |
21 | + opacity: .35; | |
22 | + -moz-opacity: .35; | |
23 | + filter: alpha(opacity=35); | |
24 | +} | |
25 | + | |
26 | +.x-toolbar td { | |
27 | + vertical-align:middle; | |
28 | +} | |
29 | + | |
30 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
31 | + white-space: nowrap; | |
32 | +} | |
33 | + | |
34 | +.x-toolbar .x-item-disabled { | |
35 | + cursor:default; | |
36 | + opacity:.6; | |
37 | + -moz-opacity:.6; | |
38 | + filter:alpha(opacity=60); | |
39 | +} | |
40 | + | |
41 | +.x-toolbar .x-item-disabled * { | |
42 | + cursor:default; | |
43 | +} | |
44 | + | |
45 | +.x-toolbar .x-toolbar-cell { | |
46 | + vertical-align:middle; | |
47 | +} | |
48 | + | |
49 | +.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, | |
50 | +.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc | |
51 | +{ | |
52 | + background-position: 500px 500px; | |
53 | +} | |
54 | + | |
55 | +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ | |
56 | +.x-toolbar .x-btn-over .x-btn-tl{ | |
57 | + background-position: -6px 0; | |
58 | +} | |
59 | + | |
60 | +.x-toolbar .x-btn-over .x-btn-tr{ | |
61 | + background-position: -9px 0; | |
62 | +} | |
63 | + | |
64 | +.x-toolbar .x-btn-over .x-btn-tc{ | |
65 | + background-position: 0 -9px; | |
66 | +} | |
67 | + | |
68 | +.x-toolbar .x-btn-over .x-btn-ml{ | |
69 | + background-position: -6px -24px; | |
70 | +} | |
71 | + | |
72 | +.x-toolbar .x-btn-over .x-btn-mr{ | |
73 | + background-position: -9px -24px; | |
74 | +} | |
75 | + | |
76 | +.x-toolbar .x-btn-over .x-btn-mc{ | |
77 | + background-position: 0 -2168px; | |
78 | +} | |
79 | + | |
80 | +.x-toolbar .x-btn-over .x-btn-bl{ | |
81 | + background-position: -6px -3px; | |
82 | +} | |
83 | + | |
84 | +.x-toolbar .x-btn-over .x-btn-br{ | |
85 | + background-position: -9px -3px; | |
86 | +} | |
87 | + | |
88 | +.x-toolbar .x-btn-over .x-btn-bc{ | |
89 | + background-position: 0 -18px; | |
90 | +} | |
91 | + | |
92 | +.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ | |
93 | + background-position: -12px 0; | |
94 | +} | |
95 | + | |
96 | +.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ | |
97 | + background-position: -15px 0; | |
98 | +} | |
99 | + | |
100 | +.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ | |
101 | + background-position: 0 -12px; | |
102 | +} | |
103 | + | |
104 | +.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ | |
105 | + background-position: -12px -24px; | |
106 | +} | |
107 | + | |
108 | +.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ | |
109 | + background-position: -15px -24px; | |
110 | +} | |
111 | + | |
112 | +.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ | |
113 | + background-position: 0 -3240px; | |
114 | +} | |
115 | + | |
116 | +.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ | |
117 | + background-position: -12px -3px; | |
118 | +} | |
119 | + | |
120 | +.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ | |
121 | + background-position: -15px -3px; | |
122 | +} | |
123 | + | |
124 | +.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ | |
125 | + background-position: 0 -21px; | |
126 | +} | |
127 | + | |
128 | +.x-toolbar div.xtb-text{ | |
129 | + padding:2px 2px 0; | |
130 | + line-height:16px; | |
131 | + display:block; | |
132 | +} | |
133 | + | |
134 | +.x-toolbar .xtb-sep { | |
135 | + background-position: center; | |
136 | + background-repeat: no-repeat; | |
137 | + display: block; | |
138 | + font-size: 1px; | |
139 | + height: 16px; | |
140 | + width:4px; | |
141 | + overflow: hidden; | |
142 | + cursor:default; | |
143 | + margin: 0 2px 0; | |
144 | + border:0; | |
145 | +} | |
146 | + | |
147 | +.x-toolbar .xtb-spacer { | |
148 | + width:2px; | |
149 | +} | |
150 | + | |
151 | +/* Paging Toolbar */ | |
152 | +.x-tbar-page-number{ | |
153 | + width:30px; | |
154 | + height:14px; | |
155 | +} | |
156 | + | |
157 | +.ext-ie .x-tbar-page-number{ | |
158 | + margin-top: 2px; | |
159 | +} | |
160 | + | |
161 | +.x-paging-info { | |
162 | + position:absolute; | |
163 | + top:5px; | |
164 | + right: 8px; | |
165 | +} | |
166 | + | |
167 | +/* floating */ | |
168 | +.x-toolbar-ct { | |
169 | + width:100%; | |
170 | +} | |
171 | + | |
172 | +.x-toolbar-right td { | |
173 | + text-align: center; | |
174 | +} | |
175 | + | |
176 | +.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { | |
177 | + overflow:hidden; | |
178 | + zoom:1; | |
179 | +} | |
180 | + | |
181 | +.x-toolbar-more .x-btn-small .x-btn-text{ | |
182 | + height: 16px; | |
183 | + width: 12px; | |
184 | +} | |
185 | + | |
186 | +.x-toolbar-more em.x-btn-arrow { | |
187 | + display:inline; | |
188 | + background:transparent; | |
189 | + padding-right:0; | |
190 | +} | |
191 | + | |
192 | +.x-toolbar-more .x-btn-mc em.x-btn-arrow { | |
193 | + background-image: none; | |
194 | +} | |
195 | + | |
196 | +div.x-toolbar-no-items { | |
197 | + color:gray !important; | |
198 | + padding:5px 10px !important; | |
199 | +} | |
200 | + | |
201 | +/* fix ie toolbar form items */ | |
202 | +.ext-border-box .x-toolbar-cell .x-form-text { | |
203 | + margin-bottom:-1px !important; | |
204 | +} | |
205 | + | |
206 | +.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { | |
207 | + margin:0 !important; | |
208 | +} | |
209 | + | |
210 | +.ext-ie .x-toolbar-cell .x-form-field-wrap { | |
211 | + height:21px; | |
212 | +} | |
213 | + | |
214 | +.ext-ie .x-toolbar-cell .x-form-text { | |
215 | + position:relative; | |
216 | + top:-1px; | |
217 | +} | |
218 | + | |
219 | +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { | |
220 | + top: 0px; | |
221 | +} | |
222 | + | |
223 | +.x-toolbar-right td .x-form-field-trigger-wrap{ | |
224 | + text-align: left; | |
225 | +} | |
226 | + | |
227 | +.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ | |
228 | + vertical-align: top; | |
229 | + margin-top: 5px; | |
230 | +} | |
231 | + | |
232 | +.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ | |
233 | + margin-top: 4px; | |
234 | +} | |
235 | + | |
236 | +.x-toolbar-cell .x-form-check-wrap label{ | |
237 | + vertical-align: bottom; | |
238 | +} | |
239 | + | |
240 | +/* StatusBar */ | |
241 | +.x-statusbar .x-status-text { | |
242 | + height: 21px; | |
243 | + line-height: 21px; | |
244 | + padding: 0 4px; | |
245 | + cursor: default; | |
246 | +} | |
247 | + | |
248 | +.x-statusbar .x-status-busy { | |
249 | + padding-left: 25px; | |
250 | + background: transparent no-repeat 3px 3px; | |
251 | +} | |
252 | + | |
253 | +.x-statusbar .x-status-text-panel { | |
254 | + border-top: 1px solid; | |
255 | + border-right: 1px solid; | |
256 | + border-bottom: 1px solid; | |
257 | + border-left: 1px solid; | |
258 | + padding: 2px 8px 2px 5px; | |
259 | 259 | } |
\ No newline at end of file |
@@ -4,200 +4,200 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.ext-strict .ext-ie .x-tree .x-panel-bwrap{ | |
8 | - position:relative; | |
9 | - overflow:hidden; | |
10 | -} | |
11 | - | |
12 | -.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
13 | - border: 0 none; | |
14 | - height: 18px; | |
15 | - margin: 0; | |
16 | - padding: 0; | |
17 | - vertical-align: top; | |
18 | - width: 16px; | |
19 | - background-repeat: no-repeat; | |
20 | -} | |
21 | - | |
22 | -.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ | |
23 | - border: 0 none; | |
24 | - height: 18px; | |
25 | - margin: 0; | |
26 | - padding: 0; | |
27 | - vertical-align: top; | |
28 | - width: 16px; | |
29 | - background-position:center; | |
30 | - background-repeat: no-repeat; | |
31 | -} | |
32 | - | |
33 | -.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { | |
34 | - vertical-align:middle !important; | |
35 | -} | |
36 | - | |
37 | -/* checkboxes */ | |
38 | -.ext-ie input.x-tree-node-cb { | |
39 | - width:15px; | |
40 | - height:15px; | |
41 | -} | |
42 | - | |
43 | -input.x-tree-node-cb { | |
44 | - margin-left:1px; | |
45 | -} | |
46 | - | |
47 | -.ext-ie input.x-tree-node-cb { | |
48 | - margin-left:0; | |
49 | -} | |
50 | - | |
51 | -.x-tree-noicon .x-tree-node-icon{ | |
52 | - width:0; height:0; | |
53 | -} | |
54 | - | |
55 | -/* loading icon */ | |
56 | -.ext-ie .x-tree-node-el input { | |
57 | - width:15px; | |
58 | - height:15px; | |
59 | -} | |
60 | - | |
61 | -/* No line styles */ | |
62 | -.x-tree-no-lines .x-tree-elbow{ | |
63 | - background:transparent; | |
64 | -} | |
65 | - | |
66 | -.x-tree-no-lines .x-tree-elbow-end{ | |
67 | - background:transparent; | |
68 | -} | |
69 | - | |
70 | -.x-tree-no-lines .x-tree-elbow-line{ | |
71 | - background:transparent; | |
72 | -} | |
73 | - | |
74 | -/* Arrows */ | |
75 | -.x-tree-arrows .x-tree-elbow{ | |
76 | - background:transparent; | |
77 | -} | |
78 | - | |
79 | -.x-tree-arrows .x-tree-elbow-plus{ | |
80 | - background:transparent no-repeat 0 0; | |
81 | -} | |
82 | - | |
83 | -.x-tree-arrows .x-tree-elbow-minus{ | |
84 | - background:transparent no-repeat -16px 0; | |
85 | -} | |
86 | - | |
87 | -.x-tree-arrows .x-tree-elbow-end{ | |
88 | - background:transparent; | |
89 | -} | |
90 | - | |
91 | -.x-tree-arrows .x-tree-elbow-end-plus{ | |
92 | - background:transparent no-repeat 0 0; | |
93 | -} | |
94 | - | |
95 | -.x-tree-arrows .x-tree-elbow-end-minus{ | |
96 | - background:transparent no-repeat -16px 0; | |
97 | -} | |
98 | - | |
99 | -.x-tree-arrows .x-tree-elbow-line{ | |
100 | - background:transparent; | |
101 | -} | |
102 | - | |
103 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ | |
104 | - background-position:-32px 0; | |
105 | -} | |
106 | - | |
107 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ | |
108 | - background-position:-48px 0; | |
109 | -} | |
110 | - | |
111 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ | |
112 | - background-position:-32px 0; | |
113 | -} | |
114 | - | |
115 | -.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ | |
116 | - background-position:-48px 0; | |
117 | -} | |
118 | - | |
119 | -.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
120 | - cursor:pointer; | |
121 | -} | |
122 | - | |
123 | -.ext-ie ul.x-tree-node-ct{ | |
124 | - font-size:0; | |
125 | - line-height:0; | |
126 | - zoom:1; | |
127 | -} | |
128 | - | |
129 | -.x-tree-node{ | |
130 | - white-space: nowrap; | |
131 | -} | |
132 | - | |
133 | -.x-tree-node-el { | |
134 | - line-height:18px; | |
135 | - cursor:pointer; | |
136 | -} | |
137 | - | |
138 | -.x-tree-node a, .x-dd-drag-ghost a{ | |
139 | - text-decoration:none; | |
140 | - -khtml-user-select:none; | |
141 | - -moz-user-select:none; | |
142 | - -webkit-user-select:ignore; | |
143 | - -kthml-user-focus:normal; | |
144 | - -moz-user-focus:normal; | |
145 | - -moz-outline: 0 none; | |
146 | - outline:0 none; | |
147 | -} | |
148 | - | |
149 | -.x-tree-node a span, .x-dd-drag-ghost a span{ | |
150 | - text-decoration:none; | |
151 | - padding:1px 3px 1px 2px; | |
152 | -} | |
153 | - | |
154 | -.x-tree-node .x-tree-node-disabled .x-tree-node-icon{ | |
155 | - -moz-opacity: 0.5; | |
156 | - opacity:.5; | |
157 | - filter: alpha(opacity=50); | |
158 | -} | |
159 | - | |
160 | -.x-tree-node .x-tree-node-inline-icon{ | |
161 | - background:transparent; | |
162 | -} | |
163 | - | |
164 | -.x-tree-node a:hover, .x-dd-drag-ghost a:hover{ | |
165 | - text-decoration:none; | |
166 | -} | |
167 | - | |
168 | -.x-tree-node div.x-tree-drag-insert-below{ | |
169 | - border-bottom:1px dotted; | |
170 | -} | |
171 | - | |
172 | -.x-tree-node div.x-tree-drag-insert-above{ | |
173 | - border-top:1px dotted; | |
174 | -} | |
175 | - | |
176 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ | |
177 | - border-bottom:0 none; | |
178 | -} | |
179 | - | |
180 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ | |
181 | - border-top:0 none; | |
182 | -} | |
183 | - | |
184 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
185 | - border-bottom:2px solid; | |
186 | -} | |
187 | - | |
188 | -.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
189 | - border-top:2px solid; | |
190 | -} | |
191 | - | |
192 | -.x-tree-node .x-tree-drag-append a span{ | |
193 | - border:1px dotted; | |
194 | -} | |
195 | - | |
196 | -.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ | |
197 | - display:none !important; | |
198 | -} | |
199 | - | |
200 | -/* Fix for ie rootVisible:false issue */ | |
201 | -.x-tree-root-ct { | |
202 | - zoom:1; | |
203 | -} | |
7 | +.ext-strict .ext-ie .x-tree .x-panel-bwrap{ | |
8 | + position:relative; | |
9 | + overflow:hidden; | |
10 | +} | |
11 | + | |
12 | +.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
13 | + border: 0 none; | |
14 | + height: 18px; | |
15 | + margin: 0; | |
16 | + padding: 0; | |
17 | + vertical-align: top; | |
18 | + width: 16px; | |
19 | + background-repeat: no-repeat; | |
20 | +} | |
21 | + | |
22 | +.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ | |
23 | + border: 0 none; | |
24 | + height: 18px; | |
25 | + margin: 0; | |
26 | + padding: 0; | |
27 | + vertical-align: top; | |
28 | + width: 16px; | |
29 | + background-position:center; | |
30 | + background-repeat: no-repeat; | |
31 | +} | |
32 | + | |
33 | +.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { | |
34 | + vertical-align:middle !important; | |
35 | +} | |
36 | + | |
37 | +/* checkboxes */ | |
38 | +.ext-ie input.x-tree-node-cb { | |
39 | + width:15px; | |
40 | + height:15px; | |
41 | +} | |
42 | + | |
43 | +input.x-tree-node-cb { | |
44 | + margin-left:1px; | |
45 | +} | |
46 | + | |
47 | +.ext-ie input.x-tree-node-cb { | |
48 | + margin-left:0; | |
49 | +} | |
50 | + | |
51 | +.x-tree-noicon .x-tree-node-icon{ | |
52 | + width:0; height:0; | |
53 | +} | |
54 | + | |
55 | +/* loading icon */ | |
56 | +.ext-ie .x-tree-node-el input { | |
57 | + width:15px; | |
58 | + height:15px; | |
59 | +} | |
60 | + | |
61 | +/* No line styles */ | |
62 | +.x-tree-no-lines .x-tree-elbow{ | |
63 | + background:transparent; | |
64 | +} | |
65 | + | |
66 | +.x-tree-no-lines .x-tree-elbow-end{ | |
67 | + background:transparent; | |
68 | +} | |
69 | + | |
70 | +.x-tree-no-lines .x-tree-elbow-line{ | |
71 | + background:transparent; | |
72 | +} | |
73 | + | |
74 | +/* Arrows */ | |
75 | +.x-tree-arrows .x-tree-elbow{ | |
76 | + background:transparent; | |
77 | +} | |
78 | + | |
79 | +.x-tree-arrows .x-tree-elbow-plus{ | |
80 | + background:transparent no-repeat 0 0; | |
81 | +} | |
82 | + | |
83 | +.x-tree-arrows .x-tree-elbow-minus{ | |
84 | + background:transparent no-repeat -16px 0; | |
85 | +} | |
86 | + | |
87 | +.x-tree-arrows .x-tree-elbow-end{ | |
88 | + background:transparent; | |
89 | +} | |
90 | + | |
91 | +.x-tree-arrows .x-tree-elbow-end-plus{ | |
92 | + background:transparent no-repeat 0 0; | |
93 | +} | |
94 | + | |
95 | +.x-tree-arrows .x-tree-elbow-end-minus{ | |
96 | + background:transparent no-repeat -16px 0; | |
97 | +} | |
98 | + | |
99 | +.x-tree-arrows .x-tree-elbow-line{ | |
100 | + background:transparent; | |
101 | +} | |
102 | + | |
103 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ | |
104 | + background-position:-32px 0; | |
105 | +} | |
106 | + | |
107 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ | |
108 | + background-position:-48px 0; | |
109 | +} | |
110 | + | |
111 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ | |
112 | + background-position:-32px 0; | |
113 | +} | |
114 | + | |
115 | +.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ | |
116 | + background-position:-48px 0; | |
117 | +} | |
118 | + | |
119 | +.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ | |
120 | + cursor:pointer; | |
121 | +} | |
122 | + | |
123 | +.ext-ie ul.x-tree-node-ct{ | |
124 | + font-size:0; | |
125 | + line-height:0; | |
126 | + zoom:1; | |
127 | +} | |
128 | + | |
129 | +.x-tree-node{ | |
130 | + white-space: nowrap; | |
131 | +} | |
132 | + | |
133 | +.x-tree-node-el { | |
134 | + line-height:18px; | |
135 | + cursor:pointer; | |
136 | +} | |
137 | + | |
138 | +.x-tree-node a, .x-dd-drag-ghost a{ | |
139 | + text-decoration:none; | |
140 | + -khtml-user-select:none; | |
141 | + -moz-user-select:none; | |
142 | + -webkit-user-select:ignore; | |
143 | + -kthml-user-focus:normal; | |
144 | + -moz-user-focus:normal; | |
145 | + -moz-outline: 0 none; | |
146 | + outline:0 none; | |
147 | +} | |
148 | + | |
149 | +.x-tree-node a span, .x-dd-drag-ghost a span{ | |
150 | + text-decoration:none; | |
151 | + padding:1px 3px 1px 2px; | |
152 | +} | |
153 | + | |
154 | +.x-tree-node .x-tree-node-disabled .x-tree-node-icon{ | |
155 | + -moz-opacity: 0.5; | |
156 | + opacity:.5; | |
157 | + filter: alpha(opacity=50); | |
158 | +} | |
159 | + | |
160 | +.x-tree-node .x-tree-node-inline-icon{ | |
161 | + background:transparent; | |
162 | +} | |
163 | + | |
164 | +.x-tree-node a:hover, .x-dd-drag-ghost a:hover{ | |
165 | + text-decoration:none; | |
166 | +} | |
167 | + | |
168 | +.x-tree-node div.x-tree-drag-insert-below{ | |
169 | + border-bottom:1px dotted; | |
170 | +} | |
171 | + | |
172 | +.x-tree-node div.x-tree-drag-insert-above{ | |
173 | + border-top:1px dotted; | |
174 | +} | |
175 | + | |
176 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ | |
177 | + border-bottom:0 none; | |
178 | +} | |
179 | + | |
180 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ | |
181 | + border-top:0 none; | |
182 | +} | |
183 | + | |
184 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ | |
185 | + border-bottom:2px solid; | |
186 | +} | |
187 | + | |
188 | +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ | |
189 | + border-top:2px solid; | |
190 | +} | |
191 | + | |
192 | +.x-tree-node .x-tree-drag-append a span{ | |
193 | + border:1px dotted; | |
194 | +} | |
195 | + | |
196 | +.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ | |
197 | + display:none !important; | |
198 | +} | |
199 | + | |
200 | +/* Fix for ie rootVisible:false issue */ | |
201 | +.x-tree-root-ct { | |
202 | + zoom:1; | |
203 | +} |
@@ -4,22 +4,22 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-panel-noborder .x-panel-header-noborder { | |
8 | - border-bottom-color:#99bbe8; | |
9 | -} | |
10 | - | |
11 | -.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
12 | - border-bottom-color:#99bbe8; | |
13 | -} | |
14 | - | |
15 | -.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
16 | - border-top-color:#99bbe8; | |
17 | -} | |
18 | - | |
19 | -.x-tab-panel-bbar-noborder .x-toolbar { | |
20 | - border-top-color:#99bbe8; | |
21 | -} | |
22 | - | |
23 | -.x-tab-panel-tbar-noborder .x-toolbar { | |
24 | - border-bottom-color:#99bbe8; | |
7 | +.x-panel-noborder .x-panel-header-noborder { | |
8 | + border-bottom-color:#99bbe8; | |
9 | +} | |
10 | + | |
11 | +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
12 | + border-bottom-color:#99bbe8; | |
13 | +} | |
14 | + | |
15 | +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
16 | + border-top-color:#99bbe8; | |
17 | +} | |
18 | + | |
19 | +.x-tab-panel-bbar-noborder .x-toolbar { | |
20 | + border-top-color:#99bbe8; | |
21 | +} | |
22 | + | |
23 | +.x-tab-panel-tbar-noborder .x-toolbar { | |
24 | + border-bottom-color:#99bbe8; | |
25 | 25 | } |
\ No newline at end of file |
@@ -4,91 +4,91 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-btn{ | |
8 | - font:normal 11px tahoma, verdana, helvetica; | |
9 | -} | |
10 | - | |
11 | -.x-btn button{ | |
12 | - font:normal 11px arial,tahoma,verdana,helvetica; | |
13 | - color:#333; | |
14 | -} | |
15 | - | |
16 | -.x-btn em { | |
17 | - font-style:normal; | |
18 | - font-weight:normal; | |
19 | -} | |
20 | - | |
21 | -.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ | |
22 | - background-image:url(../images/default/button/btn.gif); | |
23 | -} | |
24 | - | |
25 | -.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ | |
26 | - color:#000; | |
27 | -} | |
28 | - | |
29 | -.x-btn-disabled *{ | |
30 | - color:gray !important; | |
31 | -} | |
32 | - | |
33 | -.x-btn-mc em.x-btn-arrow { | |
34 | - background-image:url(../images/default/button/arrow.gif); | |
35 | -} | |
36 | - | |
37 | -.x-btn-mc em.x-btn-split { | |
38 | - background-image:url(../images/default/button/s-arrow.gif); | |
39 | -} | |
40 | - | |
41 | -.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { | |
42 | - background-image:url(../images/default/button/s-arrow-o.gif); | |
43 | -} | |
44 | - | |
45 | -.x-btn-mc em.x-btn-arrow-bottom { | |
46 | - background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
47 | -} | |
48 | - | |
49 | -.x-btn-mc em.x-btn-split-bottom { | |
50 | - background-image:url(../images/default/button/s-arrow-b.gif); | |
51 | -} | |
52 | - | |
53 | -.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { | |
54 | - background-image:url(../images/default/button/s-arrow-bo.gif); | |
55 | -} | |
56 | - | |
57 | -.x-btn-group-header { | |
58 | - color: #3e6aaa; | |
59 | -} | |
60 | - | |
61 | -.x-btn-group-tc { | |
62 | - background-image: url(../images/default/button/group-tb.gif); | |
63 | -} | |
64 | - | |
65 | -.x-btn-group-tl { | |
66 | - background-image: url(../images/default/button/group-cs.gif); | |
67 | -} | |
68 | - | |
69 | -.x-btn-group-tr { | |
70 | - background-image: url(../images/default/button/group-cs.gif); | |
71 | -} | |
72 | - | |
73 | -.x-btn-group-bc { | |
74 | - background-image: url(../images/default/button/group-tb.gif); | |
75 | -} | |
76 | - | |
77 | -.x-btn-group-bl { | |
78 | - background-image: url(../images/default/button/group-cs.gif); | |
79 | -} | |
80 | - | |
81 | -.x-btn-group-br { | |
82 | - background-image: url(../images/default/button/group-cs.gif); | |
83 | -} | |
84 | - | |
85 | -.x-btn-group-ml { | |
86 | - background-image: url(../images/default/button/group-lr.gif); | |
87 | -} | |
88 | -.x-btn-group-mr { | |
89 | - background-image: url(../images/default/button/group-lr.gif); | |
90 | -} | |
91 | - | |
92 | -.x-btn-group-notitle .x-btn-group-tc { | |
93 | - background-image: url(../images/default/button/group-tb.gif); | |
7 | +.x-btn{ | |
8 | + font:normal 11px tahoma, verdana, helvetica; | |
9 | +} | |
10 | + | |
11 | +.x-btn button{ | |
12 | + font:normal 11px arial,tahoma,verdana,helvetica; | |
13 | + color:#333; | |
14 | +} | |
15 | + | |
16 | +.x-btn em { | |
17 | + font-style:normal; | |
18 | + font-weight:normal; | |
19 | +} | |
20 | + | |
21 | +.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ | |
22 | + background-image:url(../images/default/button/btn.gif); | |
23 | +} | |
24 | + | |
25 | +.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ | |
26 | + color:#000; | |
27 | +} | |
28 | + | |
29 | +.x-btn-disabled *{ | |
30 | + color:gray !important; | |
31 | +} | |
32 | + | |
33 | +.x-btn-mc em.x-btn-arrow { | |
34 | + background-image:url(../images/default/button/arrow.gif); | |
35 | +} | |
36 | + | |
37 | +.x-btn-mc em.x-btn-split { | |
38 | + background-image:url(../images/default/button/s-arrow.gif); | |
39 | +} | |
40 | + | |
41 | +.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { | |
42 | + background-image:url(../images/default/button/s-arrow-o.gif); | |
43 | +} | |
44 | + | |
45 | +.x-btn-mc em.x-btn-arrow-bottom { | |
46 | + background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
47 | +} | |
48 | + | |
49 | +.x-btn-mc em.x-btn-split-bottom { | |
50 | + background-image:url(../images/default/button/s-arrow-b.gif); | |
51 | +} | |
52 | + | |
53 | +.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { | |
54 | + background-image:url(../images/default/button/s-arrow-bo.gif); | |
55 | +} | |
56 | + | |
57 | +.x-btn-group-header { | |
58 | + color: #3e6aaa; | |
59 | +} | |
60 | + | |
61 | +.x-btn-group-tc { | |
62 | + background-image: url(../images/default/button/group-tb.gif); | |
63 | +} | |
64 | + | |
65 | +.x-btn-group-tl { | |
66 | + background-image: url(../images/default/button/group-cs.gif); | |
67 | +} | |
68 | + | |
69 | +.x-btn-group-tr { | |
70 | + background-image: url(../images/default/button/group-cs.gif); | |
71 | +} | |
72 | + | |
73 | +.x-btn-group-bc { | |
74 | + background-image: url(../images/default/button/group-tb.gif); | |
75 | +} | |
76 | + | |
77 | +.x-btn-group-bl { | |
78 | + background-image: url(../images/default/button/group-cs.gif); | |
79 | +} | |
80 | + | |
81 | +.x-btn-group-br { | |
82 | + background-image: url(../images/default/button/group-cs.gif); | |
83 | +} | |
84 | + | |
85 | +.x-btn-group-ml { | |
86 | + background-image: url(../images/default/button/group-lr.gif); | |
87 | +} | |
88 | +.x-btn-group-mr { | |
89 | + background-image: url(../images/default/button/group-lr.gif); | |
90 | +} | |
91 | + | |
92 | +.x-btn-group-notitle .x-btn-group-tc { | |
93 | + background-image: url(../images/default/button/group-tb.gif); | |
94 | 94 | } |
\ No newline at end of file |
@@ -4,73 +4,73 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.ext-el-mask { | |
8 | - background-color: #ccc; | |
9 | -} | |
10 | - | |
11 | -.ext-el-mask-msg { | |
12 | - border-color:#6593cf; | |
13 | - background-color:#c3daf9; | |
14 | - background-image:url(../images/default/box/tb-blue.gif); | |
15 | -} | |
16 | -.ext-el-mask-msg div { | |
17 | - background-color: #eee; | |
18 | - border-color:#a3bad9; | |
19 | - color:#222; | |
20 | - font:normal 11px tahoma, arial, helvetica, sans-serif; | |
21 | -} | |
22 | - | |
23 | -.x-mask-loading div { | |
24 | - background-color:#fbfbfb; | |
25 | - background-image:url(../images/default/grid/loading.gif); | |
26 | -} | |
27 | - | |
28 | -.x-item-disabled { | |
29 | - color: gray; | |
30 | -} | |
31 | - | |
32 | -.x-item-disabled * { | |
33 | - color: gray !important; | |
34 | -} | |
35 | - | |
36 | -.x-splitbar-proxy { | |
37 | - background-color: #aaa; | |
38 | -} | |
39 | - | |
40 | -.x-color-palette a { | |
41 | - border-color:#fff; | |
42 | -} | |
43 | - | |
44 | -.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
45 | - border-color:#8bb8f3; | |
46 | - background-color: #deecfd; | |
47 | -} | |
48 | - | |
49 | -.x-color-palette em { | |
50 | - border-color:#aca899; | |
51 | -} | |
52 | - | |
53 | -.x-ie-shadow { | |
54 | - background-color:#777; | |
55 | -} | |
56 | - | |
57 | -.x-shadow .xsmc { | |
58 | - background-image: url(../images/default/shadow-c.png); | |
59 | -} | |
60 | - | |
61 | -.x-shadow .xsml, .x-shadow .xsmr { | |
62 | - background-image: url(../images/default/shadow-lr.png); | |
63 | -} | |
64 | - | |
65 | -.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ | |
66 | - background-image: url(../images/default/shadow.png); | |
67 | -} | |
68 | - | |
69 | -.loading-indicator { | |
70 | - font-size: 11px; | |
71 | - background-image: url(../images/default/grid/loading.gif); | |
72 | -} | |
73 | - | |
74 | -.x-spotlight { | |
75 | - background-color: #ccc; | |
76 | -} | |
7 | +.ext-el-mask { | |
8 | + background-color: #ccc; | |
9 | +} | |
10 | + | |
11 | +.ext-el-mask-msg { | |
12 | + border-color:#6593cf; | |
13 | + background-color:#c3daf9; | |
14 | + background-image:url(../images/default/box/tb-blue.gif); | |
15 | +} | |
16 | +.ext-el-mask-msg div { | |
17 | + background-color: #eee; | |
18 | + border-color:#a3bad9; | |
19 | + color:#222; | |
20 | + font:normal 11px tahoma, arial, helvetica, sans-serif; | |
21 | +} | |
22 | + | |
23 | +.x-mask-loading div { | |
24 | + background-color:#fbfbfb; | |
25 | + background-image:url(../images/default/grid/loading.gif); | |
26 | +} | |
27 | + | |
28 | +.x-item-disabled { | |
29 | + color: gray; | |
30 | +} | |
31 | + | |
32 | +.x-item-disabled * { | |
33 | + color: gray !important; | |
34 | +} | |
35 | + | |
36 | +.x-splitbar-proxy { | |
37 | + background-color: #aaa; | |
38 | +} | |
39 | + | |
40 | +.x-color-palette a { | |
41 | + border-color:#fff; | |
42 | +} | |
43 | + | |
44 | +.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { | |
45 | + border-color:#8bb8f3; | |
46 | + background-color: #deecfd; | |
47 | +} | |
48 | + | |
49 | +.x-color-palette em { | |
50 | + border-color:#aca899; | |
51 | +} | |
52 | + | |
53 | +.x-ie-shadow { | |
54 | + background-color:#777; | |
55 | +} | |
56 | + | |
57 | +.x-shadow .xsmc { | |
58 | + background-image: url(../images/default/shadow-c.png); | |
59 | +} | |
60 | + | |
61 | +.x-shadow .xsml, .x-shadow .xsmr { | |
62 | + background-image: url(../images/default/shadow-lr.png); | |
63 | +} | |
64 | + | |
65 | +.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ | |
66 | + background-image: url(../images/default/shadow.png); | |
67 | +} | |
68 | + | |
69 | +.loading-indicator { | |
70 | + font-size: 11px; | |
71 | + background-image: url(../images/default/grid/loading.gif); | |
72 | +} | |
73 | + | |
74 | +.x-spotlight { | |
75 | + background-color: #ccc; | |
76 | +} |
@@ -4,26 +4,26 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-dd-drag-ghost{ | |
8 | - color:#000; | |
9 | - font: normal 11px arial, helvetica, sans-serif; | |
10 | - border-color: #ddd #bbb #bbb #ddd; | |
11 | - background-color:#fff; | |
12 | -} | |
13 | - | |
14 | -.x-dd-drop-nodrop .x-dd-drop-icon{ | |
15 | - background-image: url(../images/default/dd/drop-no.gif); | |
16 | -} | |
17 | - | |
18 | -.x-dd-drop-ok .x-dd-drop-icon{ | |
19 | - background-image: url(../images/default/dd/drop-yes.gif); | |
20 | -} | |
21 | - | |
22 | -.x-dd-drop-ok-add .x-dd-drop-icon{ | |
23 | - background-image: url(../images/default/dd/drop-add.gif); | |
24 | -} | |
25 | - | |
26 | -.x-view-selector { | |
27 | - background-color:#c3daf9; | |
28 | - border-color:#3399bb; | |
7 | +.x-dd-drag-ghost{ | |
8 | + color:#000; | |
9 | + font: normal 11px arial, helvetica, sans-serif; | |
10 | + border-color: #ddd #bbb #bbb #ddd; | |
11 | + background-color:#fff; | |
12 | +} | |
13 | + | |
14 | +.x-dd-drop-nodrop .x-dd-drop-icon{ | |
15 | + background-image: url(../images/default/dd/drop-no.gif); | |
16 | +} | |
17 | + | |
18 | +.x-dd-drop-ok .x-dd-drop-icon{ | |
19 | + background-image: url(../images/default/dd/drop-yes.gif); | |
20 | +} | |
21 | + | |
22 | +.x-dd-drop-ok-add .x-dd-drop-icon{ | |
23 | + background-image: url(../images/default/dd/drop-add.gif); | |
24 | +} | |
25 | + | |
26 | +.x-view-selector { | |
27 | + background-color:#c3daf9; | |
28 | + border-color:#3399bb; | |
29 | 29 | } |
\ No newline at end of file |
@@ -4,31 +4,31 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-window-dlg .ext-mb-text, | |
8 | -.x-window-dlg .x-window-header-text { | |
9 | - font-size:12px; | |
10 | -} | |
11 | - | |
12 | -.x-window-dlg .ext-mb-textarea { | |
13 | - font:normal 12px tahoma,arial,helvetica,sans-serif; | |
14 | -} | |
15 | - | |
16 | -.x-window-dlg .x-msg-box-wait { | |
17 | - background-image:url(../images/default/grid/loading.gif); | |
18 | -} | |
19 | - | |
20 | -.x-window-dlg .ext-mb-info { | |
21 | - background-image:url(../images/default/window/icon-info.gif); | |
22 | -} | |
23 | - | |
24 | -.x-window-dlg .ext-mb-warning { | |
25 | - background-image:url(../images/default/window/icon-warning.gif); | |
26 | -} | |
27 | - | |
28 | -.x-window-dlg .ext-mb-question { | |
29 | - background-image:url(../images/default/window/icon-question.gif); | |
30 | -} | |
31 | - | |
32 | -.x-window-dlg .ext-mb-error { | |
33 | - background-image:url(../images/default/window/icon-error.gif); | |
7 | +.x-window-dlg .ext-mb-text, | |
8 | +.x-window-dlg .x-window-header-text { | |
9 | + font-size:12px; | |
10 | +} | |
11 | + | |
12 | +.x-window-dlg .ext-mb-textarea { | |
13 | + font:normal 12px tahoma,arial,helvetica,sans-serif; | |
14 | +} | |
15 | + | |
16 | +.x-window-dlg .x-msg-box-wait { | |
17 | + background-image:url(../images/default/grid/loading.gif); | |
18 | +} | |
19 | + | |
20 | +.x-window-dlg .ext-mb-info { | |
21 | + background-image:url(../images/default/window/icon-info.gif); | |
22 | +} | |
23 | + | |
24 | +.x-window-dlg .ext-mb-warning { | |
25 | + background-image:url(../images/default/window/icon-warning.gif); | |
26 | +} | |
27 | + | |
28 | +.x-window-dlg .ext-mb-question { | |
29 | + background-image:url(../images/default/window/icon-question.gif); | |
30 | +} | |
31 | + | |
32 | +.x-window-dlg .ext-mb-error { | |
33 | + background-image:url(../images/default/window/icon-error.gif); | |
34 | 34 | } |
\ No newline at end of file |
@@ -4,10 +4,10 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-html-editor-wrap { | |
8 | - border-color:#a9bfd3; | |
9 | - background-color:#fff; | |
10 | -} | |
11 | -.x-html-editor-tb .x-btn-text { | |
12 | - background-image:url(../images/default/editor/tb-sprite.gif); | |
7 | +.x-html-editor-wrap { | |
8 | + border-color:#a9bfd3; | |
9 | + background-color:#fff; | |
10 | +} | |
11 | +.x-html-editor-tb .x-btn-text { | |
12 | + background-image:url(../images/default/editor/tb-sprite.gif); | |
13 | 13 | } |
\ No newline at end of file |
@@ -4,269 +4,269 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-grid3 { | |
8 | - background-color:#fff; | |
9 | -} | |
10 | - | |
11 | -.x-grid-panel .x-panel-mc .x-panel-body { | |
12 | - border-color:#99bbe8; | |
13 | -} | |
14 | - | |
15 | -.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
16 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
17 | -} | |
18 | - | |
19 | -.x-grid3-hd-row td { | |
20 | - border-left-color:#eee; | |
21 | - border-right-color:#d0d0d0; | |
22 | -} | |
23 | - | |
24 | -.x-grid-row-loading { | |
25 | - background-color: #fff; | |
26 | - background-image:url(../images/default/shared/loading-balls.gif); | |
27 | -} | |
28 | - | |
29 | -.x-grid3-row { | |
30 | - border-color:#ededed; | |
31 | - border-top-color:#fff; | |
32 | -} | |
33 | - | |
34 | -.x-grid3-row-alt{ | |
35 | - background-color:#fafafa; | |
36 | -} | |
37 | - | |
38 | -.x-grid3-row-over { | |
39 | - border-color:#ddd; | |
40 | - background-color:#efefef; | |
41 | - background-image:url(../images/default/grid/row-over.gif); | |
42 | -} | |
43 | - | |
44 | -.x-grid3-resize-proxy { | |
45 | - background-color:#777; | |
46 | -} | |
47 | - | |
48 | -.x-grid3-resize-marker { | |
49 | - background-color:#777; | |
50 | -} | |
51 | - | |
52 | -.x-grid3-header{ | |
53 | - background-color:#f9f9f9; | |
54 | - background-image:url(../images/default/grid/grid3-hrow.gif); | |
55 | -} | |
56 | - | |
57 | -.x-grid3-header-pop { | |
58 | - border-left-color:#d0d0d0; | |
59 | -} | |
60 | - | |
61 | -.x-grid3-header-pop-inner { | |
62 | - border-left-color:#eee; | |
63 | - background-image:url(../images/default/grid/hd-pop.gif); | |
64 | -} | |
65 | - | |
66 | -td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
67 | - border-left-color:#aaccf6; | |
68 | - border-right-color:#aaccf6; | |
69 | -} | |
70 | - | |
71 | -td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
72 | - background-color:#ebf3fd; | |
73 | - background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
74 | - | |
75 | -} | |
76 | - | |
77 | -.sort-asc .x-grid3-sort-icon { | |
78 | - background-image: url(../images/default/grid/sort_asc.gif); | |
79 | -} | |
80 | - | |
81 | -.sort-desc .x-grid3-sort-icon { | |
82 | - background-image: url(../images/default/grid/sort_desc.gif); | |
83 | -} | |
84 | - | |
85 | -.x-grid3-cell-text, .x-grid3-hd-text { | |
86 | - color:#000; | |
87 | -} | |
88 | - | |
89 | -.x-grid3-split { | |
90 | - background-image: url(../images/default/grid/grid-split.gif); | |
91 | -} | |
92 | - | |
93 | -.x-grid3-hd-text { | |
94 | - color:#15428b; | |
95 | -} | |
96 | - | |
97 | -.x-dd-drag-proxy .x-grid3-hd-inner{ | |
98 | - background-color:#ebf3fd; | |
99 | - background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
100 | - border-color:#aaccf6; | |
101 | -} | |
102 | - | |
103 | -.col-move-top{ | |
104 | - background-image:url(../images/default/grid/col-move-top.gif); | |
105 | -} | |
106 | - | |
107 | -.col-move-bottom{ | |
108 | - background-image:url(../images/default/grid/col-move-bottom.gif); | |
109 | -} | |
110 | - | |
111 | -.x-grid3-row-selected { | |
112 | - background-color: #dfe8f6 !important; | |
113 | - background-image: none; | |
114 | - border-color:#a3bae9; | |
115 | -} | |
116 | - | |
117 | -.x-grid3-cell-selected{ | |
118 | - background-color: #b8cfee !important; | |
119 | - color:#000; | |
120 | -} | |
121 | - | |
122 | -.x-grid3-cell-selected span{ | |
123 | - color:#000 !important; | |
124 | -} | |
125 | - | |
126 | -.x-grid3-cell-selected .x-grid3-cell-text{ | |
127 | - color:#000; | |
128 | -} | |
129 | - | |
130 | -.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
131 | - background-color:#ebeadb !important; | |
132 | - background-image:url(../images/default/grid/grid-hrow.gif) !important; | |
133 | - color:#000; | |
134 | - border-top-color:#fff; | |
135 | - border-right-color:#6fa0df !important; | |
136 | -} | |
137 | - | |
138 | -.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
139 | - color:#15428b !important; | |
140 | -} | |
141 | - | |
142 | -.x-grid3-dirty-cell { | |
143 | - background-image:url(../images/default/grid/dirty.gif); | |
144 | -} | |
145 | - | |
146 | -.x-grid3-topbar, .x-grid3-bottombar{ | |
147 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
148 | -} | |
149 | - | |
150 | -.x-grid3-bottombar .x-toolbar{ | |
151 | - border-top-color:#a9bfd3; | |
152 | -} | |
153 | - | |
154 | -.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
155 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important; | |
156 | - color:#000 !important; | |
157 | -} | |
158 | - | |
159 | -.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
160 | - background-color:#fff !important; | |
161 | - border-right-color:#eee; | |
162 | -} | |
163 | - | |
164 | -.xg-hmenu-sort-asc .x-menu-item-icon{ | |
165 | - background-image: url(../images/default/grid/hmenu-asc.gif); | |
166 | -} | |
167 | - | |
168 | -.xg-hmenu-sort-desc .x-menu-item-icon{ | |
169 | - background-image: url(../images/default/grid/hmenu-desc.gif); | |
170 | -} | |
171 | - | |
172 | -.xg-hmenu-lock .x-menu-item-icon{ | |
173 | - background-image: url(../images/default/grid/hmenu-lock.gif); | |
174 | -} | |
175 | - | |
176 | -.xg-hmenu-unlock .x-menu-item-icon{ | |
177 | - background-image: url(../images/default/grid/hmenu-unlock.gif); | |
178 | -} | |
179 | - | |
180 | -.x-grid3-hd-btn { | |
181 | - background-color:#c3daf9; | |
182 | - background-image:url(../images/default/grid/grid3-hd-btn.gif); | |
183 | -} | |
184 | - | |
185 | -.x-grid3-body .x-grid3-td-expander { | |
186 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
187 | -} | |
188 | - | |
189 | -.x-grid3-row-expander { | |
190 | - background-image:url(../images/default/grid/row-expand-sprite.gif); | |
191 | -} | |
192 | - | |
193 | -.x-grid3-body .x-grid3-td-checker { | |
194 | - background-image: url(../images/default/grid/grid3-special-col-bg.gif); | |
195 | -} | |
196 | - | |
197 | -.x-grid3-row-checker, .x-grid3-hd-checker { | |
198 | - background-image:url(../images/default/grid/row-check-sprite.gif); | |
199 | -} | |
200 | - | |
201 | -.x-grid3-body .x-grid3-td-numberer { | |
202 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
203 | -} | |
204 | - | |
205 | -.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
206 | - color:#444; | |
207 | -} | |
208 | - | |
209 | -.x-grid3-body .x-grid3-td-row-icon { | |
210 | - background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
211 | -} | |
212 | - | |
213 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
214 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
215 | -.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
216 | - background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif); | |
217 | -} | |
218 | - | |
219 | -.x-grid3-check-col { | |
220 | - background-image:url(../images/default/menu/unchecked.gif); | |
221 | -} | |
222 | - | |
223 | -.x-grid3-check-col-on { | |
224 | - background-image:url(../images/default/menu/checked.gif); | |
225 | -} | |
226 | - | |
227 | -.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
228 | - zoom:1; | |
229 | -} | |
230 | - | |
231 | -.x-grid-group-hd { | |
232 | - border-bottom-color:#99bbe8; | |
233 | -} | |
234 | - | |
235 | -.x-grid-group-hd div.x-grid-group-title { | |
236 | - background-image:url(../images/default/grid/group-collapse.gif); | |
237 | - color:#3764a0; | |
238 | - font:bold 11px tahoma, arial, helvetica, sans-serif; | |
239 | -} | |
240 | - | |
241 | -.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { | |
242 | - background-image:url(../images/default/grid/group-expand.gif); | |
243 | -} | |
244 | - | |
245 | -.x-group-by-icon { | |
246 | - background-image:url(../images/default/grid/group-by.gif); | |
247 | -} | |
248 | - | |
249 | -.x-cols-icon { | |
250 | - background-image:url(../images/default/grid/columns.gif); | |
251 | -} | |
252 | - | |
253 | -.x-show-groups-icon { | |
254 | - background-image:url(../images/default/grid/group-by.gif); | |
255 | -} | |
256 | - | |
257 | -.x-grid-empty { | |
258 | - color:gray; | |
259 | - font:normal 11px tahoma, arial, helvetica, sans-serif; | |
260 | -} | |
261 | - | |
262 | -.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
263 | - border-right-color:#ededed; | |
264 | -} | |
265 | - | |
266 | -.x-grid-with-col-lines .x-grid3-row{ | |
267 | - border-top-color:#ededed; | |
268 | -} | |
269 | - | |
270 | -.x-grid-with-col-lines .x-grid3-row-selected { | |
271 | - border-top-color:#a3bae9; | |
7 | +.x-grid3 { | |
8 | + background-color:#fff; | |
9 | +} | |
10 | + | |
11 | +.x-grid-panel .x-panel-mc .x-panel-body { | |
12 | + border-color:#99bbe8; | |
13 | +} | |
14 | + | |
15 | +.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ | |
16 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
17 | +} | |
18 | + | |
19 | +.x-grid3-hd-row td { | |
20 | + border-left-color:#eee; | |
21 | + border-right-color:#d0d0d0; | |
22 | +} | |
23 | + | |
24 | +.x-grid-row-loading { | |
25 | + background-color: #fff; | |
26 | + background-image:url(../images/default/shared/loading-balls.gif); | |
27 | +} | |
28 | + | |
29 | +.x-grid3-row { | |
30 | + border-color:#ededed; | |
31 | + border-top-color:#fff; | |
32 | +} | |
33 | + | |
34 | +.x-grid3-row-alt{ | |
35 | + background-color:#fafafa; | |
36 | +} | |
37 | + | |
38 | +.x-grid3-row-over { | |
39 | + border-color:#ddd; | |
40 | + background-color:#efefef; | |
41 | + background-image:url(../images/default/grid/row-over.gif); | |
42 | +} | |
43 | + | |
44 | +.x-grid3-resize-proxy { | |
45 | + background-color:#777; | |
46 | +} | |
47 | + | |
48 | +.x-grid3-resize-marker { | |
49 | + background-color:#777; | |
50 | +} | |
51 | + | |
52 | +.x-grid3-header{ | |
53 | + background-color:#f9f9f9; | |
54 | + background-image:url(../images/default/grid/grid3-hrow.gif); | |
55 | +} | |
56 | + | |
57 | +.x-grid3-header-pop { | |
58 | + border-left-color:#d0d0d0; | |
59 | +} | |
60 | + | |
61 | +.x-grid3-header-pop-inner { | |
62 | + border-left-color:#eee; | |
63 | + background-image:url(../images/default/grid/hd-pop.gif); | |
64 | +} | |
65 | + | |
66 | +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
67 | + border-left-color:#aaccf6; | |
68 | + border-right-color:#aaccf6; | |
69 | +} | |
70 | + | |
71 | +td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
72 | + background-color:#ebf3fd; | |
73 | + background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
74 | + | |
75 | +} | |
76 | + | |
77 | +.sort-asc .x-grid3-sort-icon { | |
78 | + background-image: url(../images/default/grid/sort_asc.gif); | |
79 | +} | |
80 | + | |
81 | +.sort-desc .x-grid3-sort-icon { | |
82 | + background-image: url(../images/default/grid/sort_desc.gif); | |
83 | +} | |
84 | + | |
85 | +.x-grid3-cell-text, .x-grid3-hd-text { | |
86 | + color:#000; | |
87 | +} | |
88 | + | |
89 | +.x-grid3-split { | |
90 | + background-image: url(../images/default/grid/grid-split.gif); | |
91 | +} | |
92 | + | |
93 | +.x-grid3-hd-text { | |
94 | + color:#15428b; | |
95 | +} | |
96 | + | |
97 | +.x-dd-drag-proxy .x-grid3-hd-inner{ | |
98 | + background-color:#ebf3fd; | |
99 | + background-image:url(../images/default/grid/grid3-hrow-over.gif); | |
100 | + border-color:#aaccf6; | |
101 | +} | |
102 | + | |
103 | +.col-move-top{ | |
104 | + background-image:url(../images/default/grid/col-move-top.gif); | |
105 | +} | |
106 | + | |
107 | +.col-move-bottom{ | |
108 | + background-image:url(../images/default/grid/col-move-bottom.gif); | |
109 | +} | |
110 | + | |
111 | +.x-grid3-row-selected { | |
112 | + background-color: #dfe8f6 !important; | |
113 | + background-image: none; | |
114 | + border-color:#a3bae9; | |
115 | +} | |
116 | + | |
117 | +.x-grid3-cell-selected{ | |
118 | + background-color: #b8cfee !important; | |
119 | + color:#000; | |
120 | +} | |
121 | + | |
122 | +.x-grid3-cell-selected span{ | |
123 | + color:#000 !important; | |
124 | +} | |
125 | + | |
126 | +.x-grid3-cell-selected .x-grid3-cell-text{ | |
127 | + color:#000; | |
128 | +} | |
129 | + | |
130 | +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
131 | + background-color:#ebeadb !important; | |
132 | + background-image:url(../images/default/grid/grid-hrow.gif) !important; | |
133 | + color:#000; | |
134 | + border-top-color:#fff; | |
135 | + border-right-color:#6fa0df !important; | |
136 | +} | |
137 | + | |
138 | +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ | |
139 | + color:#15428b !important; | |
140 | +} | |
141 | + | |
142 | +.x-grid3-dirty-cell { | |
143 | + background-image:url(../images/default/grid/dirty.gif); | |
144 | +} | |
145 | + | |
146 | +.x-grid3-topbar, .x-grid3-bottombar{ | |
147 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
148 | +} | |
149 | + | |
150 | +.x-grid3-bottombar .x-toolbar{ | |
151 | + border-top-color:#a9bfd3; | |
152 | +} | |
153 | + | |
154 | +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
155 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important; | |
156 | + color:#000 !important; | |
157 | +} | |
158 | + | |
159 | +.x-props-grid .x-grid3-body .x-grid3-td-name{ | |
160 | + background-color:#fff !important; | |
161 | + border-right-color:#eee; | |
162 | +} | |
163 | + | |
164 | +.xg-hmenu-sort-asc .x-menu-item-icon{ | |
165 | + background-image: url(../images/default/grid/hmenu-asc.gif); | |
166 | +} | |
167 | + | |
168 | +.xg-hmenu-sort-desc .x-menu-item-icon{ | |
169 | + background-image: url(../images/default/grid/hmenu-desc.gif); | |
170 | +} | |
171 | + | |
172 | +.xg-hmenu-lock .x-menu-item-icon{ | |
173 | + background-image: url(../images/default/grid/hmenu-lock.gif); | |
174 | +} | |
175 | + | |
176 | +.xg-hmenu-unlock .x-menu-item-icon{ | |
177 | + background-image: url(../images/default/grid/hmenu-unlock.gif); | |
178 | +} | |
179 | + | |
180 | +.x-grid3-hd-btn { | |
181 | + background-color:#c3daf9; | |
182 | + background-image:url(../images/default/grid/grid3-hd-btn.gif); | |
183 | +} | |
184 | + | |
185 | +.x-grid3-body .x-grid3-td-expander { | |
186 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
187 | +} | |
188 | + | |
189 | +.x-grid3-row-expander { | |
190 | + background-image:url(../images/default/grid/row-expand-sprite.gif); | |
191 | +} | |
192 | + | |
193 | +.x-grid3-body .x-grid3-td-checker { | |
194 | + background-image: url(../images/default/grid/grid3-special-col-bg.gif); | |
195 | +} | |
196 | + | |
197 | +.x-grid3-row-checker, .x-grid3-hd-checker { | |
198 | + background-image:url(../images/default/grid/row-check-sprite.gif); | |
199 | +} | |
200 | + | |
201 | +.x-grid3-body .x-grid3-td-numberer { | |
202 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
203 | +} | |
204 | + | |
205 | +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { | |
206 | + color:#444; | |
207 | +} | |
208 | + | |
209 | +.x-grid3-body .x-grid3-td-row-icon { | |
210 | + background-image:url(../images/default/grid/grid3-special-col-bg.gif); | |
211 | +} | |
212 | + | |
213 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
214 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
215 | +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
216 | + background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif); | |
217 | +} | |
218 | + | |
219 | +.x-grid3-check-col { | |
220 | + background-image:url(../images/default/menu/unchecked.gif); | |
221 | +} | |
222 | + | |
223 | +.x-grid3-check-col-on { | |
224 | + background-image:url(../images/default/menu/checked.gif); | |
225 | +} | |
226 | + | |
227 | +.x-grid-group, .x-grid-group-body, .x-grid-group-hd { | |
228 | + zoom:1; | |
229 | +} | |
230 | + | |
231 | +.x-grid-group-hd { | |
232 | + border-bottom-color:#99bbe8; | |
233 | +} | |
234 | + | |
235 | +.x-grid-group-hd div.x-grid-group-title { | |
236 | + background-image:url(../images/default/grid/group-collapse.gif); | |
237 | + color:#3764a0; | |
238 | + font:bold 11px tahoma, arial, helvetica, sans-serif; | |
239 | +} | |
240 | + | |
241 | +.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { | |
242 | + background-image:url(../images/default/grid/group-expand.gif); | |
243 | +} | |
244 | + | |
245 | +.x-group-by-icon { | |
246 | + background-image:url(../images/default/grid/group-by.gif); | |
247 | +} | |
248 | + | |
249 | +.x-cols-icon { | |
250 | + background-image:url(../images/default/grid/columns.gif); | |
251 | +} | |
252 | + | |
253 | +.x-show-groups-icon { | |
254 | + background-image:url(../images/default/grid/group-by.gif); | |
255 | +} | |
256 | + | |
257 | +.x-grid-empty { | |
258 | + color:gray; | |
259 | + font:normal 11px tahoma, arial, helvetica, sans-serif; | |
260 | +} | |
261 | + | |
262 | +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { | |
263 | + border-right-color:#ededed; | |
264 | +} | |
265 | + | |
266 | +.x-grid-with-col-lines .x-grid3-row{ | |
267 | + border-top-color:#ededed; | |
268 | +} | |
269 | + | |
270 | +.x-grid-with-col-lines .x-grid3-row-selected { | |
271 | + border-top-color:#a3bae9; | |
272 | 272 | } |
\ No newline at end of file |
@@ -4,34 +4,34 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-list-header{ | |
8 | - background-color:#f9f9f9; | |
9 | - background-image:url(../images/default/grid/grid3-hrow.gif); | |
10 | -} | |
11 | - | |
12 | -.x-list-header-inner div em { | |
13 | - border-left-color:#ddd; | |
14 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
15 | -} | |
16 | - | |
17 | -.x-list-body dt em { | |
18 | - font:normal 11px arial, tahoma, helvetica, sans-serif; | |
19 | -} | |
20 | - | |
21 | -.x-list-over { | |
22 | - background-color:#eee; | |
23 | -} | |
24 | - | |
25 | -.x-list-selected { | |
26 | - background-color:#dfe8f6; | |
27 | -} | |
28 | - | |
29 | -.x-list-resizer { | |
30 | - border-left-color:#555; | |
31 | - border-right-color:#555; | |
32 | -} | |
33 | - | |
34 | -.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { | |
35 | - background-image:url(../images/default/grid/sort-hd.gif); | |
36 | - border-color: #99bbe8; | |
7 | +.x-list-header{ | |
8 | + background-color:#f9f9f9; | |
9 | + background-image:url(../images/default/grid/grid3-hrow.gif); | |
10 | +} | |
11 | + | |
12 | +.x-list-header-inner div em { | |
13 | + border-left-color:#ddd; | |
14 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
15 | +} | |
16 | + | |
17 | +.x-list-body dt em { | |
18 | + font:normal 11px arial, tahoma, helvetica, sans-serif; | |
19 | +} | |
20 | + | |
21 | +.x-list-over { | |
22 | + background-color:#eee; | |
23 | +} | |
24 | + | |
25 | +.x-list-selected { | |
26 | + background-color:#dfe8f6; | |
27 | +} | |
28 | + | |
29 | +.x-list-resizer { | |
30 | + border-left-color:#555; | |
31 | + border-right-color:#555; | |
32 | +} | |
33 | + | |
34 | +.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { | |
35 | + background-image:url(../images/default/grid/sort-hd.gif); | |
36 | + border-color: #99bbe8; | |
37 | 37 | } |
\ No newline at end of file |
@@ -4,79 +4,79 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-menu { | |
8 | - background-color:#f0f0f0; | |
9 | - background-image:url(../images/default/menu/menu.gif); | |
10 | -} | |
11 | - | |
12 | -.x-menu-floating{ | |
13 | - border-color:#718bb7; | |
14 | -} | |
15 | - | |
16 | -.x-menu-nosep { | |
17 | - background-image:none; | |
18 | -} | |
19 | - | |
20 | -.x-menu-list-item{ | |
21 | - font:normal 11px arial,tahoma,sans-serif; | |
22 | -} | |
23 | - | |
24 | -.x-menu-item-arrow{ | |
25 | - background-image:url(../images/default/menu/menu-parent.gif); | |
26 | -} | |
27 | - | |
28 | -.x-menu-sep { | |
29 | - background-color:#e0e0e0; | |
30 | - border-bottom-color:#fff; | |
31 | -} | |
32 | - | |
33 | -a.x-menu-item { | |
34 | - color:#222; | |
35 | -} | |
36 | - | |
37 | -.x-menu-item-active { | |
38 | - background-image: url(../images/default/menu/item-over.gif); | |
39 | - background-color: #dbecf4; | |
40 | - border-color:#aaccf6; | |
41 | -} | |
42 | - | |
43 | -.x-menu-item-active a.x-menu-item { | |
44 | - border-color:#aaccf6; | |
45 | -} | |
46 | - | |
47 | -.x-menu-check-item .x-menu-item-icon{ | |
48 | - background-image:url(../images/default/menu/unchecked.gif); | |
49 | -} | |
50 | - | |
51 | -.x-menu-item-checked .x-menu-item-icon{ | |
52 | - background-image:url(../images/default/menu/checked.gif); | |
53 | -} | |
54 | - | |
55 | -.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
56 | - background-image:url(../images/default/menu/group-checked.gif); | |
57 | -} | |
58 | - | |
59 | -.x-menu-group-item .x-menu-item-icon{ | |
60 | - background-image:none; | |
61 | -} | |
62 | - | |
63 | -.x-menu-plain { | |
64 | - background-color:#fff !important; | |
65 | -} | |
66 | - | |
67 | -.x-menu .x-date-picker{ | |
68 | - border-color:#a3bad9; | |
69 | -} | |
70 | - | |
71 | -.x-cycle-menu .x-menu-item-checked { | |
72 | - border-color:#a3bae9 !important; | |
73 | - background-color:#def8f6; | |
74 | -} | |
75 | - | |
76 | -.x-menu-scroller-top { | |
77 | - background-image:url(../images/default/layout/mini-top.gif); | |
78 | -} | |
79 | - | |
80 | -.x-menu-scroller-bottom { | |
81 | - background-image:url(../images/default/layout/mini-bottom.gif); | |
82 | -} | |
7 | +.x-menu { | |
8 | + background-color:#f0f0f0; | |
9 | + background-image:url(../images/default/menu/menu.gif); | |
10 | +} | |
11 | + | |
12 | +.x-menu-floating{ | |
13 | + border-color:#718bb7; | |
14 | +} | |
15 | + | |
16 | +.x-menu-nosep { | |
17 | + background-image:none; | |
18 | +} | |
19 | + | |
20 | +.x-menu-list-item{ | |
21 | + font:normal 11px arial,tahoma,sans-serif; | |
22 | +} | |
23 | + | |
24 | +.x-menu-item-arrow{ | |
25 | + background-image:url(../images/default/menu/menu-parent.gif); | |
26 | +} | |
27 | + | |
28 | +.x-menu-sep { | |
29 | + background-color:#e0e0e0; | |
30 | + border-bottom-color:#fff; | |
31 | +} | |
32 | + | |
33 | +a.x-menu-item { | |
34 | + color:#222; | |
35 | +} | |
36 | + | |
37 | +.x-menu-item-active { | |
38 | + background-image: url(../images/default/menu/item-over.gif); | |
39 | + background-color: #dbecf4; | |
40 | + border-color:#aaccf6; | |
41 | +} | |
42 | + | |
43 | +.x-menu-item-active a.x-menu-item { | |
44 | + border-color:#aaccf6; | |
45 | +} | |
46 | + | |
47 | +.x-menu-check-item .x-menu-item-icon{ | |
48 | + background-image:url(../images/default/menu/unchecked.gif); | |
49 | +} | |
50 | + | |
51 | +.x-menu-item-checked .x-menu-item-icon{ | |
52 | + background-image:url(../images/default/menu/checked.gif); | |
53 | +} | |
54 | + | |
55 | +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ | |
56 | + background-image:url(../images/default/menu/group-checked.gif); | |
57 | +} | |
58 | + | |
59 | +.x-menu-group-item .x-menu-item-icon{ | |
60 | + background-image:none; | |
61 | +} | |
62 | + | |
63 | +.x-menu-plain { | |
64 | + background-color:#fff !important; | |
65 | +} | |
66 | + | |
67 | +.x-menu .x-date-picker{ | |
68 | + border-color:#a3bad9; | |
69 | +} | |
70 | + | |
71 | +.x-cycle-menu .x-menu-item-checked { | |
72 | + border-color:#a3bae9 !important; | |
73 | + background-color:#def8f6; | |
74 | +} | |
75 | + | |
76 | +.x-menu-scroller-top { | |
77 | + background-image:url(../images/default/layout/mini-top.gif); | |
78 | +} | |
79 | + | |
80 | +.x-menu-scroller-bottom { | |
81 | + background-image:url(../images/default/layout/mini-bottom.gif); | |
82 | +} |
@@ -4,29 +4,29 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-progress-wrap { | |
8 | - border-color:#6593cf; | |
9 | -} | |
10 | - | |
11 | -.x-progress-inner { | |
12 | - background-color:#e0e8f3; | |
13 | - background-image:url(../images/default/qtip/bg.gif); | |
14 | -} | |
15 | - | |
16 | -.x-progress-bar { | |
17 | - background-color:#9cbfee; | |
18 | - background-image:url(../images/default/progress/progress-bg.gif); | |
19 | - border-top-color:#d1e4fd; | |
20 | - border-bottom-color:#7fa9e4; | |
21 | - border-right-color:#7fa9e4; | |
22 | -} | |
23 | - | |
24 | -.x-progress-text { | |
25 | - font-size:11px; | |
26 | - font-weight:bold; | |
27 | - color:#fff; | |
28 | -} | |
29 | - | |
30 | -.x-progress-text-back { | |
31 | - color:#396095; | |
7 | +.x-progress-wrap { | |
8 | + border-color:#6593cf; | |
9 | +} | |
10 | + | |
11 | +.x-progress-inner { | |
12 | + background-color:#e0e8f3; | |
13 | + background-image:url(../images/default/qtip/bg.gif); | |
14 | +} | |
15 | + | |
16 | +.x-progress-bar { | |
17 | + background-color:#9cbfee; | |
18 | + background-image:url(../images/default/progress/progress-bg.gif); | |
19 | + border-top-color:#d1e4fd; | |
20 | + border-bottom-color:#7fa9e4; | |
21 | + border-right-color:#7fa9e4; | |
22 | +} | |
23 | + | |
24 | +.x-progress-text { | |
25 | + font-size:11px; | |
26 | + font-weight:bold; | |
27 | + color:#fff; | |
28 | +} | |
29 | + | |
30 | +.x-progress-text-back { | |
31 | + color:#396095; | |
32 | 32 | } |
\ No newline at end of file |
@@ -4,41 +4,41 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-tip .x-tip-close{ | |
8 | - background-image: url(../images/default/qtip/close.gif); | |
9 | -} | |
10 | - | |
11 | -.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { | |
12 | - background-image: url(../images/default/qtip/tip-sprite.gif); | |
13 | -} | |
14 | - | |
15 | -.x-tip .x-tip-mc { | |
16 | - font: normal 11px tahoma,arial,helvetica,sans-serif; | |
17 | -} | |
18 | -.x-tip .x-tip-ml { | |
19 | - background-color: #fff; | |
20 | -} | |
21 | - | |
22 | -.x-tip .x-tip-header-text { | |
23 | - font: bold 11px tahoma,arial,helvetica,sans-serif; | |
24 | - color:#444; | |
25 | -} | |
26 | - | |
27 | -.x-tip .x-tip-body { | |
28 | - font: normal 11px tahoma,arial,helvetica,sans-serif; | |
29 | - color:#444; | |
30 | -} | |
31 | - | |
32 | -.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, | |
33 | -.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr | |
34 | -{ | |
35 | - background-image: url(../images/default/form/error-tip-corners.gif); | |
36 | -} | |
37 | - | |
38 | -.x-form-invalid-tip .x-tip-body { | |
39 | - background-image:url(../images/default/form/exclamation.gif); | |
40 | -} | |
41 | - | |
42 | -.x-tip-anchor { | |
43 | - background-image:url(../images/default/qtip/tip-anchor-sprite.gif); | |
7 | +.x-tip .x-tip-close{ | |
8 | + background-image: url(../images/default/qtip/close.gif); | |
9 | +} | |
10 | + | |
11 | +.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { | |
12 | + background-image: url(../images/default/qtip/tip-sprite.gif); | |
13 | +} | |
14 | + | |
15 | +.x-tip .x-tip-mc { | |
16 | + font: normal 11px tahoma,arial,helvetica,sans-serif; | |
17 | +} | |
18 | +.x-tip .x-tip-ml { | |
19 | + background-color: #fff; | |
20 | +} | |
21 | + | |
22 | +.x-tip .x-tip-header-text { | |
23 | + font: bold 11px tahoma,arial,helvetica,sans-serif; | |
24 | + color:#444; | |
25 | +} | |
26 | + | |
27 | +.x-tip .x-tip-body { | |
28 | + font: normal 11px tahoma,arial,helvetica,sans-serif; | |
29 | + color:#444; | |
30 | +} | |
31 | + | |
32 | +.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, | |
33 | +.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr | |
34 | +{ | |
35 | + background-image: url(../images/default/form/error-tip-corners.gif); | |
36 | +} | |
37 | + | |
38 | +.x-form-invalid-tip .x-tip-body { | |
39 | + background-image:url(../images/default/form/exclamation.gif); | |
40 | +} | |
41 | + | |
42 | +.x-tip-anchor { | |
43 | + background-image:url(../images/default/qtip/tip-anchor-sprite.gif); | |
44 | 44 | } |
\ No newline at end of file |
@@ -4,40 +4,40 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-resizable-handle { | |
8 | - background-color:#fff; | |
9 | -} | |
10 | - | |
11 | -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
12 | -.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
13 | -{ | |
14 | - background-image:url(../images/default/sizer/e-handle.gif); | |
15 | -} | |
16 | - | |
17 | -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
18 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
19 | -{ | |
20 | - background-image:url(../images/default/sizer/s-handle.gif); | |
21 | -} | |
22 | - | |
23 | -.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ | |
24 | - background-image:url(../images/default/sizer/s-handle.gif); | |
25 | -} | |
26 | -.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
27 | - background-image:url(../images/default/sizer/se-handle.gif); | |
28 | -} | |
29 | -.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
30 | - background-image:url(../images/default/sizer/nw-handle.gif); | |
31 | -} | |
32 | -.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
33 | - background-image:url(../images/default/sizer/ne-handle.gif); | |
34 | -} | |
35 | -.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
36 | - background-image:url(../images/default/sizer/sw-handle.gif); | |
37 | -} | |
38 | -.x-resizable-proxy{ | |
39 | - border-color:#3b5a82; | |
40 | -} | |
41 | -.x-resizable-overlay{ | |
42 | - background-color:#fff; | |
43 | -} | |
7 | +.x-resizable-handle { | |
8 | + background-color:#fff; | |
9 | +} | |
10 | + | |
11 | +.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, | |
12 | +.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west | |
13 | +{ | |
14 | + background-image:url(../images/default/sizer/e-handle.gif); | |
15 | +} | |
16 | + | |
17 | +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, | |
18 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north | |
19 | +{ | |
20 | + background-image:url(../images/default/sizer/s-handle.gif); | |
21 | +} | |
22 | + | |
23 | +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ | |
24 | + background-image:url(../images/default/sizer/s-handle.gif); | |
25 | +} | |
26 | +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ | |
27 | + background-image:url(../images/default/sizer/se-handle.gif); | |
28 | +} | |
29 | +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ | |
30 | + background-image:url(../images/default/sizer/nw-handle.gif); | |
31 | +} | |
32 | +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ | |
33 | + background-image:url(../images/default/sizer/ne-handle.gif); | |
34 | +} | |
35 | +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ | |
36 | + background-image:url(../images/default/sizer/sw-handle.gif); | |
37 | +} | |
38 | +.x-resizable-proxy{ | |
39 | + border-color:#3b5a82; | |
40 | +} | |
41 | +.x-resizable-overlay{ | |
42 | + background-color:#fff; | |
43 | +} |
@@ -4,18 +4,18 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { | |
8 | - background-image:url(../images/default/slider/slider-bg.png); | |
9 | -} | |
10 | - | |
11 | -.x-slider-horz .x-slider-thumb { | |
12 | - background-image:url(../images/default/slider/slider-thumb.png); | |
13 | -} | |
14 | - | |
15 | -.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { | |
16 | - background-image:url(../images/default/slider/slider-v-bg.png); | |
17 | -} | |
18 | - | |
19 | -.x-slider-vert .x-slider-thumb { | |
20 | - background-image:url(../images/default/slider/slider-v-thumb.png); | |
7 | +.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { | |
8 | + background-image:url(../images/default/slider/slider-bg.png); | |
9 | +} | |
10 | + | |
11 | +.x-slider-horz .x-slider-thumb { | |
12 | + background-image:url(../images/default/slider/slider-thumb.png); | |
13 | +} | |
14 | + | |
15 | +.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { | |
16 | + background-image:url(../images/default/slider/slider-v-bg.png); | |
17 | +} | |
18 | + | |
19 | +.x-slider-vert .x-slider-thumb { | |
20 | + background-image:url(../images/default/slider/slider-v-thumb.png); | |
21 | 21 | } |
\ No newline at end of file |
@@ -4,100 +4,100 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-toolbar{ | |
8 | - border-color:#a9bfd3; | |
9 | - background-color:#d0def0; | |
10 | - background-image:url(../images/default/toolbar/bg.gif); | |
11 | -} | |
12 | - | |
13 | -.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
14 | - font:normal 11px arial,tahoma, helvetica, sans-serif; | |
15 | -} | |
16 | - | |
17 | -.x-toolbar .x-item-disabled { | |
18 | - color:gray; | |
19 | -} | |
20 | - | |
21 | -.x-toolbar .x-item-disabled * { | |
22 | - color:gray; | |
23 | -} | |
24 | - | |
25 | -.x-toolbar .x-btn-mc em.x-btn-split { | |
26 | - background-image:url(../images/default/button/s-arrow-noline.gif); | |
27 | -} | |
28 | - | |
29 | -.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, | |
30 | -.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split | |
31 | -{ | |
32 | - background-image:url(../images/default/button/s-arrow-o.gif); | |
33 | -} | |
34 | - | |
35 | -.x-toolbar .x-btn-mc em.x-btn-split-bottom { | |
36 | - background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
37 | -} | |
38 | - | |
39 | -.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, | |
40 | -.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom | |
41 | -{ | |
42 | - background-image:url(../images/default/button/s-arrow-bo.gif); | |
43 | -} | |
44 | - | |
45 | -.x-toolbar .xtb-sep { | |
46 | - background-image: url(../images/default/grid/grid-blue-split.gif); | |
47 | -} | |
48 | - | |
49 | -.x-tbar-page-first{ | |
50 | - background-image: url(../images/default/grid/page-first.gif) !important; | |
51 | -} | |
52 | - | |
53 | -.x-tbar-loading{ | |
54 | - background-image: url(../images/default/grid/refresh.gif) !important; | |
55 | -} | |
56 | - | |
57 | -.x-tbar-page-last{ | |
58 | - background-image: url(../images/default/grid/page-last.gif) !important; | |
59 | -} | |
60 | - | |
61 | -.x-tbar-page-next{ | |
62 | - background-image: url(../images/default/grid/page-next.gif) !important; | |
63 | -} | |
64 | - | |
65 | -.x-tbar-page-prev{ | |
66 | - background-image: url(../images/default/grid/page-prev.gif) !important; | |
67 | -} | |
68 | - | |
69 | -.x-item-disabled .x-tbar-loading{ | |
70 | - background-image: url(../images/default/grid/loading.gif) !important; | |
71 | -} | |
72 | - | |
73 | -.x-item-disabled .x-tbar-page-first{ | |
74 | - background-image: url(../images/default/grid/page-first-disabled.gif) !important; | |
75 | -} | |
76 | - | |
77 | -.x-item-disabled .x-tbar-page-last{ | |
78 | - background-image: url(../images/default/grid/page-last-disabled.gif) !important; | |
79 | -} | |
80 | - | |
81 | -.x-item-disabled .x-tbar-page-next{ | |
82 | - background-image: url(../images/default/grid/page-next-disabled.gif) !important; | |
83 | -} | |
84 | - | |
85 | -.x-item-disabled .x-tbar-page-prev{ | |
86 | - background-image: url(../images/default/grid/page-prev-disabled.gif) !important; | |
87 | -} | |
88 | - | |
89 | -.x-paging-info { | |
90 | - color:#444; | |
91 | -} | |
92 | - | |
93 | -.x-toolbar-more-icon { | |
94 | - background-image: url(../images/default/toolbar/more.gif) !important; | |
95 | -} | |
96 | - | |
97 | -.x-statusbar .x-status-busy { | |
98 | - background-image: url(../images/default/grid/loading.gif); | |
99 | -} | |
100 | - | |
101 | -.x-statusbar .x-status-text-panel { | |
102 | - border-color: #99bbe8 #fff #fff #99bbe8; | |
7 | +.x-toolbar{ | |
8 | + border-color:#a9bfd3; | |
9 | + background-color:#d0def0; | |
10 | + background-image:url(../images/default/toolbar/bg.gif); | |
11 | +} | |
12 | + | |
13 | +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ | |
14 | + font:normal 11px arial,tahoma, helvetica, sans-serif; | |
15 | +} | |
16 | + | |
17 | +.x-toolbar .x-item-disabled { | |
18 | + color:gray; | |
19 | +} | |
20 | + | |
21 | +.x-toolbar .x-item-disabled * { | |
22 | + color:gray; | |
23 | +} | |
24 | + | |
25 | +.x-toolbar .x-btn-mc em.x-btn-split { | |
26 | + background-image:url(../images/default/button/s-arrow-noline.gif); | |
27 | +} | |
28 | + | |
29 | +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, | |
30 | +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split | |
31 | +{ | |
32 | + background-image:url(../images/default/button/s-arrow-o.gif); | |
33 | +} | |
34 | + | |
35 | +.x-toolbar .x-btn-mc em.x-btn-split-bottom { | |
36 | + background-image:url(../images/default/button/s-arrow-b-noline.gif); | |
37 | +} | |
38 | + | |
39 | +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, | |
40 | +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom | |
41 | +{ | |
42 | + background-image:url(../images/default/button/s-arrow-bo.gif); | |
43 | +} | |
44 | + | |
45 | +.x-toolbar .xtb-sep { | |
46 | + background-image: url(../images/default/grid/grid-blue-split.gif); | |
47 | +} | |
48 | + | |
49 | +.x-tbar-page-first{ | |
50 | + background-image: url(../images/default/grid/page-first.gif) !important; | |
51 | +} | |
52 | + | |
53 | +.x-tbar-loading{ | |
54 | + background-image: url(../images/default/grid/refresh.gif) !important; | |
55 | +} | |
56 | + | |
57 | +.x-tbar-page-last{ | |
58 | + background-image: url(../images/default/grid/page-last.gif) !important; | |
59 | +} | |
60 | + | |
61 | +.x-tbar-page-next{ | |
62 | + background-image: url(../images/default/grid/page-next.gif) !important; | |
63 | +} | |
64 | + | |
65 | +.x-tbar-page-prev{ | |
66 | + background-image: url(../images/default/grid/page-prev.gif) !important; | |
67 | +} | |
68 | + | |
69 | +.x-item-disabled .x-tbar-loading{ | |
70 | + background-image: url(../images/default/grid/loading.gif) !important; | |
71 | +} | |
72 | + | |
73 | +.x-item-disabled .x-tbar-page-first{ | |
74 | + background-image: url(../images/default/grid/page-first-disabled.gif) !important; | |
75 | +} | |
76 | + | |
77 | +.x-item-disabled .x-tbar-page-last{ | |
78 | + background-image: url(../images/default/grid/page-last-disabled.gif) !important; | |
79 | +} | |
80 | + | |
81 | +.x-item-disabled .x-tbar-page-next{ | |
82 | + background-image: url(../images/default/grid/page-next-disabled.gif) !important; | |
83 | +} | |
84 | + | |
85 | +.x-item-disabled .x-tbar-page-prev{ | |
86 | + background-image: url(../images/default/grid/page-prev-disabled.gif) !important; | |
87 | +} | |
88 | + | |
89 | +.x-paging-info { | |
90 | + color:#444; | |
91 | +} | |
92 | + | |
93 | +.x-toolbar-more-icon { | |
94 | + background-image: url(../images/default/toolbar/more.gif) !important; | |
95 | +} | |
96 | + | |
97 | +.x-statusbar .x-status-busy { | |
98 | + background-image: url(../images/default/grid/loading.gif); | |
99 | +} | |
100 | + | |
101 | +.x-statusbar .x-status-text-panel { | |
102 | + border-color: #99bbe8 #fff #fff #99bbe8; | |
103 | 103 | } |
\ No newline at end of file |
@@ -4,154 +4,154 @@ | ||
4 | 4 | * licensing@extjs.com |
5 | 5 | * http://www.extjs.com/license |
6 | 6 | */ |
7 | -.x-tree-node-expanded .x-tree-node-icon{ | |
8 | - background-image:url(../images/default/tree/folder-open.gif); | |
9 | -} | |
10 | - | |
11 | -.x-tree-node-leaf .x-tree-node-icon{ | |
12 | - background-image:url(../images/default/tree/leaf.gif); | |
13 | -} | |
14 | - | |
15 | -.x-tree-node-collapsed .x-tree-node-icon{ | |
16 | - background-image:url(../images/default/tree/folder.gif); | |
17 | -} | |
18 | - | |
19 | -.x-tree-node-loading .x-tree-node-icon{ | |
20 | - background-image:url(../images/default/tree/loading.gif) !important; | |
21 | -} | |
22 | - | |
23 | -.x-tree-node .x-tree-node-inline-icon { | |
24 | - background-image: none; | |
25 | -} | |
26 | - | |
27 | -.x-tree-node-loading a span{ | |
28 | - font-style: italic; | |
29 | - color:#444444; | |
30 | -} | |
31 | - | |
32 | -.ext-ie .x-tree-node-el input { | |
33 | - width:15px; | |
34 | - height:15px; | |
35 | -} | |
36 | - | |
37 | -.x-tree-lines .x-tree-elbow{ | |
38 | - background-image:url(../images/default/tree/elbow.gif); | |
39 | -} | |
40 | - | |
41 | -.x-tree-lines .x-tree-elbow-plus{ | |
42 | - background-image:url(../images/default/tree/elbow-plus.gif); | |
43 | -} | |
44 | - | |
45 | -.x-tree-lines .x-tree-elbow-minus{ | |
46 | - background-image:url(../images/default/tree/elbow-minus.gif); | |
47 | -} | |
48 | - | |
49 | -.x-tree-lines .x-tree-elbow-end{ | |
50 | - background-image:url(../images/default/tree/elbow-end.gif); | |
51 | -} | |
52 | - | |
53 | -.x-tree-lines .x-tree-elbow-end-plus{ | |
54 | - background-image:url(../images/default/tree/elbow-end-plus.gif); | |
55 | -} | |
56 | - | |
57 | -.x-tree-lines .x-tree-elbow-end-minus{ | |
58 | - background-image:url(../images/default/tree/ |
Part of diff was cut off due to size limit. Use your local client to view the full diff.