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