Mercurial > laserkard

comparison onlypaths/theme/css/xtheme-slickness.css @ 46:26c2b3ad21c7 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[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 GPL
6 * @author Kemal Tunador <tunador@madrabaz.com>
7 */
8 .ext-el-mask {
9 background-color: #000000;
10 }
11
12 .ext-el-mask-msg {
13 border: 1px solid #444444;
14 background: #666666;
15 }
16
17 .ext-el-mask-msg div {
18 border: 1px solid #888888;
19 }
20
21 .x-panel {
22 border-style: solid;
23 border-color: #000000;
24 }
25
26 .x-panel-header {
27 color: #eeeef0;
28 border: 1px solid #000000;
29 background-image: url(../images/slickness/panel/white-top-bottom.gif);
30 }
31
32 .x-panel-body {
33 border-color: #000000;
34 color: #111;
35 }
36
37 .x-panel-bbar .x-toolbar {
38 border-color: #000000;
39 }
40
41 .x-panel-tbar .x-toolbar {
42 border-color: #000000;
43 }
44
45 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
46 border-color: #000000;
47 }
48
49 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
50 border-color: #000000;
51 }
52
53 .x-panel-tl .x-panel-header {
54 color: #eeeef0;
55 }
56
57 .x-panel-tc {
58 background-image: url(../images/slickness/panel/top-bottom.gif);
59 }
60
61 .x-panel-tl {
62 background-image: url(../images/slickness/panel/corners-sprite.gif);
63 border-color: #000000;
64 }
65
66 .x-panel-tr {
67 background-image: url(../images/slickness/panel/corners-sprite.gif);
68 }
69
70 .x-panel-bc {
71 background-image: url(../images/slickness/panel/top-bottom.gif);
72 }
73
74 .x-panel-bl {
75 background-image: url(../images/slickness/panel/corners-sprite.gif);
76 }
77
78 .x-panel-br {
79 background-image: url(../images/slickness/panel/corners-sprite.gif);
80 }
81
82 .x-panel-mc {
83 background: #171717;
84 }
85
86 .x-panel-mc .x-panel-body {
87 background: transparent;
88 border: 0 none;
89 color: #eee !important;
90 }
91
92 .x-panel-ml {
93 background-image: url(../images/slickness/panel/left-right.gif);
94 }
95
96 .x-panel-mr {
97 background-image: url(../images/slickness/panel/left-right.gif);
98 }
99 /* Ghosting */
100 .x-panel-ghost {
101 background: #161616;
102 }
103
104 .x-panel-ghost ul {
105 border-color: #000000;
106 }
107
108 .x-grid-panel .x-panel-mc .x-panel-body {
109 border: 1px solid #000000;
110 }
111 /* Grid */
112 .x-grid3-row {
113 color: #000000;
114 border: 1px solid #666;
115 border-bottom: 1px solid #000;
116 }
117
118 .x-grid3-row-over {
119 border: 1px solid #292929;
120 border-left: 1px solid #666;
121 background-image: url(../images/slickness/grid/row-over.gif);
122 }
123
124 .x-grid3-header {
125 background-image: url(../images/slickness/grid/grid3-hrow.gif);
126 background-color: #747474;
127 }
128
129 .x-grid3-hd-inner {
130 color: #EEEEEE;
131 }
132
133 .x-grid3-header-pop-inner {
134 border-left: 1px solid #000000;
135 background-image: url(../images/slickness/grid/hd-pop.gif);
136 }
137
138 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
139 border-left: 1px solid #000000;
140 border-right: 1px solid #000000;
141 }
142
143 .sort-desc .x-grid3-sort-icon {
144 background-image: url(../images/slickness/grid/sort_desc.gif);
145 }
146
147 .sort-asc .x-grid3-sort-icon {
148 background-image: url(../images/slickness/grid/sort_asc.gif);
149 }
150
151 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 {
152 background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
153 background-color: #333;
154 }
155
156 .x-dd-drag-proxy .x-grid3-hd-inner {
157 background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
158 }
159
160 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
161 background-image: url(../images/slickness/grid/grid-hrow.gif);
162 color: #666;
163 border-top: 1px solid #666 !important;
164 border-right: 1px solid #000 !important;
165 }
166
167 .x-grid3-hd-btn {
168 background-image: url(../images/slickness/grid/grid3-hd-btn.gif);
169 }
170
171 .x-grid3-body .x-grid3-td-expander {
172 background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
173 }
174
175 .x-grid3-body .x-grid3-td-checker {
176 background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
177 }
178
179 .x-grid3-body .x-grid3-td-numberer {
180 background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
181 }
182
183 .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 {
184 background-image: url(../images/slickness/grid/grid3-special-col-sel-bg.gif);
185 }
186
187 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
188 color: #eee;
189 }
190
191 .x-grid3-hd-row td {
192 border-left: 1px solid #555;
193 border-right: 1px solid #333;
194 }
195
196 .x-grid3-row-selected .x-grid3-cell, .x-grid3-row-selected .x-grid3-body-cell{
197 color: #fff !important;
198 }
199
200 .x-grid3-row-selected {
201 background: #333 !important;
202 border: 1px solid #fff;
203 }
204
205 .x-grid-group-hd div {
206 color: #223355;
207 }
208
209 .x-grid-group-hd {
210 border: 1px solid #000;
211 border-bottom: 2px solid #333;
212 }
213
214 .x-grid3-row-checker, .x-grid3-hd-checker {
215 background-image: url(../images/slickness/grid/row-check-sprite.gif);
216 }
217 /* Menu */
218 .x-menu {
219 border: 1px solid #000000;
220 background-color: #393939;
221 background-image: url(../images/slickness/menu/menu.gif);
222 }
223
224 .x-menu-sep {
225 background-color: #4d4d4d;
226 border-bottom: 1px solid #272727;
227 }
228
229 .x-menu-plain {
230 background: #393939 !important;
231 }
232
233 .x-menu-item-active {
234 background-image: url(../images/slickness/menu/item-over.gif);
235 background-color: #3f3f3f;
236 border: 1px solid #222222;
237 }
238
239 .x-menu a.x-menu-item {
240 color: #eeeeee;
241 }
242
243 .x-cycle-menu .x-menu-item-checked {
244 border: 1px solid #222 !important;
245 background: #414140 url(../images/slickness/menu/item-selected.gif) repeat-x left bottom;
246 padding: 0;
247 /*margin : 1px 0px;*/
248 }
249
250 .x-menu-item-active a.x-menu-item {
251 color: #ffffff;
252 }
253
254 .xg-hmenu-sort-asc .x-menu-item-icon {
255 background-image: url(../images/slickness/grid/hmenu-asc.gif);
256 }
257
258 .xg-hmenu-sort-desc .x-menu-item-icon {
259 background-image: url(../images/slickness/grid/hmenu-desc.gif);
260 }
261
262 .x-menu-item-icon {
263 height: 14px;
264 width: 14px;
265 }
266
267 .x-menu-check-item .x-menu-item-icon {
268 background-image: url(../images/slickness/menu/unchecked.gif);
269 }
270
271 .x-menu-item-checked .x-menu-item-icon {
272 background-image: url(../images/slickness/menu/checked.gif);
273 }
274
275 .x-menu-list-item .x-menu-group-item .x-menu-item-icon {
276 background-image: url(../images/slickness/menu/group-unchecked.gif);
277 }
278
279 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
280 background-image: url(../images/slickness/menu/group-checked.gif);
281 }
282 /* Panel Tools */
283 .x-tool {
284 background-image: url(../images/slickness/panel/header-sprites.gif);
285 width: 27px;
286 height: 15px;
287 margin-top: -4px;
288 margin-left: 0px;
289 }
290
291 legend .x-tool {
292 margin-top: 0px;
293 }
294
295 .x-tool-close {
296 background-position: 0 -0;
297 }
298
299 .x-tool-close-over {
300 background-position: -27px 0;
301 }
302
303 .x-tool-minimize {
304 background-position: 0 -15px;
305 }
306
307 .x-tool-minimize-over {
308 background-position: -27px -15px;
309 }
310
311 .x-tool-maximize {
312 background-position: 0 -30px;
313 }
314
315 .x-tool-maximize-over {
316 background-position: -27px -30px;
317 }
318
319 .x-tool-restore {
320 background-position: 0 -45px;
321 }
322
323 .x-tool-restore-over {
324 background-position: -27px -45px;
325 }
326
327 .x-tool-toggle {
328 background-position: 0 -60px;
329 }
330
331 .x-tool-toggle-over {
332 background-position: -27px -60px;
333 }
334
335 .x-panel-collapsed .x-tool-toggle {
336 background-position: 0 -75px;
337 }
338
339 .x-panel-collapsed .x-tool-toggle-over {
340 background-position: -27px -75px;
341 }
342
343 .x-tool-gear {
344 background-position: 0 -90px;
345 }
346
347 .x-tool-gear-over {
348 background-position: -27px -90px;
349 }
350
351 .x-tool-pin {
352 background-position: 0 -135px;
353 }
354
355 .x-tool-pin-over {
356 background-position: -27px -135px;
357 }
358
359 .x-tool-unpin {
360 background-position: 0 -150px;
361 }
362
363 .x-tool-unpin-over {
364 background-position: -27px -150px;
365 }
366
367 .x-tool-right {
368 background-position: 0 -165px;
369 }
370
371 .x-tool-right-over {
372 background-position: -27px -165px;
373 }
374
375 .x-tool-left {
376 background-position: 0 -180px;
377 }
378
379 .x-tool-left-over {
380 background-position: -27px -180px;
381 }
382
383 .x-tool-up {
384 background-position: 0 -210px;
385 }
386
387 .x-tool-up-over {
388 background-position: -27px -210px;
389 }
390
391 .x-tool-down {
392 background-position: 0 -195px;
393 }
394
395 .x-tool-down-over {
396 background-position: -27px -195px;
397 }
398
399 .x-tool-refresh {
400 background-position: 0 -225px;
401 }
402
403 .x-tool-refresh-over {
404 background-position: -27px -225px;
405 }
406
407 .x-tool-minus {
408 background-position: 0 -255px;
409 }
410
411 .x-tool-minus-over {
412 background-position: -27px -255px;
413 }
414
415 .x-tool-plus {
416 background-position: 0 -240px;
417 }
418
419 .x-tool-plus-over {
420 background-position: -27px -240px;
421 }
422
423 .x-tool-search {
424 background-position: 0 -270px;
425 }
426
427 .x-tool-search-over {
428 background-position: -27px -270px;
429 }
430
431 .x-tool-save {
432 background-position: 0 -285px;
433 }
434
435 .x-tool-save-over {
436 background-position: -27px -285px;
437 }
438
439 .x-tool-help {
440 background-position: 0 -300px;
441 }
442
443 .x-tool-help-over {
444 background-position: -27px -300px;
445 }
446
447 .x-tool-print {
448 background-position: 0 -315px;
449 }
450
451 .x-tool-print-over {
452 background-position: -27px -315px;
453 }
454
455 .x-tool-wrench {
456 background-position: 0 -330px;
457 }
458
459 .x-tool-wrench-over {
460 background-position: -27px -330px;
461 }
462 /* Layout Tools */
463 .x-tool-collapse-south {
464 background-position: 0 -195px;
465 }
466
467 .x-tool-collapse-south-over {
468 background-position: -27px -195px;
469 }
470
471 .x-tool-collapse-north {
472 background-position: 0 -210px;
473 }
474
475 .x-tool-collapse-north-over {
476 background-position: -27px -210px;
477 }
478
479 .x-tool-collapse-west {
480 background-position: 0 -180px;
481 }
482
483 .x-tool-collapse-west-over {
484 background-position: -27px -180px;
485 }
486
487 .x-tool-collapse-east {
488 background-position: 0 -165px;
489 }
490
491 .x-tool-collapse-east-over {
492 background-position: -27px -165px;
493 }
494
495 .x-tool-expand-south {
496 background-position: 0 -210px;
497 }
498
499 .x-tool-expand-south-over {
500 background-position: -27px -210px;
501 }
502
503 .x-tool-expand-north {
504 background-position: 0 -195px;
505 }
506
507 .x-tool-expand-north-over {
508 background-position: -27px -195px;
509 }
510
511 .x-tool-expand-west {
512 background-position: 0 -165px;
513 }
514
515 .x-tool-expand-west-over {
516 background-position: -27px -165px;
517 }
518
519 .x-tool-expand-east {
520 background-position: 0 -180px;
521 }
522
523 .x-tool-expand-east-over {
524 background-position: -27px -180px;
525 }
526
527 .x-tool-expand-north, .x-tool-expand-south {
528 float: right;
529 margin: 0px 3px;
530 }
531
532 .x-tool-expand-east, .x-tool-expand-west {
533 float: none;
534 margin: 0px -4px;
535 }
536
537 .x-accordion-hd .x-tool-toggle-over {
538 background-position: -27px -255px;
539 }
540
541 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
542 background-position: -27px -240px;
543 }
544 /* Buttons */
545 .x-btn-text {
546 color: #eeeef0;
547 font-weight: bold !important;
548 }
549
550 .x-btn-left {
551 background-image: url(../images/slickness/button/btn-sprite.gif);
552 }
553
554 .x-btn-right {
555 background-image: url(../images/slickness/button/btn-sprite.gif);
556 }
557
558 .x-btn-center {
559 background-image: url(../images/slickness/button/btn-sprite.gif);
560 }
561
562 .x-btn-menu-arrow-wrap .x-btn-center button {
563 background-image: url(../images/slickness/button/btn-arrow-light.gif);
564 }
565
566 .x-btn-with-menu .x-btn-center em {
567 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
568 }
569
570 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
571 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
572 }
573 /* Layout classes */
574 .x-border-layout-ct {
575 background: #ddd; /* f1f2f4 */
576 }
577
578 .x-accordion-hd {
579 background-image: url(../images/slickness/panel/light-hd.gif);
580 }
581
582 .x-layout-collapsed {
583 background-color: #222222;
584 border-color: #000000;
585 }
586
587 .x-layout-collapsed-over {
588 background-color: #444444;
589 }
590 /* qtips */
591 .x-tip .x-tip-close {
592 background-image: url(../images/slickness/qtip/close.gif);
593 }
594
595 .x-tip .x-tip-tc {
596 background-image: url(../images/slickness/qtip/tip-sprite.gif);
597 }
598
599 .x-tip .x-tip-tl {
600 background-image: url(../images/slickness/qtip/tip-sprite.gif);
601 }
602
603 .x-tip .x-tip-tr {
604 background-image: url(../images/slickness/qtip/tip-sprite.gif);
605 }
606
607 .x-tip .x-tip-bc {
608 background-image: url(../images/slickness/qtip/tip-sprite.gif);
609 }
610
611 .x-tip .x-tip-bl {
612 background-image: url(../images/slickness/qtip/tip-sprite.gif);
613 }
614
615 .x-tip .x-tip-br {
616 background-image: url(../images/slickness/qtip/tip-sprite.gif);
617 }
618
619 .x-tip .x-tip-ml {
620 background-image: url(../images/slickness/qtip/tip-sprite.gif);
621 }
622
623 .x-tip .x-tip-mr {
624 background-image: url(../images/slickness/qtip/tip-sprite.gif);
625 }
626
627 .x-tip .x-tip-header-text {
628 color: #ffffff;
629 }
630
631 .x-tip .x-tip-body {
632 color: #eeeeee;
633 }
634
635 .x-form-invalid-icon {
636 background-image: url(../images/slickness/form/exclamation.gif);
637 }
638
639 .x-form-invalid-tip .x-tip-tc {
640 background-image: url(../images/slickness/form/error-tip-corners.gif);
641 }
642
643 .x-form-invalid-tip .x-tip-tl {
644 background-image: url(../images/slickness/form/error-tip-corners.gif);
645 }
646
647 .x-form-invalid-tip .x-tip-tr {
648 background-image: url(../images/slickness/form/error-tip-corners.gif);
649 }
650
651 .x-form-invalid-tip .x-tip-bc {
652 background-image: url(../images/slickness/form/error-tip-corners.gif);
653 }
654
655 .x-form-invalid-tip .x-tip-bl {
656 background-image: url(../images/slickness/form/error-tip-corners.gif);
657 }
658
659 .x-form-invalid-tip .x-tip-br {
660 background-image: url(../images/slickness/form/error-tip-corners.gif);
661 }
662
663 .x-form-invalid-tip .x-tip-ml {
664 background-image: url(../images/slickness/form/error-tip-corners.gif);
665 }
666
667 .x-form-invalid-tip .x-tip-mr {
668 background-image: url(../images/slickness/form/error-tip-corners.gif);
669 }
670
671 .x-form-invalid-tip .x-tip-body {
672 background-image: url(../images/slickness/form/exclamation.gif);
673 }
674 /* Toolbars */
675 .x-toolbar {
676 border-color: #444444;
677 background: #282828 url(../images/slickness/toolbar/bg.gif) repeat-x top left;
678 }
679
680 .x-toolbar button {
681 color: #eeeef0;
682 }
683
684 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
685 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
686 }
687
688 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
689 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
690 }
691
692 .x-toolbar .x-btn-over .x-btn-left {
693 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
694 }
695
696 .x-toolbar .x-btn-over .x-btn-right {
697 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
698 }
699
700 .x-toolbar .x-btn-over .x-btn-center {
701 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
702 }
703
704 .x-toolbar .x-btn-over button {
705 color: #ffffff;
706 }
707
708 .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 {
709 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
710 }
711
712 .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 {
713 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
714 }
715
716 .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 {
717 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
718 }
719
720 .x-toolbar .ytb-sep {
721 background-image: url(../images/slickness/grid/grid-split.gif);
722 }
723
724 .x-paging-info, .ytb-text {
725 color: #eeeef0;
726 }
727 /* Form */
728 .x-form-field-wrap .x-form-trigger {
729 background-image: url(../images/slickness/form/trigger.gif);
730 border-bottom: 1px solid #a3a3a3;
731 }
732
733 .x-form-field-wrap .x-form-date-trigger {
734 background-image: url(../images/slickness/form/date-trigger.gif);
735 }
736
737 .x-form-field-wrap .x-form-clear-trigger {
738 background-image: url(../images/slickness/form/clear-trigger.gif);
739 }
740
741 .x-form-field-wrap .x-form-search-trigger {
742 background-image: url(../images/slickness/form/search-trigger.gif);
743 }
744
745 .x-form-text, textarea.x-form-field {
746 border: 1px solid #a3a3a3;
747 }
748
749 .x-form-select-one {
750 border: 1px solid #a3a3a3;
751 }
752
753 .x-item-disabled .x-form-trigger-over {
754 border-bottom: 1px solid #a3a3a3;
755 }
756
757 .x-item-disabled .x-form-trigger-click {
758 border-bottom: 1px solid #a3a3a3;
759 }
760
761 .x-form fieldset {
762 border: 1px solid #a3a3a3;
763 }
764
765 .x-form-item-label {
766 color: #eee;
767 }
768
769 .x-panel-noborder .x-form-item-label {
770 color: #111;
771 }
772
773 .x-trigger-wrap-focus .x-form-trigger {
774 border-bottom: 1px solid #eee !important;
775 }
776
777 .x-form-focus, textarea.x-form-focus {
778 border: 1px solid #eee !important;
779 }
780
781 .x-panel-noborder .x-form-focus, textarea.x-form-focus {
782 border: 1px solid #000;
783 }
784 /* Tabs */
785 .x-tab-panel-header, .x-tab-panel-footer {
786 background: #000000;
787 border-color: #4a4a4a;
788 }
789
790 .x-tab-panel-header {
791 border-color: transparent;
792 }
793
794 .x-tab-panel-footer {
795 border-color: #4a4a4a;
796 }
797
798 ul.x-tab-strip-top {
799 background: #000000 url(../images/slickness/tabs/tab-strip-bg.gif) repeat-x left top;
800 border-color: #4a4a4a;
801 }
802
803 ul.x-tab-strip-bottom {
804 background-image: url(../images/slickness/tabs/tab-strip-btm-bg.gif);
805 border-color: #4a4a4a;
806 }
807
808 .x-tab-strip span.x-tab-strip-text {
809 color: #cccccc;
810 }
811
812 .x-tab-strip-over span.x-tab-strip-text {
813 color: #ffffff;
814 }
815
816 .x-tab-strip-active span.x-tab-strip-text {
817 color: #eeeef0;
818 }
819
820 .x-tab-strip-top .x-tab-right {
821 background-image: url(../images/slickness/tabs/tabs-sprite.gif);
822 }
823
824 .x-tab-strip-top .x-tab-left {
825 background-image: url(../images/slickness/tabs/tabs-sprite.gif);
826 }
827
828 .x-tab-strip-top .x-tab-strip-inner {
829 background-image: url(../images/slickness/tabs/tabs-sprite.gif);
830 }
831
832 .x-tab-strip-bottom .x-tab-right {
833 background-image: url(../images/slickness/tabs/tab-btm-inactive-right-bg.gif);
834 }
835
836 .x-tab-strip-bottom .x-tab-left {
837 background-image: url(../images/slickness/tabs/tab-btm-inactive-left-bg.gif);
838 }
839
840 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
841 background-image: url(../images/slickness/tabs/tab-btm-right-bg.gif);
842 }
843
844 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
845 background-image: url(../images/slickness/tabs/tab-btm-left-bg.gif);
846 }
847
848 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
849 background-image: url(../images/slickness/tabs/tab-close.gif);
850 }
851
852 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
853 background-image: url(../images/slickness/tabs/tab-close.gif);
854 }
855
856 .x-tab-panel-body {
857 border-color: #4a4a4a;
858 background: #eeeeee;
859 }
860
861 .x-tab-panel-bbar .x-toolbar {
862 border-color: #000000;
863 }
864
865 .x-tab-panel-tbar .x-toolbar {
866 border-color: #000000;
867 }
868
869 .x-tab-panel-header-plain .x-tab-strip-spacer {
870 border-color: #000000;
871 background: #353535;
872 }
873
874 .x-tab-scroller-left {
875 background-image: url(../images/slickness/tabs/scroll-left.gif);
876 border-color: #000000;
877 }
878
879 .x-tab-scroller-right {
880 background-image: url(../images/slickness/tabs/scroll-right.gif);
881 border-color: #000000;
882 }
883 /* Window */
884 .x-window-proxy {
885 background: #161616;
886 border-color: #000000;
887 }
888
889 .x-window-tl .x-window-header {
890 color: #eeeef0;
891 }
892
893 .x-window-tc {
894 background-image: url(../images/slickness/window/top-bottom.png);
895 }
896
897 .x-window-tl {
898 background-image: url(../images/slickness/window/left-corners.png);
899 }
900
901 .x-window-tr {
902 background-image: url(../images/slickness/window/right-corners.png);
903 }
904
905 .x-window-bc {
906 background-image: url(../images/slickness/window/top-bottom.png);
907 }
908
909 .x-window-bl {
910 background-image: url(../images/slickness/window/left-corners.png);
911 }
912
913 .x-window-br {
914 background-image: url(../images/slickness/window/right-corners.png);
915 }
916
917 .x-window-mc {
918 border: 1px solid #333333;
919 background: #222;
920 color: #eeeeee;
921 }
922
923 .x-window-ml {
924 background-image: url(../images/slickness/window/left-right.png);
925 }
926
927 .x-window-mr {
928 background-image: url(../images/slickness/window/left-right.png);
929 }
930
931 .x-panel-ghost .x-window-tl {
932 border-color: #000000;
933 }
934
935 .x-panel-collapsed .x-window-tl {
936 border-color: #000000;
937 }
938
939 .x-window-plain .x-window-mc {
940 color: #eeeeee;
941 background: #161616;
942 border-left: 1px solid #111111;
943 border-top: 1px solid #111111;
944 border-bottom: 1px solid #222222;
945 border-right: 1px solid #222222;
946 }
947
948 .x-window-plain .x-window-body {
949 border-left: 1px solid #555555;
950 border-top: 1px solid #555555;
951 border-bottom: 1px solid #333333;
952 border-right: 1px solid #333333;
953 background: transparent !important;
954 }
955
956 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
957 color: #eeeeee;
958 background-color: #0e0e0e;
959 }
960 /* Date Picker */
961 .x-date-picker {
962 border: 1px solid #000000;
963 background: #ffffff;
964 }
965
966 .x-date-middle, .x-date-left, .x-date-right {
967 background-image: url(../images/slickness/shared/hd-sprite.gif);
968 }
969
970 .x-date-middle .x-btn-with-menu .x-btn-center em {
971 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
972 }
973
974 .x-date-right a {
975 background-image: url(../images/slickness/shared/right-btn.gif);
976 }
977
978 .x-date-left a {
979 background-image: url(../images/slickness/shared/left-btn.gif);
980 }
981
982 .x-date-inner th {
983 background-image: url(../images/slickness/shared/glass-bg.gif);
984 border-bottom: 1px solid #000000;
985 color: #eeeef0;
986 }
987
988 .x-date-inner .x-date-selected a {
989 background-image: url(../images/slickness/shared/glass-bg.gif);
990 border: 1px solid #000000;
991 color: #eeeef0;
992 }
993
994 .x-date-bottom {
995 border-top: 1px solid #000000;
996 background-image: url(../images/slickness/shared/glass-bg.gif);
997 }
998
999 .x-date-mp-btns {
1000 background-image: url(../images/slickness/shared/glass-bg.gif);
1001 }
1002
1003 td.x-date-mp-sel a {
1004 background-image: url(../images/slickness/shared/glass-bg.gif);
1005 border: 1px solid #000000;
1006 color: #eeeef0 !important;
1007 }
1008
1009 .x-date-mp-ybtn a {
1010 background-image: url(../images/slickness/panel/tool-sprites.gif);
1011 }
1012
1013 .x-date-mp-btns button {
1014 background-image: url(../images/slickness/shared/glass-bg.gif);
1015 border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
1016 color: #eeeef0;
1017 }
1018
1019 .x-date-inner a {
1020 color: #000000;
1021 }
1022
1023 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
1024 color: #eeeef0;
1025 background: #353535;
1026 }
1027
1028 td.x-date-mp-month a, td.x-date-mp-year a {
1029 color: #000000;
1030 }
1031
1032 td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
1033 color: #eeeef0;
1034 background: #353535;
1035 }
1036 /* misc */
1037 .x-html-editor-wrap {
1038 border-color: #000000;
1039 }
1040 /* Editor */
1041 .x-html-editor-tb .x-btn-text {
1042 background: transparent url(../images/slickness/editor/tb-sprite.gif) no-repeat;
1043 }
1044 /* FieldSet*/
1045 .x-fieldset-header-text {
1046 color: #eeeeee;
1047 }
1048 /* Borders go last for specificity */
1049 .x-panel-noborder .x-panel-body-noborder {
1050 border-width: 0;
1051 }
1052
1053 .x-panel-noborder .x-panel-header-noborder {
1054 border-width: 0;
1055 border-bottom: 1px solid #000000;
1056 }
1057
1058 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1059 border-width: 0;
1060 border-bottom: 1px solid #000000;
1061 }
1062
1063 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1064 border-width: 0;
1065 border-top: 1px solid #000000;
1066 }
1067
1068 .x-window-noborder .x-window-mc {
1069 border-width: 0;
1070 }
1071
1072 .x-window-plain .x-window-body-noborder {
1073 border-width: 0;
1074 }
1075
1076 .x-tab-panel-noborder .x-tab-panel-body-noborder {
1077 border-width: 0;
1078 }
1079
1080 .x-tab-panel-noborder .x-tab-panel-header-noborder {
1081 border-top-width: 0;
1082 border-left-width: 0;
1083 border-right-width: 0;
1084 }
1085
1086 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
1087 border-bottom-width: 0;
1088 border-left-width: 0;
1089 border-right-width: 0;
1090 }
1091
1092 .x-tab-panel-bbar-noborder .x-toolbar {
1093 border-width: 0;
1094 border-top: 1px solid #000000;
1095 }
1096
1097 .x-tab-panel-tbar-noborder .x-toolbar {
1098 border-width: 0;
1099 border-bottom: 1px solid #000000;
1100 }
1101 /* Progress Bar*/
1102 .x-progress-wrap {
1103 border: 1px solid #4c4c4c;
1104 }
1105
1106 .x-progress-inner {
1107 background: #2d2d2d url(../images/slickness/progress/progress-bg.gif) repeat-x;
1108 }
1109
1110 .x-progress-bar {
1111 height: 18px;
1112 background: transparent url( ../images/slickness/progress/progress-ind.gif ) repeat-x left center;
1113 border: none;
1114 }
1115
1116 .x-progress-text {
1117 color: #000;
1118 }
1119
1120 .x-progress-text-back {
1121 color: #eee;
1122 }
1123 /* Dialog */
1124 .x-window-dlg .ext-mb-icon {
1125 float: left;
1126 width: 58px;
1127 height: 48px;
1128 }
1129
1130 .ext-ie .x-window-dlg .ext-mb-icon {
1131 width: 55px; /* 3px IE margin issue */
1132 }
1133
1134 .x-window-dlg .ext-mb-info {
1135 background: transparent url(../images/slickness/window/icon-info.gif) no-repeat top left;
1136 }
1137
1138 .x-window-dlg .ext-mb-warning {
1139 background: transparent url(../images/slickness/window/icon-warning.gif) no-repeat top left;
1140 }
1141
1142 .x-window-dlg .ext-mb-question {
1143 background: transparent url(../images/slickness/window/icon-question.gif) no-repeat top left;
1144 }
1145
1146 .x-window-dlg .ext-mb-error {
1147 background: transparent url(../images/slickness/window/icon-error.gif) no-repeat top left;
1148 }
1149 /* Combo */
1150 .x-combo-list {
1151 border: 1px solid #333;
1152 background: #ddd;
1153 }
1154
1155 .x-resizable-pinned .x-combo-list-inner {
1156 /*border-bottom:1px solid #333;*/
1157 }
1158
1159 .x-combo-list .x-combo-selected {
1160 border: 1px dotted #888 !important;
1161 background: #ccc;
1162 }
1163
1164 .x-combo-noedit {
1165 cursor: pointer;
1166 }
1167
1168 .x-combo-list .x-toolbar {
1169 border-top: 1px solid #333;
1170 }