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