e0ae40087db8c55e1a8b6954e1a3c2cc84a863eb
[Packages/TYPO3.CMS.git] / typo3 / stylesheet.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2
3 Title : TYPO3 general backend styles
4
5 Description : Stylesheet for the TYPO3 backend.
6 You can configure another/additional stylesheet for
7 use by the $TBE_STYLES global var
8
9 $Id$
10
11 - - - - - - - - - - - - - - - - - - - - - */
12
13
14 /* - - - - - - - - - - - - - - - - - - - - -
15
16 main styles
17
18 - - - - - - - - - - - - - - - - - - - - - */
19
20 html {
21 height: 100%;
22 }
23
24 select,
25 textarea,
26 input,
27 td,
28 body,
29 .defstyle,
30 p,
31 div {
32 font-family: Verdana, Arial, Helvetica, sans-serif;
33 font-size: 10px;
34 margin: 0px;
35 color: black;
36 }
37
38 form {
39 margin: 0px;
40 }
41
42 h1,
43 h2,
44 h3,
45 h4 {
46 font-family: Verdana, Arial, Helvetica, sans-serif;
47 font-size: 10px;
48 font-weight: bold;
49 margin: 3px 0px 3px 0px;
50 }
51
52 /* Occasionally used, eg. in About Modules: */
53
54 h1 {
55 font-size: 14px;
56 text-align: center;
57 margin-top: 16px;
58 margin-bottom: 16px;
59 }
60
61 /* MAIN page header: */
62
63 h2 {
64 background-color: #9BA1A8;
65 text-align: center;
66 }
67
68 /* Normal section headers */
69
70 h3 {
71 margin: 8px 0px 5px 0px;
72 padding: 1px 3px 1px 3px;
73 background-color: #E7DBA8;
74 }
75
76 /* Discrete section headers (no background) */
77
78 h4 {
79 margin-top: 6px;
80 color: #333;
81 }
82
83 /* Preformatted text - not used so much in TYPO3 */
84
85 pre {
86 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
87 font-size: 11px;
88 margin: 0px;
89 }
90
91 /* Links in general */
92
93 a {
94 color: black;
95 text-decoration: underline;
96 }
97
98 a:hover {
99 color: #254D7B;
100 }
101
102 /* horizontal ruler */
103
104 hr, div.hr {
105 height: 1px;
106 color: #ddd;
107 background-color: #ddd;
108 border-top: 1px solid #7a7a7a;
109 border-bottom: 1px solid black;
110 }
111
112 img {
113 border: 0px;
114 }
115
116
117 /* - - - - - - - - - - - - - - - - - - - - -
118
119 Background color classes
120
121 - - - - - - - - - - - - - - - - - - - - - */
122
123 .bgColor {
124 background-color: #F7F3EF;
125 }
126
127 .bgColor-10 {
128 background-color: #ede9e5;
129 }
130
131 .bgColor-20 {
132 background-color: #e3dfdb;
133 }
134
135 .bgColor2 {
136 background-color: #9BA1A8;
137 }
138
139 .bgColor3 {
140 background-color: #F6F2E6;
141 }
142
143 .bgColor3-20 {
144 background-color: #e2ded2;
145 }
146
147 .bgColor4 {
148 background-color: #D9D5C9;
149 }
150
151 .bgColor4-20 {
152 background-color: #c5c1b5;
153 }
154
155 .bgColor5 {
156 background-color: #ABBBB4;
157 }
158
159 .bgColor6 {
160 background-color: #E7DBA8;
161 }
162
163
164 /* - - - - - - - - - - - - - - - - - - - - -
165
166 body tags
167
168 - - - - - - - - - - - - - - - - - - - - - */
169
170 /* Set default values for bodytags: */
171
172 body {
173 margin: 2px 2px 0px 4px;
174 background-color: #F7F3EF;
175 }
176
177 /* Setting alternative background color on some frames: */
178
179 body#typo3-alt-toplogo-php,
180 body#typo3-alt-menu-sel-php,
181 body#typo3-alt-topmenu-dummy-php,
182 body#typo3-alt-topmenu-dummy-php-iconmenu,
183 body#typo3-alt-clickmenu-php,
184 body#typo3-alt-clickmenu-php-notop,
185 body#typo3-alt-palette-php {
186 background-color: #9BA1A8;
187 }
188
189 body#typo3-alt-doc-php,
190 body#typo3-db-list-php,
191 body#typo3-mod-web-perm-index-php,
192 body#typo3-mod-web-info-index-php,
193 body#typo3-mod-web-func-index-php,
194 body#typo3-mod-user-ws-index-php,
195 body#typo3-mod-user-ws-workspaceforms-php,
196 body#typo3-mod-php,
197 body#typo3-mod-tools-em-index-php,
198 body#typo3-wizard-rte-php,
199 body#typo3-pagetree,
200 body#typo3-db-new-php,
201 body#typo3-move-el-php,
202 body#typo3-show-rechis-php,
203 body#typo3-wizard-table-php,
204 body#typo3-wizard-forms-php,
205 body#ext-cms-layout-db-layout-php,
206 body#ext-tstemplate-ts-index-php,
207 body#ext-version-cm1-index-php,
208 body#ext-setup-mod-index-php,
209 body#ext-tsconfig-help-mod1-index-php,
210 body#ext-lowlevel-dbint-index-php,
211 body#ext-lowlevel-config-index-php,
212 body#ext-indexed-search-mod-index-php,
213 body#ext-cms-layout-db-new-content-el-php,
214 body#ext-beuser-mod-index-php,
215 body#imp-exp-mod {
216 padding: 0;
217 margin: 0;
218 overflow: hidden;
219 height: 100%;
220 }
221
222 /* Set body styles for Filelist module */
223 body#typo3-file-newfolder-php,
224 body#typo3-file-list-php,
225 body#typo3-file-edit-php,
226 body#typo3-file-rename-php,
227 body#typo3-file-upload-php {
228 margin: 0;
229 padding: 0;
230 overflow: hidden;
231 height: 100%;
232 }
233
234 /* Set body styles for Filelist module */
235 BODY#typo3-file-newfolder-php, BODY#typo3-file-list-php, BODY#typo3-file-edit-php, BODY#typo3-file-rename-php, BODY#typo3-file-upload-php { margin: 0;}
236
237 /* - - - - - - - - - - - - - - - - - - - - -
238
239 specific wrappers
240
241 The "template" class is usually instantiated as either
242 bicDoc, mediumDoc, smallDoc or noDoc.
243 Each of these will result in the whole page content between the bodytags being
244 wrapped in a DIV-section with a class.
245 The class name will be "typo3-[classname]"
246 In particular we set the width of these wrapper-sections:
247
248 - - - - - - - - - - - - - - - - - - - - - */
249
250 div.typo3-bigDoc, div.typo3-noDoc {
251 margin-left: 10px;
252 margin-top: 5px;
253 width: 740px;
254 }
255
256 div.typo3-noDoc H2 {
257 width: 740px;
258 }
259
260 div.typo3-mediumDoc {
261 width: 470px;
262 }
263
264 div.typo3-smallDoc {
265 width: 350px;
266 }
267
268 div.typo3-fullDoc {
269 width: 100%;
270 height: 100%;
271 }
272
273
274 /* - - - - - - - - - - - - - - - - - - - - -
275
276 special backend elements
277
278 - - - - - - - - - - - - - - - - - - - - - */
279
280 /* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
281
282 body#typo3-alt-clickmenu-php {
283 background-image: url(gfx/alt_topmenu_back_full.gif);
284 margin-top: 10px;
285 }
286
287 body#typo3-alt-clickmenu-php-notop {
288 background-image: url(gfx/alt_topmenu_back_dummy.gif);
289 }
290
291 table#typo3-CSM-top a {
292 text-decoration: none;
293 }
294
295 table#typo3-CSM-top img {
296 vertical-align: middle;
297 margin-bottom: 2px;
298 }
299
300 table#typo3-CSM-top tr td {
301 white-space: nowrap;
302 }
303
304 table#typo3-CSM-top tr td.c-closebutton {
305 padding-left: 10px;
306 }
307
308 table#typo3-CSM-top tr td.c-itemicon {
309 padding-left: 10px;
310 font-weight: bold;
311 }
312
313 table#typo3-CSM-top img.c-roimg {
314 margin-right: 2px;
315 }
316
317
318 /* - - - - - - - - - - - - - - - - - - - - -
319
320 Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
321
322 Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
323
324 - - - - - - - - - - - - - - - - - - - - - */
325
326 table.typo3-CSM {
327 border: #9BA1A8 1px solid;
328 }
329
330 table.typo3-CSM td.typo3-CSM-item {
331 white-space: nowrap;
332 }
333
334 table.typo3-CSM tr.typo3-CSM-itemRow td {
335 padding: 1px 5px 1px 5px;
336 }
337
338 table.typo3-CSM tr.typo3-CSM-itemRow {
339 height: 13px;
340 cursor: pointer;
341 }
342
343
344 /* - - - - - - - - - - - - - - - - - - - - -
345
346 Top menu (alt_topmenu_dummy.php)
347
348 - - - - - - - - - - - - - - - - - - - - - */
349
350 body#typo3-alt-topmenu-dummy-php {
351 background-image: url(gfx/alt_topmenu_back_dummy.gif);
352 }
353
354 body#typo3-alt-topmenu-dummy-php-iconmenu {
355 background-image: url(gfx/alt_topmenu_back_full.gif);
356 margin-top: 8px;
357 margin-left: 6px;
358 }
359
360 table#typo3-topMenu tr td {
361 white-space: nowrap;
362 vertical-align: top;
363 }
364
365 table#typo3-topMenu tr td.c-logout,
366 table#typo3-topMenu tr td.c-admin {
367 padding-left: 20px;
368 }
369
370 table#typo3-topMenu tr td.c-menu img {
371 margin: 2px 1px 0px 1px;
372 }
373
374 table#typo3-topMenu tr td.c-menu A.c-subitem {
375 padding: 3px 0px 0px 0px;
376 }
377
378 table#typo3-topMenu tr td.c-menu A.c-subitem-HL {
379 background-color: #D9D5C9;
380 padding: 3px 3px 0px 3px;
381 border: 1px solid black;
382 }
383
384 table#typo3-topMenu tr td.c-menu A.c-mainitem {
385 padding: 3px 0px 0px 0px;
386 }
387
388 table#typo3-topMenu tr td.c-menu A.c-mainitem-HL {
389 background-color: #D9D5C9;
390 padding: 3px 3px 0px 3px;
391 border: 1px solid black;
392 }
393
394
395 /* - - - - - - - - - - - - - - - - - - - - -
396
397 Tab menu (template.php)
398
399 - - - - - - - - - - - - - - - - - - - - - */
400
401 table#typo3-tabmenu {
402 margin-top: 5px;
403 }
404
405 table#typo3-tabmenu tr {
406 height: 1.5em;
407 }
408
409 table#typo3-tabmenu td.tabact {
410 color: black;
411 border: solid black 1px;
412 background: #e7dba8;
413 }
414
415 table#typo3-tabmenu td.tab {
416 color: #666;
417 border: solid #555 1px;
418 border-left: solid #aaa 3px;
419 background: #c4d4cd;
420 }
421
422 table#typo3-tabmenu td.tab,
423 table#typo3-tabmenu td.tabact {
424 border-bottom: 0px;
425 border-radius: 3px;
426 -webkit-border-radius: 3px;
427 -moz-border-radius: 3px;
428 }
429
430 table#typo3-tabmenu td a {
431 color: #666;
432 text-decoration: none;
433 display: block;
434 width: 100%;
435 padding: 2px 5px 3px 2px;
436 }
437
438 table#typo3-tabmenu td.tabact a {
439 color: black;
440 padding-left: 10px;
441 padding-right: 10px;
442 }
443
444 table#typo3-tabmenu td A:hover {
445 color: black;
446 text-decoration: none;
447 }
448
449 table#typo3-tabmenu td.tab:hover {
450 background: #f6eab7;
451 }
452
453
454 /* - - - - - - - - - - - - - - - - - - - - -
455
456 Dynamic Tab menu (template.php)
457
458 - - - - - - - - - - - - - - - - - - - - - */
459
460 div.typo3-dyntabmenu-tabs {
461 margin-top: 5px;
462 padding-right: 20px;
463 }
464
465 div.typo3-dyntabmenu-divs p.c-descr {
466 font-style: italic;
467 padding: 3px 10px 5px 10px;
468 background: #e7dba8;
469 }
470
471 table.typo3-dyntabmenu tr {
472 height: 1.5em;
473 }
474
475 table.typo3-dyntabmenu td {
476 padding-left: 5px;
477 padding-right: 5px;
478 border-radius: 3px;
479 border: 1px solid #555;
480 border-bottom: none;
481 }
482
483 table.typo3-dyntabmenu td,
484 table.typo3-dyntabmenu td a {
485 -moz-border-radius-topleft: 3px;
486 -moz-border-radius-topright: 3px;
487 -webkit-border-top-left-radius: 3px;
488 -webkit-border-top-right-radius: 3px;
489 }
490
491 table.typo3-dyntabmenu td.tab {
492 background: #c4d4cd;
493 }
494
495 table.typo3-dyntabmenu td.tabact {
496 background: #e7dba8;
497 }
498
499 table.typo3-dyntabmenu td.tabact,
500 table.typo3-dyntabmenu td.tabact_over {
501 border-color: black;
502 }
503
504 table.typo3-dyntabmenu td.tab_over,
505 table.typo3-dyntabmenu td.tabact_over {
506 background: #f6eab7;
507 }
508
509 table.typo3-dyntabmenu td.disabled,
510 table.typo3-dyntabmenu td.disabled_over {
511 color: #999;
512 background: #ccc;
513 cursor: default;
514 }
515
516 table.typo3-dyntabmenu td a {
517 color: #666;
518 text-decoration: none;
519 display: block;
520 width: 100%;
521 padding-top: 2px;
522 padding-bottom: 2px;
523 }
524
525 table.typo3-dyntabmenu td.tabact a,
526 table.typo3-dyntabmenu td.tabact_over a {
527 color: black;
528 }
529
530 table.typo3-tabmenu td:hover {
531 background: #f6eab7;
532 }
533
534 div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
535 margin-left: 20px;
536 }
537
538 div.typo3-dyntabmenu-divs-foldout div.tab,
539 div.typo3-dyntabmenu-divs-foldout div.tab_over,
540 div.typo3-dyntabmenu-divs-foldout div.tabact,
541 div.typo3-dyntabmenu-divs-foldout div.tabact_over,
542 div.typo3-dyntabmenu-divs-foldout div.disabled,
543 div.typo3-dyntabmenu-divs-foldout div.disabled_over {
544 border: solid black 1px;
545 margin-top: 5px;
546 border-radius: 3px;
547 -webkit-border-radius: 3px;
548 -moz-border-radius: 3px;
549 }
550
551 div.typo3-dyntabmenu-divs-foldout div.tab {
552 background: #c4d4cd;
553 background-image: url(gfx/ol/plusbullet.gif);
554 background-repeat: no-repeat;
555 }
556
557 div.typo3-dyntabmenu-divs-foldout div.tab_over {
558 background: #f6eab7;
559 background-image: url(gfx/ol/arrowbullet.gif);
560 background-repeat: no-repeat;
561 }
562
563 div.typo3-dyntabmenu-divs-foldout div.tabact {
564 background: #e7dba8;
565 background-image: url(gfx/ol/minusbullet.gif);
566 background-repeat: no-repeat;
567 }
568
569 div.typo3-dyntabmenu-divs-foldout div.tabact_over {
570 background: #f6eab7;
571 background-image: url(gfx/ol/arrowbullet.gif);
572 background-repeat: no-repeat;
573 }
574
575 div.typo3-dyntabmenu-divs-foldout div.disabled {
576 color: #999;
577 background: #ccc;
578 padding: 2px 2px 2px 18px;
579 }
580
581 div.typo3-dyntabmenu-divs-foldout div.disabled_over {
582 color: #999;
583 background: #f6eab7;
584 padding: 2px 2px 2px 18px;
585 }
586
587 div.typo3-dyntabmenu-divs-foldout div.tab a,
588 div.typo3-dyntabmenu-divs-foldout div.tabact a,
589 div.typo3-dyntabmenu-divs-foldout div.tab_over a,
590 div.typo3-dyntabmenu-divs-foldout div.tabact_over a {
591 text-decoration: none;
592 display: block;
593 padding: 2px 2px 2px 18px;
594 }
595
596
597 /* - - - - - - - - - - - - - - - - - - - - -
598
599 User settings
600
601 - - - - - - - - - - - - - - - - - - - - - */
602
603 table.typo3-usersettings td {
604 width: 300px;
605 }
606
607 table.typo3-usersettings a.typo3-csh-link {
608 display: block;
609 float: left;
610 margin-right: 5px;
611 },
612
613 table.typo3-usersettings td.td-label-right {
614 padding-left: 30px;
615 width: 50px;
616 }
617
618
619 /* - - - - - - - - - - - - - - - - - - - - -
620
621 Logo frame (alt_toplogo.php)
622
623 - - - - - - - - - - - - - - - - - - - - - */
624
625 body#typo3-alt-toplogo-php {
626 margin: 0px 0px 0px 0px;
627 }
628
629
630 /* - - - - - - - - - - - - - - - - - - - - -
631
632 Help > About modules (alt_intro.php)
633
634 - - - - - - - - - - - - - - - - - - - - - */
635
636 div.typo3-alt-intro-php {
637 width: 600px;
638 margin-left: 10px;
639 }
640
641 table#typo3-about-modules {
642 margin-top: 5px;
643 }
644
645 table#typo3-about-modules tr td {
646 vertical-align: top;
647 padding: 2px 2px 2px 2px;
648 }
649
650 table#typo3-about-modules tr.c-mainitem td img {
651 vertical-align: middle;
652 padding: 0px 2px 0px 2px;
653 }
654
655
656 /* - - - - - - - - - - - - - - - - - - - - -
657
658 Vertical Module Menu script, left frame (alt_menu.php)
659
660 - - - - - - - - - - - - - - - - - - - - - */
661
662 body#typo3-alt-menu-php {
663 margin: 2px 0px 0px 2px;
664 }
665
666 body#typo3-alt-menu-php a {
667 text-decoration: none;
668 }
669
670 table#typo3-vmenu tr.c-mainitem td {
671 background-color: #d9d9d8;
672 padding: 1px 1px 1px 1px;
673 border: #9BA1A8 1px solid;
674 vertical-align: middle;
675 width: 100px;
676 height: 14px;
677 cursor: pointer;
678 }
679
680 table#typo3-vmenu tr.c-mainitem td span.c-label A {
681 text-decoration: underline;
682 }
683
684 table#typo3-vmenu tr.c-mainitem td img {
685 vertical-align: middle;
686 margin-right: 2px;
687 }
688
689 table#typo3-vmenu tr.c-mainitem td span.c-label {
690 position: relative;
691 top: 1px;
692 }
693
694 table#typo3-vmenu tr.c-mainitem td span.c-iconCollapse {
695 position: absolute;
696 left: 100px;
697 }
698
699 table#typo3-vmenu tr.c-mainitem-HL td {
700 background-color: #aaa;
701 padding: 1px 1px 1px 1px;
702 border: #9BA1A8 1px solid;
703 vertical-align: middle;
704 }
705
706 table#typo3-vmenu tr.c-mainitem-HL td span.c-label a {
707 text-decoration: underline;
708 }
709
710 table#typo3-vmenu tr.c-mainitem-HL td img {
711 vertical-align: middle;
712 margin-right: 2px;
713 }
714
715 table#typo3-vmenu tr.c-mainitem-HL td span.c-label {
716 position: relative;
717 top: 1px;
718 }
719
720 table#typo3-vmenu tr.c-endrow td {
721 height: 5px;
722 }
723
724 table#typo3-vmenu tr.c-first td {
725 height: 2px;
726 }
727
728 table#typo3-vmenu td.c-subitem-label a {
729 display: block;
730 width: 100%;
731 }
732
733 table#typo3-vmenu tr.c-subitem-row {
734
735 }
736
737 table#typo3-vmenu tr.c-subitem-row-HL {
738 background-color: #e3dfdb;
739 }
740
741 table#typo3-adminmenu tr.c-mainitem td {
742 background-color: #d9d9d8;
743 padding: 1px 1px 1px 1px;
744 border: #9BA1A8 1px solid;
745 vertical-align: middle;
746 height: 14px;
747 text-align: center;
748 white-space: nowrap;
749 cursor: default;
750 }
751
752 table#typo3-adminmenu tr.c-subitem td.icon {
753 vertical-align: middle;
754 padding: 0 2px 0 0;
755 }
756
757 div#typo3-alt-menu-php-logininfo {
758 text-align: center;
759 width: 90px;
760 margin-top: 15px;
761 margin-bottom: 15px;
762 }
763
764 div#typo3-alt-menu-php-logininfo P {
765 margin-top: 5px;
766 }
767
768 div#typo3-alt-menu-php-adminFunc {
769 text-align: left;
770 width: 80px;
771 margin-top: 15px;
772 }
773
774 div#typo3-alt-menu-php-adminFunc table {
775 border-spacing: 0;
776 margin: 0 0 2px 0;
777 }
778
779 /* Configuration module */
780 body#ext-lowlevel-config-index-php #lowlevel-config {
781 margin-bottom:10px;
782 }
783
784 body#ext-lowlevel-config-index-php #lowlevel-config label {
785 padding: 0 6px; vertical-align:text-top;
786 }
787
788 body#ext-lowlevel-config-index-php #lowlevel-config #search {
789 margin-right:10px;
790 }
791
792 body#ext-lowlevel-config-index-php #lowlevel-config-var {
793 margin: 10px 10px 10px 0;
794 padding: 10px;
795 border: 1px solid black;
796 background-color: #eee;
797 line-height: 1.8;
798 }
799
800
801 /* - - - - - - - - - - - - - - - - - - - - -
802
803 Trees
804
805 - - - - - - - - - - - - - - - - - - - - - */
806
807 table#typo3-tree a {
808 text-decoration: none;
809 }
810
811 table#typo3-tree tr td {
812 white-space: nowrap;
813 }
814
815 table#typo3-tree tr td img {
816 vertical-align: middle;
817 }
818
819 table#typo3-tree tr td img.c-recIcon {
820 margin-right: 1px;
821 }
822
823 table#typo3-tree {
824 margin-bottom: 10px;
825 width: 95%;
826 }
827
828 P.c-refresh img {
829 vertical-align: middle;
830 margin-right: 7px;
831 }
832
833 body#typo3-alt-db-navframe-php div.c-notice {
834 border: 1px solid black;
835 padding: 5px 5px 5px 5px;
836 margin-top: 5px;
837 margin-bottom: 10px;
838 width: 95%;
839 }
840
841 .navFrameHL {
842 background-color: #ebebeb;
843 }
844
845
846 /* - - - - - - - - - - - - - - - - - - - - -
847
848 AJAX Page Tree
849
850 - - - - - - - - - - - - - - - - - - - - - */
851
852 body#typo3-pagetree,
853 body#typo3-alt-file-navframe-php {
854 margin: 0;
855 padding: 0;
856 }
857
858 ul.tree {
859 list-style: none;
860 margin: 0;
861 padding: 0;
862 clear: both;
863 }
864
865 ul.tree A {
866 text-decoration: none;
867 }
868
869 ul.tree A.pm {
870 cursor: pointer;
871 }
872
873 ul.tree img {
874 vertical-align: middle;
875 }
876
877 ul.tree ul {
878 list-style: none;
879 margin: 0;
880 padding: 0;
881 padding-left: 17px;
882 }
883
884 ul.tree ul li {
885 list-style: none;
886 margin: 0;
887 padding: 0;
888 line-height: 10px;
889 white-space: nowrap;
890 }
891
892 ul.tree ul li.expanded ul {
893 background: transparent url('gfx/ol/line.gif') repeat-y top left;
894 }
895
896 ul.tree ul li.last > ul {
897 background: none;
898 }
899
900 ul.tree li.active, ul.tree ul li.active {
901 background-color: #ebebeb !important;
902 }
903
904 ul.tree li.active ul, ul.tree ul li.active ul {
905 background-color: #f7f3ef;
906 }
907
908 #dragIcon {
909 z-index: 1;
910 position: absolute;
911 visibility: hidden;
912 filter: alpha(opacity=50);
913 -moz-opacity: 0.5;
914 opacity: 0.5;
915 white-space: nowrap;
916 z-index: 20;
917 }
918
919 #treeFilterBox {
920 position: absolute;
921 z-index: 3;
922 top: 22px;
923 width: 260px;
924 height: 27px;
925 background-repeat: no-repeat;
926 background-position: 2px -2px;
927 background-image: url('gfx/filter_bg.gif');
928 }
929
930 #searchBubble {
931 padding-left: 10px;
932 }
933
934 #treeFilter {
935 font-size: 11px;
936 height: 16px;
937 width: 165px;
938 margin: 6px 0pt 0pt 19px !important;
939 border: 0px;
940 background: transparent;
941 }
942
943 #treeFilterReset {
944 border: 0;
945 position: absolute;
946 top: 6px;
947 left: 194px;
948 cursor: pointer;
949 visibility: hidden;
950 }
951
952 #typo3-pagetree #typo3-docheader img,
953 #typo3-alt-file-navframe-php #typo3-docheader img {
954 margin: 2px 1px;
955 }
956
957 #treeRoot {
958 margin-top: 6px;
959 }
960
961
962 /* - - - - - - - - - - - - - - - - - - - - -
963
964 TCEforms
965
966 - - - - - - - - - - - - - - - - - - - - - */
967
968 table.typo3-TCEforms {
969 width: 93%;
970 border-collapse: collapse;
971 }
972
973 table.typo3-TCEforms span.typo3-TCEforms-recHeader {
974 font-weight: bold;
975 color: #333366;
976 }
977
978 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow,
979 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
980 border: 0;
981 }
982
983 table.typo3-TCEforms span.typo3-TCEforms-newToken {
984 font-weight: bold;
985 color: #990000;
986 }
987
988 table.typo3-TCEforms span.typo3-TCEforms-helpText {
989 color: #666;
990 }
991
992 table.typo3-TCEforms OPTGROUP.c-divider,
993 select option.c-divider {
994 font-style: italic;
995 color: #666;
996 background-color: #eee;
997 text-transform: uppercase;
998 margin-top: 10px;
999 padding: 0px;
1000 border-top: 1px solid #666;
1001 }
1002
1003 table.typo3-TCEforms OPTGROUP OPTION {
1004 font-style: normal;
1005 color: black;
1006 background-color: white;
1007 text-transform: none;
1008 border-bottom: none;
1009 padding: 2px;
1010 margin: 0px;
1011 text-indent: 0px;
1012 }
1013
1014 table.typo3-TCEforms select.icon-select option {
1015 padding-left: 22px;
1016 }
1017
1018 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
1019 background-color: #c5c1b5;
1020 }
1021
1022 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
1023 background-color: #ff6600;
1024 }
1025
1026 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
1027 border-bottom: 1px #999 dashed;
1028 padding: 1px 3px 1px 3px;
1029 }
1030
1031 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
1032 padding-right: 30px;
1033 }
1034
1035 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell P.c-descr {
1036 margin-left: 30px;
1037 font-style: italic;
1038 }
1039
1040 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
1041 font-weight: bold;
1042 padding-top: 10px;
1043 border-bottom: none;
1044 }
1045
1046 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
1047 margin-top: 4px;
1048 margin-bottom: 10px;
1049 }
1050
1051 table.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
1052 margin-top: 4px;
1053 margin-bottom: 10px;
1054 }
1055
1056 table.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
1057 background-color: #bbccbb;
1058 }
1059
1060 table.typo3-TCEforms div.typo3-TCEforms-diffBox {
1061 background-color: white;
1062 border: 1px solid black;
1063 }
1064
1065 table.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
1066 background-color: red;
1067 font-weight: bold;
1068 }
1069
1070 table.typo3-TCEforms div.typo3-dyntabmenu-tabs {
1071 margin-top: 10px;
1072 }
1073
1074
1075 /* - - - - - - - - - - - - - - - - - - - - -
1076
1077 TCEforms Inline-Relational-Record-Editing
1078
1079 - - - - - - - - - - - - - - - - - - - - - */
1080
1081 .typo3-TCEforms div.inlineDivMSIE {
1082 display: inline-block;
1083 }
1084
1085 /* Element Browser / RTE link selection: */
1086
1087 table#typo3-curUrl {
1088 font-weight: bold;
1089 width: 100%;
1090 margin-bottom: 2px;
1091 }
1092
1093 table#typo3-RTElinkMenu tr td {
1094 text-align: center;
1095 white-space: nowrap;
1096 width: 15%;
1097 font-weight: bold;
1098 }
1099
1100 table#typo3-linkTarget {
1101 margin-bottom: 25px;
1102 }
1103
1104 table#typo3-linkPages tr td.c-wCell,
1105 table#typo3-linkFiles tr td.c-wCell,
1106 table#typo3-EBrecords tr td.c-wCell,
1107 table#typo3-EBfiles tr td.c-wCell {
1108 padding-right: 5px;
1109 white-space: nowrap;
1110 }
1111
1112 body#typo3-browse-links-php img,
1113 body#ext-rte-app-rte-select-image-php img {
1114 vertical-align: middle;
1115 }
1116
1117 body#typo3-browse-links-php img.c-blinkArrowL {
1118 margin: 0px 3px 0px 3px;
1119 }
1120
1121 table#typo3-linkMail,
1122 table#typo3-linkURL,
1123 table#typo3-linkTarget {
1124 margin-top: 5px;
1125 }
1126
1127 body#typo3-browse-links-php H3.bgColor5 {
1128 margin-top: 2px;
1129 }
1130
1131 body#typo3-browse-links-php A {
1132 text-decoration: none;
1133 }
1134
1135 table#typo3-msgBox {
1136 margin-top: 10px;
1137 margin-bottom: 10px;
1138 }
1139
1140 table#typo3-msgBox tr td {
1141 padding: 10px 50px 10px 50px;
1142 }
1143
1144
1145 /* - - - - - - - - - - - - - - - - - - - - -
1146
1147 RTE select image
1148
1149 - - - - - - - - - - - - - - - - - - - - - */
1150
1151 body#ext-rte-app-rte-select-image-php A {
1152 text-decoration: none;
1153 }
1154
1155 body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a {
1156 text-decoration: underline;
1157 }
1158
1159
1160 /* - - - - - - - - - - - - - - - - - - - - -
1161
1162 Palette display for TCEforms (top frame, alt_palette.php)
1163
1164 - - - - - - - - - - - - - - - - - - - - - */
1165
1166 body#typo3-alt-palette-php {
1167 background-image: url(gfx/alt_topmenu_back_full.gif);
1168 margin-top: 8px;
1169 margin-left: 6px;
1170 }
1171
1172 table#typo3-TCEforms-palette td {
1173 white-space: nowrap;
1174 vertical-align: top;
1175 }
1176
1177 table#typo3-TCEforms-palette tr td.c-label {
1178 padding-top: 3px;
1179 }
1180
1181 table#typo3-TCEforms-palette tr td.c-close {
1182 padding-top: 3px;
1183 }
1184
1185
1186 /* - - - - - - - - - - - - - - - - - - - - -
1187
1188 Context Sensitive Help window (view_help.php)
1189
1190 - - - - - - - - - - - - - - - - - - - - - */
1191
1192 div.typo3-view-help {
1193 margin-top: 6px;
1194 margin-left: 3px;
1195 width: 95%;
1196 }
1197
1198 div.typo3-view-help img.c-inlineimg {
1199 border: 1px solid black;
1200 margin-top: 5px;
1201 margin-bottom: 3px;
1202 }
1203
1204 div.typo3-view-help H2 {
1205 font-size: 16px;
1206 text-align: left;
1207 margin: 20px 0px 10px 0px;
1208 padding: 3px 3px 3px 3px;
1209 }
1210
1211 div.typo3-view-help H3 {
1212 background-color: #ABBBB4;
1213 margin-top: 0px;
1214 }
1215
1216 div.typo3-view-help H4 {
1217 margin-top: 15px;
1218 border-bottom: 1px black solid;
1219 }
1220
1221 div.typo3-view-help div.c-toc {
1222 border: 1px solid black;
1223 background-color: #D9D5C9;
1224 }
1225
1226 div.typo3-view-help div.c-toc ul li {
1227 font-size: 11px;
1228 font-weight: bold;
1229 margin-top: 10px;
1230 }
1231
1232 div.typo3-view-help div.c-toc ul li ul li {
1233 font-size: 12px;
1234 font-weight: normal;
1235 margin-top: 0px;
1236 }
1237
1238 div.typo3-view-help P.c-nav {
1239 padding: 6px 0px 0px 0px;
1240 }
1241
1242 div.typo3-view-help P.c-nav A {
1243 background-color: #E7DBA8;
1244 font-weight: bold;
1245 padding: 2px 2px 2px 2px;
1246 }
1247
1248 div.typo3-view-help A.glossary-term {
1249 color: maroon;
1250 font-style: italic;
1251 }
1252
1253
1254 /* - - - - - - - - - - - - - - - - - - - - -
1255
1256 Shortcut frame (alt_shortcut.php)
1257
1258 - - - - - - - - - - - - - - - - - - - - - */
1259
1260 body#typo3-alt-shortcut-php {
1261 border-top: #9BA1A8 1px solid;
1262 margin: 0px 0px 0px 0px;
1263 padding: 2px 0px 0px 5px;
1264 }
1265
1266
1267 /* - - - - - - - - - - - - - - - - - - - - -
1268
1269 Document, listing recently edited records if no records were open
1270 (alt_doc_nodoc.php) - this is effectively the Doc module
1271
1272 - - - - - - - - - - - - - - - - - - - - - */
1273
1274 table.typo3-recent-edited {
1275 width: 100%;
1276 }
1277
1278 table.typo3-recent-edited img.c-recicon {
1279 margin-right: 5px;
1280 vertical-align: middle;
1281 }
1282
1283 table.typo3-recent-edited td {
1284 white-space: nowrap;
1285 }
1286
1287 body#typo3-alt-doc-nodoc-php p img {
1288 vertical-align: middle;
1289 margin-left: 5px;
1290 }
1291
1292 body#typo3-alt-doc-nodoc-php {
1293 margin-left: 5px;
1294 }
1295
1296
1297 /* - - - - - - - - - - - - - - - - - - - - -
1298
1299 Record editing (alt_doc.php)
1300
1301 - - - - - - - - - - - - - - - - - - - - - */
1302
1303 div#typo3-docheader {
1304 top: 0;
1305 left: 0;
1306 z-index: 5;
1307 min-width: 260px;
1308 }
1309
1310 #typo3-pagetree #typo3-docheader,
1311 #typo3-alt-file-navframe-php #typo3-docheader {
1312 min-width: 0px;
1313 }
1314
1315 div#typo3-docheader-row1 {
1316 height: 22px;
1317 background: #cbc7c3;
1318 }
1319
1320 div#typo3-docheader-row2 {
1321 background: #e4e0db;
1322 padding-top: 6px;
1323 height: 21px;
1324 line-height: 27px;
1325 border-bottom: 1px solid #000;
1326 }
1327 div.docheader-row2-left {
1328 margin-top: -3px;
1329 }
1330 div.docheader-row2-left div.docheader-funcmenu {
1331 padding-right: 4px;
1332 float: left;
1333 }
1334 div.docheader-row2-left div.docheader-csh {
1335 padding-top: 3px;
1336 float: left;
1337 }
1338 div#typo3-docheader div.buttonsleft {
1339 margin: 0 0 0 3px;
1340 line-height: 16px;
1341 float: left;
1342 }
1343
1344 div#typo3-docheader div.buttonsright {
1345 margin: 0 3px 0 0;
1346 line-height: 16px;
1347 float: right;
1348 }
1349
1350 div#typo3-docheader img, div#typo3-docheader input {
1351 margin: 2px 3px 0;
1352 vertical-align: top;
1353 }
1354
1355 div#typo3-docheader img.typo3-csh-icon {
1356 margin: 2px 2px 0 2px;
1357 }
1358
1359 div#typo3-docheader-row2 img {
1360 margin-top: -1px !important;
1361 }
1362
1363 div#typo3-docheader-row2 div {
1364 line-height: normal;
1365 }
1366
1367 div#typo3-docheader select {
1368 margin: 1px 0 0;
1369 }
1370
1371 div#typo3-docheader div.docheader-row2-left {
1372 margin-left: 6px;
1373 float: left;
1374 }
1375
1376 div#typo3-docheader div.docheader-row2-right {
1377 margin-right: 6px;
1378 float: right;
1379 }
1380
1381 div#typo3-docbody {
1382 width: 100%;
1383 overflow: auto;
1384 top: 51px;
1385 bottom: 0;
1386 position: absolute;
1387 z-index: 2;
1388 }
1389
1390 div#typo3-inner-docbody {
1391 padding: 10px 0 10px 10px;
1392 }
1393
1394 /* Fix for IE 6 */
1395 * html div#typo3-inner-docbody {
1396 width:95%;
1397 }
1398
1399 /* Fix for IE 7 */
1400 * + html div#typo3-inner-docbody {
1401 width:95%;
1402 }
1403
1404 * html div#typo3-docbody {
1405 height: 90%;
1406 top: 51px;
1407 padding-top: 0;
1408 padding-bottom: 0;
1409 }
1410
1411 * html div#typo3-docbody table.typo3-TCEforms {
1412 margin-top: 20px;
1413 }
1414
1415 div#typo3-docheader div.buttonsleft div.buttongroup {
1416 height: 20px;
1417 float: left;
1418 padding-right: 20px;
1419 border-right: 1px dashed #ccc;
1420 margin-right: 5px;
1421 }
1422
1423 div#typo3-docheader div.buttonsright div.buttongroup {
1424 height: 20px;
1425 float: left;
1426 padding-left: 20px;
1427 border-left: 1px dashed #ccc;
1428 margin-left: 5px;
1429 }
1430
1431
1432 div#typo3-docheader div.no-border div.buttongroup {
1433 border: 0px;
1434 }
1435
1436 /* - - - - - - - - - - - - - - - - - - - - -
1437
1438 Login Screen
1439
1440 * Warning:
1441 * DO NOT prevent the copyright notice from being shown!
1442 * According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
1443 * Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
1444
1445 Color set: #A69E8D / #858585
1446
1447 - - - - - - - - - - - - - - - - - - - - - */
1448
1449 body#typo3-index-php {
1450 background-color: white;
1451 margin: 0;
1452 padding: 0;
1453 }
1454
1455 body#typo3-index-php table#wrapper {
1456 width: 100%;
1457 margin-top: 30px;
1458 }
1459
1460 body#typo3-index-php table#loginwrapper {
1461 width: 100%;
1462 background-color: #CE0F27;
1463 text-align: left;
1464 }
1465
1466 body#typo3-index-php div#copyrightnotice {
1467 width: 70%;
1468 text-align: left;
1469 margin-top: 10px;
1470 }
1471
1472 body#typo3-index-php div#copyrightnotice img {
1473 margin-right: 5px;
1474 margin-bottom: 5px;
1475 }
1476
1477 body#typo3-index-php div#loginimage {
1478 text-align: right;
1479 padding-right: 30px;
1480 margin-bottom: 5px;
1481 height: 43px;
1482 }
1483
1484 table#logintable {
1485 position: absolute;
1486 left: 35%;
1487 top: 78px;
1488 margin: 5px 20px 5px 20px;
1489 }
1490
1491 table#logintable tr td {
1492 padding: 1px 1px 1px 1px;
1493 }
1494
1495 table#logintable H2 {
1496 background-color: transparent;
1497 font-size: 14px;
1498 color: white;
1499 text-align: left;
1500 }
1501
1502 table#logintable P,
1503 table#logintable label {
1504 font-size: 12px;
1505 color: white;
1506 font-weight: bold;
1507 }
1508
1509 table#logintable P.c-info {
1510 font-size: 10px;
1511 font-weight: normal;
1512 }
1513
1514 table#logintable P.c-wrong {
1515 font-size: 10px;
1516 width: 300px;
1517 border: #858585 solid 1px;
1518 margin: 5px 0px 5px 0px;
1519 padding: 5px 15px 5px 15px;
1520 }
1521
1522 table#logintable input.c-username,
1523 table#logintable input.c-password,
1524 table#logintable select.c-interfaceselector {
1525 width: 150px;
1526 }
1527
1528 table#logintable input {
1529 border: #858585 solid 1px;
1530 background-color: white;
1531 }
1532
1533 /* Fix height if an error message is displayed */
1534
1535 body#typo3-index-php table#loginwrapper td.error {
1536 padding: 25px 0 25px 0;
1537 }
1538
1539 h2#loginNewsTitle {
1540 width: 70%;
1541 background-color: #F69220;
1542 color: #000;
1543 padding: 2px 0 0 4px;
1544 }
1545
1546 dl#loginNews {
1547 width: 70%;
1548 text-align: left;
1549 margin-bottom: 20px;
1550 }
1551
1552 dl#loginNews dt {
1553 font-weight: bold;
1554 font-size: 14px;
1555 }
1556
1557 dl#loginNews dt span {
1558 font-weight: normal;
1559 font-size: 10px;
1560 padding-left: 16px;
1561 margin-bottom: 4px;
1562 }
1563
1564 dl#loginNews dd {
1565 border-left: 2px solid #F69220;
1566 padding-left: 10px;
1567 font-size: 12px;
1568 margin-bottom: 12px;
1569 }
1570
1571
1572 /* - - - - - - - - - - - - - - - - - - - - -
1573
1574 Wizards
1575
1576 - - - - - - - - - - - - - - - - - - - - - */
1577
1578 body#typo3-wizard-tsconfig-php {
1579 margin-left: 5px;
1580 }
1581
1582 table#typo3-tablewizard span.c-wizButtonsH input {
1583 margin-right: 2px;
1584 vertical-align: middle;
1585 }
1586
1587 table#typo3-tablewizard span.c-wizButtonsV input {
1588 margin-right: 2px;
1589 vertical-align: middle;
1590 }
1591
1592 table#typo3-formwizard span.c-wizButtonsV input {
1593 margin-bottom: 2px;
1594 }
1595
1596 input.c-inputButton, img.c-inputButton {
1597 margin-right: 2px;
1598 vertical-align: middle;
1599 }
1600
1601 div#c-saveButtonPanel, div#c-inputMode {
1602 margin-top: 10px;
1603 }
1604
1605 table#typo3-formwizard tr#typo3-formWizardHeader td {
1606 font-weight: bold;
1607 text-align: center;
1608 }
1609
1610 table#typo3-formwizard tr td {
1611 padding: 0px 2px 0px 2px;
1612 }
1613
1614 body#typo3-wizard-rte-php,
1615 body#typo3-wizard-rte-php table#typo3-rtewizard {
1616 height: 98%;
1617 }
1618
1619 body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent {
1620 height: 100%;
1621 vertical-align: top;
1622 }
1623
1624 body#typo3-wizard-colorpicker-php p.c-head {
1625 font-weight: bold;
1626 margin-top: 4px;
1627 }
1628
1629
1630 /* - - - - - - - - - - - - - - - - - - - - -
1631
1632 History / Undo
1633
1634 - - - - - - - - - - - - - - - - - - - - - */
1635
1636 table#typo3-history tr td,
1637 table#typo3-history-item tr td {
1638 vertical-align: top;
1639 }
1640
1641 table#typo3-history tr.c-head td,
1642 table#typo3-history-item tr.c-head td {
1643 font-weight: bold;
1644 }
1645
1646 table#typo3-history img,
1647 table#typo3-history-item img {
1648 margin: 1px 1px 1px 1px;
1649 }
1650
1651
1652 /* - - - - - - - - - - - - - - - - - - - - -
1653
1654 Move Element
1655
1656 - - - - - - - - - - - - - - - - - - - - - */
1657
1658 body#typo3-move-el-php img {
1659 vertical-align: middle;
1660 }
1661
1662 body#typo3-move-el-php table#typo3-ttContentList img,
1663 body#typo3-move-el-php img#c-recIcon {
1664 margin-right: 4px;
1665 }
1666
1667
1668 /* - - - - - - - - - - - - - - - - - - - - -
1669
1670 File scripts
1671
1672 - - - - - - - - - - - - - - - - - - - - - */
1673
1674 body#typo3-file-upload-php div#c-submit,
1675 body#typo3-file-upload-php div#c-upload,
1676 body#typo3-file-upload-php div#c-override,
1677 body#typo3-file-upload-php div#c-select {
1678 margin-top: 10px;
1679 }
1680
1681 body#typo3-file-rename-php div#c-submit,
1682 body#typo3-file-rename-php div#c-rename {
1683 margin-top: 10px;
1684 }
1685
1686 body#typo3-file-newfolder-php div#c-select,
1687 body#typo3-file-newfolder-php div#c-createFolders,
1688 body#typo3-file-newfolder-php div#c-submitFolders,
1689 body#typo3-file-newfolder-php div#c-newFile,
1690 body#typo3-file-newfolder-php div#c-submitFiles {
1691 margin-top: 10px;
1692 }
1693
1694 body#typo3-file-edit-php div#c-submit,
1695 body#typo3-file-edit-php div#c-edit {
1696 margin-top: 10px;
1697 }
1698
1699
1700 /* - - - - - - - - - - - - - - - - - - - - -
1701
1702 Docheader
1703
1704 - - - - - - - - - - - - - - - - - - - - - */
1705
1706 span.typo3-docheader-pagePath {
1707 font-weight: bold;
1708 }
1709
1710 span.typo3-docheader-pagePath abbr {
1711 border-bottom: none;
1712 }
1713
1714 /* - - - - - - - - - - - - - - - - - - - - -
1715
1716 Web > Page
1717
1718 - - - - - - - - - - - - - - - - - - - - - */
1719
1720 table.typo3-page-ceHeader {
1721 width: 100%;
1722 }
1723
1724 table.typo3-page-ceHeader img {
1725 vertical-align: middle;
1726 }
1727
1728 table.typo3-page-columnsMode img.c-divider {
1729 margin: 10px 0px 5px 0px;
1730 }
1731
1732 table.typo3-page-columnsMode tr td a {
1733 text-decoration: none;
1734 }
1735
1736 table.typo3-page-columnsMode tr td a b {
1737 text-decoration: underline;
1738 }
1739
1740 table.typo3-page-cols tr td span.exampleContent a {
1741 text-decoration: none;
1742 }
1743
1744 table#typo3-page-stdlist tr td.c-headLine {
1745 background-color: #ABBBB4;
1746 }
1747
1748
1749 /* - - - - - - - - - - - - - - - - - - - - -
1750
1751 Web > List
1752
1753 - - - - - - - - - - - - - - - - - - - - - */
1754
1755 table.typo3-dblist {
1756 width: 98%;
1757 }
1758
1759 table.typo3-dblist img {
1760 vertical-align: middle;
1761 }
1762
1763 table.typo3-dblist tr td {
1764 padding-left: 1px;
1765 padding-right: 6px;
1766 }
1767
1768 table.typo3-dblist tr td.db_list_alt {
1769 background-color: #E3DFD3;
1770 }
1771
1772 table.typo3-dblist tr td.c-headLineTable,
1773 table.typo3-dblist tr.c-headLineTable td {
1774 background-color: #ccc;
1775 height: 16px;
1776 }
1777
1778 table.typo3-dblist tr td.c-headLine,
1779 table.typo3-dblist tr.c-headLine td {
1780 background-color: #eee;
1781 }
1782
1783 table.typo3-dblist tr td.c-headLineTable a,
1784 table.typo3-dblist tr.c-headLineTable td a {
1785 text-decoration: none;
1786 font-weight: bold;
1787 }
1788
1789 table.typo3-dblist tr td div.typo3-DBctrl {
1790 background-color: #C5C1B5;
1791 min-width: 252px;
1792 height: 16px;
1793 }
1794
1795 * html table.typo3-dblist tr td div.typo3-DBctrl {
1796 width: 252px;
1797 }
1798
1799 table.typo3-dblist tr td div.typo3-clipCtrl {
1800 background-color: #ABBBB4;
1801 text-align: center;
1802 min-width: 72px;
1803 height: 16px;
1804 }
1805
1806 * html table.typo3-dblist tr td div.typo3-clipCtrl {
1807 width: 72px;
1808 }
1809
1810 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning {
1811 display: block;
1812 width: 16px;
1813 height: 16px;
1814 margin: 0px 1px;
1815 text-align: center;
1816 line-height: 16px;
1817 float: left;
1818 font-weight: bold;
1819 }
1820 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
1821 background-color: #FFFF00;
1822 }
1823 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
1824 background-color: #9999cc;
1825 }
1826 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-hidden {
1827 visibility: hidden;
1828 }
1829
1830 table.typo3-dblist tr td div.typo3-clipCtrl img,
1831 table.typo3-dblist tr td div.typo3-DBctrl img {
1832 margin-left: 1px;
1833 margin-right: 1px;
1834 float: left;
1835 }
1836
1837 table.typo3-dblist tr:hover,
1838 table.typo3-dblist tr:hover td {
1839 background-color: #ebebeb;
1840 }
1841
1842 table.typo3-dblist tr td.col-icon {
1843 width: 40px;
1844 }
1845
1846 table.typo3-dblist tr td.col-icon a {
1847 width: 40px;
1848 display: block;
1849 }
1850
1851 table.typo3-dblist tr td.col-icon a img.collapseIcon {
1852 margin-left: 2px;
1853 }
1854
1855 table.typo3-dblist tr td.col-title {
1856 width: 240px;
1857 overflow: hidden;
1858 }
1859
1860 table.typo3-dblist tr.c-headLine td.col-title a {
1861 width: 240px;
1862 display: block;
1863 font-weight: bold;
1864 }
1865
1866 table.typo3-dblist tr td.col-control {
1867 width: 250px;
1868 text-align: left;
1869 }
1870
1871 table.typo3-dblist tr td.col-control-space {
1872 width: 4px;
1873 }
1874
1875 table.typo3-dblist tr.c-headLine td.col-control a{
1876 width: 250px;
1877 display: block;
1878 }
1879
1880 table.typo3-dblist tr td.col-clipboard {
1881 width: 74px;
1882 text-align: left;
1883 }
1884
1885 table#typo3-dblist-fieldSelect {
1886 margin-top: 20px;
1887 }
1888
1889 table.typo3-dblist-overview {
1890 width: 410px;
1891 margin-top: 10px;
1892 margin-left: 1px;
1893 }
1894
1895 table.typo3-dblist-overview td.c-tableDescription {
1896 padding-left: 10px;
1897 font-style: italic;
1898 color: #333;
1899 }
1900
1901 table.typo3-dblist-overview td.c-tableDescription img {
1902 margin-right: 10px;
1903 }
1904
1905 table#typo3-versionSelector {
1906 background-color: #ABBBB4;
1907 margin-top: 5px;
1908 margin-bottom: 5px;
1909 }
1910
1911 table#typo3-versionSelector td {
1912 padding-left: 2px;
1913 padding-right: 2px;
1914 }
1915
1916 div#typo3-newRecordLink,
1917 div.typo3-newRecordLink,
1918 div.typo3-localizationLink,
1919 div.typo3-synchronizationLink {
1920 margin: 5px 0px 5px 0px;
1921 font-weight: bold;
1922 }
1923
1924 div#typo3-newRecordLink img,
1925 div.typo3-newRecordLink img,
1926 div.typo3-localizationLink img,
1927 div.typo3-synchronizationLink img {
1928 margin-right: 5px;
1929 vertical-align: middle;
1930 }
1931
1932 input.smallCheckboxes {
1933 vertical-align: middle;
1934 margin: 0px;
1935 padding: 0px;
1936 width: 12px;
1937 height: 12px;
1938 }
1939
1940 div#typo3-listOptions {
1941 margin: 10px 0px 10px 0px;
1942 width: 93%;
1943 }
1944
1945 div#typo3-dblist-pagination {
1946 padding: 5px 0;
1947 white-space: nowrap;
1948 }
1949 div#typo3-dblist-pagination img, div#typo3-dblist-pagination span.pageIndicator {
1950 margin-right: 6px;
1951 }
1952 div#typo3-dblist-pagination img {
1953 vertical-align: bottom;
1954 padding-bottom: 2px;
1955 }
1956 div#typo3-dblist-pagination span.bar {
1957 border-left: 1px solid #5485c3;
1958 padding: 0 2px;
1959 }
1960
1961
1962
1963 /* - - - - - - - - - - - - - - - - - - - - -
1964
1965 Web > Template
1966
1967 - - - - - - - - - - - - - - - - - - - - - */
1968
1969 .typo3-tstemplate-ceditor-control {
1970 margin-right: 3px;
1971 vertical-align: bottom;
1972 cursor: pointer;
1973 }
1974
1975 div.typo3-tstemplate-ceditor-row {
1976 margin-top: 2px;
1977 padding: 3px;
1978 }
1979
1980 div.typo3-tstemplate-ceditor-colorblock {
1981 display: -moz-inline-box;
1982 display: inline-block;
1983 margin-left: 5px;
1984 width: 50px;
1985 }
1986
1987 * html div.typo3-tstemplate-ceditor-colorblock {
1988 display: inline;
1989 }
1990
1991 /* IE 6 Fix */
1992
1993 * + html div.typo3-tstemplate-ceditor-colorblock {
1994 display: inline;
1995 }
1996
1997 /* IE 7 Fix */
1998
1999 dl.typo3-tstemplate-ceditor-constant {
2000 margin: 0px 0px 20px 10px
2001 }
2002
2003 dl.typo3-tstemplate-ceditor-constant dd {
2004 margin-left: 0px;
2005 }
2006
2007 dl.typo3-tstemplate-ceditor-constant dt {
2008 display: inline;
2009 margin-right: 5px;
2010 }
2011
2012 dt.typo3-tstemplate-ceditor-label {
2013 font-size: 11px;
2014 font-weight: bold;
2015 }
2016
2017
2018 /* - - - - - - - - - - - - - - - - - - - - -
2019
2020 File > List
2021
2022 - - - - - - - - - - - - - - - - - - - - - */
2023
2024 table#typo3-filelist {
2025 margin-top: 10px;
2026 width: 98%;
2027 }
2028
2029 table#typo3-filelist img {
2030 vertical-align: middle;
2031 }
2032
2033 table#typo3-filelist tr td {
2034 padding: 3px;
2035 }
2036
2037 table#typo3-filelist tr.c-headLine td {
2038 background-color: #ccc;
2039 font-weight: bold;
2040 height: 16px;
2041 }
2042
2043 table#typo3-filelist tr td div.typo3-clipCtrl {
2044 background-color: #abbbb4;
2045 text-align: center;
2046 }
2047
2048
2049 /* - - - - - - - - - - - - - - - - - - - - -
2050
2051 Clipboard
2052
2053 - - - - - - - - - - - - - - - - - - - - - */
2054
2055 table#typo3-clipboard,
2056 div#typo3-newRecordLink,
2057 table#typo3-dblist-search {
2058 margin-top: 10px;
2059 }
2060
2061 table#typo3-clipboard tr.bgColor5 td A {
2062 text-decoration: none;
2063 }
2064
2065 table#typo3-clipboard tr.bgColor5 td img {
2066 vertical-align: middle;
2067 }
2068
2069 tr.typo3-clipboard-head {
2070 background-color: #ccc;
2071 }
2072
2073
2074 /* - - - - - - - - - - - - - - - - - - - - -
2075
2076 Web > Info
2077
2078 - - - - - - - - - - - - - - - - - - - - - */
2079
2080 table.typo3-page-pages tr td.c-headLine {
2081 background-color: #ABBBB4;
2082 }
2083
2084 body#typo3-mod-web-info-index-php img {
2085 vertical-align: middle;
2086 }
2087
2088 table.typo3-page-sysnote tr td {
2089 background-color: #d9d5c9;
2090 }
2091
2092 table.typo3-page-sysnote tr td.c-headLine {
2093 background-color: #c5c1b5;
2094 }
2095
2096
2097 /* - - - - - - - - - - - - - - - - - - - - -
2098
2099 Web > Access
2100
2101 - - - - - - - - - - - - - - - - - - - - - */
2102
2103 table#typo3-permissionList img {
2104 vertical-align: middle;
2105 }
2106
2107 table#typo3-permissionMatrix td {
2108 text-align: center;
2109 width: 16%;
2110 }
2111
2112 table#typo3-permissionMatrix td.bgColor2 {
2113 font-weight: bold;
2114 padding-left: 10px;
2115 padding-right: 10px;
2116 }
2117
2118
2119 /* - - - - - - - - - - - - - - - - - - - - -
2120
2121 Help > About
2122
2123 - - - - - - - - - - - - - - - - - - - - - */
2124
2125 #typo3-mod-help-about-index-php-outer {
2126 margin: 0px auto;
2127 width: 350px;
2128 text-align: center;
2129 }
2130
2131 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner {
2132 margin: 10px auto;
2133 border: 1px solid black;
2134 background: #eaeaea;
2135 padding: 5px;
2136 text-align: left;
2137 }
2138
2139 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h2 {
2140 margin-top: 0;
2141 }
2142
2143 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h3 {
2144 margin-top: 10px;
2145 margin-bottom: 10px;
2146 background-color: transparent;
2147 font-size: 14px;
2148 text-align: center;
2149 }
2150
2151 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a {
2152 color: black;
2153 text-decoration: underline;
2154 }
2155
2156 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a:hover {
2157 text-decoration: none;
2158 }
2159
2160
2161 /* - - - - - - - - - - - - - - - - - - - - -
2162
2163 New Element
2164
2165 - - - - - - - - - - - - - - - - - - - - - */
2166
2167 body#typo3-db-new-php img {
2168 vertical-align: middle;
2169 }
2170
2171 body#typo3-db-new-php a img {
2172 margin-right: 5px;
2173 }
2174
2175 body#typo3-db-new-php a {
2176 text-decoration: none;
2177 }
2178
2179 body#typo3-db-new-php img.c-helpImg {
2180 margin-left: 20px;
2181 text-align: right;
2182 }
2183
2184 body#typo3-db-new-php div#typo3-newPageLink {
2185 margin-top: 20px;
2186 }
2187
2188 body#typo3-db-new-php table#typo3-newRecord tr td {
2189 padding-right: 20px;
2190 }
2191
2192
2193 /* - - - - - - - - - - - - - - - - - - - - -
2194
2195 Tools > Extension Manager
2196
2197 - - - - - - - - - - - - - - - - - - - - - */
2198
2199 body#typo3-mod-tools-em-index-php .em-listbg1 {
2200 background-color: #d9d5c9;
2201 }
2202
2203 body#typo3-mod-tools-em-index-php .em-listbg2 {
2204 background-color: #e9e5e9;
2205 }
2206
2207 body#typo3-mod-tools-em-index-php .em-listbg3 {
2208 background-color: #efefef;
2209 }
2210
2211 body#typo3-mod-tools-em-index-php tr.bgColor5 td {
2212 font-weight: bold;
2213 }
2214
2215 body#typo3-mod-tools-em-index-php tr.unsupported-ext {
2216 background-color: #ffdddd;
2217 }
2218
2219 body#typo3-mod-tools-em-index-php tr.unsupported-ext td {
2220 color: #ff0000;
2221 }
2222
2223 body#typo3-mod-tools-em-index-php tr.unsupported-ext td a {
2224 color: #ff0000;
2225 }
2226
2227 body#typo3-mod-tools-em-index-php tr td.extstate {
2228 color: #fff;
2229 font-weight: bold;
2230 text-align: center;
2231 }
2232
2233
2234 /* - - - - - - - - - - - - - - - - - - - - -
2235
2236 User > Task Center
2237
2238 - - - - - - - - - - - - - - - - - - - - - */
2239
2240 #ext-taskcenter-task-index-php {
2241 height: 95%;
2242 }
2243
2244
2245 /* - - - - - - - - - - - - - - - - - - - - -
2246
2247 Admin Tools > User Admin
2248
2249 - - - - - - - - - - - - - - - - - - - - - */
2250
2251 #ext-beuser-mod-index-php a {
2252 display: inline-block;
2253 }
2254
2255
2256 /* - - - - - - - - - - - - - - - - - - - - -
2257
2258 Workspace
2259
2260 - - - - - - - - - - - - - - - - - - - - - */
2261
2262 div.workspace-info {
2263 padding: 3px;
2264 margin: -10px 0px 5px -10px;
2265 border-bottom: 1px solid #999;
2266 background-color: #ccccff;
2267 }
2268
2269 .ver-element, ul.tree ul li.ver-element {
2270 background-color: #ccddcc;
2271 }
2272
2273 .ver-page, ul.tree ul li.ver-page {
2274 background-color: #ccccff;
2275 }
2276
2277 .ver-branch, ul.tree ul li.ver-branch {
2278 background-color: #ffcccc;
2279 }
2280
2281 .ver-branchpoint, ul.tree ul li.ver-branchpoint {
2282 background-color: #ff9999;
2283 }
2284
2285 .ver-versions, ul.tree ul li.ver-versions {
2286 background-color: #ffffaa;
2287 }
2288
2289 ul.tree ul li.ver-element ul {
2290 background-color: #f7f3ef;
2291 }
2292
2293 ul.tree ul li.ver-page ul {
2294 background-color: #f7f3ef;
2295 }
2296
2297 ul.tree ul li.ver-branch ul {
2298 background-color: #f7f3ef;
2299 }
2300
2301 ul.tree ul li.ver-branchpoint ul {
2302 background-color: #f7f3ef;
2303 }
2304
2305 ul.tree ul li.ver-versions ul {
2306 background-color: #f7f3ef;
2307 }
2308
2309 table.workspace-overview td {
2310 vertical-align: top;
2311 }
2312
2313 table.ver-subtree A {
2314 text-decoration: none;
2315 }
2316
2317 table.ver-subtree tr td.iconTitle {
2318 white-space: nowrap;
2319 }
2320
2321 table.ver-subtree tr td.diffCell {
2322 white-space: normal;
2323 }
2324
2325 table.ver-subtree table.diffTable {
2326 background-color: white;
2327 border: 1px solid black;
2328 }
2329
2330 table.ver-subtree div.diffLayer,
2331 div.logLayer {
2332 background-color: white;
2333 width: 400px;
2334 border: 1px solid black;
2335 }
2336
2337 table.ver-subtree tr td img {
2338 vertical-align: middle;
2339 }
2340
2341 table.ver-subtree,
2342 table.ver-verElement td.c-diffCell {
2343 border: 1px solid #666;
2344 }
2345
2346 table.ver-verElement {
2347 width: 100%;
2348 }
2349
2350 table.ver-subtree tr.typo3-ver td.iconTitle,
2351 table.ver-subtree tr.typo3-ver td.diffCell,
2352 table.ver-subtree tr.typo3-ver td.cmdCell {
2353 background-color: #c5c1b5;
2354 }
2355
2356 table.ver-subtree tr.typo3-ver-hl td.iconTitle,
2357 table.ver-subtree tr.typo3-ver-hl td.diffCell,
2358 table.ver-subtree tr.typo3-ver-hl td.cmdCell {
2359 background-color: #999;
2360 }
2361
2362 table.ver-subtree tr.typo3-ver-new td {
2363 color: #666;
2364 background-color: #eee;
2365 }
2366
2367 table.ver-subtree tr.typo3-ver-noComp td {
2368 font-style: italic;
2369 }
2370
2371 .ver-wl-table {
2372 border: 1px solid black;
2373 }
2374
2375 .ver-wl-details-table {
2376 border: 1px solid #D9D5C9;
2377 }
2378
2379 .ver-wl-details {
2380 background-color: #E6E2D5;
2381 vertical-align: top;
2382 }
2383
2384 .ver-wl-details-label {
2385 background-color: #E6E2D5;
2386 width: 150px;
2387 white-space: nowrap;
2388 vertical-align: top;
2389 }
2390
2391 .ver-wl-details-user-list-label {
2392 width: 100px;
2393 }
2394
2395 #ver-wl-new-workspace-icon {
2396 margin-right: 5px;
2397 border: none;
2398 float: left;
2399 }
2400
2401 .ver-wl-mp-inacessible {
2402 font-style: italic;
2403 color: #7C7C7C;
2404 }
2405
2406 .ver-wl-current-user {
2407 font-weight: bold;
2408 }
2409
2410
2411 /* - - - - - - - - - - - - - - - - - - - - -
2412
2413 Context Menus
2414
2415 - - - - - - - - - - - - - - - - - - - - - */
2416
2417 div#contentMenu0 {
2418 z-index: 10;
2419 position: absolute;
2420 }
2421
2422 div#contentMenu1 {
2423 z-index: 20;
2424 position: absolute;
2425 }
2426
2427
2428 /* - - - - - - - - - - - - - - - - - - - - -
2429
2430 Dimmed span tag color (disabled)
2431
2432 - - - - - - - - - - - - - - - - - - - - - */
2433
2434 .typo3-dimmed {
2435 color: #666;
2436 }
2437
2438 .c-na {
2439 color: #666;
2440 font-style: italic;
2441 }
2442
2443 .not-found a {
2444 color: #cccccc;
2445 }
2446
2447
2448 /* - - - - - - - - - - - - - - - - - - - - -
2449
2450 Red span tag color (warning, notice)
2451
2452 - - - - - - - - - - - - - - - - - - - - - */
2453
2454 .typo3-red {
2455 color: red;
2456 }
2457
2458 .typo3-red-background {
2459 background-color: red;
2460 }
2461
2462 table.warningbox {
2463 border: solid 2px black;
2464 background-color: yellow;
2465 margin: 20px 0px 20px 0px;
2466 }
2467
2468 table.warningbox td {
2469 padding: 20px 20px 20px 20px;
2470 font-weight: bold;
2471 }
2472
2473 table.warningbox td a {
2474 text-decoration: underline;
2475 }
2476
2477 div.warningbox {
2478 border: solid 2px black;
2479 background-color: yellow;
2480 padding: 10px;
2481 font-weight: bold;
2482 margin: 10px 0px 10px 0px;
2483 }
2484
2485 span.warningboxheader {
2486 margin-left: 5px;
2487 }
2488
2489 /* - - - - - - - - - - - - - - - - - - - - -
2490
2491 Various classes
2492
2493 - - - - - - - - - - - - - - - - - - - - - */
2494
2495 .nobr {
2496 white-space: nowrap;
2497 }
2498
2499 .diff-r {
2500 color: red;
2501 }
2502
2503 .diff-g {
2504 color: green;
2505 }
2506
2507 div.diff-r {
2508 background-color: red;
2509 color: black;
2510 padding: 3px 3px 3px 3px;
2511 }
2512
2513 div.diff-g {
2514 background-color: green;
2515 color: black;
2516 padding: 3px 3px 3px 3px;
2517 }
2518
2519 img.absmiddle {
2520 vertical-align: middle;
2521 }
2522
2523 textarea.fixed-font {
2524 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
2525 font-size: 11px;
2526 }
2527
2528 .smallCheckboxes {
2529 width: 12px;
2530 height: 12px;
2531 margin: 0px;
2532 }
2533
2534 .uppercase {
2535 text-transform: uppercase;
2536 }
2537
2538 .tableheader td {
2539 font-weight: bold;
2540 padding-left: 2px;
2541 padding-right: 2px;
2542 }
2543
2544 .lrPadding td {
2545 padding-left: 2px;
2546 padding-right: 2px;
2547 }
2548
2549
2550 /* - - - - - - - - - - - - - - - - - - - - -
2551
2552 Permissions, green and red
2553
2554 - - - - - - - - - - - - - - - - - - - - - */
2555
2556 a.perm-allowed,
2557 a.perm-denied,
2558 #perm-legend .perm-allowed,
2559 #perm-legend .perm-denied {
2560 font-size: 0px;
2561 font-weight: bold;
2562 cursor: pointer;
2563
2564 display: block;
2565 float: left;
2566 height: 10px;
2567 width: 10px;
2568 padding: 2px;
2569 }
2570
2571 #perm-legend .perm-allowed,
2572 #perm-legend .perm-denied {
2573 clear: left;
2574 cursor: auto;
2575 }
2576
2577 a.perm-allowed:hover,
2578 a.perm-denied:hover {
2579 background-color: #e3dfdb;
2580 }
2581
2582 a.perm-allowed,
2583 #perm-legend .perm-allowed {
2584 color: green;
2585 background:transparent url('gfx/perm-allowed.gif') no-repeat scroll center;
2586 }
2587
2588 a.perm-denied,
2589 #perm-legend .perm-denied {
2590 color: red;
2591 background:transparent url('gfx/perm-denied.gif') no-repeat scroll center;
2592 }
2593
2594 #perm-legend {
2595 margin-top: 10px;
2596 }
2597
2598 .ug_selector,
2599 .ug_selector a {
2600 text-decoration: underline;
2601 cursor: pointer;
2602 }
2603
2604 .not_set,
2605 .not_set a,
2606 .editlock,
2607 .editlock a {
2608 text-decoration: none;
2609 cursor: pointer;
2610 color: #ccc;
2611 }
2612
2613 .not_set:hover,
2614 .not_set a:hover,
2615 .editlock:hover,
2616 .editlock a:hover {
2617 text-decoration: none;
2618 cursor: pointer;
2619 color: #000;
2620 }
2621
2622 .not_set {
2623 color: #000;
2624 font-style: italic;
2625 }
2626
2627
2628 /* - - - - - - - - - - - - - - - - - - - - -
2629
2630 Go back A-tags
2631
2632 - - - - - - - - - - - - - - - - - - - - - */
2633
2634 a.typo3-goBack {
2635 font-weight: bold;
2636 background-color: #D9D5C9;
2637 padding: 1px 1px 1px 1px;
2638 }
2639
2640 a.typo3-goBack img {
2641 margin-right: 5px;
2642 vertical-align: middle;
2643 }
2644
2645 span.typo3-moduleHeader img {
2646 vertical-align: middle;
2647 margin-right: 4px;
2648 }
2649
2650
2651 /* - - - - - - - - - - - - - - - - - - - - -
2652
2653 Context Sensitive Help (CSH)
2654
2655 - - - - - - - - - - - - - - - - - - - - - */
2656
2657 table.typo3-csh-inline {
2658 border: solid 1px #6f3833;
2659 background-color: #ffffff;
2660 margin: 5px 4px 20px 0px;
2661 padding: 1px 2px 2px 1px;
2662 }
2663
2664 table.typo3-csh-inline tr td h4 {
2665 margin-top: 0px;
2666 margin-bottom: 0px;
2667 }
2668
2669 img.typo3-csh-icon {
2670 vertical-align: middle;
2671 cursor: help;
2672 }
2673
2674 a.typo3-csh-link {
2675 white-space: normal;
2676 }
2677
2678 a.typo3-csh-link span.typo3-csh-inline {
2679 display: none;
2680 position: absolute;
2681 padding: 1px 2px 2px 2px;
2682 background: #ffffff;
2683 border: 1px solid #050505;
2684 width: 200px;
2685 z-index: 100;
2686 color: #000000;
2687 font-weight: normal;
2688 }
2689
2690 a.typo3-csh-link:hover span.typo3-csh-inline {
2691 display: block;
2692 }
2693
2694 span.typo3-csh-inline span.header,
2695 table.typo3-csh-inline span.header {
2696 font-weight: bold;
2697 float: left;
2698 width: 100%;
2699 background-color: #F6F2E6;
2700 }
2701
2702 span.typo3-csh-inline {
2703 line-height: 16px;
2704 }
2705
2706 a.typo3-csh-link span.typo3-csh-inline.show-right {
2707 margin: 0px 0px 0px -148px;
2708 }
2709
2710 table.typo3-csh-inline a.typo3-csh-link {
2711 float: none;
2712 margin-right: 0;
2713 }
2714 /* - - - - - - - - - - - - - - - - - - - - -
2715
2716 TypoScript Highlighting
2717
2718 - - - - - - - - - - - - - - - - - - - - - */
2719
2720 pre.ts-hl {
2721 font-size: 11px;
2722 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
2723 }
2724
2725 pre.ts-hl .ts-prespace {
2726
2727 }
2728
2729 pre.ts-hl .ts-objstr_postspace {
2730
2731 }
2732
2733 pre.ts-hl .ts-operator_postspace {
2734
2735 }
2736
2737 pre.ts-hl .ts-operator {
2738 color: black;
2739 font-weight: bold;
2740 }
2741
2742 pre.ts-hl .ts-value {
2743 color: #cc0000;
2744 }
2745
2746 pre.ts-hl .ts-objstr {
2747 color: #0000cc;
2748 }
2749
2750 pre.ts-hl .ts-value_copy {
2751 color: #006600;
2752 }
2753
2754 pre.ts-hl .ts-value_unset {
2755 background-color: #66cc66;
2756 }
2757
2758 pre.ts-hl .ts-ignored {
2759 background-color: #66cc66;
2760 }
2761
2762 pre.ts-hl .ts-default {
2763 background-color: #66cc66;
2764 }
2765
2766 pre.ts-hl .ts-comment {
2767 color: #666;
2768 font-style: italic;
2769 }
2770
2771 pre.ts-hl .ts-condition {
2772 background-color: maroon;
2773 color: #fff;
2774 font-weight: bold;
2775 }
2776
2777 pre.ts-hl .ts-error {
2778 background-color: yellow;
2779 border: 1px red dashed;
2780 font-weight: bold;
2781 }
2782
2783 pre.ts-hl .ts-linenum {
2784 background-color: #eee;
2785 }
2786
2787
2788 /*** Icons ***/
2789
2790 /* extJS icons */
2791 .t3icon-ext-upload {
2792 background: url('gfx/upload.gif') 3px 4px no-repeat !important;
2793 }
2794 .t3icon-ext-cancel {
2795 background: url('gfx/icon_fatalerror.gif') 2px 3px no-repeat !important;
2796 }
2797 .t3iconstyle-center {
2798 background-position: center center;
2799 }
2800
2801
2802 /* Visual debugging: */
2803
2804 /*
2805 h2,
2806 h3,
2807 h4,
2808 div {
2809 border: 1px dotted #666;
2810 }
2811 */
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821