1 | /* |
---|
2 | * Ext JS Library 2.2.1 |
---|
3 | * Copyright(c) 2006-2009, Ext JS, LLC. |
---|
4 | * licensing@extjs.com |
---|
5 | * |
---|
6 | * http://extjs.com/license |
---|
7 | */ |
---|
8 | |
---|
9 | /* |
---|
10 | * Slate Theme |
---|
11 | * Originally created by JC Bize |
---|
12 | */ |
---|
13 | |
---|
14 | /* Masks */ |
---|
15 | .ext-el-mask{ |
---|
16 | background-color:#c8cbd0; |
---|
17 | } |
---|
18 | .ext-el-mask-msg{ |
---|
19 | border:1px solid #89a; |
---|
20 | background:#d8dbe0 url(../images/slate/box/tb-blue.gif) repeat-x 0 -16px; |
---|
21 | } |
---|
22 | .ext-el-mask-msg div{ |
---|
23 | background:#eef0f2; |
---|
24 | border:1px solid #abc; |
---|
25 | color:#222; |
---|
26 | } |
---|
27 | .x-item-disabled *{ |
---|
28 | color:#333 !important; |
---|
29 | } |
---|
30 | |
---|
31 | |
---|
32 | /* Tab Panels */ |
---|
33 | |
---|
34 | .x-tab-panel-header, .x-tab-panel-footer{ |
---|
35 | background:#6b869f; |
---|
36 | border-color:#4f657b; |
---|
37 | } |
---|
38 | .x-tab-panel-header{ |
---|
39 | border-color:#abc; |
---|
40 | } |
---|
41 | .x-tab-panel-footer{ |
---|
42 | border-color:#abc; |
---|
43 | } |
---|
44 | ul.x-tab-strip-top{ |
---|
45 | background:#dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top; |
---|
46 | border-color:#4c647e; |
---|
47 | padding-top:2px; |
---|
48 | } |
---|
49 | ul.x-tab-strip-bottom{ |
---|
50 | background-image:url(../images/slate/tabs/tab-strip-btm-bg.gif); |
---|
51 | border-color:#566c82; |
---|
52 | } |
---|
53 | .x-tab-strip span.x-tab-strip-text{ |
---|
54 | color:#333; |
---|
55 | } |
---|
56 | .x-tab-strip-over span.x-tab-strip-text{ |
---|
57 | color:#111; |
---|
58 | } |
---|
59 | .x-tab-strip-active span.x-tab-strip-text{ |
---|
60 | color:#fff; |
---|
61 | } |
---|
62 | .x-tab-strip-disabled .x-tabs-text{ |
---|
63 | color:#aaaaaa; |
---|
64 | } |
---|
65 | .x-tab-strip-top .x-tab-right{ |
---|
66 | background-image:url(../images/slate/tabs/tabs-sprite.gif); |
---|
67 | } |
---|
68 | .x-tab-strip-top .x-tab-left{ |
---|
69 | background-image:url(../images/slate/tabs/tabs-sprite.gif); |
---|
70 | } |
---|
71 | .x-tab-strip-top .x-tab-strip-inner{ |
---|
72 | background-image:url(../images/slate/tabs/tabs-sprite.gif); |
---|
73 | } |
---|
74 | .x-tab-strip-bottom .x-tab-right{ |
---|
75 | background-image:url(../images/slate/tabs/tab-btm-inactive-right-bg.gif); |
---|
76 | } |
---|
77 | .x-tab-strip-bottom .x-tab-left{ |
---|
78 | background-image:url(../images/slate/tabs/tab-btm-inactive-left-bg.gif); |
---|
79 | } |
---|
80 | .x-tab-strip-bottom .x-tab-strip-active .x-tab-right{ |
---|
81 | background-image:url(../images/slate/tabs/tab-btm-right-bg.gif); |
---|
82 | } |
---|
83 | .x-tab-strip-bottom .x-tab-strip-active .x-tab-left{ |
---|
84 | background-image:url(../images/slate/tabs/tab-btm-left-bg.gif); |
---|
85 | } |
---|
86 | .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{ |
---|
87 | background-image:url(../images/slate/tabs/tab-close.gif); |
---|
88 | } |
---|
89 | .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ |
---|
90 | background-image:url(../images/slate/tabs/tab-close.gif); |
---|
91 | } |
---|
92 | .x-tab-panel-body{ |
---|
93 | border-color:#abc; |
---|
94 | background:#fff; |
---|
95 | } |
---|
96 | .x-tab-panel-bbar .x-toolbar{ |
---|
97 | border-color:#abc; |
---|
98 | } |
---|
99 | .x-tab-panel-tbar .x-toolbar{ |
---|
100 | border-color:#abc; |
---|
101 | } |
---|
102 | .x-tab-panel-header-plain .x-tab-strip-spacer, |
---|
103 | .x-tab-panel-footer-plain .x-tab-strip-spacer{ |
---|
104 | border-color:#abc; |
---|
105 | background:#6b869f; |
---|
106 | } |
---|
107 | .x-tab-scroller-left{ |
---|
108 | background-image:url(../images/slate/tabs/scroll-left.gif); |
---|
109 | border-color:#aeaeae; |
---|
110 | } |
---|
111 | .x-tab-scroller-right{ |
---|
112 | background-image:url(../images/slate/tabs/scroll-right.gif); |
---|
113 | border-color:#aeaeae; |
---|
114 | } |
---|
115 | |
---|
116 | |
---|
117 | /* Forms */ |
---|
118 | |
---|
119 | .x-form-check{ |
---|
120 | background:url('../images/slate/form/checkbox.gif') no-repeat 0 0; |
---|
121 | } |
---|
122 | .x-form-radio{ |
---|
123 | background:url('../images/slate/form/radio.gif') no-repeat 0 0; |
---|
124 | } |
---|
125 | .x-form-check-group-label{ |
---|
126 | border-bottom:1px solid #99bbe8; |
---|
127 | color:#15428b; |
---|
128 | margin-bottom:5px; |
---|
129 | padding-left:3px !important; |
---|
130 | float:none !important; |
---|
131 | } |
---|
132 | .x-form-text, textarea.x-form-field{ |
---|
133 | border:1px solid #9ab; |
---|
134 | } |
---|
135 | .x-trigger-wrap-focus .x-form-trigger{ |
---|
136 | border-bottom:1px solid #4a7192; |
---|
137 | } |
---|
138 | .x-form-focus,textarea.x-form-focus{ |
---|
139 | border:1px solid #4a7192; |
---|
140 | } |
---|
141 | .x-form-field-wrap .x-form-trigger{ |
---|
142 | background:transparent url(../images/slate/form/trigger.gif) no-repeat 0 0; |
---|
143 | } |
---|
144 | .x-form-field-wrap .x-form-date-trigger{ |
---|
145 | background-image:url(../images/slate/form/date-trigger.gif); |
---|
146 | } |
---|
147 | .x-form-field-wrap .x-form-clear-trigger{ |
---|
148 | background-image:url(../images/slate/form/clear-trigger.gif); |
---|
149 | } |
---|
150 | .x-form-field-wrap .x-form-search-trigger{ |
---|
151 | background-image:url(../images/slate/form/search-trigger.gif); |
---|
152 | } |
---|
153 | .x-form-field-wrap .x-form-trigger{ |
---|
154 | border-bottom:1px solid #778899; |
---|
155 | } |
---|
156 | .x-form-field-wrap .x-form-trigger-over{ |
---|
157 | background-position:-17px 0; |
---|
158 | } |
---|
159 | .x-form-field-wrap .x-form-trigger-click{ |
---|
160 | background-position:-34px 0; |
---|
161 | } |
---|
162 | .x-trigger-wrap-focus .x-form-trigger{ |
---|
163 | background-position:-51px 0; |
---|
164 | } |
---|
165 | .x-trigger-wrap-focus .x-form-trigger-over{ |
---|
166 | background-position:-68px 0; |
---|
167 | } |
---|
168 | .x-trigger-wrap-focus .x-form-trigger-click{ |
---|
169 | background-position:-85px 0; |
---|
170 | } |
---|
171 | .x-form fieldset legend{ |
---|
172 | color:#333; |
---|
173 | } |
---|
174 | |
---|
175 | |
---|
176 | /* Buttons */ |
---|
177 | |
---|
178 | .x-btn button{ |
---|
179 | color:#fff; |
---|
180 | } |
---|
181 | .x-btn-over button{ |
---|
182 | color:#fff; |
---|
183 | } |
---|
184 | .x-btn-focus button{ |
---|
185 | color:#fff8da; |
---|
186 | } |
---|
187 | .x-btn-left{ |
---|
188 | background-image:url(../images/slate/button/btn-sprite.gif); |
---|
189 | } |
---|
190 | .x-btn-right{ |
---|
191 | background-image:url(../images/slate/button/btn-sprite.gif); |
---|
192 | } |
---|
193 | .x-btn-center{ |
---|
194 | background-image:url(../images/slate/button/btn-sprite.gif); |
---|
195 | } |
---|
196 | .x-btn-text-icon .x-btn-with-menu .x-btn-center em{ |
---|
197 | background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 3px; |
---|
198 | } |
---|
199 | .x-btn-with-menu .x-btn-center em{ |
---|
200 | background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 0pt; |
---|
201 | } |
---|
202 | .x-btn-menu-arrow-wrap .x-btn-center button{ |
---|
203 | background:transparent url(../images/slate/button/btn-arrow.gif) no-repeat left 3px; |
---|
204 | } |
---|
205 | |
---|
206 | |
---|
207 | /* Toolbars */ |
---|
208 | |
---|
209 | .x-toolbar{ |
---|
210 | border-color:#abc; |
---|
211 | background:#f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left; |
---|
212 | } |
---|
213 | .x-toolbar button{ |
---|
214 | color:#f4f4f4; |
---|
215 | } |
---|
216 | .x-toolbar .ytb-text{ |
---|
217 | color:#f4f4f4; |
---|
218 | } |
---|
219 | .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{ |
---|
220 | background-image:url(../images/slate/toolbar/btn-arrow.gif); |
---|
221 | } |
---|
222 | .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{ |
---|
223 | background-image:url(../images/slate/toolbar/btn-arrow.gif); |
---|
224 | } |
---|
225 | .x-toolbar .x-btn-over .x-btn-left{ |
---|
226 | background-image:url(../images/slate/toolbar/tb-btn-sprite.gif); |
---|
227 | } |
---|
228 | .x-toolbar .x-btn-over .x-btn-right{ |
---|
229 | background-image:url(../images/slate/toolbar/tb-btn-sprite.gif); |
---|
230 | } |
---|
231 | .x-toolbar .x-btn-over .x-btn-center{ |
---|
232 | background-image:url(../images/slate/toolbar/tb-btn-sprite.gif); |
---|
233 | } |
---|
234 | .x-toolbar .x-btn-over button{ |
---|
235 | color:#fff; |
---|
236 | } |
---|
237 | .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{ |
---|
238 | background-image:url(../images/slate/toolbar/tb-btn-sprite.gif); |
---|
239 | } |
---|
240 | .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{ |
---|
241 | background-image:url(../images/slate/toolbar/tb-btn-sprite.gif); |
---|
242 | } |
---|
243 | .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{ |
---|
244 | background-image:url(../images/slate/toolbar/tb-btn-sprite.gif); |
---|
245 | } |
---|
246 | .x-toolbar .ytb-sep{ |
---|
247 | background-image:url(../images/slate/grid/grid-split.gif); |
---|
248 | } |
---|
249 | .x-statusbar .x-status-text-panel{ |
---|
250 | border-color:#9ab #9ab #9ab #9ab; |
---|
251 | } |
---|
252 | .x-statusbar .x-status-text{ |
---|
253 | color:#ddc; |
---|
254 | } |
---|
255 | |
---|
256 | |
---|
257 | /* Resizable Handles */ |
---|
258 | |
---|
259 | .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{ |
---|
260 | background:url(../images/slate/sizer/e-handle.gif);background-position:left; |
---|
261 | } |
---|
262 | .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{ |
---|
263 | background:url(../images/slate/sizer/e-handle.gif);background-position:left; |
---|
264 | } |
---|
265 | .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{ |
---|
266 | background:url(../images/slate/sizer/s-handle.gif);background-position:top; |
---|
267 | } |
---|
268 | .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{ |
---|
269 | background:url(../images/slate/sizer/s-handle.gif);background-position:top; |
---|
270 | } |
---|
271 | .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{ |
---|
272 | background:url(../images/slate/sizer/se-handle.gif);background-position:top left; |
---|
273 | } |
---|
274 | .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{ |
---|
275 | background:url(../images/slate/sizer/nw-handle.gif);background-position:bottom right; |
---|
276 | } |
---|
277 | .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{ |
---|
278 | background:url(../images/slate/sizer/ne-handle.gif);background-position:bottom left; |
---|
279 | } |
---|
280 | .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{ |
---|
281 | background:url(../images/slate/sizer/sw-handle.gif);background-position:top right; |
---|
282 | } |
---|
283 | .x-resizable-proxy{ |
---|
284 | border:1px dashed #748296; |
---|
285 | } |
---|
286 | |
---|
287 | |
---|
288 | /* Grids */ |
---|
289 | |
---|
290 | .x-grid-panel .x-panel-mc .x-panel-body{ |
---|
291 | border:1px solid #abc; |
---|
292 | } |
---|
293 | .x-grid3-row-selected{ |
---|
294 | background:#fbf0d2 !important; |
---|
295 | border:1px dotted #ccc; |
---|
296 | } |
---|
297 | .x-grid3-hd-btn{ |
---|
298 | background:#f7ecc1 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center; |
---|
299 | } |
---|
300 | .x-grid3-header{ |
---|
301 | background:#f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom; |
---|
302 | } |
---|
303 | 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{ |
---|
304 | background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom; |
---|
305 | } |
---|
306 | .sort-asc .x-grid3-sort-icon{ |
---|
307 | background-image:url(../images/slate/grid/sort_asc.gif); |
---|
308 | } |
---|
309 | .sort-desc .x-grid3-sort-icon{ |
---|
310 | background-image:url(../images/slate/grid/sort_desc.gif); |
---|
311 | } |
---|
312 | td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open{ |
---|
313 | border-left:1px solid #fff; |
---|
314 | border-right:1px solid #ccc; |
---|
315 | } |
---|
316 | .x-grid3-check-col{ |
---|
317 | background-image:url(../images/slate/menu/unchecked.gif); |
---|
318 | } |
---|
319 | .x-grid3-check-col-on{ |
---|
320 | background-image:url(../images/slate/menu/checked.gif); |
---|
321 | } |
---|
322 | .x-grid3-cell-selected{ |
---|
323 | background-color:#e0eaee!important; |
---|
324 | } |
---|
325 | .x-grid3-body .x-grid3-td-expander{ |
---|
326 | background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right; |
---|
327 | } |
---|
328 | .x-grid3-body .x-grid3-td-checker{ |
---|
329 | background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right; |
---|
330 | } |
---|
331 | .x-grid3-body .x-grid3-td-numberer{ |
---|
332 | background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right; |
---|
333 | } |
---|
334 | .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{ |
---|
335 | background:transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right; |
---|
336 | } |
---|
337 | .x-grid-group-hd{ |
---|
338 | border-bottom:2px solid #abb; |
---|
339 | } |
---|
340 | .x-grid-group-hd div{ |
---|
341 | color:#456; |
---|
342 | } |
---|
343 | .x-dd-drag-proxy .x-grid3-hd-inner{ |
---|
344 | background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom; |
---|
345 | border:1px solid #abc; |
---|
346 | } |
---|
347 | .x-tbar-page-first{ |
---|
348 | background-image:url(../images/slate/grid/page-first.gif)!important; |
---|
349 | } |
---|
350 | .x-tbar-page-last{ |
---|
351 | background-image:url(../images/slate/grid/page-last.gif)!important; |
---|
352 | } |
---|
353 | .x-tbar-page-next{ |
---|
354 | background-image:url(../images/slate/grid/page-next.gif)!important; |
---|
355 | } |
---|
356 | .x-tbar-page-prev{ |
---|
357 | background-image:url(../images/slate/grid/page-prev.gif)!important; |
---|
358 | } |
---|
359 | .x-tbar-loading{ |
---|
360 | background-image:url(../images/slate/grid/refresh.gif)!important; |
---|
361 | } |
---|
362 | .x-paging-info{ |
---|
363 | color:#ffffff; |
---|
364 | } |
---|
365 | |
---|
366 | |
---|
367 | /* Trees */ |
---|
368 | |
---|
369 | .x-tree-node .x-tree-selected{ |
---|
370 | background-color:#f7ecc1; |
---|
371 | } |
---|
372 | .x-tree-node .x-tree-selected a span{ |
---|
373 | background-color:#f7ecc1; |
---|
374 | color:black; |
---|
375 | } |
---|
376 | .x-tree-arrows .x-tree-elbow-plus{ |
---|
377 | background:transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0; |
---|
378 | } |
---|
379 | .x-tree-arrows .x-tree-elbow-minus{ |
---|
380 | background:transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0; |
---|
381 | } |
---|
382 | .x-tree-arrows .x-tree-elbow-end-plus{ |
---|
383 | background:transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0; |
---|
384 | } |
---|
385 | .x-tree-arrows .x-tree-elbow-end-minus{ |
---|
386 | background:transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0; |
---|
387 | } |
---|
388 | |
---|
389 | |
---|
390 | /* Date Pickers */ |
---|
391 | |
---|
392 | .x-date-middle,.x-date-left,.x-date-right{ |
---|
393 | background:url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px; |
---|
394 | } |
---|
395 | .x-date-bottom{ |
---|
396 | background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top; |
---|
397 | border-top:1px solid #abc; |
---|
398 | } |
---|
399 | .x-date-right a{ |
---|
400 | background-image:url(../images/slate/shared/right-btn.gif); |
---|
401 | } |
---|
402 | .x-date-left a{ |
---|
403 | background-image:url(../images/slate/shared/left-btn.gif); |
---|
404 | } |
---|
405 | .x-date-inner th{ |
---|
406 | background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top; |
---|
407 | border-bottom:1px solid #abc; |
---|
408 | color:#345; |
---|
409 | } |
---|
410 | .x-date-inner .x-date-selected a{ |
---|
411 | background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top; |
---|
412 | border:1px solid #89a; |
---|
413 | } |
---|
414 | .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{ |
---|
415 | background:#faedc0; |
---|
416 | } |
---|
417 | td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{ |
---|
418 | color:#123; |
---|
419 | background:#faedc0; |
---|
420 | } |
---|
421 | .x-date-mp-ybtn a{ |
---|
422 | background:transparent url(../images/slate/panel/tool-sprites.gif) no-repeat; |
---|
423 | } |
---|
424 | .x-date-mp-btns{ |
---|
425 | background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top; |
---|
426 | } |
---|
427 | td.x-date-mp-sel a{ |
---|
428 | background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top; |
---|
429 | border:1px solid #abc; |
---|
430 | } |
---|
431 | .x-date-mp-btns button{ |
---|
432 | background:#405574; |
---|
433 | border:1px solid; |
---|
434 | border-color:#abc #055 #055 #abc; |
---|
435 | } |
---|
436 | |
---|
437 | |
---|
438 | /* Tips */ |
---|
439 | |
---|
440 | .x-tip .x-tip-close{ |
---|
441 | background-image:url(../images/slate/qtip/close.gif); |
---|
442 | } |
---|
443 | .x-tip .x-tip-tc{ |
---|
444 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px; |
---|
445 | } |
---|
446 | .x-tip .x-tip-tl{ |
---|
447 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0; |
---|
448 | } |
---|
449 | .x-tip .x-tip-tr{ |
---|
450 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0; |
---|
451 | } |
---|
452 | .x-tip .x-tip-bc{ |
---|
453 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px; |
---|
454 | } |
---|
455 | .x-tip .x-tip-bl{ |
---|
456 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px; |
---|
457 | } |
---|
458 | .x-tip .x-tip-br{ |
---|
459 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px; |
---|
460 | } |
---|
461 | .x-tip .x-tip-ml{ |
---|
462 | background:#fff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px; |
---|
463 | } |
---|
464 | .x-tip .x-tip-mr{ |
---|
465 | background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px; |
---|
466 | } |
---|
467 | .x-form-invalid-tip .x-tip-tc{ |
---|
468 | background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px; |
---|
469 | } |
---|
470 | .x-form-invalid-tip .x-tip-tl{ |
---|
471 | background-image:url(../images/default/form/error-tip-corners.gif); |
---|
472 | } |
---|
473 | .x-form-invalid-tip .x-tip-tr{ |
---|
474 | background-image:url(../images/default/form/error-tip-corners.gif); |
---|
475 | } |
---|
476 | .x-form-invalid-tip .x-tip-bc{ |
---|
477 | background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px; |
---|
478 | } |
---|
479 | .x-form-invalid-tip .x-tip-bl{ |
---|
480 | background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px; |
---|
481 | } |
---|
482 | .x-form-invalid-tip .x-tip-br{ |
---|
483 | background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px; |
---|
484 | } |
---|
485 | .x-form-invalid-tip .x-tip-ml{ |
---|
486 | background-image:url(../images/default/form/error-tip-corners.gif); |
---|
487 | } |
---|
488 | .x-form-invalid-tip .x-tip-mr{ |
---|
489 | background-image:url(../images/default/form/error-tip-corners.gif); |
---|
490 | } |
---|
491 | |
---|
492 | |
---|
493 | /* Menus */ |
---|
494 | |
---|
495 | .x-menu{ |
---|
496 | border:1px solid #aaa; |
---|
497 | background:#f0f0f0 url(../images/slate/menu/menu.gif) repeat-y; |
---|
498 | } |
---|
499 | .x-menu-item-active{ |
---|
500 | background:#ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom; |
---|
501 | border:1px solid #c2cbd2; |
---|
502 | } |
---|
503 | .x-menu-item-arrow{ |
---|
504 | background:transparent url(../images/slate/menu/menu-parent.gif) no-repeat right; |
---|
505 | } |
---|
506 | .x-menu-check-item .x-menu-item-icon{ |
---|
507 | background:transparent url(../images/slate/menu/unchecked.gif) no-repeat center; |
---|
508 | } |
---|
509 | .x-menu-item-checked .x-menu-item-icon{ |
---|
510 | background-image:url(../images/slate/menu/checked.gif); |
---|
511 | } |
---|
512 | .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ |
---|
513 | background:transparent url(../images/slate/menu/group-checked.gif) |
---|
514 | } |
---|
515 | .x-menu-group-item .x-menu-item-icon{ |
---|
516 | background:transparent none repeat scroll 0 0; |
---|
517 | } |
---|
518 | |
---|
519 | |
---|
520 | /* Combos */ |
---|
521 | |
---|
522 | .x-combo-list{ |
---|
523 | border:1px solid #89a; |
---|
524 | background:#bdcbd4 none repeat scroll 0 0; |
---|
525 | } |
---|
526 | .x-combo-list .x-combo-selected{ |
---|
527 | border:1px dotted #ccc!important; |
---|
528 | background:#fbf0d2; |
---|
529 | } |
---|
530 | .x-resizable-pinned .x-combo-list-inner{ |
---|
531 | border-bottom:1px solid #9ab; |
---|
532 | } |
---|
533 | |
---|
534 | |
---|
535 | /* Panels */ |
---|
536 | |
---|
537 | .x-panel{ |
---|
538 | border-style:solid; |
---|
539 | border-color:#abc; |
---|
540 | border-width:0; |
---|
541 | } |
---|
542 | .x-panel-header{ |
---|
543 | color:#f8f8f8; |
---|
544 | border:1px solid #abc; |
---|
545 | background-image:url(../images/slate/panel/white-top-bottom.gif); |
---|
546 | } |
---|
547 | .x-panel-body{ |
---|
548 | border-color:#abc; |
---|
549 | } |
---|
550 | .x-panel-bbar .x-toolbar{ |
---|
551 | border-color:#abc; |
---|
552 | } |
---|
553 | .x-panel-tbar .x-toolbar{ |
---|
554 | border-color:#abc; |
---|
555 | } |
---|
556 | .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar{ |
---|
557 | border-color:#abc; |
---|
558 | } |
---|
559 | .x-panel-body-noheader, .x-panel-mc .x-panel-body{ |
---|
560 | border-color:#abc; |
---|
561 | } |
---|
562 | .x-panel-tl .x-panel-header{ |
---|
563 | color:#f4f4f4; |
---|
564 | } |
---|
565 | .x-panel-tc{ |
---|
566 | background-image:url(../images/slate/panel/top-bottom.gif); |
---|
567 | } |
---|
568 | .x-panel-tl{ |
---|
569 | background-image:url(../images/slate/panel/corners-sprite.gif); |
---|
570 | border-color:#abc; |
---|
571 | } |
---|
572 | .x-panel-tr{ |
---|
573 | background-image:url(../images/slate/panel/corners-sprite.gif); |
---|
574 | } |
---|
575 | .x-panel-bc{ |
---|
576 | background-image:url(../images/slate/panel/top-bottom.gif); |
---|
577 | } |
---|
578 | .x-panel-bl{ |
---|
579 | background-image:url(../images/slate/panel/corners-sprite.gif); |
---|
580 | } |
---|
581 | .x-panel-br{ |
---|
582 | background-image:url(../images/slate/panel/corners-sprite.gif); |
---|
583 | } |
---|
584 | .x-panel-mc{ |
---|
585 | background:#dde5e9; |
---|
586 | } |
---|
587 | .x-panel-mc .x-panel-body{ |
---|
588 | background:transparent; |
---|
589 | border:0 none; |
---|
590 | } |
---|
591 | .x-panel-ml{ |
---|
592 | background-image:url(../images/slate/panel/left-right.gif); |
---|
593 | } |
---|
594 | .x-panel-mr{ |
---|
595 | background-image:url(../images/slate/panel/left-right.gif); |
---|
596 | } |
---|
597 | .x-panel-dd-spacer{ |
---|
598 | border:2px dashed #89a; |
---|
599 | } |
---|
600 | .x-tool{ |
---|
601 | background-image:url(../images/slate/panel/tool-sprites.gif); |
---|
602 | } |
---|
603 | .x-panel-ghost{ |
---|
604 | background:#e0e0e0; |
---|
605 | } |
---|
606 | .x-panel-ghost ul{ |
---|
607 | border-color:#b0b0b0; |
---|
608 | } |
---|
609 | |
---|
610 | |
---|
611 | /* Windows */ |
---|
612 | |
---|
613 | .x-window-proxy{ |
---|
614 | background:#e4e8ec; |
---|
615 | border-color:#abc; |
---|
616 | } |
---|
617 | .x-window-tl .x-window-header{ |
---|
618 | color:#fafafa; |
---|
619 | } |
---|
620 | .x-window-tc{ |
---|
621 | background-image:url(../images/slate/window/top-bottom.png); |
---|
622 | } |
---|
623 | .x-window-tl{ |
---|
624 | background-image:url(../images/slate/window/left-corners.png); |
---|
625 | } |
---|
626 | .x-window-tr{ |
---|
627 | background-image:url(../images/slate/window/right-corners.png); |
---|
628 | } |
---|
629 | .x-window-bc{ |
---|
630 | background-image:url(../images/slate/window/top-bottom.png); |
---|
631 | } |
---|
632 | .x-window-bl{ |
---|
633 | background-image:url(../images/slate/window/left-corners.png); |
---|
634 | } |
---|
635 | .x-window-br{ |
---|
636 | background-image:url(../images/slate/window/right-corners.png); |
---|
637 | } |
---|
638 | .x-window-mc{ |
---|
639 | border:1px solid #abc; |
---|
640 | background:#e8e8e8; |
---|
641 | } |
---|
642 | .x-window-ml{ |
---|
643 | background-image:url(../images/slate/window/left-right.png); |
---|
644 | } |
---|
645 | .x-window-mr{ |
---|
646 | background-image:url(../images/slate/window/left-right.png); |
---|
647 | } |
---|
648 | .x-panel-ghost .x-window-tl{ |
---|
649 | border-color:#abc; |
---|
650 | } |
---|
651 | .x-panel-collapsed .x-window-tl{ |
---|
652 | border-color:#abc; |
---|
653 | } |
---|
654 | .x-window-plain .x-window-mc{ |
---|
655 | background:#e8e8e8; |
---|
656 | border-right:1px solid #eee; |
---|
657 | border-bottom:1px solid #eee; |
---|
658 | border-top:1px solid #abc; |
---|
659 | border-left:1px solid #abc; |
---|
660 | } |
---|
661 | .x-window-plain .x-window-body{ |
---|
662 | border-left:1px solid #ddd; |
---|
663 | border-top:1px solid #ddd; |
---|
664 | border-bottom:1px solid #abc; |
---|
665 | border-right:1px solid #abc; |
---|
666 | background:transparent !important; |
---|
667 | } |
---|
668 | body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc{ |
---|
669 | background-color:#eceef0; |
---|
670 | } |
---|
671 | |
---|
672 | |
---|
673 | /* HTML Editors */ |
---|
674 | |
---|
675 | .x-html-editor-wrap{ |
---|
676 | border-color:#abc; |
---|
677 | } |
---|
678 | .x-html-editor-tb .x-btn-text{ |
---|
679 | background:transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%; |
---|
680 | } |
---|
681 | |
---|
682 | |
---|
683 | /* Panel Borders */ |
---|
684 | |
---|
685 | .x-panel-noborder .x-panel-body-noborder{ |
---|
686 | border-width:0; |
---|
687 | } |
---|
688 | .x-panel-noborder .x-panel-header-noborder{ |
---|
689 | border-width:0; |
---|
690 | border-bottom:1px solid #abc; |
---|
691 | } |
---|
692 | .x-panel-noborder .x-panel-tbar-noborder .x-toolbar{ |
---|
693 | border-width:0; |
---|
694 | border-bottom:1px solid #abc; |
---|
695 | } |
---|
696 | .x-panel-noborder .x-panel-bbar-noborder .x-toolbar{ |
---|
697 | border-width:0; |
---|
698 | border-top:1px solid #abc; |
---|
699 | } |
---|
700 | .x-window-noborder .x-window-mc{ |
---|
701 | border-width:0; |
---|
702 | } |
---|
703 | .x-window-plain .x-window-body-noborder{ |
---|
704 | border-width:0; |
---|
705 | } |
---|
706 | .x-tab-panel-noborder .x-tab-panel-body-noborder{ |
---|
707 | border-width:0; |
---|
708 | } |
---|
709 | .x-tab-panel-noborder .x-tab-panel-header-noborder{ |
---|
710 | border-top-width:0; |
---|
711 | border-left-width:0; |
---|
712 | border-right-width:0; |
---|
713 | } |
---|
714 | .x-tab-panel-noborder .x-tab-panel-footer-noborder{ |
---|
715 | border-bottom-width:0; |
---|
716 | border-left-width:0; |
---|
717 | border-right-width:0; |
---|
718 | } |
---|
719 | .x-tab-panel-bbar-noborder .x-toolbar{ |
---|
720 | border-width:0; |
---|
721 | border-top:1px solid #abc; |
---|
722 | } |
---|
723 | .x-tab-panel-tbar-noborder .x-toolbar{ |
---|
724 | border-width:0; |
---|
725 | border-bottom:1px solid #abc; |
---|
726 | } |
---|
727 | |
---|
728 | |
---|
729 | /* Layout */ |
---|
730 | |
---|
731 | .x-border-layout-ct{ |
---|
732 | background:#f0f0f0; |
---|
733 | } |
---|
734 | .x-accordion-hd{ |
---|
735 | background-image:url(../images/slate/panel/light-hd.gif); |
---|
736 | } |
---|
737 | .x-layout-collapsed{ |
---|
738 | background-color:#567; |
---|
739 | border-color:#e0e0e0; |
---|
740 | } |
---|
741 | .x-layout-collapsed-over{ |
---|
742 | background-color:#789; |
---|
743 | } |
---|
744 | |
---|
745 | |
---|
746 | /* Progress Bars */ |
---|
747 | |
---|
748 | .x-progress-bar{ |
---|
749 | background:#fbefb4 url(../images/slate/progress/progress-bg.gif) repeat-x left center; |
---|
750 | border-top:1px solid #ddd; |
---|
751 | border-bottom:1px solid #ddd; |
---|
752 | } |
---|
753 | .x-progress-inner{ |
---|
754 | background:#e0e8f3 url(../images/slate/qtip/bg.gif) repeat-x scroll 0 0; |
---|
755 | } |
---|
756 | .x-progress-text{ |
---|
757 | color:#9ab; |
---|
758 | } |
---|
759 | .x-progress-text-back{ |
---|
760 | color:#789; |
---|
761 | } |
---|
762 | .x-progress-wrap{ |
---|
763 | border:1px solid #b0b8c4; |
---|
764 | } |
---|
765 | |
---|
766 | |
---|
767 | /* Sliders */ |
---|
768 | |
---|
769 | .x-slider-horz .x-slider-thumb{ |
---|
770 | background:transparent url(../images/slate/slider/slider-thumb.png) no-repeat 0 0; |
---|
771 | } |
---|
772 | .x-slider-vert .x-slider-thumb{ |
---|
773 | background:transparent url(../images/slate/slider/slider-v-thumb.png) no-repeat 0 0; |
---|
774 | } |
---|
775 | .x-slider-horz .x-slider-thumb-over{ |
---|
776 | background-position:-14px -15px; |
---|
777 | } |
---|
778 | .x-slider-horz .x-slider-thumb-drag{ |
---|
779 | background-position:-28px -30px; |
---|
780 | } |
---|
781 | .x-slider-vert .x-slider-thumb-over{ |
---|
782 | background-position:-15px -14px; |
---|
783 | } |
---|
784 | .x-slider-vert .x-slider-thumb-drag{ |
---|
785 | background-position:-30px -28px; |
---|
786 | } |
---|
787 | .x-slider-horz{ |
---|
788 | background:transparent url(../images/slate/slider/slider-bg.png) no-repeat 0 -22px; |
---|
789 | } |
---|
790 | .x-slider-horz .x-slider-end{ |
---|
791 | background:transparent url(../images/slate/slider/slider-bg.png) no-repeat right -44px; |
---|
792 | } |
---|
793 | .x-slider-horz .x-slider-inner{ |
---|
794 | background:transparent url(../images/slate/slider/slider-bg.png) repeat-x 0 0; |
---|
795 | } |
---|
796 | .x-slider-vert{ |
---|
797 | background:transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -44px 0; |
---|
798 | } |
---|
799 | .x-slider-vert .x-slider-end{ |
---|
800 | background:transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -22px bottom; |
---|
801 | } |
---|
802 | .x-slider-vert .x-slider-inner{ |
---|
803 | background:transparent url(../images/slate/slider/slider-v-bg.png) repeat-y 0 0; |
---|
804 | } |
---|