Mercurial > laserkard
comparison onlypaths/theme/css/xtheme-darkgray.css @ 46:26c2b3ad21c7 laserkard
[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author | rlm |
---|---|
date | Sun, 31 Jan 2010 12:33:33 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
45:bff96abdddfa | 46:26c2b3ad21c7 |
---|---|
1 /* | |
2 * Ext JS Library 2.0 Alpha 1 | |
3 * Copyright(c) 2006-2007, Ext JS, LLC. | |
4 * | |
5 * @license LGPL | |
6 * @author Kemal Tunador <tunador@madrabaz.com> | |
7 */ | |
8 | |
9 .x-panel { | |
10 border-style: solid; | |
11 border-color: #777777; | |
12 } | |
13 .x-panel-header { | |
14 color:#eeeeee; | |
15 border:1px solid #777777; | |
16 background-image:url(../images/darkgray/panel/white-top-bottom.gif); | |
17 } | |
18 | |
19 .x-panel-body { | |
20 border-color:#777777; | |
21 } | |
22 | |
23 .x-panel-bbar .x-toolbar { | |
24 border-color:#777777; | |
25 } | |
26 | |
27 .x-panel-tbar .x-toolbar { | |
28 border-color:#777777; | |
29 } | |
30 | |
31 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { | |
32 border-color:#777777; | |
33 } | |
34 .x-panel-body-noheader, .x-panel-mc .x-panel-body { | |
35 border-color:#777777; | |
36 } | |
37 .x-panel-tl .x-panel-header { | |
38 color:#eeeeee; | |
39 } | |
40 .x-panel-tc { | |
41 background-image:url(../images/darkgray/panel/top-bottom.gif); | |
42 } | |
43 .x-panel-tl { | |
44 background-image:url(../images/darkgray/panel/corners-sprite.gif); | |
45 border-color:#777777; | |
46 } | |
47 .x-panel-tr { | |
48 background-image:url(../images/darkgray/panel/corners-sprite.gif); | |
49 } | |
50 .x-panel-bc { | |
51 background-image:url(../images/darkgray/panel/top-bottom.gif); | |
52 } | |
53 .x-panel-bl { | |
54 background-image:url(../images/darkgray/panel/corners-sprite.gif); | |
55 } | |
56 .x-panel-br { | |
57 background-image:url(../images/darkgray/panel/corners-sprite.gif); | |
58 } | |
59 .x-panel-mc { | |
60 background:#888888; | |
61 color:#f9f9f9; /*ADDED*/ | |
62 } | |
63 .x-panel-mc .x-panel-body { | |
64 background:transparent; | |
65 border: 0 none; | |
66 } | |
67 .x-panel-ml { | |
68 background-image:url(../images/darkgray/panel/left-right.gif); | |
69 } | |
70 .x-panel-mr { | |
71 background-image:url(../images/darkgray/panel/left-right.gif); | |
72 } | |
73 | |
74 /* Grid */ | |
75 .x-grid3-row { | |
76 color:#000000; | |
77 } | |
78 .x-grid3-row-over { | |
79 border:1px solid #dddddd; | |
80 background-image:url(../images/darkgray/grid/row-over.gif); | |
81 } | |
82 .x-grid3-header{ | |
83 background-image:url(../images/darkgray/grid/grid3-hrow.gif); | |
84 } | |
85 .x-grid3-header-pop-inner { | |
86 border-left:1px solid #eeeeee; | |
87 background-image:url(../images/darkgray/grid/hd-pop.gif); | |
88 } | |
89 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
90 border-left:1px solid #906699; | |
91 border-right:1px solid #906699; | |
92 color: #000000; | |
93 } | |
94 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 { | |
95 background-image:url(../images/darkgray/grid/grid3-hrow-over.gif); | |
96 } | |
97 .x-dd-drag-proxy .x-grid3-hd-inner{ | |
98 background-image:url(../images/darkgray/grid/grid3-hrow-over.gif); | |
99 } | |
100 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
101 background-image:url(../images/darkgray/grid/grid-hrow.gif); | |
102 color:black; | |
103 border-top:1px solid white; | |
104 border-right:1px solid #df6fd8 !important; | |
105 } | |
106 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
107 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif); | |
108 color:black !important; | |
109 } | |
110 .x-grid3-hd-btn { | |
111 background-image:url(../images/darkgray/grid/grid3-hd-btn.gif); | |
112 } | |
113 .x-grid3-body .x-grid3-td-expander { | |
114 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif); | |
115 } | |
116 .x-grid3-body .x-grid3-td-checker { | |
117 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif); | |
118 } | |
119 .x-grid3-body .x-grid3-td-numberer { | |
120 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif); | |
121 } | |
122 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
123 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
124 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
125 background-image:url(../images/darkgray/grid/grid3-special-col-sel-bg.gif); | |
126 } | |
127 .x-grid3-row-selected { | |
128 color: #eeeeee; | |
129 background: #585559; | |
130 border:1px dotted #111111; | |
131 } | |
132 | |
133 /* Menu */ | |
134 .x-menu { | |
135 border: 1px solid #333333; | |
136 background-image:url(../images/darkgray/menu/menu.gif); | |
137 } | |
138 .x-menu-sep { | |
139 background-color:#e6e6e6; | |
140 border-bottom:1px solid #bfbfbf; | |
141 } | |
142 .x-menu-item-active { | |
143 background-image:url(../images/darkgray/menu/item-over.gif); | |
144 border:1px solid #aaaaaa; | |
145 } | |
146 | |
147 /* Tools */ | |
148 .x-tool { | |
149 background-image:url(../images/darkgray/panel/tool-sprites.gif); | |
150 } | |
151 | |
152 /* Ghosting */ | |
153 .x-panel-ghost { | |
154 background:#888888; | |
155 } | |
156 | |
157 .x-panel-ghost ul { | |
158 border-color:#555555; | |
159 } | |
160 | |
161 .x-grid-panel .x-panel-mc .x-panel-body { | |
162 border:1px solid #777777; | |
163 } | |
164 | |
165 /* Buttons */ | |
166 | |
167 .x-btn-text{ | |
168 color: #eeeeee; | |
169 } | |
170 .x-btn-left{ | |
171 background-image:url(../images/darkgray/button/btn-sprite.gif); | |
172 } | |
173 .x-btn-right{ | |
174 background-image:url(../images/darkgray/button/btn-sprite.gif); | |
175 } | |
176 .x-btn-center{ | |
177 background-image:url(../images/darkgray/button/btn-sprite.gif); | |
178 } | |
179 | |
180 /* Layout classes */ | |
181 | |
182 .x-border-layout-ct { | |
183 background:#aeabaf; /* f1f2f4 */ | |
184 } | |
185 | |
186 .x-accordion-hd { | |
187 background-image:url(../images/darkgray/panel/light-hd.gif); | |
188 } | |
189 | |
190 .x-layout-collapsed{ | |
191 background-color:#777777; | |
192 border-color:#555555; | |
193 } | |
194 .x-layout-collapsed-over{ | |
195 background-color:#888888; | |
196 } | |
197 | |
198 | |
199 /* qtips */ | |
200 .x-tip .x-tip-close{ | |
201 background-image: url(../images/darkgray/qtip/close.gif); | |
202 } | |
203 .x-tip .x-tip-tc { | |
204 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
205 } | |
206 .x-tip .x-tip-tl { | |
207 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
208 } | |
209 .x-tip .x-tip-tr { | |
210 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
211 } | |
212 .x-tip .x-tip-bc { | |
213 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
214 } | |
215 .x-tip .x-tip-bl { | |
216 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
217 } | |
218 .x-tip .x-tip-br { | |
219 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
220 } | |
221 .x-tip .x-tip-ml { | |
222 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
223 } | |
224 .x-tip .x-tip-mr { | |
225 background-image:url(../images/darkgray/qtip/tip-sprite.gif); | |
226 } | |
227 .x-tip .x-tip-header-text { | |
228 color:#eeeeee; | |
229 } | |
230 .x-tip .x-tip-body { | |
231 color:#eeeeee; | |
232 } | |
233 /* Toolbars */ | |
234 | |
235 .x-toolbar{ | |
236 border-color:#777777; | |
237 background:#9c9c9c url(../images/darkgray/toolbar/bg.gif) repeat-x top left; | |
238 } | |
239 .x-toolbar button { | |
240 color:#e5e5e5; | |
241 } | |
242 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button { | |
243 background-image:url(../images/darkgray/toolbar/btn-arrow.gif); | |
244 } | |
245 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button { | |
246 background-image:url(../images/darkgray/toolbar/btn-arrow.gif); | |
247 } | |
248 .x-toolbar .x-btn-over .x-btn-left{ | |
249 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif); | |
250 } | |
251 .x-toolbar .x-btn-over .x-btn-right{ | |
252 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif); | |
253 } | |
254 .x-toolbar .x-btn-over .x-btn-center{ | |
255 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif); | |
256 } | |
257 .x-toolbar .x-btn-over button { | |
258 color:#eeeeee; | |
259 } | |
260 .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{ | |
261 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif); | |
262 } | |
263 .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{ | |
264 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif); | |
265 } | |
266 | |
267 .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{ | |
268 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif); | |
269 } | |
270 .x-toolbar .ytb-sep { | |
271 background-image: url(../images/darkgray/grid/grid-split.gif); | |
272 } | |
273 .x-paging-info { | |
274 color:#f9f9f9; | |
275 } | |
276 | |
277 /* Form */ | |
278 | |
279 .x-form-field-wrap .x-form-trigger{ | |
280 background-image:url(../images/darkgray/form/trigger.gif); | |
281 border-bottom: 1px solid #a5a5a5; | |
282 } | |
283 .x-form-field-wrap .x-form-date-trigger{ | |
284 background-image: url(../images/darkgray/form/date-trigger.gif); | |
285 } | |
286 .x-form-field-wrap .x-form-clear-trigger{ | |
287 background-image: url(../images/darkgray/form/clear-trigger.gif); | |
288 } | |
289 .x-form-field-wrap .x-form-search-trigger{ | |
290 background-image: url(../images/darkgray/form/search-trigger.gif); | |
291 } | |
292 .x-form-text, textarea.x-form-field{ | |
293 border: 1px solid #a5a5a5; | |
294 } | |
295 .x-form-select-one { | |
296 border: 1px solid #a5a5a5; | |
297 } | |
298 .x-item-disabled .x-form-trigger-over{ | |
299 border-bottom: 1px solid #a5a5a5; | |
300 } | |
301 .x-item-disabled .x-form-trigger-click{ | |
302 border-bottom: 1px solid #a5a5a5; | |
303 } | |
304 .x-form fieldset { | |
305 border:1px solid #a5a5a5; | |
306 } | |
307 .x-trigger-wrap-focus .x-form-trigger{ | |
308 border-bottom: 1px solid #929292; | |
309 } | |
310 .x-form-focus, textarea.x-form-focus{ | |
311 border: 1px solid #929292; | |
312 } | |
313 /* Tabs */ | |
314 | |
315 .x-tab-panel-header, .x-tab-panel-footer { | |
316 background: #646464; | |
317 border-color:#777777; | |
318 } | |
319 | |
320 | |
321 .x-tab-panel-header { | |
322 border-color:#777777; | |
323 } | |
324 | |
325 .x-tab-panel-footer { | |
326 border-color:#777777; | |
327 } | |
328 | |
329 ul.x-tab-strip-top{ | |
330 background:#7a7a7a url(../images/darkgray/tabs/tab-strip-bg.gif) repeat-x left top; | |
331 border-color:#777777; | |
332 padding-top: 2px; | |
333 } | |
334 | |
335 ul.x-tab-strip-bottom{ | |
336 background-image:url(../images/darkgray/tabs/tab-strip-btm-bg.gif); | |
337 border-color:#777777; | |
338 } | |
339 | |
340 .x-tab-strip span.x-tab-strip-text { | |
341 color:#dddddd; | |
342 } | |
343 .x-tab-strip-over span.x-tab-strip-text { | |
344 color:#000000; | |
345 } | |
346 | |
347 .x-tab-strip-active span.x-tab-strip-text { | |
348 color:#eeeeee; | |
349 } | |
350 | |
351 .x-tab-strip-disabled .x-tabs-text { | |
352 color:#888888; | |
353 } | |
354 | |
355 .x-tab-strip-top .x-tab-right { | |
356 background-image:url(../images/darkgray/tabs/tabs-sprite.gif); | |
357 } | |
358 | |
359 .x-tab-strip-top .x-tab-left { | |
360 background-image:url(../images/darkgray/tabs/tabs-sprite.gif); | |
361 } | |
362 .x-tab-strip-top .x-tab-strip-inner { | |
363 background-image:url(../images/darkgray/tabs/tabs-sprite.gif); | |
364 } | |
365 | |
366 .x-tab-strip-bottom .x-tab-right { | |
367 background-image:url(../images/darkgray/tabs/tab-btm-inactive-right-bg.gif); | |
368 } | |
369 | |
370 .x-tab-strip-bottom .x-tab-left { | |
371 background-image:url(../images/darkgray/tabs/tab-btm-inactive-left-bg.gif); | |
372 } | |
373 | |
374 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { | |
375 background-image:url(../images/darkgray/tabs/tab-btm-right-bg.gif); | |
376 } | |
377 | |
378 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { | |
379 background-image:url(../images/darkgray/tabs/tab-btm-left-bg.gif); | |
380 } | |
381 | |
382 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { | |
383 background-image:url(../images/darkgray/tabs/tab-close.gif); | |
384 } | |
385 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ | |
386 background-image:url(../images/darkgray/tabs/tab-close.gif); | |
387 } | |
388 | |
389 .x-tab-panel-body { | |
390 border-color:#777777; | |
391 background:#eeeeee; | |
392 } | |
393 .x-tab-panel-bbar .x-toolbar { | |
394 border-color: #777777; | |
395 } | |
396 | |
397 .x-tab-panel-tbar .x-toolbar { | |
398 border-color: #777777; | |
399 } | |
400 | |
401 .x-tab-panel-header-plain .x-tab-strip-spacer { | |
402 border-color:#777777; | |
403 background: #e7e7e7; | |
404 } | |
405 | |
406 .x-tab-scroller-left { | |
407 background-image: url(../images/darkgray/tabs/scroll-left.gif); | |
408 border-color:#aeaeae; | |
409 } | |
410 .x-tab-scroller-right { | |
411 background-image: url(../images/darkgray/tabs/scroll-right.gif); | |
412 border-color:#aeaeae; | |
413 } | |
414 | |
415 /* Buttons */ | |
416 | |
417 .x-btn-menu-arrow-wrap .x-btn-center button { | |
418 background-image:url(../images/darkgray/button/btn-arrow.gif); | |
419 } | |
420 .x-btn-with-menu .x-btn-center em { | |
421 background-image:url(../images/darkgray/toolbar/btn-arrow.gif); | |
422 } | |
423 | |
424 .x-btn-text-icon .x-btn-with-menu .x-btn-center em { | |
425 background-image:url(../images/darkgray/toolbar/btn-arrow-light.gif); | |
426 } | |
427 | |
428 /* Window */ | |
429 | |
430 .x-window-proxy { | |
431 background:#e0e0e0; | |
432 border-color:#b0b0b0; | |
433 } | |
434 | |
435 .x-window-tl .x-window-header { | |
436 color:#eeeeee; | |
437 } | |
438 .x-window-tc { | |
439 background-image:url(../images/darkgray/window/top-bottom.png); | |
440 } | |
441 .x-window-tl { | |
442 background-image:url(../images/darkgray/window/left-corners.png); | |
443 } | |
444 .x-window-tr { | |
445 background-image:url(../images/darkgray/window/right-corners.png); | |
446 } | |
447 .x-window-bc { | |
448 background-image:url(../images/darkgray/window/top-bottom.png); | |
449 } | |
450 .x-window-bl { | |
451 background-image:url(../images/darkgray/window/left-corners.png); | |
452 } | |
453 .x-window-br { | |
454 background-image:url(../images/darkgray/window/right-corners.png); | |
455 } | |
456 .x-window-mc { | |
457 border:1px solid #555555; | |
458 background:#aaaaaa; | |
459 } | |
460 | |
461 .x-window-ml { | |
462 background-image:url(../images/darkgray/window/left-right.png); | |
463 } | |
464 .x-window-mr { | |
465 background-image:url(../images/darkgray/window/left-right.png); | |
466 } | |
467 .x-panel-ghost .x-window-tl { | |
468 border-color:#555555; | |
469 } | |
470 .x-panel-collapsed .x-window-tl { | |
471 border-color:#555555; | |
472 } | |
473 | |
474 .x-window-plain .x-window-mc { | |
475 background: #999999; | |
476 border-right:1px solid #eeeeee; | |
477 border-bottom:1px solid #eeeeee; | |
478 border-top:1px solid #555555; | |
479 border-left:1px solid #555555; | |
480 } | |
481 | |
482 .x-window-plain .x-window-body { | |
483 border-left:1px solid #eeeeee; | |
484 border-top:1px solid #eeeeee; | |
485 border-bottom:1px solid #555555; | |
486 border-right:1px solid #555555; | |
487 background:transparent !important; | |
488 } | |
489 | |
490 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc { | |
491 background-color: #999999; | |
492 } | |
493 | |
494 /* Date Picker */ | |
495 .x-date-picker { | |
496 border: 1px solid #000000; | |
497 background:#eeeeee; | |
498 } | |
499 .x-date-middle,.x-date-left,.x-date-right { | |
500 background-image: url(../images/darkgray/shared/hd-sprite.gif); | |
501 } | |
502 .x-date-middle .x-btn-with-menu .x-btn-center em { | |
503 background-image:url(../images/darkgray/toolbar/btn-arrow-light.gif); | |
504 } | |
505 .x-date-right a { | |
506 background-image: url(../images/darkgray/shared/right-btn.gif); | |
507 } | |
508 .x-date-left a{ | |
509 background-image: url(../images/darkgray/shared/left-btn.gif); | |
510 } | |
511 .x-date-inner th { | |
512 background-image:url(../images/darkgray/shared/glass-bg.gif); | |
513 border-bottom: 1px solid #333333; | |
514 color:#f2eef0; | |
515 } | |
516 .x-date-inner .x-date-selected a{ | |
517 background-image:url(../images/darkgray/shared/glass-bg.gif); | |
518 border:1px solid #333333; | |
519 color:#f2eef0; | |
520 } | |
521 .x-date-bottom { | |
522 border-top: 1px solid #333333; | |
523 background-image:url(../images/darkgray/shared/glass-bg.gif); | |
524 } | |
525 .x-date-mp-btns { | |
526 background-image:url(../images/darkgray/shared/glass-bg.gif); | |
527 } | |
528 td.x-date-mp-sel a { | |
529 background-image:url(../images/darkgray/shared/glass-bg.gif); | |
530 border:1px solid #000000; | |
531 color: #f2eef0; | |
532 } | |
533 .x-date-mp-ybtn a { | |
534 background-image:url(../images/darkgray/panel/tool-sprites.gif); | |
535 } | |
536 .x-date-mp-btns button { | |
537 background-image:url(../images/darkgray/shared/glass-bg.gif); | |
538 border-color: #555555 #000000 #000000 #555555; | |
539 } | |
540 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ | |
541 color:#f2eef0; | |
542 background: #333333; | |
543 } | |
544 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { | |
545 color:#f2eef0; | |
546 background: #333333; | |
547 } | |
548 | |
549 /* misc */ | |
550 .x-html-editor-wrap { | |
551 border-color:#d0d0d0; | |
552 } | |
553 | |
554 /* Borders go last for specificity */ | |
555 .x-panel-noborder .x-panel-body-noborder { | |
556 border-width:0; | |
557 } | |
558 | |
559 .x-panel-noborder .x-panel-header-noborder { | |
560 border-width:0; | |
561 border-bottom:1px solid #d0d0d0; | |
562 } | |
563 | |
564 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
565 border-width:0; | |
566 border-bottom:1px solid #d0d0d0; | |
567 } | |
568 | |
569 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
570 border-width:0; | |
571 border-top:1px solid #d0d0d0; | |
572 } | |
573 | |
574 .x-window-noborder .x-window-mc { | |
575 border-width:0; | |
576 } | |
577 .x-window-plain .x-window-body-noborder { | |
578 border-width:0; | |
579 } | |
580 | |
581 .x-tab-panel-noborder .x-tab-panel-body-noborder { | |
582 border-width:0; | |
583 } | |
584 | |
585 .x-tab-panel-noborder .x-tab-panel-header-noborder { | |
586 border-top-width:0; | |
587 border-left-width:0; | |
588 border-right-width:0; | |
589 } | |
590 | |
591 .x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
592 border-bottom-width:0; | |
593 border-left-width:0; | |
594 border-right-width:0; | |
595 } | |
596 | |
597 | |
598 .x-tab-panel-bbar-noborder .x-toolbar { | |
599 border-width:0; | |
600 border-top:1px solid #d0d0d0; | |
601 } | |
602 | |
603 .x-tab-panel-tbar-noborder .x-toolbar { | |
604 border-width:0; | |
605 border-bottom:1px solid #d0d0d0; | |
606 } |