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