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