4910089032eeca9f3ce3d4140fe84c6656438d55
[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('../../core/Resources/Public/Icons/T3Icons/apps/apps-pagetree-folder-contains.svg');
1229 }
1230
1231 .x-tree-node-leaf .x-tree-node-icon{
1232 background-image:url('../../core/Resources/Public/Icons/T3Icons/apps/apps-pagetree-page-not-in-menu.svg');
1233 }
1234
1235 .x-tree-node-collapsed .x-tree-node-icon{
1236 background-image:url('../../core/Resources/Public/Icons/T3Icons/apps/apps-pagetree-folder-default.svg');
1237 }
1238
1239 .x-tree-node-loading .x-tree-node-icon{
1240 background-image: url('../images/spinner/ffffff.gif') !important;
1241 }
1242 .x-tree-node .icon, .x-tree-node .x-tree-node-icon {
1243 margin-right: 3px;
1244 }
1245 .x-tree-node .x-tree-node-inline-icon {
1246 background-image: none;
1247 }
1248
1249 .x-tree-node .x-tree-node-anchor:focus {
1250 text-decoration: none;
1251 }
1252
1253 .x-tree-node-loading a span{
1254 font-style: italic;
1255 color:#444444;
1256 }
1257
1258 .ext-ie .x-tree-node-el input {
1259 width:15px;
1260 height:15px;
1261 }
1262
1263 .x-tree-node-el {
1264 line-height: 18px;
1265 height: 18px;
1266 margin-right: 0;
1267 }
1268
1269 .x-tree-lines .x-tree-elbow-end,
1270 .x-tree-lines .x-tree-elbow-end-minus,
1271 .x-tree-lines .x-tree-elbow-end-plus,
1272 .x-tree-lines .x-tree-elbow-line,
1273 .x-tree-lines .x-tree-elbow,
1274 .x-tree-lines .x-tree-elbow-plus,
1275 .x-tree-lines .x-tree-elbow-minus {
1276 background-repeat: repeat-y;
1277 background-position: 0 1px;
1278 height: 20px;
1279 }
1280
1281 .x-tree-lines .x-tree-elbow{
1282 background-image: url('../icons/gfx/ol/join.gif');
1283 }
1284
1285 .x-tree-lines .x-tree-elbow-plus {
1286 background-image: url('../icons/gfx/ol/plus.gif');
1287 }
1288
1289 .x-tree-lines .x-tree-elbow-minus {
1290 background-image: url('../icons/gfx/ol/minus.gif');
1291 }
1292
1293 .x-tree-lines .x-tree-elbow-end-minus {
1294 background: url('../icons/gfx/ol/minusbottom.gif') left top no-repeat;
1295 }
1296
1297 .x-tree-lines .x-tree-elbow-end {
1298 background: url('../icons/gfx/ol/joinbottom.gif') left top no-repeat;
1299 }
1300
1301 .x-tree-lines .x-tree-elbow-end-plus{
1302 background: url('../icons/gfx/ol/plusbottom.gif') left top no-repeat;
1303 }
1304
1305 .x-tree-lines .x-tree-elbow-line{
1306 background-image: url('../icons/gfx/ol/line.gif');
1307 }
1308
1309 .x-tree-no-lines .x-tree-elbow-plus{
1310 background-image:url(images/tree/elbow-plus-nl.gif);
1311 }
1312
1313 .x-tree-no-lines .x-tree-elbow-minus{
1314 background-image:url(images/tree/elbow-minus-nl.gif);
1315 }
1316
1317 .x-tree-no-lines .x-tree-elbow-end-plus{
1318 background-image:url(images/tree/elbow-end-plus-nl.gif);
1319 }
1320
1321 .x-tree-no-lines .x-tree-elbow-end-minus{
1322 background-image:url(images/tree/elbow-end-minus-nl.gif);
1323 }
1324
1325 .x-tree-arrows .x-tree-elbow-plus{
1326 background-image:url(images/tree/arrows.gif);
1327 }
1328
1329 .x-tree-arrows .x-tree-elbow-minus{
1330 background-image:url(images/tree/arrows.gif);
1331 }
1332
1333 .x-tree-arrows .x-tree-elbow-end-plus{
1334 background-image:url(images/tree/arrows.gif);
1335 }
1336
1337 .x-tree-arrows .x-tree-elbow-end-minus{
1338 background-image:url(images/tree/arrows.gif);
1339 }
1340
1341 .x-tree-node{
1342 color:#000;
1343 font-size: 12px;
1344 }
1345
1346 .x-tree-node a, .x-dd-drag-ghost a {
1347 color: #000;
1348 vertical-align: -1px;
1349 display: inline-block;
1350 }
1351
1352 .x-tree-node a span, .x-dd-drag-ghost a span {
1353 color: #000;
1354 }
1355
1356 .x-tree-node .x-tree-node-disabled a span{
1357 color:gray !important;
1358 }
1359
1360 .x-tree-node div.x-tree-drag-insert-below{
1361 border-bottom-color:#686868;
1362 }
1363
1364 .x-tree-node div.x-tree-drag-insert-above{
1365 border-top-color:#686868;
1366 }
1367
1368 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
1369 border-bottom-color:#686868;
1370 }
1371
1372 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
1373 border-top-color:#686868;
1374 }
1375
1376 .x-tree-node .x-tree-drag-append a span{
1377 background-color:#ddd;
1378 border-color:gray;
1379 }
1380
1381 .x-tree-node .x-tree-node-over {
1382 background-color: #EFEFF4;
1383 }
1384
1385 .x-tree-node .x-tree-selected {
1386 background-color: #e6e6e6;
1387 }
1388
1389 .x-tree-drop-ok-append .x-dd-drop-icon{
1390 background-image: url(images/tree/drop-add.gif);
1391 }
1392
1393 .x-tree-drop-ok-above .x-dd-drop-icon{
1394 background-image: url(images/tree/drop-over.gif);
1395 }
1396
1397 .x-tree-drop-ok-below .x-dd-drop-icon{
1398 background-image: url(images/tree/drop-under.gif);
1399 }
1400
1401 .x-tree-drop-ok-between .x-dd-drop-icon{
1402 background-image: url(images/tree/drop-between.gif);
1403 }
1404 .x-date-picker {
1405 border-color: #373737;
1406 background-color:#fff;
1407 }
1408
1409 .x-date-middle,.x-date-left,.x-date-right {
1410 background-image: url(images/shared/hd-sprite.gif);
1411 color:#fff;
1412 font-weight: bold;
1413 }
1414
1415 .x-date-left,.x-date-right {
1416 padding-top:5px;
1417 }
1418
1419 .x-date-middle .x-btn .x-btn-text {
1420 color:#000;
1421 }
1422
1423 .x-date-middle .x-btn-mc em.x-btn-arrow {
1424 background-image:url(images/toolbar/btn-arrow.gif);
1425 }
1426
1427 .x-date-right a {
1428 background-image: url(images/shared/right-btn.gif);
1429 }
1430
1431 .x-date-left a{
1432 background-image: url(images/shared/left-btn.gif);
1433 }
1434
1435 .x-date-inner th {
1436 background-color:#EFEFF4;
1437 background-image:url(images/shared/glass-bg.gif);
1438 border-bottom-color:#A2AAB8;
1439 color:#3d3d3d;
1440 }
1441
1442 .x-date-inner td {
1443 border-color:#fff;
1444 }
1445
1446 .x-date-inner a {
1447 color:#000;
1448 }
1449
1450 .x-date-inner .x-date-active{
1451 color:#000;
1452 }
1453
1454 .x-date-inner .x-date-selected a{
1455 background-color:#EFEFF4;
1456 background-image:url(images/shared/glass-bg.gif);
1457 border-color:#afafaf;
1458 }
1459
1460 .x-date-inner .x-date-today a{
1461 border-color:darkred;
1462 }
1463
1464 .x-date-inner .x-date-selected span{
1465 font-weight:bold;
1466 }
1467
1468 .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
1469 color:#aaa;
1470 }
1471
1472 .x-date-bottom {
1473 border-top-color:#A2AAB8;
1474 background-color:#EFEFF4;
1475 background-image:url(images/shared/glass-bg.gif);
1476 }
1477
1478 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
1479 color:#000;
1480 background-color:#eaeaea;
1481 }
1482
1483 .x-date-inner .x-date-disabled a {
1484 background-color:#EFEFF4;
1485 color:#bbb;
1486 }
1487
1488 .x-date-mmenu{
1489 background-color:#eee !important;
1490 }
1491
1492 .x-date-mmenu .x-menu-item {
1493 color:#000;
1494 }
1495
1496 .x-date-mp {
1497 background-color:#fff;
1498 }
1499
1500 .x-date-mp-btns button {
1501 background-color:#A2AAB8;
1502 color:#fff;
1503 border-color: #686868 #101010 #101010 #686868;
1504 }
1505
1506 .x-date-mp-btns {
1507 background-color: #EFEFF4;
1508 background-image: url(images/shared/glass-bg.gif);
1509 }
1510
1511 .x-date-mp-btns td {
1512 border-top-color: #A2AAB8;
1513 }
1514
1515 td.x-date-mp-month a,td.x-date-mp-year a {
1516 color:#55545E;
1517 }
1518
1519 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
1520 color:#55545E;
1521 background-color: #eaeaea;
1522 }
1523
1524 td.x-date-mp-sel a {
1525 background-color: #EFEFF4;
1526 background-image: url(images/shared/glass-bg.gif);
1527 border-color:#afafaf;
1528 }
1529
1530 .x-date-mp-ybtn a {
1531 background-image:url(images/panel/tool-sprites.gif);
1532 }
1533
1534 td.x-date-mp-sep {
1535 border-right-color:#A2AAB8;
1536 }
1537
1538 .x-tip {
1539 background-color: #ffffc7;
1540 border: 1px solid #cccccc;
1541 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
1542 }
1543
1544 .x-tip .x-tip-header-text {
1545 font-weight: bold;
1546 font-size: 12px;
1547 line-height: 14px;
1548 margin-bottom: 4px;
1549 }
1550
1551 .x-tip .x-tool-close {
1552 display: none;
1553 }
1554
1555 .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,
1556 .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
1557 {
1558 background-image: url(images/form/error-tip-corners.gif);
1559 }
1560
1561 .x-form-invalid-tip .x-tip-body {
1562 background-image:url(images/form/exclamation.gif);
1563 }
1564
1565 .x-tip-anchor {
1566 background-image:url(images/qtip/tip-anchor-sprite.gif);
1567 }
1568
1569 .x-tip-anchor-left,
1570 .x-tip-anchor-right {
1571 height: 16px;
1572 }
1573
1574 .x-tip.tipIsLinked {
1575 cursor: pointer;
1576 }
1577
1578 .x-menu {
1579 border-color:#898989;
1580 background-color: #ffffff;
1581 }
1582
1583 ul.x-menu-list {
1584 padding: 0;
1585 margin-bottom: 0;
1586 margin-top: 0;
1587 position: relative;
1588 }
1589
1590 .x-menu-list-item {
1591 margin: 0;
1592 padding: 1px 0;
1593 }
1594 .x-menu-list-item:first-child {
1595 margin-top: 3px;
1596 }
1597 .x-menu-list-item:last-child {
1598 margin-bottom: 3px;
1599 }
1600
1601 .x-menu-nosep {
1602 background-image:none;
1603 }
1604
1605 .x-menu-item-arrow{
1606 background-image:url(images/menu/menu-parent.gif);
1607 }
1608
1609 .x-menu-sep {
1610 background-color: #e0e0e0;
1611 border: none;
1612 margin: 2px 0;
1613 }
1614
1615 a.x-menu-item {
1616 color:#222;
1617 padding-left: 30px;
1618 }
1619 a.x-menu-item:focus {
1620 outline: none;
1621 }
1622
1623 .ext-strict .x-menu-item-icon,
1624 .x-menu-item-icon {
1625 left: 7px;
1626 top: 3px;
1627 }
1628
1629 .x-menu-item-active {
1630 background-color: rgba(0,0,0,0.05);
1631 border: none;
1632 }
1633 .x-menu-item-active a.x-menu-item {
1634 border: none;
1635 margin: 0;
1636 }
1637
1638 .x-menu-check-item .x-menu-item-icon{
1639 background-image:url(images/menu/unchecked.gif);
1640 }
1641
1642 .x-menu-item-checked .x-menu-item-icon{
1643 background-image:url(images/menu/checked.gif);
1644 }
1645
1646 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
1647 background-image:url(images/menu/group-checked.gif);
1648 }
1649
1650 .x-menu-group-item .x-menu-item-icon{
1651 background-image:none;
1652 }
1653
1654 .x-menu-plain {
1655 background-color:#fff !important;
1656 }
1657
1658 .x-menu .x-date-picker{
1659 border-color:#A2AAB8;
1660 }
1661
1662 .x-cycle-menu .x-menu-item-checked {
1663 border-color:#b9b9b9 !important;
1664 background-color:#e9e9e9;
1665 }
1666
1667 .x-menu-scroller-top {
1668 background-image:url(images/layout/mini-top.gif);
1669 }
1670
1671 .x-menu-scroller-bottom {
1672 background-image:url(images/layout/mini-bottom.gif);
1673 }
1674
1675 .x-box-tl {
1676 background-image: url(images/box/corners.gif);
1677 }
1678
1679 .x-box-tc {
1680 background-image: url(images/box/tb.gif);
1681 }
1682
1683 .x-box-tr {
1684 background-image: url(images/box/corners.gif);
1685 }
1686
1687 .x-box-ml {
1688 background-image: url(images/box/l.gif);
1689 }
1690
1691 .x-box-mc {
1692 background-color: #EFEFF4;
1693 background-image: url(images/box/tb.gif);
1694 color: #393939;
1695 font-size: 10px;
1696 font-weight: bold;
1697 }
1698
1699 .x-box-mc h3 {
1700 font-size: 14px;
1701 font-weight: bold;
1702 }
1703
1704 .x-box-mr {
1705 background-image: url(images/box/r.gif);
1706 }
1707
1708 .x-box-bl {
1709 background-image: url(images/box/corners.gif);
1710 }
1711
1712 .x-box-bc {
1713 background-image: url(images/box/tb.gif);
1714 }
1715
1716 .x-box-br {
1717 background-image: url(images/box/corners.gif);
1718 }
1719
1720 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
1721 background-image: url(images/box/corners-gray.gif);
1722 }
1723
1724 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
1725 background-image: url(images/box/tb-gray.gif);
1726 }
1727
1728 .x-box-blue .x-box-mc {
1729 background-color: #d8d8d8;
1730 }
1731
1732 .x-box-blue .x-box-mc h3 {
1733 color: #363636;
1734 }
1735
1736 .x-box-blue .x-box-ml {
1737 background-image: url(images/box/l-gray.gif);
1738 }
1739
1740 .x-box-blue .x-box-mr {
1741 background-image: url(images/box/r-gray.gif);
1742 }
1743 #x-debug-browser .x-tree .x-tree-node a span {
1744 color:#333333;
1745 font-family:"monotype","courier new",sans-serif;
1746 }
1747
1748 #x-debug-browser .x-tree a i {
1749 color:#ff4545;
1750 font-style:normal;
1751 }
1752
1753 #x-debug-browser .x-tree a em {
1754 color:#999;
1755 }
1756
1757 #x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
1758 background-color:#d8d8d8;
1759 }
1760
1761 .x-resizable-pinned .x-combo-list-inner {
1762 border-bottom-color:#bcbcbc;
1763 }
1764
1765 .x-combo-list-inner {
1766 background-color: #EFEFEF;
1767 }
1768
1769 .x-panel {
1770 border-color: #A2AAB8;
1771 }
1772
1773 .x-panel-header {
1774 color: #fff;
1775 font-weight:bold;
1776 border-color:#A2AAB8;
1777 background-image: url(images/panel/white-top-bottom.gif);
1778 }
1779
1780 .x-panel-body {
1781 border-color: #A2AAB8;
1782 }
1783
1784 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
1785 border-top-color: #A2AAB8;
1786 }
1787
1788 .x-panel-tl .x-panel-header {
1789 color:#55545E;
1790 }
1791
1792 .x-panel-tc {
1793 background-image: url(images/panel/top-bottom.gif);
1794 }
1795
1796 .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
1797 background-image: url(images/panel/corners-sprite.gif);
1798 border-bottom-color: #A2AAB8;
1799 }
1800
1801 .x-panel-bc {
1802 background-image: url(images/panel/top-bottom.gif);
1803 }
1804
1805 .x-panel-mc {
1806 background-color:#efefef;
1807 }
1808
1809 .x-panel-ml {
1810 background-color: #fff;
1811 background-image:url(images/panel/left-right.gif);
1812 }
1813
1814 .x-panel-mr {
1815 background-image: url(images/panel/left-right.gif);
1816 }
1817
1818 .x-tool {
1819 background-image:url(images/panel/tool-sprites.gif);
1820 }
1821
1822 .x-panel-ghost {
1823 background-color:#dbdbdb;
1824 }
1825
1826 .x-panel-ghost ul {
1827 border-color:#A2AAB8;
1828 }
1829
1830 .x-panel-dd-spacer {
1831 border-color:#A2AAB8;
1832 }
1833
1834 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
1835 }
1836
1837 .x-window-proxy {
1838 background-color:#dcdcdc;
1839 border-color:#A2AAB8;
1840 }
1841
1842 /* Modal dialog title/header bar */
1843 .x-window-tl .x-window-header {
1844 color:#fff;
1845 font-weight: bold;
1846 padding:4px 0 4px 0;
1847 }
1848
1849 .x-window-tc {
1850 background-image: url(images/window/top-bottom.png);
1851 }
1852
1853 .x-window-tl {
1854 background-image: url(images/window/left-corners.png);
1855 }
1856
1857 .x-window-tr {
1858 background-image: url(images/window/right-corners.png);
1859 }
1860
1861 .x-window-bc {
1862 background-image: url(images/window/top-bottom.png);
1863 }
1864
1865 .x-window-bl {
1866 background-image: url(images/window/left-corners.png);
1867 }
1868
1869 .x-window-br {
1870 background-image: url(images/window/right-corners.png);
1871 }
1872
1873 .x-window-mc {
1874 border-color:#A2AAB8;
1875 background-color:#e7e7e7;
1876 }
1877
1878 .x-window-ml {
1879 background-image: url(images/window/left-right.png);
1880 }
1881
1882 .x-window-mr {
1883 background-image: url(images/window/left-right.png);
1884 }
1885
1886 .x-window-maximized .x-window-tc {
1887 background-color:#fff;
1888 }
1889
1890 .x-window-bbar .x-toolbar {
1891 border-top-color:#A2AAB8;
1892 }
1893
1894 .x-panel-ghost .x-window-tl {
1895 border-bottom-color:#A2AAB8;
1896 }
1897
1898 .x-panel-collapsed .x-window-tl {
1899 border-bottom-color:#84a0c4;
1900 }
1901
1902 .x-dlg-mask{
1903 background-color:#ccc;
1904 }
1905
1906 .x-window-plain .x-window-mc {
1907 background-color: #EFEFF4;
1908 border-color: #b9b9b9 #efefef #efefef #b9b9b9;
1909 }
1910
1911 .x-window-plain .x-window-body {
1912 border-color: #efefef #b9b9b9 #b9b9b9 #efefef;
1913 }
1914
1915 body.x-body-masked .x-window-plain .x-window-mc {
1916 background-color: #e2e2e2;
1917 }
1918 .x-html-editor-wrap {
1919 border-color:#bcbcbc;
1920 background-color:#fff;
1921 }
1922 .x-html-editor-tb .x-btn-text {
1923 background-image:url(images/editor/tb-sprite.gif);
1924 }
1925 .x-panel-noborder .x-panel-header-noborder {
1926 border-bottom-color:#A2AAB8;
1927 }
1928
1929 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
1930 border-bottom: none;
1931 }
1932
1933 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
1934 border-top: none;
1935 }
1936
1937 .x-tab-panel-bbar-noborder .x-toolbar {
1938 border-top-color:#A2AAB8;
1939 }
1940
1941 .x-tab-panel-tbar-noborder .x-toolbar {
1942 border-bottom-color:#A2AAB8;
1943 }
1944 .x-border-layout-ct {
1945 background-color:#f0f0f0;
1946 }
1947
1948 .x-accordion-hd {
1949 color:#222;
1950 font-weight:normal;
1951 background-image: url(images/panel/light-hd.gif);
1952 }
1953
1954 .x-layout-collapsed {
1955 background-color:#dfdfdf;
1956 }
1957
1958 .x-layout-collapsed-over{
1959 background-color:#e6e6e6;
1960 }
1961
1962 .x-layout-mini {
1963 opacity: 0.6;
1964 }
1965
1966 .x-layout-mini:hover {
1967 opacity: 0.8;
1968 }
1969
1970 .x-layout-split-west .x-layout-mini {
1971 background-image:url(images/layout/mini-left.gif);
1972 }
1973 .x-layout-split-east .x-layout-mini {
1974 background-image:url(images/layout/mini-right.gif);
1975 }
1976 .x-layout-split-north .x-layout-mini {
1977 background-image:url(images/layout/mini-top.gif);
1978 }
1979 .x-layout-split-south .x-layout-mini {
1980 background-image:url(images/layout/mini-bottom.gif);
1981 }
1982
1983 .x-layout-cmini-west .x-layout-mini {
1984 background-image:url(images/layout/mini-right.gif);
1985 }
1986
1987 .x-layout-cmini-east .x-layout-mini {
1988 background-image:url(images/layout/mini-left.gif);
1989 }
1990
1991 .x-layout-cmini-north .x-layout-mini {
1992 background-image:url(images/layout/mini-bottom.gif);
1993 }
1994
1995 .x-layout-cmini-south .x-layout-mini {
1996 background-image:url(images/layout/mini-top.gif);
1997 }
1998 .x-progress-wrap {
1999 border-color:#8f8f8f;
2000 }
2001
2002 .x-progress-inner {
2003 background-color:#e7e7e7;
2004 background-image:url(images/qtip/bg.gif);
2005 }
2006
2007 .x-progress-bar {
2008 background-color:#bcbcbc;
2009 background-image:url(images/progress/progress-bg.gif);
2010 border-top-color:#e2e2e2;
2011 border-bottom-color:#a6a6a6;
2012 border-right-color:#a6a6a6;
2013 }
2014
2015 .x-progress-text {
2016 font-weight:bold;
2017 color:#fff;
2018 }
2019
2020 .x-progress-text-back {
2021 color:#396095;
2022 }
2023 .x-list-header{
2024 background-color:#f9f9f9;
2025 background-image:url(images/grid/grid3-hrow.gif);
2026 }
2027
2028 .x-list-header-inner div em {
2029 border-left-color:#ddd;
2030 }
2031
2032 .x-list-over {
2033 background-color:#EFEFF4;
2034 }
2035
2036 .x-list-selected {
2037 background-color:#EFEFF4;
2038 }
2039
2040 .x-list-resizer {
2041 border-left-color:#555;
2042 border-right-color:#555;
2043 }
2044
2045 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
2046 background-image:url(images/grid/sort-hd.gif);
2047 border-color: #A2AAB8;
2048 }
2049 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
2050 background-image:url(images/slider/slider-bg.png);
2051 }
2052
2053 .x-slider-horz .x-slider-thumb {
2054 background-image:url(images/slider/slider-thumb.png);
2055 }
2056
2057 .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
2058 background-image:url(images/slider/slider-v-bg.png);
2059 }
2060
2061 .x-slider-vert .x-slider-thumb {
2062 background-image:url(images/slider/slider-v-thumb.png);
2063 }
2064 .x-window-dlg .ext-mb-text,
2065 .x-window-dlg .x-window-header-text {
2066 }
2067 /* defines the header text in the draggable area of a modal window */
2068 .x-window-dlg .x-window-header-text {
2069 color: #fff;
2070 }
2071
2072 .x-window-dlg .ext-mb-textarea {
2073 }
2074
2075 .x-window-dlg .x-msg-box-wait {
2076 background-image: url('../images/spinner/ffffff.gif');
2077 }
2078
2079 .x-window-dlg .ext-mb-info {
2080 background-image:url(images/window/icon-info-big.png);
2081 }
2082
2083 .x-window-dlg .ext-mb-warning {
2084 background-image:url(images/window/icon-warning-big.png);
2085 }
2086
2087 .x-window-dlg .ext-mb-question {
2088 background-image:url(images/window/icon-question-big.png);
2089 }
2090
2091 .x-window-dlg .ext-mb-error {
2092 background-image:url(images/window/icon-error-big.png);
2093 }
2094
2095 /*ADDONS*/
2096
2097 .x-form fieldset {
2098 border:1px solid #dedede;
2099 }
2100 .x-form fieldset legend {
2101 font-weight: bold;
2102 color: #606060;
2103 }
2104
2105 /* Collapse icon */
2106 #typo3-navigationContainer-xsplit .x-layout-mini-west,
2107 #typo3-navigationContainer-xcollapsed .x-layout-mini-west {
2108 background-position: center;
2109 background-repeat: no-repeat;
2110 left: 0px;
2111 padding: 5px 0;
2112 position: absolute;
2113 }
2114
2115 /* Only show collapse icon, when user hovers the split bar */
2116 #typo3-navigationContainer-xsplit:hover .x-layout-mini-west,
2117 #typo3-navigationContainer-xcollapsed:hover .x-layout-mini-west {
2118 display: block;
2119 }
2120
2121 #typo3-module-menu-xcollapsed:hover .x-layout-mini-west {
2122 left: 5px;
2123 }
2124
2125 #typo3-navigationContainer-xcollapsed {
2126 overflow: visible;
2127 width: 9px!important;
2128 }
2129
2130 /**
2131 * this is our invisible wrapper around the collapse button,
2132 * which enables us to have kind of invisible splitbar
2133 */
2134 .x-layout-mini-wrapper {
2135 height: 100%;
2136 left: -5px;
2137 position: absolute;
2138 width: 10px;
2139 }
2140
2141 .x-splitbar-proxy.x-splitbar-proxy-h {
2142 width: 2px !important;
2143 }
2144
2145 #widget-navigation-tree .x-panel-noborder .x-panel-body-noborder {
2146 background-color: #efeff4;
2147 }
2148
2149 #widget-navigation-tree {
2150 background-color: #00f;
2151 }
2152
2153 #widget-navigation-tree-tree {
2154 background-color: #0f0;
2155 }
2156
2157 /* Relogin progress bar and relogin dialog */
2158 #loginRefreshWindow .x-window-body,
2159 #loginformWindow .x-window-body,
2160 #loginRefreshWindow .x-window-mc,
2161 #loginRefreshWindow .x-panel-bwrap,
2162 #loginformWindow .x-panel-bwrap,
2163 #loginRefreshWindow .x-panel-body,
2164 #loginformWindow .x-panel-body {
2165 background-color: #E4E4E4;
2166 border: none;
2167 }
2168
2169 #loginRefreshWindow .x-panel-body.x-panel-body-noheader.x-panel-body-noborder,
2170 #loginRefreshWindow .x-panel-header.x-unselectable,
2171 #loginformWindow .x-panel-header.x-unselectable,
2172 .t3-window .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
2173 background-image: none;
2174 background-color: transparent;
2175 color: #000;
2176 border: none;
2177 }
2178
2179 #loginRefreshWindow .x-panel-footer,
2180 #loginformWindow .x-panel-footer {
2181 background-image: none;
2182 background-color: #E4E4E4;
2183 color: #000;
2184 border: none;
2185 }
2186
2187 #loginRefreshWindow button.x-btn-text,
2188 #loginformWindow button.x-btn-text {
2189 color: #000;
2190 }
2191
2192 #loginformWindow .x-window-ml {
2193 background-color: #E4E4E4;
2194 }
2195
2196 .t3-window .x-window-body.x-window-body-noborder {
2197 padding: 10px;
2198 }
2199
2200 .t3-window .x-btn button {
2201 padding-left: 3px;
2202 padding-right: 3px;
2203 }
2204 .icon-tree-search-open {
2205 background-image: url("../../core/Resources/Public/Icons/T3Icons/actions/actions-filter.svg") !important;
2206 }
2207 .icon-select-recursive {
2208 background-image: url("images/tree/tcatree-select-recursive.png") !important;
2209 }
2210 .icon-collapse-all {
2211 background-image: url("images/tree/collapse-all.gif") !important;
2212 }
2213 .icon-expand-all {
2214 background-image: url("images/tree/expand-all.gif") !important;
2215 }
2216
2217 .x-grid3-col {
2218 color: #606060
2219 }
2220
2221 div.x-grid3-row img.t3-icon-extensions-workspaces {
2222 display: inline-block !important;
2223 width: 1px;
2224 }
2225 div.x-grid3-row:hover img.t3-icon-extensions-workspaces {
2226 width: 17px
2227 }
2228
2229 .t3skin-typo3-module-panel-toolbar .x-toolbar{
2230 background-color: #585858;
2231 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/AEBAQExAQECzQEBA/xb3BD8CHBN0AAAAAElFTkSuQmCC");
2232 background-position: right;
2233 background-repeat: repeat-y;
2234 border: none;
2235 padding: 0;
2236 margin: 0;
2237 }