1460356243dce7a5a5e0272dae69123a19fbf4ee
[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
1282 div#typo3-docheader div.buttonsleft {
1283 margin: 0 0 0 3px;
1284 line-height: 16px;
1285 float: left;
1286 }
1287
1288 div#typo3-docheader div.buttonsright {
1289 margin: 0 3px 0 0;
1290 line-height: 16px;
1291 float: right;
1292 }
1293
1294 div#typo3-docheader img, div#typo3-docheader input {
1295 margin: 2px 3px 0;
1296 vertical-align: top;
1297 }
1298
1299 div#typo3-docheader img.typo3-csh-icon {
1300 margin: 2px 2px 0 2px;
1301 }
1302
1303 div#typo3-docheader-row2 img {
1304 margin-top: -1px !important;
1305 }
1306
1307 div#typo3-docheader-row2 div {
1308 line-height: normal;
1309 }
1310
1311 div#typo3-docheader select {
1312 margin: 1px 0 0;
1313 }
1314
1315 div#typo3-docheader div.pagepath {
1316 margin-left: 6px;
1317 float: left;
1318 }
1319
1320 div#typo3-docheader div.infooptions {
1321 margin-right: 6px;
1322 float: right;
1323 }
1324
1325 div#typo3-docbody {
1326 width: 98%;
1327 padding: 2% 0% 2% 10px;
1328 overflow: auto;
1329 top: 51px;
1330 bottom: 0;
1331 position: absolute;
1332 z-index: 2;
1333 }
1334
1335 * html div#typo3-docbody {
1336 height: 90%;
1337 top: 51px;
1338 padding-top: 0;
1339 padding-bottom: 0;
1340 }
1341
1342 * html div#typo3-docbody table.typo3-TCEforms {
1343 margin-top: 20px;
1344 }
1345
1346 div#typo3-docheader div.buttonsleft div.buttongroup {
1347 height: 20px;
1348 float: left;
1349 padding-right: 20px;
1350 border-right: 1px dashed #ccc;
1351 margin-right: 5px;
1352 }
1353
1354 div#typo3-docheader div.buttonsright div.buttongroup {
1355 height: 20px;
1356 float: left;
1357 padding-left: 20px;
1358 border-left: 1px dashed #ccc;
1359 margin-left: 5px;
1360 }
1361
1362
1363 div#typo3-docheader div.no-border div.buttongroup {
1364 border: 0px;
1365 }
1366
1367 /* - - - - - - - - - - - - - - - - - - - - -
1368
1369 Login Screen
1370
1371 * Warning:
1372 * DO NOT prevent the copyright notice from being shown!
1373 * 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)
1374 * 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.
1375
1376 Color set: #A69E8D / #858585
1377
1378 - - - - - - - - - - - - - - - - - - - - - */
1379
1380 body#typo3-index-php {
1381 background-color: white;
1382 margin: 0;
1383 padding: 0;
1384 }
1385
1386 body#typo3-index-php table#wrapper {
1387 width: 100%;
1388 margin-top: 30px;
1389 }
1390
1391 body#typo3-index-php table#loginwrapper {
1392 width: 100%;
1393 background-color: #7A9FCF;
1394 text-align: left;
1395 }
1396
1397 body#typo3-index-php div#copyrightnotice {
1398 width: 70%;
1399 text-align: left;
1400 margin-top: 10px;
1401 }
1402
1403 body#typo3-index-php div#copyrightnotice img {
1404 margin-right: 5px;
1405 margin-bottom: 5px;
1406 }
1407
1408 body#typo3-index-php div#loginimage {
1409 text-align: right;
1410 padding-right: 30px;
1411 margin-bottom: 5px;
1412 height: 43px;
1413 }
1414
1415 table#logintable {
1416 position: absolute;
1417 left: 35%;
1418 top: 78px;
1419 margin: 5px 20px 5px 20px;
1420 }
1421
1422 table#logintable tr td {
1423 padding: 1px 1px 1px 1px;
1424 }
1425
1426 table#logintable H2 {
1427 background-color: transparent;
1428 font-size: 14px;
1429 color: white;
1430 text-align: left;
1431 }
1432
1433 table#logintable P,
1434 table#logintable label {
1435 font-size: 12px;
1436 color: white;
1437 font-weight: bold;
1438 }
1439
1440 table#logintable P.c-info {
1441 font-size: 10px;
1442 font-weight: normal;
1443 }
1444
1445 table#logintable P.c-wrong {
1446 font-size: 10px;
1447 width: 300px;
1448 border: #858585 solid 1px;
1449 margin: 5px 0px 5px 0px;
1450 padding: 5px 15px 5px 15px;
1451 }
1452
1453 table#logintable input.c-username,
1454 table#logintable input.c-password,
1455 table#logintable select.c-interfaceselector {
1456 width: 150px;
1457 }
1458
1459 table#logintable input {
1460 border: #858585 solid 1px;
1461 background-color: white;
1462 }
1463
1464 /* Fix height if an error message is displayed */
1465
1466 body#typo3-index-php table#loginwrapper td.error {
1467 padding: 25px 0 25px 0;
1468 }
1469
1470 h2#loginNewsTitle {
1471 width: 70%;
1472 background-color: #F69220;
1473 color: #000;
1474 padding: 2px 0 0 4px;
1475 }
1476
1477 dl#loginNews {
1478 width: 70%;
1479 text-align: left;
1480 margin-bottom: 20px;
1481 }
1482
1483 dl#loginNews dt {
1484 font-weight: bold;
1485 font-size: 14px;
1486 }
1487
1488 dl#loginNews dt span {
1489 font-weight: normal;
1490 font-size: 10px;
1491 padding-left: 16px;
1492 margin-bottom: 4px;
1493 }
1494
1495 dl#loginNews dd {
1496 border-left: 2px solid #F69220;
1497 padding-left: 10px;
1498 font-size: 12px;
1499 margin-bottom: 12px;
1500 }
1501
1502
1503 /* - - - - - - - - - - - - - - - - - - - - -
1504
1505 Wizards
1506
1507 - - - - - - - - - - - - - - - - - - - - - */
1508
1509 body#typo3-wizard-tsconfig-php {
1510 margin-left: 5px;
1511 }
1512
1513 table#typo3-tablewizard span.c-wizButtonsH input {
1514 margin-right: 2px;
1515 vertical-align: middle;
1516 }
1517
1518 table#typo3-tablewizard span.c-wizButtonsV input {
1519 margin-right: 2px;
1520 vertical-align: middle;
1521 }
1522
1523 table#typo3-formwizard span.c-wizButtonsV input {
1524 margin-bottom: 2px;
1525 }
1526
1527 input.c-inputButton, img.c-inputButton {
1528 margin-right: 2px;
1529 vertical-align: middle;
1530 }
1531
1532 div#c-saveButtonPanel, div#c-inputMode {
1533 margin-top: 10px;
1534 }
1535
1536 table#typo3-formwizard tr#typo3-formWizardHeader td {
1537 font-weight: bold;
1538 text-align: center;
1539 }
1540
1541 table#typo3-formwizard tr td {
1542 padding: 0px 2px 0px 2px;
1543 }
1544
1545 body#typo3-wizard-rte-php,
1546 body#typo3-wizard-rte-php table#typo3-rtewizard {
1547 height: 98%;
1548 }
1549
1550 body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent {
1551 height: 100%;
1552 vertical-align: top;
1553 }
1554
1555 body#typo3-wizard-colorpicker-php p.c-head {
1556 font-weight: bold;
1557 margin-top: 4px;
1558 }
1559
1560
1561 /* - - - - - - - - - - - - - - - - - - - - -
1562
1563 History / Undo
1564
1565 - - - - - - - - - - - - - - - - - - - - - */
1566
1567 table#typo3-history tr td,
1568 table#typo3-history-item tr td {
1569 vertical-align: top;
1570 }
1571
1572 table#typo3-history tr.c-head td,
1573 table#typo3-history-item tr.c-head td {
1574 font-weight: bold;
1575 }
1576
1577 table#typo3-history img,
1578 table#typo3-history-item img {
1579 margin: 1px 1px 1px 1px;
1580 }
1581
1582
1583 /* - - - - - - - - - - - - - - - - - - - - -
1584
1585 Move Element
1586
1587 - - - - - - - - - - - - - - - - - - - - - */
1588
1589 body#typo3-move-el-php img {
1590 vertical-align: middle;
1591 }
1592
1593 body#typo3-move-el-php table#typo3-ttContentList img,
1594 body#typo3-move-el-php img#c-recIcon {
1595 margin-right: 4px;
1596 }
1597
1598
1599 /* - - - - - - - - - - - - - - - - - - - - -
1600
1601 File scripts
1602
1603 - - - - - - - - - - - - - - - - - - - - - */
1604
1605 body#typo3-file-upload-php div#c-submit,
1606 body#typo3-file-upload-php div#c-upload,
1607 body#typo3-file-upload-php div#c-override,
1608 body#typo3-file-upload-php div#c-select {
1609 margin-top: 10px;
1610 }
1611
1612 body#typo3-file-rename-php div#c-submit,
1613 body#typo3-file-rename-php div#c-rename {
1614 margin-top: 10px;
1615 }
1616
1617 body#typo3-file-newfolder-php div#c-select,
1618 body#typo3-file-newfolder-php div#c-createFolders,
1619 body#typo3-file-newfolder-php div#c-submitFolders,
1620 body#typo3-file-newfolder-php div#c-newFile,
1621 body#typo3-file-newfolder-php div#c-submitFiles {
1622 margin-top: 10px;
1623 }
1624
1625 body#typo3-file-edit-php div#c-submit,
1626 body#typo3-file-edit-php div#c-edit {
1627 margin-top: 10px;
1628 }
1629
1630
1631 /* - - - - - - - - - - - - - - - - - - - - -
1632
1633 Docheader
1634
1635 - - - - - - - - - - - - - - - - - - - - - */
1636
1637 span.typo3-docheader-pagePath {
1638 font-weight: bold;
1639 }
1640
1641
1642 /* - - - - - - - - - - - - - - - - - - - - -
1643
1644 Web > Page
1645
1646 - - - - - - - - - - - - - - - - - - - - - */
1647
1648 table.typo3-page-ceHeader {
1649 width: 100%;
1650 }
1651
1652 table.typo3-page-ceHeader img {
1653 vertical-align: middle;
1654 }
1655
1656 table.typo3-page-columnsMode img.c-divider {
1657 margin: 10px 0px 5px 0px;
1658 }
1659
1660 table.typo3-page-columnsMode tr td a {
1661 text-decoration: none;
1662 }
1663
1664 table.typo3-page-columnsMode tr td a b {
1665 text-decoration: underline;
1666 }
1667
1668 table.typo3-page-cols tr td span.exampleContent a {
1669 text-decoration: none;
1670 }
1671
1672 table#typo3-page-stdlist tr td.c-headLine {
1673 background-color: #ABBBB4;
1674 }
1675
1676
1677 /* - - - - - - - - - - - - - - - - - - - - -
1678
1679 Web > List
1680
1681 - - - - - - - - - - - - - - - - - - - - - */
1682
1683 table.typo3-dblist {
1684 width: 98%;
1685 }
1686
1687 table.typo3-dblist img {
1688 vertical-align: middle;
1689 }
1690
1691 table.typo3-dblist tr td {
1692 padding-left: 1px;
1693 padding-right: 6px;
1694 }
1695
1696 table.typo3-dblist tr td.db_list_alt {
1697 background-color: #E3DFD3;
1698 }
1699
1700 table.typo3-dblist tr td.c-headLineTable {
1701 background-color: #ccc;
1702 height: 16px;
1703 }
1704
1705 table.typo3-dblist tr td.c-headLine {
1706 background-color: #eee;
1707 }
1708
1709 table.typo3-dblist tr td.c-headLineTable a {
1710 text-decoration: none;
1711 font-weight: bold;
1712 }
1713
1714 table.typo3-dblist tr td div.typo3-DBctrl {
1715 background-color: #C5C1B5;
1716 }
1717
1718 table.typo3-dblist tr td div.typo3-clipCtrl {
1719 background-color: #ABBBB4;
1720 text-align: center;
1721 }
1722
1723 table.typo3-dblist tr td div.typo3-clipCtrl img,
1724 table.typo3-dblist tr td div.typo3-DBctrl img {
1725 margin-left: 1px;
1726 margin-right: 1px;
1727 }
1728
1729 table.typo3-dblist tr:hover,
1730 table.typo3-dblist tr:hover td.db_list_alt {
1731 background-color: #ebebeb;
1732 }
1733
1734 table.typo3-dblist-overview {
1735 width: 410px;
1736 margin-top: 10px;
1737 margin-left: 1px;
1738 }
1739
1740 table.typo3-dblist-overview td.c-tableDescription {
1741 padding-left: 10px;
1742 font-style: italic;
1743 color: #333;
1744 }
1745
1746 table.typo3-dblist-overview td.c-tableDescription img {
1747 margin-right: 10px;
1748 }
1749
1750 table#typo3-versionSelector {
1751 background-color: #ABBBB4;
1752 margin-top: 5px;
1753 margin-bottom: 5px;
1754 }
1755
1756 table#typo3-versionSelector td {
1757 padding-left: 2px;
1758 padding-right: 2px;
1759 }
1760
1761 div#typo3-newRecordLink,
1762 div.typo3-newRecordLink,
1763 div.typo3-localizationLink,
1764 div.typo3-synchronizationLink {
1765 margin: 5px 0px 5px 0px;
1766 font-weight: bold;
1767 }
1768
1769 div#typo3-newRecordLink img,
1770 div.typo3-newRecordLink img,
1771 div.typo3-localizationLink img,
1772 div.typo3-synchronizationLink img {
1773 margin-right: 5px;
1774 vertical-align: middle;
1775 }
1776
1777 input.smallCheckboxes {
1778 vertical-align: middle;
1779 margin: 0px;
1780 padding: 0px;
1781 width: 12px;
1782 height: 12px;
1783 }
1784
1785 div#typo3-listOptions {
1786 margin: 10px 0px 10px 0px;
1787 width: 93%;
1788 }
1789
1790
1791 /* - - - - - - - - - - - - - - - - - - - - -
1792
1793 Web > Template
1794
1795 - - - - - - - - - - - - - - - - - - - - - */
1796
1797 .typo3-tstemplate-ceditor-control {
1798 margin-right: 3px;
1799 vertical-align: bottom;
1800 cursor: pointer;
1801 }
1802
1803 div.typo3-tstemplate-ceditor-row {
1804 margin-top: 2px;
1805 padding: 3px;
1806 }
1807
1808 div.typo3-tstemplate-ceditor-colorblock {
1809 display: -moz-inline-box;
1810 display: inline-block;
1811 margin-left: 5px;
1812 width: 50px;
1813 }
1814
1815 * html div.typo3-tstemplate-ceditor-colorblock {
1816 display: inline;
1817 }
1818
1819 /* IE 6 Fix */
1820
1821 * + html div.typo3-tstemplate-ceditor-colorblock {
1822 display: inline;
1823 }
1824
1825 /* IE 7 Fix */
1826
1827 dl.typo3-tstemplate-ceditor-constant {
1828 margin: 0px 0px 20px 10px
1829 }
1830
1831 dl.typo3-tstemplate-ceditor-constant dd {
1832 margin-left: 0px;
1833 }
1834
1835 dl.typo3-tstemplate-ceditor-constant dt {
1836 display: inline;
1837 margin-right: 5px;
1838 }
1839
1840 dt.typo3-tstemplate-ceditor-label {
1841 font-size: 11px;
1842 font-weight: bold;
1843 }
1844
1845
1846 /* - - - - - - - - - - - - - - - - - - - - -
1847
1848 File > List
1849
1850 - - - - - - - - - - - - - - - - - - - - - */
1851
1852 table#typo3-filelist {
1853 margin-top: 10px;
1854 width: 98%;
1855 }
1856
1857 table#typo3-filelist img {
1858 vertical-align: middle;
1859 }
1860
1861 table#typo3-filelist tr td {
1862 padding: 3px;
1863 }
1864
1865 table#typo3-filelist tr td.c-headLine {
1866 background-color: #ccc;
1867 font-weight: bold;
1868 height: 16px;
1869 }
1870
1871 table#typo3-filelist tr td div.typo3-clipCtrl {
1872 background-color: #abbbb4;
1873 text-align: center;
1874 }
1875
1876
1877 /* - - - - - - - - - - - - - - - - - - - - -
1878
1879 Clipboard
1880
1881 - - - - - - - - - - - - - - - - - - - - - */
1882
1883 table#typo3-clipboard,
1884 div#typo3-newRecordLink,
1885 table#typo3-dblist-search {
1886 margin-top: 10px;
1887 }
1888
1889 table#typo3-clipboard tr.bgColor5 td A {
1890 text-decoration: none;
1891 }
1892
1893 table#typo3-clipboard tr.bgColor5 td img {
1894 vertical-align: middle;
1895 }
1896
1897 tr.typo3-clipboard-head {
1898 background-color: #ccc;
1899 }
1900
1901
1902 /* - - - - - - - - - - - - - - - - - - - - -
1903
1904 Web > Info
1905
1906 - - - - - - - - - - - - - - - - - - - - - */
1907
1908 table.typo3-page-pages tr td.c-headLine {
1909 background-color: #ABBBB4;
1910 }
1911
1912 body#typo3-mod-web-info-index-php img {
1913 vertical-align: middle;
1914 }
1915
1916 table.typo3-page-sysnote tr td {
1917 background-color: #d9d5c9;
1918 }
1919
1920 table.typo3-page-sysnote tr td.c-headLine {
1921 background-color: #c5c1b5;
1922 }
1923
1924
1925 /* - - - - - - - - - - - - - - - - - - - - -
1926
1927 Web > Access
1928
1929 - - - - - - - - - - - - - - - - - - - - - */
1930
1931 table#typo3-permissionList img {
1932 vertical-align: middle;
1933 }
1934
1935 table#typo3-permissionMatrix td {
1936 text-align: center;
1937 width: 16%;
1938 }
1939
1940 table#typo3-permissionMatrix td.bgColor2 {
1941 font-weight: bold;
1942 padding-left: 10px;
1943 padding-right: 10px;
1944 }
1945
1946
1947 /* - - - - - - - - - - - - - - - - - - - - -
1948
1949 Help > About
1950
1951 - - - - - - - - - - - - - - - - - - - - - */
1952
1953 #typo3-mod-help-about-index-php-outer {
1954 margin: 0px auto;
1955 width: 350px;
1956 text-align: center;
1957 }
1958
1959 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner {
1960 margin: 10px auto;
1961 border: 1px solid black;
1962 background: #eaeaea;
1963 padding: 5px;
1964 text-align: left;
1965 }
1966
1967 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h2 {
1968 margin-top: 0;
1969 }
1970
1971 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h3 {
1972 margin-top: 10px;
1973 margin-bottom: 10px;
1974 background-color: transparent;
1975 font-size: 14px;
1976 text-align: center;
1977 }
1978
1979 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a {
1980 color: black;
1981 }
1982
1983 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a:hover {
1984 text-decoration: none;
1985 }
1986
1987
1988 /* - - - - - - - - - - - - - - - - - - - - -
1989
1990 New Element
1991
1992 - - - - - - - - - - - - - - - - - - - - - */
1993
1994 body#typo3-db-new-php img {
1995 vertical-align: middle;
1996 }
1997
1998 body#typo3-db-new-php a img {
1999 margin-right: 5px;
2000 }
2001
2002 body#typo3-db-new-php a {
2003 text-decoration: none;
2004 }
2005
2006 body#typo3-db-new-php img.c-helpImg {
2007 margin-left: 20px;
2008 text-align: right;
2009 }
2010
2011 body#typo3-db-new-php div#typo3-newPageLink {
2012 margin-top: 20px;
2013 }
2014
2015 body#typo3-db-new-php table#typo3-newRecord tr td {
2016 padding-right: 20px;
2017 }
2018
2019
2020 /* - - - - - - - - - - - - - - - - - - - - -
2021
2022 Tools > Extension Manager
2023
2024 - - - - - - - - - - - - - - - - - - - - - */
2025
2026 body#typo3-mod-tools-em-index-php .em-listbg1 {
2027 background-color: #d9d5c9;
2028 }
2029
2030 body#typo3-mod-tools-em-index-php .em-listbg2 {
2031 background-color: #e9e5e9;
2032 }
2033
2034 body#typo3-mod-tools-em-index-php .em-listbg3 {
2035 background-color: #efefef;
2036 }
2037
2038 body#typo3-mod-tools-em-index-php tr.bgColor5 td {
2039 font-weight: bold;
2040 }
2041
2042 body#typo3-mod-tools-em-index-php tr.unsupported-ext {
2043 background-color: #ffdddd;
2044 }
2045
2046 body#typo3-mod-tools-em-index-php tr.unsupported-ext td {
2047 color: #ff0000;
2048 }
2049
2050 body#typo3-mod-tools-em-index-php tr.unsupported-ext td a {
2051 color: #ff0000;
2052 }
2053
2054 body#typo3-mod-tools-em-index-php tr td.extstate {
2055 color: #fff;
2056 font-weight: bold;
2057 text-align: center;
2058 }
2059
2060
2061 /* - - - - - - - - - - - - - - - - - - - - -
2062
2063 User > Task Center
2064
2065 - - - - - - - - - - - - - - - - - - - - - */
2066
2067 #ext-taskcenter-task-index-php {
2068 height: 95%;
2069 }
2070
2071
2072 /* - - - - - - - - - - - - - - - - - - - - -
2073
2074 Workspace
2075
2076 - - - - - - - - - - - - - - - - - - - - - */
2077
2078 div.workspace-info {
2079 padding: 1px 0px 1px 2px;
2080 margin: 0px 5px 4px 0px;
2081 border: 1px solid #999;
2082 }
2083
2084 .ver-element, ul.tree ul li.ver-element {
2085 background-color: #ccddcc;
2086 }
2087
2088 .ver-page, ul.tree ul li.ver-page {
2089 background-color: #ccccff;
2090 }
2091
2092 .ver-branch, ul.tree ul li.ver-branch {
2093 background-color: #ffcccc;
2094 }
2095
2096 .ver-branchpoint, ul.tree ul li.ver-branchpoint {
2097 background-color: #ff9999;
2098 }
2099
2100 .ver-versions, ul.tree ul li.ver-versions {
2101 background-color: #ffffaa;
2102 }
2103
2104 ul.tree ul li.ver-element ul {
2105 background-color: #f7f3ef;
2106 }
2107
2108 ul.tree ul li.ver-page ul {
2109 background-color: #f7f3ef;
2110 }
2111
2112 ul.tree ul li.ver-branch ul {
2113 background-color: #f7f3ef;
2114 }
2115
2116 ul.tree ul li.ver-branchpoint ul {
2117 background-color: #f7f3ef;
2118 }
2119
2120 ul.tree ul li.ver-versions ul {
2121 background-color: #f7f3ef;
2122 }
2123
2124 table.workspace-overview td {
2125 vertical-align: top;
2126 }
2127
2128 table.ver-subtree A {
2129 text-decoration: none;
2130 }
2131
2132 table.ver-subtree tr td.iconTitle {
2133 white-space: nowrap;
2134 }
2135
2136 table.ver-subtree tr td.diffCell {
2137 white-space: normal;
2138 }
2139
2140 table.ver-subtree table.diffTable {
2141 background-color: white;
2142 border: 1px solid black;
2143 }
2144
2145 table.ver-subtree div.diffLayer,
2146 div.logLayer {
2147 background-color: white;
2148 width: 400px;
2149 border: 1px solid black;
2150 }
2151
2152 table.ver-subtree tr td img {
2153 vertical-align: middle;
2154 }
2155
2156 table.ver-subtree,
2157 table.ver-verElement td.c-diffCell {
2158 border: 1px solid #666;
2159 }
2160
2161 table.ver-verElement {
2162 width: 100%;
2163 }
2164
2165 table.ver-subtree tr.typo3-ver td.iconTitle,
2166 table.ver-subtree tr.typo3-ver td.diffCell,
2167 table.ver-subtree tr.typo3-ver td.cmdCell {
2168 background-color: #c5c1b5;
2169 }
2170
2171 table.ver-subtree tr.typo3-ver-hl td.iconTitle,
2172 table.ver-subtree tr.typo3-ver-hl td.diffCell,
2173 table.ver-subtree tr.typo3-ver-hl td.cmdCell {
2174 background-color: #999;
2175 }
2176
2177 table.ver-subtree tr.typo3-ver-new td {
2178 color: #666;
2179 background-color: #eee;
2180 }
2181
2182 table.ver-subtree tr.typo3-ver-noComp td {
2183 font-style: italic;
2184 }
2185
2186 .ver-wl-table {
2187 border: 1px solid black;
2188 }
2189
2190 .ver-wl-details-table {
2191 border: 1px solid #D9D5C9;
2192 }
2193
2194 .ver-wl-details {
2195 background-color: #E6E2D5;
2196 vertical-align: top;
2197 }
2198
2199 .ver-wl-details-label {
2200 background-color: #E6E2D5;
2201 width: 150px;
2202 white-space: nowrap;
2203 vertical-align: top;
2204 }
2205
2206 .ver-wl-details-user-list-label {
2207 width: 100px;
2208 }
2209
2210 #ver-wl-new-workspace-icon {
2211 margin-right: 5px;
2212 border: none;
2213 float: left;
2214 }
2215
2216 .ver-wl-mp-inacessible {
2217 font-style: italic;
2218 color: #7C7C7C;
2219 }
2220
2221 .ver-wl-current-user {
2222 font-weight: bold;
2223 }
2224
2225
2226 /* - - - - - - - - - - - - - - - - - - - - -
2227
2228 Context Menus
2229
2230 - - - - - - - - - - - - - - - - - - - - - */
2231
2232 div#contentMenu0 {
2233 z-index: 10;
2234 position: absolute;
2235 }
2236
2237 div#contentMenu1 {
2238 z-index: 20;
2239 position: absolute;
2240 }
2241
2242
2243 /* - - - - - - - - - - - - - - - - - - - - -
2244
2245 Dimmed span tag color (disabled)
2246
2247 - - - - - - - - - - - - - - - - - - - - - */
2248
2249 .typo3-dimmed {
2250 color: #666;
2251 }
2252
2253 .c-na {
2254 color: #666;
2255 font-style: italic;
2256 }
2257
2258 .not-found a {
2259 color: #cccccc;
2260 }
2261
2262
2263 /* - - - - - - - - - - - - - - - - - - - - -
2264
2265 Red span tag color (warning, notice)
2266
2267 - - - - - - - - - - - - - - - - - - - - - */
2268
2269 .typo3-red {
2270 color: red;
2271 }
2272
2273 .typo3-red-background {
2274 background-color: red;
2275 }
2276
2277 table.warningbox {
2278 border: solid 2px black;
2279 background-color: yellow;
2280 margin: 20px 0px 20px 0px;
2281 }
2282
2283 table.warningbox td {
2284 padding: 20px 20px 20px 20px;
2285 font-weight: bold;
2286 }
2287
2288 div.warningbox {
2289 border: solid 2px black;
2290 background-color: yellow;
2291 padding: 10px;
2292 font-weight: bold;
2293 margin: 10px 0px 10px 0px;
2294 }
2295
2296
2297 /* - - - - - - - - - - - - - - - - - - - - -
2298
2299 Various classes
2300
2301 - - - - - - - - - - - - - - - - - - - - - */
2302
2303 .nobr {
2304 white-space: nowrap;
2305 }
2306
2307 .diff-r {
2308 color: red;
2309 }
2310
2311 .diff-g {
2312 color: green;
2313 }
2314
2315 div.diff-r {
2316 background-color: red;
2317 color: black;
2318 padding: 3px 3px 3px 3px;
2319 }
2320
2321 div.diff-g {
2322 background-color: green;
2323 color: black;
2324 padding: 3px 3px 3px 3px;
2325 }
2326
2327 img.absmiddle {
2328 vertical-align: middle;
2329 }
2330
2331 textarea.fixed-font {
2332 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
2333 font-size: 11px;
2334 }
2335
2336 .smallCheckboxes {
2337 width: 12px;
2338 height: 12px;
2339 margin: 0px;
2340 }
2341
2342 .uppercase {
2343 text-transform: uppercase;
2344 }
2345
2346 .tableheader td {
2347 font-weight: bold;
2348 padding-left: 2px;
2349 padding-right: 2px;
2350 }
2351
2352 .lrPadding td {
2353 padding-left: 2px;
2354 padding-right: 2px;
2355 }
2356
2357
2358 /* - - - - - - - - - - - - - - - - - - - - -
2359
2360 Permissions, green and red
2361
2362 - - - - - - - - - - - - - - - - - - - - - */
2363
2364 a.perm-allowed,
2365 a.perm-denied,
2366 #perm-legend .perm-allowed,
2367 #perm-legend .perm-denied {
2368 font-size: 0px;
2369 font-weight: bold;
2370 cursor: pointer;
2371
2372 display: block;
2373 float: left;
2374 height: 10px;
2375 width: 10px;
2376 padding: 2px;
2377 }
2378
2379 #perm-legend .perm-allowed,
2380 #perm-legend .perm-denied {
2381 clear: left;
2382 cursor: auto;
2383 }
2384
2385 a.perm-allowed:hover,
2386 a.perm-denied:hover {
2387 background-color: #e3dfdb;
2388 }
2389
2390 a.perm-allowed,
2391 #perm-legend .perm-allowed {
2392 color: green;
2393 background:transparent url('gfx/perm-allowed.gif') no-repeat scroll center;
2394 }
2395
2396 a.perm-denied,
2397 #perm-legend .perm-denied {
2398 color: red;
2399 background:transparent url('gfx/perm-denied.gif') no-repeat scroll center;
2400 }
2401
2402 #perm-legend {
2403 margin-top: 10px;
2404 }
2405
2406 .ug_selector,
2407 .ug_selector a {
2408 text-decoration: underline;
2409 cursor: pointer;
2410 }
2411
2412 .not_set,
2413 .not_set a,
2414 .editlock,
2415 .editlock a {
2416 text-decoration: none;
2417 cursor: pointer;
2418 color: #ccc;
2419 }
2420
2421 .not_set:hover,
2422 .not_set a:hover,
2423 .editlock:hover,
2424 .editlock a:hover {
2425 text-decoration: none;
2426 cursor: pointer;
2427 color: #000;
2428 }
2429
2430 .not_set {
2431 color: #000;
2432 font-style: italic;
2433 }
2434
2435
2436 /* - - - - - - - - - - - - - - - - - - - - -
2437
2438 Go back A-tags
2439
2440 - - - - - - - - - - - - - - - - - - - - - */
2441
2442 a.typo3-goBack {
2443 font-weight: bold;
2444 background-color: #D9D5C9;
2445 padding: 1px 1px 1px 1px;
2446 }
2447
2448 a.typo3-goBack img {
2449 margin-right: 5px;
2450 vertical-align: middle;
2451 }
2452
2453 span.typo3-moduleHeader img {
2454 vertical-align: middle;
2455 margin-right: 4px;
2456 }
2457
2458
2459 /* - - - - - - - - - - - - - - - - - - - - -
2460
2461 Context Sensitive Help (CSH)
2462
2463 - - - - - - - - - - - - - - - - - - - - - */
2464
2465 table.typo3-csh-inline {
2466 border: solid 1px #6f3833;
2467 background-color: #ffffff;
2468 margin: 5px 4px 20px 0px;
2469 padding: 1px 2px 2px 1px;
2470 }
2471
2472 table.typo3-csh-inline tr td h4 {
2473 margin-top: 0px;
2474 margin-bottom: 0px;
2475 }
2476
2477 img.typo3-csh-icon {
2478 vertical-align: middle;
2479 cursor: help;
2480 }
2481
2482 a.typo3-csh-link {
2483 white-space: normal;
2484 }
2485
2486 a.typo3-csh-link span.typo3-csh-inline {
2487 display: none;
2488 position: absolute;
2489 padding: 1px 2px 2px 2px;
2490 background: #ffffff;
2491 border: 1px solid #050505;
2492 width: 200px;
2493 z-index: 100;
2494 color: #000000;
2495 font-weight: normal;
2496 }
2497
2498 a.typo3-csh-link:hover span.typo3-csh-inline {
2499 display: block;
2500 }
2501
2502 span.typo3-csh-inline span.header,
2503 table.typo3-csh-inline span.header {
2504 font-weight: bold;
2505 float: left;
2506 width: 100%;
2507 background-color: #F6F2E6;
2508 }
2509
2510 span.typo3-csh-inline {
2511 line-height: 16px;
2512 }
2513
2514 a.typo3-csh-link span.typo3-csh-inline.show-right {
2515 margin: 0px 0px 0px -148px;
2516 }
2517
2518
2519 /* - - - - - - - - - - - - - - - - - - - - -
2520
2521 TypoScript Highlighting
2522
2523 - - - - - - - - - - - - - - - - - - - - - */
2524
2525 pre.ts-hl {
2526 font-size: 11px;
2527 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
2528 }
2529
2530 pre.ts-hl .ts-prespace {
2531
2532 }
2533
2534 pre.ts-hl .ts-objstr_postspace {
2535
2536 }
2537
2538 pre.ts-hl .ts-operator_postspace {
2539
2540 }
2541
2542 pre.ts-hl .ts-operator {
2543 color: black;
2544 font-weight: bold;
2545 }
2546
2547 pre.ts-hl .ts-value {
2548 color: #cc0000;
2549 }
2550
2551 pre.ts-hl .ts-objstr {
2552 color: #0000cc;
2553 }
2554
2555 pre.ts-hl .ts-value_copy {
2556 color: #006600;
2557 }
2558
2559 pre.ts-hl .ts-value_unset {
2560 background-color: #66cc66;
2561 }
2562
2563 pre.ts-hl .ts-ignored {
2564 background-color: #66cc66;
2565 }
2566
2567 pre.ts-hl .ts-default {
2568 background-color: #66cc66;
2569 }
2570
2571 pre.ts-hl .ts-comment {
2572 color: #666;
2573 font-style: italic;
2574 }
2575
2576 pre.ts-hl .ts-condition {
2577 background-color: maroon;
2578 color: #fff;
2579 font-weight: bold;
2580 }
2581
2582 pre.ts-hl .ts-error {
2583 background-color: yellow;
2584 border: 1px red dashed;
2585 font-weight: bold;
2586 }
2587
2588 pre.ts-hl .ts-linenum {
2589 background-color: #eee;
2590 }
2591
2592
2593
2594
2595 /* Visual debugging: */
2596
2597 /*
2598 h2,
2599 h3,
2600 h4,
2601 div {
2602 border: 1px dotted #666;
2603 }
2604 */
2605
2606