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