09bb5631cbad0ee1f3b853bd8ec55f7ef10f2e9d
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / extjs / xtheme-t3skin.css
1 /**
2 * TYPO3 Backend colors defaults!
3 *
4 * Colors:
5 * General Background #EFEFF4
6 * Dark Grey #D7DBE2
7 * Text #55545E
8 * headline Text #FFFFFF
9 * Border #A2AAB8
10 *
11 * Attributes:
12 * font-family verdana, arial, tahoma, helvetica, sans-serif
13 * font-size 10px
14 */
15
16 .x-tab-strip-spacer { display: none; }
17
18 .x-panel {
19 border-style: solid;
20 border-color: #A2AAB8;
21 }
22 .x-panel-header {
23 color:#333;
24 border:1px solid #A2AAB8;
25 background-image:url(images/panel/white-top-bottom.gif);
26 }
27
28 .x-panel-tbar {
29 }
30
31 .x-panel-body {
32 border-width: 0;
33 }
34
35 .x-panel-bbar {
36 border-top: 1px solid #cdcdcd;
37 }
38
39 .x-panel-bbar .x-toolbar {
40 border-color: transparent;
41 }
42
43 .x-panel-tbar .x-toolbar {
44 border-color: transparent;
45 }
46
47 .x-panel-tl .x-panel-header {
48 color:#333;
49 }
50 .x-panel-tc {
51 background-image:url(images/panel/top-bottom.gif);
52 }
53 .x-panel-tl {
54 background-image:url(images/panel/corners-sprite.gif);
55 border-color:#A2AAB8;
56 }
57 .x-panel-tr {
58 background-image:url(images/panel/corners-sprite.gif);
59 }
60 .x-panel-bc {
61 background-image:url(images/panel/top-bottom.gif);
62 }
63 .x-panel-bl {
64 background-image:url(images/panel/corners-sprite.gif);
65 }
66 .x-panel-br {
67 background-image:url(images/panel/corners-sprite.gif);
68 }
69 .x-panel-mc {
70 background:#EFEFF4;
71 }
72 .x-panel-mc .x-panel-body {
73 background:transparent;
74 border: 0 none;
75 }
76 .x-panel-ml {
77 background-image:url(images/panel/left-right.gif);
78 }
79 .x-panel-mr {
80 background-image:url(images/panel/left-right.gif);
81 }
82
83 /* Tools */
84 .x-tool {
85 background-image:url(images/panel/tool-sprites.gif);
86 }
87
88 /* Ghosting */
89 .x-panel-ghost {
90 background:#EFEFF4;
91 }
92
93 .x-panel-ghost ul {
94 border-color:#A2AAB8;
95 }
96
97 .x-grid-panel .x-panel-mc .x-panel-body {
98 border: none;
99 }
100
101 /* Buttons */
102 .x-btn-left{
103 background-image:url(images/button/btn-sprite.gif);
104 }
105 .x-btn-right{
106 background-image:url(images/button/btn-sprite.gif);
107 }
108 .x-btn-center{
109 background-image:url(images/button/btn-sprite.gif);
110 }
111
112 /* Layout classes */
113 .x-border-layout-ct {
114 background:#EFEFF4;
115 }
116
117 .x-accordion-hd {
118 background-image:url(images/panel/light-hd.gif);
119 }
120
121 .x-layout-collapsed {
122 background-color:#EFEFF4;
123 }
124
125 .x-layout-collapsed-over{
126 background-color:#EFEFF4;
127 }
128
129
130 /* qtips */
131 .x-tip .x-tip-top {
132 background-image:url(images/qtip/tip-sprite.gif);
133 }
134 .x-tip .x-tip-top-left {
135 background-image:url(images/qtip/tip-sprite.gif);
136 }
137 .x-tip .x-tip-top-right {
138 background-image:url(images/qtip/tip-sprite.gif);
139 }
140 .x-tip .x-tip-ft {
141 background-image:url(images/qtip/tip-sprite.gif);
142 }
143 .x-tip .x-tip-ft-left {
144 background-image:url(images/qtip/tip-sprite.gif);
145 }
146 .x-tip .x-tip-ft-right {
147 background-image:url(images/qtip/tip-sprite.gif);
148 }
149 .x-tip .x-tip-bd-left {
150 background-image:url(images/qtip/tip-sprite.gif);
151 }
152 .x-tip .x-tip-bd-right {
153 background-image:url(images/qtip/tip-sprite.gif);
154 }
155 button.x-btn-text:hover {
156 background-color: inherit;
157 color: inherit;
158 }
159
160
161 /* Tabs */
162
163 .x-tab-panel-header, .x-tab-panel-footer {
164 background: #EFEFF4;
165 border-color:#A2AAB8;
166 }
167
168
169 .x-tab-panel-header {
170 border-color:#A2AAB8;
171 }
172
173 .x-tab-panel-footer {
174 border-color:#A2AAB8;
175 }
176
177 ul.x-tab-strip {
178 padding-left: 0;
179 list-style: none;
180 }
181
182 ul.x-tab-strip-top{
183 padding-top: 1px;
184 }
185
186 ul.x-tab-strip-bottom{
187 padding-bottom: 1px;
188 }
189
190 ul.x-tab-strip li {
191 margin-left: 0;
192 margin-right: 2px;
193 }
194
195 ul.x-tab-strip.x-tab-strip-top li.last {
196 margin-right: 0px
197 }
198
199 .x-tab-strip span.x-tab-strip-text {
200 font-style: normal;
201 }
202
203 .x-tab-strip-active span.x-tab-strip-text {
204 color: #333333;
205 }
206
207 .x-tab-strip-disabled .x-tabs-text {
208 color:#aaaaaa;
209 }
210
211 .x-tab-strip span.x-tab-strip-text,
212 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
213 padding: 1px 0;
214 }
215
216 .x-tab-strip-over span.x-tab-strip-text,
217 .x-tab-strip-active span.x-tab-strip-text {
218 color: #000000;
219 }
220
221 .x-tab-strip-disabled .x-tabs-text {
222 color: #aaaaaa;
223 }
224
225
226 .x-tab-strip-top .x-tab-right {
227 background: #dadada;
228 border-color: #adadad #adadad #c0c0c0;
229 border-style: solid;
230 border-width: 1px;
231 border-top-left-radius: 3px;
232 border-top-right-radius: 3px;
233 color: #666666;
234 padding: 5px 10px;
235 position: relative;
236 top: 1px;
237 }
238
239 .x-tab-strip-over .x-tab-right {
240 background-color: #ffffff;
241 }
242
243 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
244 background-color: #ffffff;
245 border-bottom: 1px solid #ffffff;
246 }
247
248 .x-tab-strip-bottom .x-tab-right {
249 background-image:url(images/tabs/tab-btm-inactive-right-bg.gif);
250 }
251
252 .x-tab-strip-bottom .x-tab-left {
253 background-image:url(images/tabs/tab-btm-inactive-left-bg.gif);
254 }
255
256 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
257 background-image:url(images/tabs/tab-btm-right-bg.gif);
258 }
259
260 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
261 background-image:url(images/tabs/tab-btm-left-bg.gif);
262 }
263
264 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
265 background-image:url(images/tabs/tab-close.gif);
266 }
267 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
268 background-image:url(images/tabs/tab-close.gif);
269 }
270
271 .x-tab-panel-bbar .x-toolbar {
272 border-color: #A2AAB8;
273 }
274
275 .x-tab-panel-tbar .x-toolbar {
276 border-color: #A2AAB8;
277 }
278
279 .x-tab-panel-header, .x-tab-panel-footer {
280 border-bottom: none;
281 }
282
283 .x-tab-panel-header {
284 padding-bottom: 0;
285 }
286
287 .x-tab-panel-footer {
288 padding-top: 0;
289 }
290
291 .x-tab-panel-header-plain .x-tab-strip-spacer,
292 .x-tab-panel-footer-plain .x-tab-strip-spacer {
293 border-color:#A2AAB8;
294 background: #eaeaea;
295 }
296
297 .x-tab-scrolling .x-tab-strip-wrap {
298 margin-left: 21px;
299 margin-right: 21px;
300 }
301
302 .x-tab-scroller-left {
303 background-image: url(images/tabs/scroll-left.gif);
304 border-color:#A2AAB8;
305 }
306 .x-tab-scroller-right {
307 background-image: url(images/tabs/scroll-right.gif);
308 border-color:#A2AAB8;
309 }
310
311 /* Window */
312
313 .x-window-proxy {
314 background:#e0e0e0;
315 border-color:#A2AAB8;
316 }
317
318 .x-window-tl .x-window-header {
319 color:#555;
320 }
321 .x-window-tc {
322 background-image:url(images/window/top-bottom.png);
323 }
324 .x-window-tl {
325 background-image:url(images/window/left-corners.png);
326 }
327 .x-window-tr {
328 background-image:url(images/window/right-corners.png);
329 }
330 .x-window-bc {
331 background-image:url(images/window/top-bottom.png);
332 }
333 .x-window-bl {
334 background-image:url(images/window/left-corners.png);
335 }
336 .x-window-br {
337 background-image:url(images/window/right-corners.png);
338 }
339 .x-window-mc {
340 border:1px solid #A2AAB8;
341 background:#e8e8e8;
342 }
343
344 .x-window-ml {
345 background-image:url(images/window/left-right.png);
346 }
347 .x-window-mr {
348 background-image:url(images/window/left-right.png);
349 }
350 .x-panel-ghost .x-window-tl {
351 border-color:#A2AAB8;
352 }
353 .x-panel-collapsed .x-window-tl {
354 border-color:#A2AAB8;
355 }
356
357 .x-window-plain .x-window-mc {
358 background: #EFEFF4;
359 border-right:1px solid #eee;
360 border-bottom:1px solid #eee;
361 border-top:1px solid #A2AAB8;
362 border-left:1px solid #A2AAB8;
363 }
364
365 .x-window-plain .x-window-body {
366 border-left:1px solid #eee;
367 border-top:1px solid #eee;
368 border-bottom:1px solid #A2AAB8;
369 border-right:1px solid #A2AAB8;
370 background:transparent !important;
371 }
372
373 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
374 background-color: #EFEFF4;
375 }
376
377 /*
378 * re-add the button background for all toolbar buttons within windows,
379 * currently used within the mass uploader
380 */
381 .x-window-tbar .x-btn-tl {
382 background-position: 0 0;
383 }
384 .x-window-tbar .x-btn-tr {
385 background-position: -3px 0;
386 }
387 .x-window-tbar .x-btn-tc {
388 background-position: 0 -6px;
389 }
390
391 .x-window-tbar .x-btn-ml {
392 background-position: 0 -24px;
393 }
394 .x-window-tbar .x-btn-mr {
395 background-position: -3px -24px;
396 }
397
398 .x-window-tbar .x-btn-mc {
399 background-position: 0 -1096px;
400 }
401
402 .x-window-tbar .x-btn-bl {
403 background-position: 0 -3px;
404 }
405
406 .x-window-tbar .x-btn-br {
407 background-position: -3px -3px;
408 }
409
410 .x-window-tbar .x-btn-bc {
411 background-position: 0 -15px;
412 }
413
414 .x-window-tbar .x-btn button {
415 color: #333;
416 }
417
418 /* misc */
419 .x-html-editor-wrap {
420 border-color:#A2AAB8;
421 }
422
423 /* Borders go last for specificity */
424 .x-panel-noborder .x-panel-body-noborder {
425 border-width:0;
426 }
427
428 .x-panel-noborder .x-panel-header-noborder {
429 border-width:0;
430 border-bottom:1px solid #A2AAB8;
431 }
432
433 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
434 border-width:0;
435 border-top:1px solid #A2AAB8;
436 }
437
438 .x-window-noborder .x-window-mc {
439 border-width:0;
440 }
441 .x-window-plain .x-window-body-noborder {
442 border-width:0;
443 }
444
445 .x-tab-panel-noborder .x-tab-panel-body-noborder {
446 border-width:0;
447 }
448
449 .x-tab-panel-noborder .x-tab-panel-header-noborder {
450 border-top-width:0;
451 border-left-width:0;
452 border-right-width:0;
453 }
454
455 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
456 border-bottom-width:0;
457 border-left-width:0;
458 border-right-width:0;
459 }
460
461
462 .x-tab-panel-bbar-noborder .x-toolbar {
463 border-width:0;
464 border-top:1px solid #A2AAB8;
465 }
466
467 .x-tab-panel-tbar-noborder .x-toolbar {
468 border-width:0;
469 border-bottom:1px solid #A2AAB8;
470 }
471
472
473 /*
474 * "xtheme-typo3be" by Jos´┐Ż Alfonso Dacosta Dominguez (galdaka@hotmail.com)
475 * Donate: https://www.paypal.com/es/cgi-bin/webscr?cmd=_flow&SESSION=dK9etfumWahABPggjpbeXDhdwxUJtKuUo1_iQW8d3fQQaXdS9w51j25Gm7O&dispatch=5885d80a13c0db1f998ca054efbdf2c25fe4a05bcb33bff6399b4b6a7ee9cf98
476 * Custom themes and licence: galdaka@hotmail.com
477 * Site: www.jadacosta.es
478 */
479
480 /* the mask for dialogs */
481 .ext-el-mask {
482 background-color: #000000;
483 -moz-opacity: 0.75;
484 opacity: 0.75;
485 filter:alpha(opacity=75);
486 }
487
488 .x-mask-loading {
489 border: none;
490 }
491
492 .x-mask-loading div {
493 background-image: url("../images/spinner/big-f0f0f0.gif");
494 background-position: top center;
495 border: none;
496 color: #828282;
497 padding-top: 40px;
498 }
499
500 /* mask while loading */
501 .t3-mask-loading .ext-el-mask,
502 .x-panel .ext-el-mask {
503 background-color: #f8f8f8;
504 }
505
506 .x-mask-loading-div {
507 padding: 0;
508 }
509
510 .x-mask-loading-message.ext-el-mask-msg {
511 border: none;
512 background: none;
513 }
514
515 .x-mask-loading-message div {
516 background-color: transparent;
517 background-image: url("../images/spinner/big-f0f0f0.gif");
518 border: none;
519 cursor: pointer;
520 height: 32px;
521 padding: 0;
522 width: 32px;
523 }
524
525 .x-item-disabled {
526 color: gray;
527 }
528
529 .x-splitbar-proxy {
530 background-color: #aaa;
531 }
532
533 .x-color-palette a {
534 border-color:#fff;
535 }
536
537 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
538 border-color:#b4b4b4;
539 background-color: #EFEFF4;
540 }
541
542 .x-color-palette em {
543 border-color:#A2AAB8;
544 }
545
546 .x-ie-shadow {
547 background-color:#777;
548 }
549
550 .x-shadow .xsmc {
551 background-image: url(images/shadow-c.png);
552 }
553
554 .x-shadow .xsml, .x-shadow .xsmr {
555 background-image: url(images/shadow-lr.png);
556 }
557
558 .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
559 background-image: url(images/shadow.png);
560 }
561
562 .loading-indicator {
563 font-size: 10px;
564 background-image: url('../images/spinner/ffffff.gif');
565 }
566
567 .x-spotlight {
568 background-color: #ccc;
569 }
570
571 .x-tab-panel-header, .x-tab-panel-footer {
572 background-color: #f1f1f1;
573 border-color:#A2AAB8;
574 overflow:hidden;
575 zoom:1;
576 }
577
578 .x-tab-panel-header, .x-tab-panel-footer {
579 border-color:#A2AAB8;
580 }
581
582 /* tabs inside tabs */
583 .x-tab-panel-body .x-tab-panel-header,
584 .x-tab-panel-body .x-tab-panel-footer {
585 background-color: #ffffff;
586
587 }
588 ul.x-tab-strip-top{
589 border-bottom-color: #adadad;
590 }
591
592 ul.x-tab-strip-bottom{
593 border-top-color:#adadad;
594 }
595
596 .x-tab-panel-header-plain .x-tab-strip-spacer,
597 .x-tab-panel-footer-plain .x-tab-strip-spacer {
598 border-color:#A2AAB8;
599 background-color: #EFEFF4;
600 }
601
602 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
603 background-image:url(images/tabs/tab-close.gif);
604 }
605
606 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
607 background-image:url(images/tabs/tab-close.gif);
608 }
609
610 .x-tab-panel-body {
611 border-color:#a2aab8;
612 background-color: #ececec;
613 background-repeat: repeat-x;
614 background-image: url(../images/backgrounds/tab.png);
615 background-image: linear-gradient(center top , #ffffff 0, #ececec 100px);
616 }
617
618 .x-tab-panel-body .x-panel-body {
619 background-color: transparent;
620 }
621
622 .x-tab-panel-body-top {
623 border-top: 0 none;
624 }
625
626 .x-tab-panel-body-bottom {
627 border-bottom: 0 none;
628 }
629
630 .x-tab-scroller-left {
631 background-image:url(images/tabs/scroll-left.gif);
632 border-bottom-color:#A2AAB8;
633 }
634
635 .x-tab-scroller-left-over {
636 background-position: 0 0;
637 }
638
639 .x-tab-scroller-left-disabled {
640 background-position: -18px 0;
641 opacity:.5;
642 -moz-opacity:.5;
643 filter:alpha(opacity=50);
644 cursor:default;
645 }
646
647 .x-tab-scroller-right {
648 background-image:url(images/tabs/scroll-right.gif);
649 border-bottom-color:#A2AAB8;
650 }
651
652 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
653 border-color:#A2AAB8;
654 }
655
656 .x-form-field {
657 -webkit-box-sizing: content-box;
658 -moz-box-sizing: content-box;
659 box-sizing: content-box;
660 }
661
662 .x-form-text, textarea.x-form-field{
663 background-color:#fff;
664 background-image: none;
665 border-color:#b5b8c8;
666 }
667
668 .x-form-select-one {
669 background-color:#fff;
670 border-color:#b5b8c8;
671 }
672
673 .x-form-check-group-label {
674 border-bottom: 1px solid #A2AAB8;
675 color: #55545E;
676 }
677
678 .x-editor .x-form-check-wrap {
679 background-color:#fff;
680 }
681
682 .x-form-field-wrap .x-form-trigger{
683 background-image:url(images/form/trigger.gif);
684 border-bottom-color:#b5b8c8;
685 }
686
687 .x-form-field-wrap .x-form-spinner-trigger{
688 background-image: url(images/form/spinner.gif);
689 }
690
691 .x-form-field-wrap .x-form-date-trigger{
692 background-image: url(images/form/date-trigger.gif);
693 }
694
695 .x-form-field-wrap .x-form-clear-trigger{
696 background-image: url(images/form/clear-trigger.gif);
697 }
698
699 .x-form-field-wrap .x-form-search-trigger{
700 background-image: url(images/form/search-trigger.gif);
701 }
702
703 .x-trigger-wrap-focus .x-form-trigger{
704 border-bottom-color:#a7a7a7;
705 }
706
707 .x-item-disabled .x-form-trigger-over{
708 border-bottom-color:#b5b8c8;
709 }
710
711 .x-item-disabled .x-form-trigger-click{
712 border-bottom-color:#b5b8c8;
713 }
714
715 .x-form-focus, textarea.x-form-focus{
716 border-color:#a7a7a7;
717 }
718
719 .x-form-invalid, textarea.x-form-invalid{
720 background-color:#fff;
721 background-image:url(images/grid/invalid_line.gif);
722 border-color:#c30;
723 }
724
725 .ext-safari .x-form-invalid{
726 background-color:#fee;
727 border-color:#ff7870;
728 }
729
730 .x-form-inner-invalid, textarea.x-form-inner-invalid{
731 background-color:#fff;
732 background-image:url(images/grid/invalid_line.gif);
733 }
734
735 .x-form-invalid-msg {
736 color:#c0272b;
737 background-image:url(images/shared/warning.gif);
738 }
739
740 .x-form-empty-field {
741 color:gray;
742 }
743
744 .x-form-invalid-icon {
745 background-image:url(images/form/exclamation.gif);
746 }
747
748 .x-fieldset {
749 border-color:#b5b8c8;
750 }
751
752 .x-fieldset legend {
753 font-weight: bold;
754 color:#55545E;
755 }
756
757 .x-btn button {
758 font-size: 12px;
759 }
760
761 .x-btn em {
762 font-style:normal;
763 font-weight:normal;
764 }
765
766 .x-btn {
767 background-color: #d5d5d5;
768 background-image: url('../images/backgrounds/button.png');
769 background-repeat: repeat-x;
770 background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
771 border: 1px solid #7c7c7c;
772 border-radius: 1px;
773 color: #434343;
774 }
775
776 .x-btn-icon {
777 border-color: transparent;
778 background: transparent;
779 }
780
781 .x-btn-pressed,
782 .x-btn-over,
783 .x-btn-icon.x-btn-over {
784 background-color: #bdbcbc;
785 color: #1e1e1e;
786 }
787
788 .x-btn-disabled *{
789 color:gray !important;
790 }
791
792 .x-btn-mc em.x-btn-arrow {
793 background-image:url(images/button/arrow.gif);
794 }
795
796 .x-btn-mc em.x-btn-split {
797 background-image:url(images/button/s-arrow.gif);
798 }
799
800 .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
801 background-image:url(images/button/s-arrow-o.gif);
802 }
803
804 .x-btn-mc em.x-btn-arrow-bottom {
805 background-image:url(images/button/s-arrow-b-noline.gif);
806 }
807
808 .x-btn-mc em.x-btn-split-bottom {
809 background-image:url(images/button/s-arrow-b.gif);
810 }
811
812 .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
813 background-image:url(images/button/s-arrow-bo.gif);
814 }
815
816 .x-btn-group-header {
817 color: #686868;
818 }
819
820 .x-btn-group-tc {
821 background-image: url(images/button/group-tb.gif);
822 }
823
824 .x-btn-group-tl {
825 background-image: url(images/button/group-cs.gif);
826 }
827
828 .x-btn-group-tr {
829 background-image: url(images/button/group-cs.gif);
830 }
831
832 .x-btn-group-bc {
833 background-image: url(images/button/group-tb.gif);
834 }
835
836 .x-btn-group-bl {
837 background-image: url(images/button/group-cs.gif);
838 }
839
840 .x-btn-group-br {
841 background-image: url(images/button/group-cs.gif);
842 }
843
844 .x-btn-group-ml {
845 background-image: url(images/button/group-lr.gif);
846 }
847 .x-btn-group-mr {
848 background-image: url(images/button/group-lr.gif);
849 }
850
851 .x-btn-group-notitle .x-btn-group-tc {
852 background-image: url(images/button/group-tb.gif);
853 }
854
855 .x-tbar-page-first{
856 background-image: url(images/grid/page-first.gif) !important;
857 }
858
859 .x-tbar-loading{
860 background-image: url(images/grid/refresh.gif) !important;
861 }
862
863 .x-tbar-page-last{
864 background-image: url(images/grid/page-last.gif) !important;
865 }
866
867 .x-tbar-page-next{
868 background-image: url(images/grid/page-next.gif) !important;
869 }
870
871 .x-tbar-page-prev{
872 background-image: url(images/grid/page-prev.gif) !important;
873 }
874
875 .x-item-disabled .x-tbar-loading{
876 background-image: url('../images/spinner/ffffff.gif') !important;
877 }
878
879 .x-item-disabled .x-tbar-page-first{
880 background-image: url(images/grid/page-first-disabled.gif) !important;
881 }
882
883 .x-item-disabled .x-tbar-page-last{
884 background-image: url(images/grid/page-last-disabled.gif) !important;
885 }
886
887 .x-item-disabled .x-tbar-page-next{
888 background-image: url(images/grid/page-next-disabled.gif) !important;
889 }
890
891 .x-item-disabled .x-tbar-page-prev{
892 background-image: url(images/grid/page-prev-disabled.gif) !important;
893 }
894
895 .x-paging-info {
896 color:#444;
897 }
898
899 .x-toolbar-more-icon {
900 background-image: url(images/toolbar/more.gif) !important;
901 }
902
903 .x-statusbar .x-status-busy {
904 background-image: url('../images/spinner/ffffff.gif');
905 }
906
907 .x-statusbar .x-status-text-panel {
908 border-color: #A2AAB8 #fff #fff #A2AAB8;
909 }
910 .x-resizable-handle {
911 background-color:#fff;
912 }
913
914 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
915 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
916 {
917 background-image:url(images/sizer/e-handle.gif);
918 }
919
920 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
921 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
922 {
923 background-image:url(images/sizer/s-handle.gif);
924 }
925
926 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
927 background-image:url(images/sizer/s-handle.gif);
928 }
929 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
930 background-image:url(images/sizer/se-handle.gif);
931 }
932 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
933 background-image:url(images/sizer/nw-handle.gif);
934 }
935 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
936 background-image:url(images/sizer/ne-handle.gif);
937 }
938 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
939 background-image:url(images/sizer/sw-handle.gif);
940 }
941 .x-resizable-proxy{
942 border-color:#575757;
943 }
944 .x-resizable-overlay{
945 background-color:#fff;
946 }
947
948 .x-grid3 {
949 background-color:#fff;
950 }
951
952 .x-grid3-hd-row td {
953 border-left-color: transparent;
954 border-right-color: transparent;
955 }
956
957 .x-grid-row-loading {
958 background-color: #fff;
959 background-image:url(images/shared/loading-balls.gif);
960 }
961
962 .x-grid3-row {
963 border: none;
964 background-color: #f7f7f7;
965 }
966
967 .x-grid3-row-alt{
968 background-color: transparent;
969 }
970
971 .x-grid3-row-over {
972 background-color: #dedede;
973 border: none;
974 }
975
976 .x-grid3-row-expanded {
977 background-color: #dedede;
978 }
979
980 .x-grid3-resize-proxy {
981 background-color:#777;
982 }
983
984 .x-grid3-resize-marker {
985 background-color:#777;
986 }
987
988 .x-grid3-header{
989 background-color: #5b5b5b;
990 background-image: linear-gradient(center top, #7f7f7f 10%, #5b5b5b 100%);
991 color: #ffffff;
992 font-weight: bold;
993 }
994
995 .x-grid3-header-pop {
996 border-left-color:#A2AAB8;
997 }
998
999 .x-grid3-header-pop-inner {
1000 border-left-color:#EFEFF4;
1001 background-image:url(images/grid/hd-pop.gif);
1002 }
1003
1004 td.sort-desc, td.sort-asc {
1005 border-left-color: transparent;
1006 border-right-color: transparent;
1007 }
1008
1009
1010 td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
1011 border-left-color: #5b5b5b;
1012 border-right-color: transparent;
1013 background-image: linear-gradient(
1014 center bottom,
1015 #7f7f7f 10%,
1016 #5b5b5b 100%
1017 );
1018 }
1019
1020 .sort-asc .x-grid3-sort-icon {
1021 background-image: url(images/grid/sort_asc.gif);
1022 }
1023
1024 .sort-desc .x-grid3-sort-icon {
1025 background-image: url(images/grid/sort_desc.gif);
1026 }
1027
1028 .x-grid3-cell-text, .x-grid3-hd-text {
1029 color:#000;
1030 }
1031
1032 .x-grid3-split {
1033 background-image: url(images/grid/grid-split.gif);
1034 }
1035
1036 .x-grid3-hd-text {
1037 color:#55545E;
1038 }
1039
1040 .x-dd-drag-proxy .x-grid3-hd-inner{
1041 background-color:#f2f2f2;
1042 background-image:url(images/grid/grid3-hrow-over.gif);
1043 border-color:#c8c8c8;
1044 }
1045
1046 .col-move-top{
1047 background-image:url(images/grid/col-move-top.gif);
1048 }
1049
1050 .col-move-bottom{
1051 background-image:url(images/grid/col-move-bottom.gif);
1052 }
1053
1054 .x-grid3-cell-selected{
1055 background-color: #dedede !important;
1056 color: #606060;
1057 }
1058
1059 .x-grid3-cell-selected span{
1060 color:#606060 !important;
1061 }
1062
1063 .x-grid3-cell-selected .x-grid3-cell-text{
1064 color: #606060;
1065 }
1066
1067 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
1068 background-color:#d7d9df !important;
1069 background-image:url(images/grid/grid-hrow.gif) !important;
1070 color:#000;
1071 border-top-color:#fff;
1072 border-right-color:#9c9c9c !important;
1073 }
1074
1075 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
1076 color:#55545E !important;
1077 }
1078
1079 .x-grid3-dirty-cell {
1080 background-image:url(images/grid/dirty.gif);
1081 }
1082
1083 .x-grid3-bottombar .x-toolbar{
1084 border-top-color:#bcbcbc;
1085 }
1086
1087 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
1088 background-image:url(images/grid/grid3-special-col-bg.gif) !important;
1089 color:#000 !important;
1090 }
1091
1092 .x-props-grid .x-grid3-body .x-grid3-td-name{
1093 background-color:#fff !important;
1094 border-right-color:#EFEFF4;
1095 }
1096
1097 .xg-hmenu-sort-asc .x-menu-item-icon{
1098 background-image: url(images/grid/hmenu-asc.gif);
1099 }
1100
1101 .xg-hmenu-sort-desc .x-menu-item-icon{
1102 background-image: url(images/grid/hmenu-desc.gif);
1103 }
1104
1105 .xg-hmenu-lock .x-menu-item-icon{
1106 background-image: url(images/grid/hmenu-lock.gif);
1107 }
1108
1109 .xg-hmenu-unlock .x-menu-item-icon{
1110 background-image: url(images/grid/hmenu-unlock.gif);
1111 }
1112
1113 .x-grid3-hd-btn {
1114 background-image:url(images/grid/grid3-hd-btn.gif);
1115 }
1116
1117 .x-grid3-row-expander {
1118 background-image:url(images/grid/row-expand-sprite.png);
1119 width: 18px;
1120 }
1121
1122 .x-grid3-row-checker, .x-grid3-hd-checker {
1123 background-image:url(images/grid/row-check-sprite.gif);
1124 }
1125
1126 .x-grid3-body .x-grid3-td-numberer {
1127 background-image:url(images/grid/grid3-special-col-bg.gif);
1128 }
1129
1130 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
1131 color:#444;
1132 }
1133
1134 .x-grid3-body .x-grid3-td-row-icon {
1135 background-image:url(images/grid/grid3-special-col-bg.gif);
1136 }
1137
1138 .x-grid3-check-col {
1139 background-image:url(images/menu/unchecked.gif);
1140 }
1141
1142 .x-grid3-check-col-on {
1143 background-image:url(images/menu/checked.gif);
1144 }
1145
1146 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
1147 zoom:1;
1148 }
1149
1150 .x-grid-group-hd {
1151 border: none;
1152 }
1153
1154 .x-grid-group-hd div.x-grid-group-title {
1155 background-image:url("images/grid/row-expand-sprite.png");
1156 background-position: 4px -38px;
1157 color:#606060;
1158 font-weight: bold;
1159 padding: 5px 4px 4px 27px;
1160 }
1161
1162 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
1163 background-image: url("images/grid/row-expand-sprite.png");
1164 background-position: 4px -18px;
1165 }
1166
1167 .x-group-by-icon {
1168 background-image:url(images/grid/group-by.gif);
1169 }
1170
1171 .x-cols-icon {
1172 background-image:url(images/grid/columns.gif);
1173 }
1174
1175 .x-show-groups-icon {
1176 background-image:url(images/grid/group-by.gif);
1177 }
1178
1179 .x-grid-empty {
1180 color:gray;
1181 }
1182
1183 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
1184 border-right-color:#ededed;
1185 }
1186
1187 .x-grid-with-col-lines .x-grid3-row{
1188 border-top-color:#ededed;
1189 }
1190
1191 .x-grid-with-col-lines .x-grid3-row-selected {
1192 border-top-color:#b9b9b9;
1193 }
1194 .x-dd-drag-ghost{
1195 color:#000;
1196 border-color: #ddd #bbb #bbb #ddd;
1197 background-color:#fff;
1198 }
1199
1200 .x-dd-drop-nodrop .x-dd-drop-icon{
1201 background-image: url(images/dd/drop-no.gif);
1202 }
1203
1204 .x-dd-drop-ok .x-dd-drop-icon{
1205 background-image: url(images/dd/drop-yes.gif);
1206 }
1207
1208 .x-dd-drop-ok-add .x-dd-drop-icon{
1209 background-image: url(images/dd/drop-add.gif);
1210 }
1211
1212 .x-view-selector {
1213 background-color:#d8d8d8;
1214 border-color:#8d8d8d;
1215 }
1216
1217 .x-tree ul {
1218 margin-bottom: 0;
1219 list-style: none;
1220 padding-left: 0;
1221 }
1222
1223 .x-tree .x-panel-body{
1224 background-color:#fff;
1225 }
1226
1227 .x-tree-node-expanded .x-tree-node-icon{
1228 background-image:url(../images/icons/apps/filetree-folder-opened.png);
1229 }
1230
1231 .x-tree-node-leaf .x-tree-node-icon{
1232 background-image:url(images/tree/leaf.gif);
1233 }
1234
1235 .x-tree-node-collapsed .x-tree-node-icon{
1236 background-image:url(../images/icons/apps/filetree-folder-default.png);
1237 }
1238
1239 .x-tree-node-loading .x-tree-node-icon{
1240 background-image: url('../images/spinner/ffffff.gif') !important;
1241 }
1242
1243 .x-tree-node .x-tree-node-inline-icon {
1244 background-image: none;
1245 }
1246
1247 .x-tree-node .x-tree-node-anchor:focus {
1248 text-decoration: none;
1249 }
1250
1251 .x-tree-node-loading a span{
1252 font-style: italic;
1253 color:#444444;
1254 }
1255
1256 .ext-ie .x-tree-node-el input {
1257 width:15px;
1258 height:15px;
1259 }
1260
1261 .x-tree-node-el {
1262 line-height: 18px;
1263 height: 18px;
1264 margin-right: 0;
1265 }
1266
1267 .x-tree-lines .x-tree-elbow-end,
1268 .x-tree-lines .x-tree-elbow-end-minus,
1269 .x-tree-lines .x-tree-elbow-end-plus,
1270 .x-tree-lines .x-tree-elbow-line,
1271 .x-tree-lines .x-tree-elbow,
1272 .x-tree-lines .x-tree-elbow-plus,
1273 .x-tree-lines .x-tree-elbow-minus {
1274 background-repeat: repeat-y;
1275 background-position: 0 1px;
1276 height: 20px;
1277 }
1278
1279 .x-tree-lines .x-tree-elbow{
1280 background-image: url('../icons/gfx/ol/join.gif');
1281 }
1282
1283 .x-tree-lines .x-tree-elbow-plus {
1284 background-image: url('../icons/gfx/ol/plus.gif');
1285 }
1286
1287 .x-tree-lines .x-tree-elbow-minus {
1288 background-image: url('../icons/gfx/ol/minus.gif');
1289 }
1290
1291 .x-tree-lines .x-tree-elbow-end-minus {
1292 background: url('../icons/gfx/ol/minusbottom.gif') left top no-repeat;
1293 }
1294
1295 .x-tree-lines .x-tree-elbow-end {
1296 background: url('../icons/gfx/ol/joinbottom.gif') left top no-repeat;
1297 }
1298
1299 .x-tree-lines .x-tree-elbow-end-plus{
1300 background: url('../icons/gfx/ol/plusbottom.gif') left top no-repeat;
1301 }
1302
1303 .x-tree-lines .x-tree-elbow-line{
1304 background-image: url('../icons/gfx/ol/line.gif');
1305 }
1306
1307 .x-tree-no-lines .x-tree-elbow-plus{
1308 background-image:url(images/tree/elbow-plus-nl.gif);
1309 }
1310
1311 .x-tree-no-lines .x-tree-elbow-minus{
1312 background-image:url(images/tree/elbow-minus-nl.gif);
1313 }
1314
1315 .x-tree-no-lines .x-tree-elbow-end-plus{
1316 background-image:url(images/tree/elbow-end-plus-nl.gif);
1317 }
1318
1319 .x-tree-no-lines .x-tree-elbow-end-minus{
1320 background-image:url(images/tree/elbow-end-minus-nl.gif);
1321 }
1322
1323 .x-tree-arrows .x-tree-elbow-plus{
1324 background-image:url(images/tree/arrows.gif);
1325 }
1326
1327 .x-tree-arrows .x-tree-elbow-minus{
1328 background-image:url(images/tree/arrows.gif);
1329 }
1330
1331 .x-tree-arrows .x-tree-elbow-end-plus{
1332 background-image:url(images/tree/arrows.gif);
1333 }
1334
1335 .x-tree-arrows .x-tree-elbow-end-minus{
1336 background-image:url(images/tree/arrows.gif);
1337 }
1338
1339 .x-tree-node{
1340 color:#000;
1341 font-size: 12px;
1342 }
1343
1344 .x-tree-node a, .x-dd-drag-ghost a {
1345 color: #000;
1346 vertical-align: -1px;
1347 display: inline-block;
1348 }
1349
1350 .x-tree-node a span, .x-dd-drag-ghost a span {
1351 color: #000;
1352 }
1353
1354 .x-tree-node .x-tree-node-disabled a span{
1355 color:gray !important;
1356 }
1357
1358 .x-tree-node div.x-tree-drag-insert-below{
1359 border-bottom-color:#686868;
1360 }
1361
1362 .x-tree-node div.x-tree-drag-insert-above{
1363 border-top-color:#686868;
1364 }
1365
1366 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1367 border-bottom-color:#686868;
1368 }
1369
1370 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1371 border-top-color:#686868;
1372 }
1373
1374 .x-tree-node .x-tree-drag-append a span{
1375 background-color:#ddd;
1376 border-color:gray;
1377 }
1378
1379 .x-tree-node .x-tree-node-over {
1380 background-color: #EFEFF4;
1381 }
1382
1383 .x-tree-node .x-tree-selected {
1384 background-color: #e6e6e6;
1385 }
1386
1387 .x-tree-drop-ok-append .x-dd-drop-icon{
1388 background-image: url(images/tree/drop-add.gif);
1389 }
1390
1391 .x-tree-drop-ok-above .x-dd-drop-icon{
1392 background-image: url(images/tree/drop-over.gif);
1393 }
1394
1395 .x-tree-drop-ok-below .x-dd-drop-icon{
1396 background-image: url(images/tree/drop-under.gif);
1397 }
1398
1399 .x-tree-drop-ok-between .x-dd-drop-icon{
1400 background-image: url(images/tree/drop-between.gif);
1401 }
1402 .x-date-picker {
1403 border-color: #373737;
1404 background-color:#fff;
1405 }
1406
1407 .x-date-middle,.x-date-left,.x-date-right {
1408 background-image: url(images/shared/hd-sprite.gif);
1409 color:#fff;
1410 font-weight: bold;
1411 }
1412
1413 .x-date-left,.x-date-right {
1414 padding-top:5px;
1415 }
1416
1417 .x-date-middle .x-btn .x-btn-text {
1418 color:#000;
1419 }
1420
1421 .x-date-middle .x-btn-mc em.x-btn-arrow {
1422 background-image:url(images/toolbar/btn-arrow.gif);
1423 }
1424
1425 .x-date-right a {
1426 background-image: url(images/shared/right-btn.gif);
1427 }
1428
1429 .x-date-left a{
1430 background-image: url(images/shared/left-btn.gif);
1431 }
1432
1433 .x-date-inner th {
1434 background-color:#EFEFF4;
1435 background-image:url(images/shared/glass-bg.gif);
1436 border-bottom-color:#A2AAB8;
1437 color:#3d3d3d;
1438 }
1439
1440 .x-date-inner td {
1441 border-color:#fff;
1442 }
1443
1444 .x-date-inner a {
1445 color:#000;
1446 }
1447
1448 .x-date-inner .x-date-active{
1449 color:#000;
1450 }
1451
1452 .x-date-inner .x-date-selected a{
1453 background-color:#EFEFF4;
1454 background-image:url(images/shared/glass-bg.gif);
1455 border-color:#afafaf;
1456 }
1457
1458 .x-date-inner .x-date-today a{
1459 border-color:darkred;
1460 }
1461
1462 .x-date-inner .x-date-selected span{
1463 font-weight:bold;
1464 }
1465
1466 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1467 color:#aaa;
1468 }
1469
1470 .x-date-bottom {
1471 border-top-color:#A2AAB8;
1472 background-color:#EFEFF4;
1473 background-image:url(images/shared/glass-bg.gif);
1474 }
1475
1476 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1477 color:#000;
1478 background-color:#eaeaea;
1479 }
1480
1481 .x-date-inner .x-date-disabled a {
1482 background-color:#EFEFF4;
1483 color:#bbb;
1484 }
1485
1486 .x-date-mmenu{
1487 background-color:#eee !important;
1488 }
1489
1490 .x-date-mmenu .x-menu-item {
1491 color:#000;
1492 }
1493
1494 .x-date-mp {
1495 background-color:#fff;
1496 }
1497
1498 .x-date-mp-btns button {
1499 background-color:#A2AAB8;
1500 color:#fff;
1501 border-color: #686868 #101010 #101010 #686868;
1502 }
1503
1504 .x-date-mp-btns {
1505 background-color: #EFEFF4;
1506 background-image: url(images/shared/glass-bg.gif);
1507 }
1508
1509 .x-date-mp-btns td {
1510 border-top-color: #A2AAB8;
1511 }
1512
1513 td.x-date-mp-month a,td.x-date-mp-year a {
1514 color:#55545E;
1515 }
1516
1517 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1518 color:#55545E;
1519 background-color: #eaeaea;
1520 }
1521
1522 td.x-date-mp-sel a {
1523 background-color: #EFEFF4;
1524 background-image: url(images/shared/glass-bg.gif);
1525 border-color:#afafaf;
1526 }
1527
1528 .x-date-mp-ybtn a {
1529 background-image:url(images/panel/tool-sprites.gif);
1530 }
1531
1532 td.x-date-mp-sep {
1533 border-right-color:#A2AAB8;
1534 }
1535
1536 .x-tip {
1537 background-color: #ffffc7;
1538 border: 1px solid #cccccc;
1539 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
1540 }
1541
1542 .x-tip .x-tip-header-text {
1543 font-weight: bold;
1544 font-size: 12px;
1545 line-height: 14px;
1546 margin-bottom: 4px;
1547 }
1548
1549 .x-tip .x-tool-close {
1550 display: none;
1551 }
1552
1553 .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
1554 .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
1555 {
1556 background-image: url(images/form/error-tip-corners.gif);
1557 }
1558
1559 .x-form-invalid-tip .x-tip-body {
1560 background-image:url(images/form/exclamation.gif);
1561 }
1562
1563 .x-tip-anchor {
1564 background-image:url(images/qtip/tip-anchor-sprite.gif);
1565 }
1566
1567 .x-tip-anchor-left,
1568 .x-tip-anchor-right {
1569 height: 16px;
1570 }
1571
1572 .x-tip.tipIsLinked {
1573 cursor: pointer;
1574 }
1575
1576 .x-menu {
1577 border-color:#898989;
1578 background-color: #ffffff;
1579 background-image:url(images/menu/menu.gif);
1580 }
1581
1582 ul.x-menu-list {
1583 margin-bottom: 0;
1584 margin-top: 0;
1585 }
1586
1587 .x-menu-nosep {
1588 background-image:none;
1589 }
1590
1591 .x-menu-item-arrow{
1592 background-image:url(images/menu/menu-parent.gif);
1593 }
1594
1595 .x-menu-sep {
1596 background-color:#e0e0e0;
1597 border-bottom-color:#fff;
1598 }
1599
1600 a.x-menu-item {
1601 color:#222;
1602 }
1603
1604 .x-menu-item-icon {
1605 top: 4px;
1606 }
1607
1608 .x-menu-item-icon .t3-icon {
1609 width: 20px;
1610 height: 20px;
1611 }
1612
1613 .x-menu-item-active {
1614 background-color: #e9e9e9;
1615 border-color:#c8c8c8;
1616 }
1617
1618 .x-menu-item-active a.x-menu-item {
1619 border-color:#c8c8c8;
1620 }
1621
1622 .x-menu-check-item .x-menu-item-icon{
1623 background-image:url(images/menu/unchecked.gif);
1624 }
1625
1626 .x-menu-item-checked .x-menu-item-icon{
1627 background-image:url(images/menu/checked.gif);
1628 }
1629
1630 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1631 background-image:url(images/menu/group-checked.gif);
1632 }
1633
1634 .x-menu-group-item .x-menu-item-icon{
1635 background-image:none;
1636 }
1637
1638 .x-menu-plain {
1639 background-color:#fff !important;
1640 }
1641
1642 .x-menu .x-date-picker{
1643 border-color:#A2AAB8;
1644 }
1645
1646 .x-cycle-menu .x-menu-item-checked {
1647 border-color:#b9b9b9 !important;
1648 background-color:#e9e9e9;
1649 }
1650
1651 .x-menu-scroller-top {
1652 background-image:url(images/layout/mini-top.gif);
1653 }
1654
1655 .x-menu-scroller-bottom {
1656 background-image:url(images/layout/mini-bottom.gif);
1657 }
1658
1659 .x-box-tl {
1660 background-image: url(images/box/corners.gif);
1661 }
1662
1663 .x-box-tc {
1664 background-image: url(images/box/tb.gif);
1665 }
1666
1667 .x-box-tr {
1668 background-image: url(images/box/corners.gif);
1669 }
1670
1671 .x-box-ml {
1672 background-image: url(images/box/l.gif);
1673 }
1674
1675 .x-box-mc {
1676 background-color: #EFEFF4;
1677 background-image: url(images/box/tb.gif);
1678 color: #393939;
1679 font-size: 10px;
1680 font-weight: bold;
1681 }
1682
1683 .x-box-mc h3 {
1684 font-size: 14px;
1685 font-weight: bold;
1686 }
1687
1688 .x-box-mr {
1689 background-image: url(images/box/r.gif);
1690 }
1691
1692 .x-box-bl {
1693 background-image: url(images/box/corners.gif);
1694 }
1695
1696 .x-box-bc {
1697 background-image: url(images/box/tb.gif);
1698 }
1699
1700 .x-box-br {
1701 background-image: url(images/box/corners.gif);
1702 }
1703
1704 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1705 background-image: url(images/box/corners-gray.gif);
1706 }
1707
1708 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1709 background-image: url(images/box/tb-gray.gif);
1710 }
1711
1712 .x-box-blue .x-box-mc {
1713 background-color: #d8d8d8;
1714 }
1715
1716 .x-box-blue .x-box-mc h3 {
1717 color: #363636;
1718 }
1719
1720 .x-box-blue .x-box-ml {
1721 background-image: url(images/box/l-gray.gif);
1722 }
1723
1724 .x-box-blue .x-box-mr {
1725 background-image: url(images/box/r-gray.gif);
1726 }
1727 #x-debug-browser .x-tree .x-tree-node a span {
1728 color:#333333;
1729 font-family:"monotype","courier new",sans-serif;
1730 }
1731
1732 #x-debug-browser .x-tree a i {
1733 color:#ff4545;
1734 font-style:normal;
1735 }
1736
1737 #x-debug-browser .x-tree a em {
1738 color:#999;
1739 }
1740
1741 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
1742 background-color:#d8d8d8;
1743 }
1744
1745 .x-resizable-pinned .x-combo-list-inner {
1746 border-bottom-color:#bcbcbc;
1747 }
1748
1749 .x-combo-list-inner {
1750 background-color: #EFEFEF;
1751 }
1752
1753 .x-panel {
1754 border-color: #A2AAB8;
1755 }
1756
1757 .x-panel-header {
1758 color: #fff;
1759 font-weight:bold;
1760 border-color:#A2AAB8;
1761 background-image: url(images/panel/white-top-bottom.gif);
1762 }
1763
1764 .x-panel-body {
1765 border-color: #A2AAB8;
1766 }
1767
1768 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1769 border-top-color: #A2AAB8;
1770 }
1771
1772 .x-panel-tl .x-panel-header {
1773 color:#55545E;
1774 }
1775
1776 .x-panel-tc {
1777 background-image: url(images/panel/top-bottom.gif);
1778 }
1779
1780 .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
1781 background-image: url(images/panel/corners-sprite.gif);
1782 border-bottom-color: #A2AAB8;
1783 }
1784
1785 .x-panel-bc {
1786 background-image: url(images/panel/top-bottom.gif);
1787 }
1788
1789 .x-panel-mc {
1790 background-color:#efefef;
1791 }
1792
1793 .x-panel-ml {
1794 background-color: #fff;
1795 background-image:url(images/panel/left-right.gif);
1796 }
1797
1798 .x-panel-mr {
1799 background-image: url(images/panel/left-right.gif);
1800 }
1801
1802 .x-tool {
1803 background-image:url(images/panel/tool-sprites.gif);
1804 }
1805
1806 .x-panel-ghost {
1807 background-color:#dbdbdb;
1808 }
1809
1810 .x-panel-ghost ul {
1811 border-color:#A2AAB8;
1812 }
1813
1814 .x-panel-dd-spacer {
1815 border-color:#A2AAB8;
1816 }
1817
1818 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1819 }
1820
1821 .x-window-proxy {
1822 background-color:#dcdcdc;
1823 border-color:#A2AAB8;
1824 }
1825
1826 /* Modal dialog title/header bar */
1827 .x-window-tl .x-window-header {
1828 color:#fff;
1829 font-weight: bold;
1830 padding:4px 0 4px 0;
1831 }
1832
1833 .x-window-tc {
1834 background-image: url(images/window/top-bottom.png);
1835 }
1836
1837 .x-window-tl {
1838 background-image: url(images/window/left-corners.png);
1839 }
1840
1841 .x-window-tr {
1842 background-image: url(images/window/right-corners.png);
1843 }
1844
1845 .x-window-bc {
1846 background-image: url(images/window/top-bottom.png);
1847 }
1848
1849 .x-window-bl {
1850 background-image: url(images/window/left-corners.png);
1851 }
1852
1853 .x-window-br {
1854 background-image: url(images/window/right-corners.png);
1855 }
1856
1857 .x-window-mc {
1858 border-color:#A2AAB8;
1859 background-color:#e7e7e7;
1860 }
1861
1862 .x-window-ml {
1863 background-image: url(images/window/left-right.png);
1864 }
1865
1866 .x-window-mr {
1867 background-image: url(images/window/left-right.png);
1868 }
1869
1870 .x-window-maximized .x-window-tc {
1871 background-color:#fff;
1872 }
1873
1874 .x-window-bbar .x-toolbar {
1875 border-top-color:#A2AAB8;
1876 }
1877
1878 .x-panel-ghost .x-window-tl {
1879 border-bottom-color:#A2AAB8;
1880 }
1881
1882 .x-panel-collapsed .x-window-tl {
1883 border-bottom-color:#84a0c4;
1884 }
1885
1886 .x-dlg-mask{
1887 background-color:#ccc;
1888 }
1889
1890 .x-window-plain .x-window-mc {
1891 background-color: #EFEFF4;
1892 border-color: #b9b9b9 #efefef #efefef #b9b9b9;
1893 }
1894
1895 .x-window-plain .x-window-body {
1896 border-color: #efefef #b9b9b9 #b9b9b9 #efefef;
1897 }
1898
1899 body.x-body-masked .x-window-plain .x-window-mc {
1900 background-color: #e2e2e2;
1901 }
1902 .x-html-editor-wrap {
1903 border-color:#bcbcbc;
1904 background-color:#fff;
1905 }
1906 .x-html-editor-tb .x-btn-text {
1907 background-image:url(images/editor/tb-sprite.gif);
1908 }
1909 .x-panel-noborder .x-panel-header-noborder {
1910 border-bottom-color:#A2AAB8;
1911 }
1912
1913 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1914 border-bottom: none;
1915 }
1916
1917 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1918 border-top: none;
1919 }
1920
1921 .x-tab-panel-bbar-noborder .x-toolbar {
1922 border-top-color:#A2AAB8;
1923 }
1924
1925 .x-tab-panel-tbar-noborder .x-toolbar {
1926 border-bottom-color:#A2AAB8;
1927 }
1928 .x-border-layout-ct {
1929 background-color:#f0f0f0;
1930 }
1931
1932 .x-accordion-hd {
1933 color:#222;
1934 font-weight:normal;
1935 background-image: url(images/panel/light-hd.gif);
1936 }
1937
1938 .x-layout-collapsed {
1939 background-color:#dfdfdf;
1940 }
1941
1942 .x-layout-collapsed-over{
1943 background-color:#e6e6e6;
1944 }
1945
1946 .x-layout-mini {
1947 opacity: 0.6;
1948 }
1949
1950 .x-layout-mini:hover {
1951 opacity: 0.8;
1952 }
1953
1954 .x-layout-split-west .x-layout-mini {
1955 background-image:url(images/layout/mini-left.gif);
1956 }
1957 .x-layout-split-east .x-layout-mini {
1958 background-image:url(images/layout/mini-right.gif);
1959 }
1960 .x-layout-split-north .x-layout-mini {
1961 background-image:url(images/layout/mini-top.gif);
1962 }
1963 .x-layout-split-south .x-layout-mini {
1964 background-image:url(images/layout/mini-bottom.gif);
1965 }
1966
1967 .x-layout-cmini-west .x-layout-mini {
1968 background-image:url(images/layout/mini-right.gif);
1969 }
1970
1971 .x-layout-cmini-east .x-layout-mini {
1972 background-image:url(images/layout/mini-left.gif);
1973 }
1974
1975 .x-layout-cmini-north .x-layout-mini {
1976 background-image:url(images/layout/mini-bottom.gif);
1977 }
1978
1979 .x-layout-cmini-south .x-layout-mini {
1980 background-image:url(images/layout/mini-top.gif);
1981 }
1982 .x-progress-wrap {
1983 border-color:#8f8f8f;
1984 }
1985
1986 .x-progress-inner {
1987 background-color:#e7e7e7;
1988 background-image:url(images/qtip/bg.gif);
1989 }
1990
1991 .x-progress-bar {
1992 background-color:#bcbcbc;
1993 background-image:url(images/progress/progress-bg.gif);
1994 border-top-color:#e2e2e2;
1995 border-bottom-color:#a6a6a6;
1996 border-right-color:#a6a6a6;
1997 }
1998
1999 .x-progress-text {
2000 font-weight:bold;
2001 color:#fff;
2002 }
2003
2004 .x-progress-text-back {
2005 color:#396095;
2006 }
2007 .x-list-header{
2008 background-color:#f9f9f9;
2009 background-image:url(images/grid/grid3-hrow.gif);
2010 }
2011
2012 .x-list-header-inner div em {
2013 border-left-color:#ddd;
2014 }
2015
2016 .x-list-over {
2017 background-color:#EFEFF4;
2018 }
2019
2020 .x-list-selected {
2021 background-color:#EFEFF4;
2022 }
2023
2024 .x-list-resizer {
2025 border-left-color:#555;
2026 border-right-color:#555;
2027 }
2028
2029 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
2030 background-image:url(images/grid/sort-hd.gif);
2031 border-color: #A2AAB8;
2032 }
2033 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
2034 background-image:url(images/slider/slider-bg.png);
2035 }
2036
2037 .x-slider-horz .x-slider-thumb {
2038 background-image:url(images/slider/slider-thumb.png);
2039 }
2040
2041 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
2042 background-image:url(images/slider/slider-v-bg.png);
2043 }
2044
2045 .x-slider-vert .x-slider-thumb {
2046 background-image:url(images/slider/slider-v-thumb.png);
2047 }
2048 .x-window-dlg .ext-mb-text,
2049 .x-window-dlg .x-window-header-text {
2050 }
2051 /* defines the header text in the draggable area of a modal window */
2052 .x-window-dlg .x-window-header-text {
2053 color: #fff;
2054 }
2055
2056 .x-window-dlg .ext-mb-textarea {
2057 }
2058
2059 .x-window-dlg .x-msg-box-wait {
2060 background-image: url('../images/spinner/ffffff.gif');
2061 }
2062
2063 .x-window-dlg .ext-mb-info {
2064 background-image:url(images/window/icon-info-big.png);
2065 }
2066
2067 .x-window-dlg .ext-mb-warning {
2068 background-image:url(images/window/icon-warning-big.png);
2069 }
2070
2071 .x-window-dlg .ext-mb-question {
2072 background-image:url(images/window/icon-question-big.png);
2073 }
2074
2075 .x-window-dlg .ext-mb-error {
2076 background-image:url(images/window/icon-error-big.png);
2077 }
2078
2079 /*ADDONS*/
2080
2081 .x-form fieldset {
2082 border:1px solid #dedede;
2083 }
2084 .x-form fieldset legend {
2085 font-weight: bold;
2086 color: #606060;
2087 }
2088
2089 /* Tree frame split bar */
2090 #typo3-navigationContainer-xsplit {
2091 width: 0;
2092 }
2093
2094 /* Collapse icon */
2095 #typo3-navigationContainer-xsplit .x-layout-mini-west,
2096 #typo3-navigationContainer-xcollapsed .x-layout-mini-west {
2097 background-position: center;
2098 background-repeat: no-repeat;
2099 left: 0px;
2100 padding: 5px 0;
2101 position: absolute;
2102 }
2103
2104 /* Only show collapse icon, when user hovers the split bar */
2105 #typo3-navigationContainer-xsplit:hover .x-layout-mini-west,
2106 #typo3-navigationContainer-xcollapsed:hover .x-layout-mini-west {
2107 display: block;
2108 }
2109
2110 #typo3-module-menu-xcollapsed:hover .x-layout-mini-west {
2111 left: 5px;
2112 }
2113
2114 #typo3-navigationContainer-xcollapsed {
2115 width: 10px !important;
2116 }
2117
2118 /**
2119 * this is our invisible wrapper around the collapse button,
2120 * which enables us to have kind of invisible splitbar
2121 */
2122 .x-layout-mini-wrapper {
2123 height: 100%;
2124 left: -5px;
2125 position: absolute;
2126 width: 10px;
2127 }
2128
2129 .x-splitbar-proxy.x-splitbar-proxy-h {
2130 width: 2px !important;
2131 }
2132
2133 #widget-navigation-tree .x-panel-noborder .x-panel-body-noborder {
2134 background-color: #efeff4;
2135 }
2136
2137 #widget-navigation-tree {
2138 background-color: #00f;
2139 }
2140
2141 #widget-navigation-tree-tree {
2142 background-color: #0f0;
2143 }
2144
2145 /* Relogin progress bar and relogin dialog */
2146 #loginRefreshWindow .x-window-body,
2147 #loginformWindow .x-window-body,
2148 #loginRefreshWindow .x-window-mc,
2149 #loginRefreshWindow .x-panel-bwrap,
2150 #loginformWindow .x-panel-bwrap,
2151 #loginRefreshWindow .x-panel-body,
2152 #loginformWindow .x-panel-body {
2153 background-color: #E4E4E4;
2154 border: none;
2155 }
2156
2157 #loginRefreshWindow .x-panel-body.x-panel-body-noheader.x-panel-body-noborder,
2158 #loginRefreshWindow .x-panel-header.x-unselectable,
2159 #loginformWindow .x-panel-header.x-unselectable,
2160 .t3-window .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
2161 background-image: none;
2162 background-color: transparent;
2163 color: #000;
2164 border: none;
2165 }
2166
2167 #loginRefreshWindow .x-panel-footer,
2168 #loginformWindow .x-panel-footer {
2169 background-image: none;
2170 background-color: #E4E4E4;
2171 color: #000;
2172 border: none;
2173 }
2174
2175 #loginRefreshWindow button.x-btn-text,
2176 #loginformWindow button.x-btn-text {
2177 color: #000;
2178 }
2179
2180 #loginformWindow .x-window-ml {
2181 background-color: #E4E4E4;
2182 }
2183
2184 .t3-window .x-window-body.x-window-body-noborder {
2185 padding: 10px;
2186 }
2187
2188 .t3-window .x-btn button {
2189 padding-left: 3px;
2190 padding-right: 3px;
2191 }
2192
2193 .icon-collapse-all {
2194 background-image: url("images/tree/collapse-all.gif") !important;
2195 }
2196 .icon-expand-all {
2197 background-image: url("images/tree/expand-all.gif") !important;
2198 }
2199
2200 .x-grid3-col {
2201 color: #606060
2202 }
2203
2204 div.x-grid3-row img.t3-icon-extensions-workspaces {
2205 display: inline-block !important;
2206 width: 1px;
2207 }
2208 div.x-grid3-row:hover img.t3-icon-extensions-workspaces {
2209 width: 17px
2210 }
2211
2212 .t3skin-typo3-module-panel-toolbar .x-toolbar{
2213 background-color: #585858;
2214 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/AEBAQExAQECzQEBA/xb3BD8CHBN0AAAAAElFTkSuQmCC");
2215 background-position: right;
2216 background-repeat: repeat-y;
2217 border: none;
2218 padding: 0;
2219 margin: 0;
2220 }