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