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