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