JavaScriptのみで記述されたブログツール・ソフトウェアです。表示にExt JSを使用します
Revision | c8f18c01f3aa534fa3831e842746f0822fadd60a (tree) |
---|---|
Time | 2009-11-22 12:41:28 |
Author | 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 | +} | |