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