1 /* - - - - - - - - - - - - - - - - - - - - -
3 Title : TYPO3 general backend styles
5 Description : Stylesheet for the TYPO3 backend.
6 You can configure another/additional stylesheet for
7 use by the $TBE_STYLES global var
11 - - - - - - - - - - - - - - - - - - - - - */
14 /* - - - - - - - - - - - - - - - - - - - - -
18 - - - - - - - - - - - - - - - - - - - - - */
32 font-family: Verdana
, Arial
, Helvetica
, sans-serif
;
46 font-family: Verdana
, Arial
, Helvetica
, sans-serif
;
49 margin: 3px 0px 3px 0px;
52 /* Occasionally used, eg. in About Modules: */
61 /* MAIN page header: */
64 background-color: #9BA1A8;
68 /* Normal section headers */
71 margin: 8px 0px 5px 0px;
72 padding: 1px 3px 1px 3px;
73 background-color: #E7DBA8;
76 /* Discrete section headers (no background) */
83 /* Preformatted text - not used so much in TYPO3 */
86 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace
;
91 /* Links in general */
95 text-decoration: underline
;
102 /* horizontal ruler */
107 background-color: #ddd;
108 border-top: 1px solid
#7a7a7a;
109 border-bottom: 1px solid black
;
117 /* - - - - - - - - - - - - - - - - - - - - -
119 Background color classes
121 - - - - - - - - - - - - - - - - - - - - - */
124 background-color: #F7F3EF;
128 background-color: #ede9e5;
132 background-color: #e3dfdb;
136 background-color: #9BA1A8;
140 background-color: #F6F2E6;
144 background-color: #e2ded2;
148 background-color: #D9D5C9;
152 background-color: #c5c1b5;
156 background-color: #ABBBB4;
160 background-color: #E7DBA8;
164 /* - - - - - - - - - - - - - - - - - - - - -
168 - - - - - - - - - - - - - - - - - - - - - */
170 /* Set default values for bodytags: */
173 margin: 2px 2px 0px 4px;
174 background-color: #F7F3EF;
177 /* Setting alternative background color on some frames: */
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;
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
,
197 body#typo3-mod-tools-em-index-php
,
198 body#typo3-wizard-rte-php
,
200 body#typo3-db-new-php
,
201 body#typo3-move-el-php
,
202 body#typo3-show-rechis-php
,
203 body#ext-cms-layout-db-layout-php
,
204 body#ext-tstemplate-ts-index-php
,
205 body#ext-version-cm1-index-php
,
206 body#ext-setup-mod-index-php
,
207 body#ext-tsconfig-help-mod1-index-php
,
208 body#ext-lowlevel-dbint-index-php
,
209 body#ext-lowlevel-config-index-php
,
210 body#ext-cms-layout-db-new-content-el-php
{
217 /* Set body styles for Filelist module */
218 body#typo3-file-newfolder-php
,
219 body#typo3-file-list-php
,
220 body#typo3-file-edit-php
,
221 body#typo3-file-rename-php
,
222 body#typo3-file-upload-php
{
229 /* Set body styles for Filelist module */
230 BODY#typo3-file-newfolder-php
, BODY#typo3-file-list-php
, BODY#typo3-file-edit-php
, BODY#typo3-file-rename-php
, BODY#typo3-file-upload-php
{ margin: 0;}
232 /* - - - - - - - - - - - - - - - - - - - - -
236 The "template" class is usually instantiated as either
237 bicDoc, mediumDoc, smallDoc or noDoc.
238 Each of these will result in the whole page content between the bodytags being
239 wrapped in a DIV-section with a class.
240 The class name will be "typo3-[classname]"
241 In particular we set the width of these wrapper-sections:
243 - - - - - - - - - - - - - - - - - - - - - */
245 div
.typo3-bigDoc
, div
.typo3-noDoc
{
255 div
.typo3-mediumDoc
{
269 /* - - - - - - - - - - - - - - - - - - - - -
271 special backend elements
273 - - - - - - - - - - - - - - - - - - - - - */
275 /* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
277 body#typo3-alt-clickmenu-php
{
278 background-image: url
(gfx/alt_topmenu_back_full.gif);
282 body#typo3-alt-clickmenu-php-notop
{
283 background-image: url
(gfx/alt_topmenu_back_dummy.gif);
286 table#typo3-CSM-top a
{
287 text-decoration: none
;
290 table#typo3-CSM-top img
{
291 vertical-align: middle
;
295 table#typo3-CSM-top tr td
{
299 table#typo3-CSM-top tr td
.c-closebutton
{
303 table#typo3-CSM-top tr td
.c-itemicon
{
308 table#typo3-CSM-top img
.c-roimg
{
313 /* - - - - - - - - - - - - - - - - - - - - -
315 Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
317 Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
319 - - - - - - - - - - - - - - - - - - - - - */
322 border: #9BA1A8 1px solid
;
325 table
.typo3-CSM td
.typo3-CSM-item
{
329 table
.typo3-CSM tr
.typo3-CSM-itemRow td
{
330 padding: 1px 5px 1px 5px;
333 table
.typo3-CSM tr
.typo3-CSM-itemRow
{
339 /* - - - - - - - - - - - - - - - - - - - - -
341 Top menu (alt_topmenu_dummy.php)
343 - - - - - - - - - - - - - - - - - - - - - */
345 body#typo3-alt-topmenu-dummy-php
{
346 background-image: url
(gfx/alt_topmenu_back_dummy.gif);
349 body#typo3-alt-topmenu-dummy-php-iconmenu
{
350 background-image: url
(gfx/alt_topmenu_back_full.gif);
355 table#typo3-topMenu tr td
{
360 table#typo3-topMenu tr td
.c-logout
,
361 table#typo3-topMenu tr td
.c-admin
{
365 table#typo3-topMenu tr td
.c-menu img
{
366 margin: 2px 1px 0px 1px;
369 table#typo3-topMenu tr td
.c-menu A
.c-subitem
{
370 padding: 3px 0px 0px 0px;
373 table#typo3-topMenu tr td
.c-menu A
.c-subitem-HL
{
374 background-color: #D9D5C9;
375 padding: 3px 3px 0px 3px;
376 border: 1px solid black
;
379 table#typo3-topMenu tr td
.c-menu A
.c-mainitem
{
380 padding: 3px 0px 0px 0px;
383 table#typo3-topMenu tr td
.c-menu A
.c-mainitem-HL
{
384 background-color: #D9D5C9;
385 padding: 3px 3px 0px 3px;
386 border: 1px solid black
;
390 /* - - - - - - - - - - - - - - - - - - - - -
392 Tab menu (template.php)
394 - - - - - - - - - - - - - - - - - - - - - */
396 table#typo3-tabmenu
{
400 table#typo3-tabmenu tr
{
404 table#typo3-tabmenu td
.tabact
{
406 border: solid black
1px;
410 table#typo3-tabmenu td
.tab
{
412 border: solid
#555 1px;
413 border-left: solid
#aaa 3px;
417 table#typo3-tabmenu td
.tab
,
418 table#typo3-tabmenu td
.tabact
{
421 -webkit-border-radius: 3px;
422 -moz-border-radius: 3px;
425 table#typo3-tabmenu td a
{
427 text-decoration: none
;
430 padding: 2px 5px 3px 2px;
433 table#typo3-tabmenu td
.tabact a
{
439 table#typo3-tabmenu td
A:hover
{
441 text-decoration: none
;
444 table#typo3-tabmenu td
.tab:hover
{
449 /* - - - - - - - - - - - - - - - - - - - - -
451 Dynamic Tab menu (template.php)
453 - - - - - - - - - - - - - - - - - - - - - */
455 div
.typo3-dyntabmenu-tabs
{
460 div
.typo3-dyntabmenu-divs p
.c-descr
{
462 padding: 3px 10px 5px 10px;
466 table
.typo3-dyntabmenu tr
{
470 table
.typo3-dyntabmenu td
{
474 border: 1px solid
#555;
478 table
.typo3-dyntabmenu td
,
479 table
.typo3-dyntabmenu td a
{
480 -moz-border-radius-topleft: 3px;
481 -moz-border-radius-topright: 3px;
482 -webkit-border-top-left-radius: 3px;
483 -webkit-border-top-right-radius: 3px;
486 table
.typo3-dyntabmenu td
.tab
{
490 table
.typo3-dyntabmenu td
.tabact
{
494 table
.typo3-dyntabmenu td
.tabact
,
495 table
.typo3-dyntabmenu td
.tabact_over
{
499 table
.typo3-dyntabmenu td
.tab_over
,
500 table
.typo3-dyntabmenu td
.tabact_over
{
504 table
.typo3-dyntabmenu td
.disabled
,
505 table
.typo3-dyntabmenu td
.disabled_over
{
511 table
.typo3-dyntabmenu td a
{
513 text-decoration: none
;
520 table
.typo3-dyntabmenu td
.tabact a
,
521 table
.typo3-dyntabmenu td
.tabact_over a
{
525 table
.typo3-tabmenu
td:hover
{
529 div
.typo3-dyntabmenu-divs-foldout div
.c-tablayer
{
533 div
.typo3-dyntabmenu-divs-foldout div
.tab
,
534 div
.typo3-dyntabmenu-divs-foldout div
.tab_over
,
535 div
.typo3-dyntabmenu-divs-foldout div
.tabact
,
536 div
.typo3-dyntabmenu-divs-foldout div
.tabact_over
,
537 div
.typo3-dyntabmenu-divs-foldout div
.disabled
,
538 div
.typo3-dyntabmenu-divs-foldout div
.disabled_over
{
539 border: solid black
1px;
542 -webkit-border-radius: 3px;
543 -moz-border-radius: 3px;
546 div
.typo3-dyntabmenu-divs-foldout div
.tab
{
548 background-image: url
(gfx/ol/plusbullet.gif);
549 background-repeat: no-repeat
;
552 div
.typo3-dyntabmenu-divs-foldout div
.tab_over
{
554 background-image: url
(gfx/ol/arrowbullet.gif);
555 background-repeat: no-repeat
;
558 div
.typo3-dyntabmenu-divs-foldout div
.tabact
{
560 background-image: url
(gfx/ol/minusbullet.gif);
561 background-repeat: no-repeat
;
564 div
.typo3-dyntabmenu-divs-foldout div
.tabact_over
{
566 background-image: url
(gfx/ol/arrowbullet.gif);
567 background-repeat: no-repeat
;
570 div
.typo3-dyntabmenu-divs-foldout div
.disabled
{
573 padding: 2px 2px 2px 18px;
576 div
.typo3-dyntabmenu-divs-foldout div
.disabled_over
{
579 padding: 2px 2px 2px 18px;
582 div
.typo3-dyntabmenu-divs-foldout div
.tab a
,
583 div
.typo3-dyntabmenu-divs-foldout div
.tabact a
,
584 div
.typo3-dyntabmenu-divs-foldout div
.tab_over a
,
585 div
.typo3-dyntabmenu-divs-foldout div
.tabact_over a
{
586 text-decoration: none
;
588 padding: 2px 2px 2px 18px;
592 /* - - - - - - - - - - - - - - - - - - - - -
596 - - - - - - - - - - - - - - - - - - - - - */
598 table#typo3-userSettings td
{
602 table#typo3-userSettings td
.td-label-right
{
608 /* - - - - - - - - - - - - - - - - - - - - -
610 Logo frame (alt_toplogo.php)
612 - - - - - - - - - - - - - - - - - - - - - */
614 body#typo3-alt-toplogo-php
{
615 margin: 0px 0px 0px 0px;
619 /* - - - - - - - - - - - - - - - - - - - - -
621 Help > About modules (alt_intro.php)
623 - - - - - - - - - - - - - - - - - - - - - */
625 div
.typo3-alt-intro-php
{
630 table#typo3-about-modules
{
634 table#typo3-about-modules tr td
{
636 padding: 2px 2px 2px 2px;
639 table#typo3-about-modules tr
.c-mainitem td img
{
640 vertical-align: middle
;
641 padding: 0px 2px 0px 2px;
645 /* - - - - - - - - - - - - - - - - - - - - -
647 Vertical Module Menu script, left frame (alt_menu.php)
649 - - - - - - - - - - - - - - - - - - - - - */
651 body#typo3-alt-menu-php
{
652 margin: 2px 0px 0px 2px;
655 body#typo3-alt-menu-php a
{
656 text-decoration: none
;
659 table#typo3-vmenu tr
.c-mainitem td
{
660 background-color: #d9d9d8;
661 padding: 1px 1px 1px 1px;
662 border: #9BA1A8 1px solid
;
663 vertical-align: middle
;
669 table#typo3-vmenu tr
.c-mainitem td span
.c-label A
{
670 text-decoration: underline
;
673 table#typo3-vmenu tr
.c-mainitem td img
{
674 vertical-align: middle
;
678 table#typo3-vmenu tr
.c-mainitem td span
.c-label
{
683 table#typo3-vmenu tr
.c-mainitem td span
.c-iconCollapse
{
688 table#typo3-vmenu tr
.c-mainitem-HL td
{
689 background-color: #aaa;
690 padding: 1px 1px 1px 1px;
691 border: #9BA1A8 1px solid
;
692 vertical-align: middle
;
695 table#typo3-vmenu tr
.c-mainitem-HL td span
.c-label a
{
696 text-decoration: underline
;
699 table#typo3-vmenu tr
.c-mainitem-HL td img
{
700 vertical-align: middle
;
704 table#typo3-vmenu tr
.c-mainitem-HL td span
.c-label
{
709 table#typo3-vmenu tr
.c-endrow td
{
713 table#typo3-vmenu tr
.c-first td
{
717 table#typo3-vmenu td
.c-subitem-label a
{
722 table#typo3-vmenu tr
.c-subitem-row
{
726 table#typo3-vmenu tr
.c-subitem-row-HL
{
727 background-color: #e3dfdb;
730 table#typo3-adminmenu tr
.c-mainitem td
{
731 background-color: #d9d9d8;
732 padding: 1px 1px 1px 1px;
733 border: #9BA1A8 1px solid
;
734 vertical-align: middle
;
741 table#typo3-adminmenu tr
.c-subitem td
.icon
{
742 vertical-align: middle
;
746 div#typo3-alt-menu-php-logininfo
{
753 div#typo3-alt-menu-php-logininfo P
{
757 div#typo3-alt-menu-php-adminFunc
{
763 div#typo3-alt-menu-php-adminFunc table
{
768 /* Configuration module */
769 body#ext-lowlevel-config-index-php #lowlevel-config
{
773 body#ext-lowlevel-config-index-php #lowlevel-config label
{
774 padding: 0 6px; vertical-align:text-top
;
777 body#ext-lowlevel-config-index-php #lowlevel-config #search
{
781 body#ext-lowlevel-config-index-php #lowlevel-config-var
{
782 margin: 10px 10px 10px 0;
784 border: 1px solid black
;
785 background-color: #eee;
790 /* - - - - - - - - - - - - - - - - - - - - -
794 - - - - - - - - - - - - - - - - - - - - - */
797 text-decoration: none
;
800 table#typo3-tree tr td
{
804 table#typo3-tree tr td img
{
805 vertical-align: middle
;
808 table#typo3-tree tr td img
.c-recIcon
{
818 vertical-align: middle
;
822 body#typo3-alt-db-navframe-php div
.c-notice
{
823 border: 1px solid black
;
824 padding: 5px 5px 5px 5px;
831 background-color: #ebebeb;
835 /* - - - - - - - - - - - - - - - - - - - - -
839 - - - - - - - - - - - - - - - - - - - - - */
842 body#typo3-alt-file-navframe-php
{
855 text-decoration: none
;
863 vertical-align: middle
;
881 ul
.tree ul li
.expanded ul
{
882 background: transparent url
('gfx/ol/line.gif') repeat-y top left
;
885 ul
.tree ul li
.last
> ul
{
889 ul
.tree li
.active
, ul
.tree ul li
.active
{
890 background-color: #ebebeb !important
;
893 ul
.tree li
.active ul
, ul
.tree ul li
.active ul
{
894 background-color: #f7f3ef;
901 filter: alpha
(opacity
=50);
914 background-repeat: no-repeat
;
915 background-position: 2px -2px;
916 background-image: url
('gfx/filter_bg.gif');
927 margin: 6px 0pt 0pt 19px !important
;
929 background: transparent
;
941 #typo3-pagetree #typo3-docheader img
,
942 #typo3-alt-file-navframe-php #typo3-docheader img
{
951 /* - - - - - - - - - - - - - - - - - - - - -
955 - - - - - - - - - - - - - - - - - - - - - */
957 table
.typo3-TCEforms
{
959 border-collapse: collapse
;
962 table
.typo3-TCEforms span
.typo3-TCEforms-recHeader
{
967 table
.typo3-TCEforms tr
.typo3-TCEforms-recHeaderRow
,
968 table
.typo3-TCEforms tr
.typo3-TCEforms-recHeaderRow td
{
972 table
.typo3-TCEforms span
.typo3-TCEforms-newToken
{
977 table
.typo3-TCEforms span
.typo3-TCEforms-helpText
{
981 table
.typo3-TCEforms OPTGROUP
.c-divider
,
982 select option
.c-divider
{
985 background-color: #eee;
986 text-transform: uppercase
;
989 border-top: 1px solid
#666;
992 table
.typo3-TCEforms OPTGROUP OPTION
{
995 background-color: white
;
996 text-transform: none
;
1003 table
.typo3-TCEforms select
.icon-select option
{
1007 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox tr
.c-selectedItem
{
1008 background-color: #c5c1b5;
1011 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox tr
.c-invalidItem
{
1012 background-color: #ff6600;
1015 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox tr td
{
1016 border-bottom: 1px #999 dashed
;
1017 padding: 1px 3px 1px 3px;
1020 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox tr td
.c-labelCell
{
1021 padding-right: 30px;
1024 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox tr td
.c-labelCell P
.c-descr
{
1029 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox tr
.c-header td
{
1032 border-bottom: none
;
1035 table
.typo3-TCEforms table
.typo3-TCEforms-select-checkbox
{
1037 margin-bottom: 10px;
1040 table
.typo3-TCEforms table
.typo3-TCEforms-select-singlebox
{
1042 margin-bottom: 10px;
1045 table
.typo3-TCEforms div
.typo3-TCEforms-originalLanguageValue
{
1046 background-color: #bbccbb;
1049 table
.typo3-TCEforms div
.typo3-TCEforms-diffBox
{
1050 background-color: white
;
1051 border: 1px solid black
;
1054 table
.typo3-TCEforms div
.typo3-TCEforms-diffBox-header
{
1055 background-color: red
;
1059 table
.typo3-TCEforms div
.typo3-dyntabmenu-tabs
{
1064 /* - - - - - - - - - - - - - - - - - - - - -
1066 TCEforms Inline-Relational-Record-Editing
1068 - - - - - - - - - - - - - - - - - - - - - */
1070 .typo3-TCEforms div.inlineDivMSIE {
1071 display: inline-block
;
1074 /* Element Browser / RTE link selection: */
1076 table#typo3-curUrl
{
1082 table#typo3-RTElinkMenu tr td
{
1084 white-space: nowrap
;
1089 table#typo3-linkTarget
{
1090 margin-bottom: 25px;
1093 table#typo3-linkPages tr td
.c-wCell
,
1094 table#typo3-linkFiles tr td
.c-wCell
,
1095 table#typo3-EBrecords tr td
.c-wCell
,
1096 table#typo3-EBfiles tr td
.c-wCell
{
1098 white-space: nowrap
;
1101 body#typo3-browse-links-php img
,
1102 body#ext-rte-app-rte-select-image-php img
{
1103 vertical-align: middle
;
1106 body#typo3-browse-links-php img
.c-blinkArrowL
{
1107 margin: 0px 3px 0px 3px;
1110 table#typo3-linkMail
,
1111 table#typo3-linkURL
,
1112 table#typo3-linkTarget
{
1116 body#typo3-browse-links-php H3
.bgColor5
{
1120 body#typo3-browse-links-php A
{
1121 text-decoration: none
;
1124 table#typo3-msgBox
{
1126 margin-bottom: 10px;
1129 table#typo3-msgBox tr td
{
1130 padding: 10px 50px 10px 50px;
1134 /* - - - - - - - - - - - - - - - - - - - - -
1138 - - - - - - - - - - - - - - - - - - - - - */
1140 body#ext-rte-app-rte-select-image-php A
{
1141 text-decoration: none
;
1144 body#ext-rte-app-rte-select-image-php table tr td table tr
.bgColor4 td a
{
1145 text-decoration: underline
;
1149 /* - - - - - - - - - - - - - - - - - - - - -
1151 Palette display for TCEforms (top frame, alt_palette.php)
1153 - - - - - - - - - - - - - - - - - - - - - */
1155 body#typo3-alt-palette-php
{
1156 background-image: url
(gfx/alt_topmenu_back_full.gif);
1161 table#typo3-TCEforms-palette td
{
1162 white-space: nowrap
;
1163 vertical-align: top
;
1166 table#typo3-TCEforms-palette tr td
.c-label
{
1170 table#typo3-TCEforms-palette tr td
.c-close
{
1175 /* - - - - - - - - - - - - - - - - - - - - -
1177 Context Sensitive Help window (view_help.php)
1179 - - - - - - - - - - - - - - - - - - - - - */
1181 div
.typo3-view-help
{
1187 div
.typo3-view-help img
.c-inlineimg
{
1188 border: 1px solid black
;
1193 div
.typo3-view-help H2
{
1196 margin: 20px 0px 10px 0px;
1197 padding: 3px 3px 3px 3px;
1200 div
.typo3-view-help H3
{
1201 background-color: #ABBBB4;
1205 div
.typo3-view-help H4
{
1207 border-bottom: 1px black solid
;
1210 div
.typo3-view-help div
.c-toc
{
1211 border: 1px solid black
;
1212 background-color: #D9D5C9;
1215 div
.typo3-view-help div
.c-toc ul li
{
1221 div
.typo3-view-help div
.c-toc ul li ul li
{
1223 font-weight: normal
;
1227 div
.typo3-view-help P
.c-nav
{
1228 padding: 6px 0px 0px 0px;
1231 div
.typo3-view-help P
.c-nav A
{
1232 background-color: #E7DBA8;
1234 padding: 2px 2px 2px 2px;
1237 div
.typo3-view-help A
.glossary-term
{
1243 /* - - - - - - - - - - - - - - - - - - - - -
1245 Shortcut frame (alt_shortcut.php)
1247 - - - - - - - - - - - - - - - - - - - - - */
1249 body#typo3-alt-shortcut-php
{
1250 border-top: #9BA1A8 1px solid
;
1251 margin: 0px 0px 0px 0px;
1252 padding: 2px 0px 0px 5px;
1256 /* - - - - - - - - - - - - - - - - - - - - -
1258 Document, listing recently edited records if no records were open
1259 (alt_doc_nodoc.php) - this is effectively the Doc module
1261 - - - - - - - - - - - - - - - - - - - - - */
1263 table
.typo3-recent-edited
{
1267 table
.typo3-recent-edited img
.c-recicon
{
1269 vertical-align: middle
;
1272 table
.typo3-recent-edited td
{
1273 white-space: nowrap
;
1276 body#typo3-alt-doc-nodoc-php p img
{
1277 vertical-align: middle
;
1281 body#typo3-alt-doc-nodoc-php
{
1286 /* - - - - - - - - - - - - - - - - - - - - -
1288 Record editing (alt_doc.php)
1290 - - - - - - - - - - - - - - - - - - - - - */
1292 div#typo3-docheader
{
1299 #typo3-pagetree #typo3-docheader
,
1300 #typo3-alt-file-navframe-php #typo3-docheader
{
1304 div#typo3-docheader-row1
{
1306 background: #cbc7c3;
1309 div#typo3-docheader-row2
{
1310 background: #e4e0db;
1314 border-bottom: 1px solid
#000;
1316 div
.docheader-row2-left
{
1319 div
.docheader-row2-left div
.docheader-funcmenu
{
1323 div
.docheader-row2-left div
.docheader-csh
{
1327 div#typo3-docheader div
.buttonsleft
{
1333 div#typo3-docheader div
.buttonsright
{
1339 div#typo3-docheader img
, div#typo3-docheader input
{
1341 vertical-align: top
;
1344 div#typo3-docheader img
.typo3-csh-icon
{
1345 margin: 2px 2px 0 2px;
1348 div#typo3-docheader-row2 img
{
1349 margin-top: -1px !important
;
1352 div#typo3-docheader-row2 div
{
1353 line-height: normal
;
1356 div#typo3-docheader select
{
1360 div#typo3-docheader div
.docheader-row2-left
{
1365 div#typo3-docheader div
.docheader-row2-right
{
1379 div#typo3-inner-docbody
{
1380 padding: 10px 0 10px 10px;
1384 * html div#typo3-inner-docbody
{
1389 * + html div#typo3-inner-docbody
{
1393 * html div#typo3-docbody
{
1400 * html div#typo3-docbody table
.typo3-TCEforms
{
1404 div#typo3-docheader div
.buttonsleft div
.buttongroup
{
1407 padding-right: 20px;
1408 border-right: 1px dashed
#ccc;
1412 div#typo3-docheader div
.buttonsright div
.buttongroup
{
1416 border-left: 1px dashed
#ccc;
1421 div#typo3-docheader div
.no-border div
.buttongroup
{
1425 /* - - - - - - - - - - - - - - - - - - - - -
1430 * DO NOT prevent the copyright notice from being shown!
1431 * According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
1432 * Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
1434 Color set: #A69E8D / #858585
1436 - - - - - - - - - - - - - - - - - - - - - */
1438 body#typo3-index-php
{
1439 background-color: white
;
1444 body#typo3-index-php table#wrapper
{
1449 body#typo3-index-php table#loginwrapper
{
1451 background-color: #CE0F27;
1455 body#typo3-index-php div#copyrightnotice
{
1461 body#typo3-index-php div#copyrightnotice img
{
1466 body#typo3-index-php div#loginimage
{
1468 padding-right: 30px;
1477 margin: 5px 20px 5px 20px;
1480 table#logintable tr td
{
1481 padding: 1px 1px 1px 1px;
1484 table#logintable H2
{
1485 background-color: transparent
;
1492 table#logintable label
{
1498 table#logintable P
.c-info
{
1500 font-weight: normal
;
1503 table#logintable P
.c-wrong
{
1506 border: #858585 solid
1px;
1507 margin: 5px 0px 5px 0px;
1508 padding: 5px 15px 5px 15px;
1511 table#logintable input
.c-username
,
1512 table#logintable input
.c-password
,
1513 table#logintable select
.c-interfaceselector
{
1517 table#logintable input
{
1518 border: #858585 solid
1px;
1519 background-color: white
;
1522 /* Fix height if an error message is displayed */
1524 body#typo3-index-php table#loginwrapper td
.error
{
1525 padding: 25px 0 25px 0;
1530 background-color: #F69220;
1532 padding: 2px 0 0 4px;
1538 margin-bottom: 20px;
1546 dl#loginNews dt span
{
1547 font-weight: normal
;
1554 border-left: 2px solid
#F69220;
1557 margin-bottom: 12px;
1561 /* - - - - - - - - - - - - - - - - - - - - -
1565 - - - - - - - - - - - - - - - - - - - - - */
1567 body#typo3-wizard-tsconfig-php
{
1571 table#typo3-tablewizard span
.c-wizButtonsH input
{
1573 vertical-align: middle
;
1576 table#typo3-tablewizard span
.c-wizButtonsV input
{
1578 vertical-align: middle
;
1581 table#typo3-formwizard span
.c-wizButtonsV input
{
1585 input
.c-inputButton
, img
.c-inputButton
{
1587 vertical-align: middle
;
1590 div#c-saveButtonPanel
, div#c-inputMode
{
1594 table#typo3-formwizard tr#typo3-formWizardHeader td
{
1599 table#typo3-formwizard tr td
{
1600 padding: 0px 2px 0px 2px;
1603 body#typo3-wizard-rte-php
,
1604 body#typo3-wizard-rte-php table#typo3-rtewizard
{
1608 body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent
{
1610 vertical-align: top
;
1613 body#typo3-wizard-colorpicker-php p
.c-head
{
1619 /* - - - - - - - - - - - - - - - - - - - - -
1623 - - - - - - - - - - - - - - - - - - - - - */
1625 table#typo3-history tr td
,
1626 table#typo3-history-item tr td
{
1627 vertical-align: top
;
1630 table#typo3-history tr
.c-head td
,
1631 table#typo3-history-item tr
.c-head td
{
1635 table#typo3-history img
,
1636 table#typo3-history-item img
{
1637 margin: 1px 1px 1px 1px;
1641 /* - - - - - - - - - - - - - - - - - - - - -
1645 - - - - - - - - - - - - - - - - - - - - - */
1647 body#typo3-move-el-php img
{
1648 vertical-align: middle
;
1651 body#typo3-move-el-php table#typo3-ttContentList img
,
1652 body#typo3-move-el-php img#c-recIcon
{
1657 /* - - - - - - - - - - - - - - - - - - - - -
1661 - - - - - - - - - - - - - - - - - - - - - */
1663 body#typo3-file-upload-php div#c-submit
,
1664 body#typo3-file-upload-php div#c-upload
,
1665 body#typo3-file-upload-php div#c-override
,
1666 body#typo3-file-upload-php div#c-select
{
1670 body#typo3-file-rename-php div#c-submit
,
1671 body#typo3-file-rename-php div#c-rename
{
1675 body#typo3-file-newfolder-php div#c-select
,
1676 body#typo3-file-newfolder-php div#c-createFolders
,
1677 body#typo3-file-newfolder-php div#c-submitFolders
,
1678 body#typo3-file-newfolder-php div#c-newFile
,
1679 body#typo3-file-newfolder-php div#c-submitFiles
{
1683 body#typo3-file-edit-php div#c-submit
,
1684 body#typo3-file-edit-php div#c-edit
{
1689 /* - - - - - - - - - - - - - - - - - - - - -
1693 - - - - - - - - - - - - - - - - - - - - - */
1695 span
.typo3-docheader-pagePath
{
1700 /* - - - - - - - - - - - - - - - - - - - - -
1704 - - - - - - - - - - - - - - - - - - - - - */
1706 table
.typo3-page-ceHeader
{
1710 table
.typo3-page-ceHeader img
{
1711 vertical-align: middle
;
1714 table
.typo3-page-columnsMode img
.c-divider
{
1715 margin: 10px 0px 5px 0px;
1718 table
.typo3-page-columnsMode tr td a
{
1719 text-decoration: none
;
1722 table
.typo3-page-columnsMode tr td a b
{
1723 text-decoration: underline
;
1726 table
.typo3-page-cols tr td span
.exampleContent a
{
1727 text-decoration: none
;
1730 table#typo3-page-stdlist tr td
.c-headLine
{
1731 background-color: #ABBBB4;
1735 /* - - - - - - - - - - - - - - - - - - - - -
1739 - - - - - - - - - - - - - - - - - - - - - */
1741 table
.typo3-dblist
{
1745 table
.typo3-dblist img
{
1746 vertical-align: middle
;
1749 table
.typo3-dblist tr td
{
1754 table
.typo3-dblist tr td
.db_list_alt
{
1755 background-color: #E3DFD3;
1758 table
.typo3-dblist tr td
.c-headLineTable
,
1759 table
.typo3-dblist tr
.c-headLineTable td
{
1760 background-color: #ccc;
1764 table
.typo3-dblist tr td
.c-headLine
,
1765 table
.typo3-dblist tr
.c-headLine td
{
1766 background-color: #eee;
1769 table
.typo3-dblist tr td
.c-headLineTable a
,
1770 table
.typo3-dblist tr
.c-headLineTable td a
{
1771 text-decoration: none
;
1775 table
.typo3-dblist tr td div
.typo3-DBctrl
{
1776 background-color: #C5C1B5;
1781 * html table
.typo3-dblist tr td div
.typo3-DBctrl
{
1785 table
.typo3-dblist tr td div
.typo3-clipCtrl
{
1786 background-color: #ABBBB4;
1792 * html table
.typo3-dblist tr td div
.typo3-clipCtrl
{
1796 table
.typo3-dblist tr td
.typo3-DBctrl
.typo3-ctrl-versioning
{
1806 table
.typo3-dblist tr td div
.typo3-clipCtrl img
,
1807 table
.typo3-dblist tr td div
.typo3-DBctrl img
{
1813 table
.typo3-dblist
tr:hover
,
1814 table
.typo3-dblist
tr:hover td
{
1815 background-color: #ebebeb;
1818 table
.typo3-dblist tr td
.col-icon
{
1822 table
.typo3-dblist tr td
.col-icon a
{
1827 table
.typo3-dblist tr td
.col-title
{
1832 table
.typo3-dblist tr
.c-headLine td
.col-title a
{
1838 table
.typo3-dblist tr td
.col-control
{
1843 table
.typo3-dblist tr td
.col-control-space
{
1847 table
.typo3-dblist tr
.c-headLine td
.col-control a
{
1852 table
.typo3-dblist tr td
.col-clipboard
{
1857 table#typo3-dblist-fieldSelect
{
1861 table
.typo3-dblist-overview
{
1867 table
.typo3-dblist-overview td
.c-tableDescription
{
1873 table
.typo3-dblist-overview td
.c-tableDescription img
{
1877 table#typo3-versionSelector
{
1878 background-color: #ABBBB4;
1883 table#typo3-versionSelector td
{
1888 div#typo3-newRecordLink
,
1889 div
.typo3-newRecordLink
,
1890 div
.typo3-localizationLink
,
1891 div
.typo3-synchronizationLink
{
1892 margin: 5px 0px 5px 0px;
1896 div#typo3-newRecordLink img
,
1897 div
.typo3-newRecordLink img
,
1898 div
.typo3-localizationLink img
,
1899 div
.typo3-synchronizationLink img
{
1901 vertical-align: middle
;
1904 input
.smallCheckboxes
{
1905 vertical-align: middle
;
1912 div#typo3-listOptions
{
1913 margin: 10px 0px 10px 0px;
1918 /* - - - - - - - - - - - - - - - - - - - - -
1922 - - - - - - - - - - - - - - - - - - - - - */
1924 .typo3-tstemplate-ceditor-control {
1926 vertical-align: bottom
;
1930 div
.typo3-tstemplate-ceditor-row
{
1935 div
.typo3-tstemplate-ceditor-colorblock
{
1936 display: -moz-inline-box
;
1937 display: inline-block
;
1942 * html div
.typo3-tstemplate-ceditor-colorblock
{
1948 * + html div
.typo3-tstemplate-ceditor-colorblock
{
1954 dl
.typo3-tstemplate-ceditor-constant
{
1955 margin: 0px 0px 20px 10px
1958 dl
.typo3-tstemplate-ceditor-constant dd
{
1962 dl
.typo3-tstemplate-ceditor-constant dt
{
1967 dt
.typo3-tstemplate-ceditor-label
{
1973 /* - - - - - - - - - - - - - - - - - - - - -
1977 - - - - - - - - - - - - - - - - - - - - - */
1979 table#typo3-filelist
{
1984 table#typo3-filelist img
{
1985 vertical-align: middle
;
1988 table#typo3-filelist tr td
{
1992 table#typo3-filelist tr td
.c-headLine
{
1993 background-color: #ccc;
1998 table#typo3-filelist tr td div
.typo3-clipCtrl
{
1999 background-color: #abbbb4;
2004 /* - - - - - - - - - - - - - - - - - - - - -
2008 - - - - - - - - - - - - - - - - - - - - - */
2010 table#typo3-clipboard
,
2011 div#typo3-newRecordLink
,
2012 table#typo3-dblist-search
{
2016 table#typo3-clipboard tr
.bgColor5 td A
{
2017 text-decoration: none
;
2020 table#typo3-clipboard tr
.bgColor5 td img
{
2021 vertical-align: middle
;
2024 tr
.typo3-clipboard-head
{
2025 background-color: #ccc;
2029 /* - - - - - - - - - - - - - - - - - - - - -
2033 - - - - - - - - - - - - - - - - - - - - - */
2035 table
.typo3-page-pages tr td
.c-headLine
{
2036 background-color: #ABBBB4;
2039 body#typo3-mod-web-info-index-php img
{
2040 vertical-align: middle
;
2043 table
.typo3-page-sysnote tr td
{
2044 background-color: #d9d5c9;
2047 table
.typo3-page-sysnote tr td
.c-headLine
{
2048 background-color: #c5c1b5;
2052 /* - - - - - - - - - - - - - - - - - - - - -
2056 - - - - - - - - - - - - - - - - - - - - - */
2058 table#typo3-permissionList img
{
2059 vertical-align: middle
;
2062 table#typo3-permissionMatrix td
{
2067 table#typo3-permissionMatrix td
.bgColor2
{
2070 padding-right: 10px;
2074 /* - - - - - - - - - - - - - - - - - - - - -
2078 - - - - - - - - - - - - - - - - - - - - - */
2080 #typo3-mod-help-about-index-php-outer {
2086 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner
{
2088 border: 1px solid black
;
2089 background: #eaeaea;
2094 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h2
{
2098 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h3
{
2100 margin-bottom: 10px;
2101 background-color: transparent
;
2106 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a
{
2110 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner
a:hover
{
2111 text-decoration: none
;
2115 /* - - - - - - - - - - - - - - - - - - - - -
2119 - - - - - - - - - - - - - - - - - - - - - */
2121 body#typo3-db-new-php img
{
2122 vertical-align: middle
;
2125 body#typo3-db-new-php a img
{
2129 body#typo3-db-new-php a
{
2130 text-decoration: none
;
2133 body#typo3-db-new-php img
.c-helpImg
{
2138 body#typo3-db-new-php div#typo3-newPageLink
{
2142 body#typo3-db-new-php table#typo3-newRecord tr td
{
2143 padding-right: 20px;
2147 /* - - - - - - - - - - - - - - - - - - - - -
2149 Tools > Extension Manager
2151 - - - - - - - - - - - - - - - - - - - - - */
2153 body#typo3-mod-tools-em-index-php
.em-listbg1
{
2154 background-color: #d9d5c9;
2157 body#typo3-mod-tools-em-index-php
.em-listbg2
{
2158 background-color: #e9e5e9;
2161 body#typo3-mod-tools-em-index-php
.em-listbg3
{
2162 background-color: #efefef;
2165 body#typo3-mod-tools-em-index-php tr
.bgColor5 td
{
2169 body#typo3-mod-tools-em-index-php tr
.unsupported-ext
{
2170 background-color: #ffdddd;
2173 body#typo3-mod-tools-em-index-php tr
.unsupported-ext td
{
2177 body#typo3-mod-tools-em-index-php tr
.unsupported-ext td a
{
2181 body#typo3-mod-tools-em-index-php tr td
.extstate
{
2188 /* - - - - - - - - - - - - - - - - - - - - -
2192 - - - - - - - - - - - - - - - - - - - - - */
2194 #ext-taskcenter-task-index-php {
2199 /* - - - - - - - - - - - - - - - - - - - - -
2203 - - - - - - - - - - - - - - - - - - - - - */
2205 div
.workspace-info
{
2206 padding: 1px 0px 1px 2px;
2207 margin: 0px 5px 4px 0px;
2208 border: 1px solid
#999;
2211 .ver-element, ul.tree ul li.ver-element {
2212 background-color: #ccddcc;
2215 .ver-page, ul.tree ul li.ver-page {
2216 background-color: #ccccff;
2219 .ver-branch, ul.tree ul li.ver-branch {
2220 background-color: #ffcccc;
2223 .ver-branchpoint, ul.tree ul li.ver-branchpoint {
2224 background-color: #ff9999;
2227 .ver-versions, ul.tree ul li.ver-versions {
2228 background-color: #ffffaa;
2231 ul
.tree ul li
.ver-element ul
{
2232 background-color: #f7f3ef;
2235 ul
.tree ul li
.ver-page ul
{
2236 background-color: #f7f3ef;
2239 ul
.tree ul li
.ver-branch ul
{
2240 background-color: #f7f3ef;
2243 ul
.tree ul li
.ver-branchpoint ul
{
2244 background-color: #f7f3ef;
2247 ul
.tree ul li
.ver-versions ul
{
2248 background-color: #f7f3ef;
2251 table
.workspace-overview td
{
2252 vertical-align: top
;
2255 table
.ver-subtree A
{
2256 text-decoration: none
;
2259 table
.ver-subtree tr td
.iconTitle
{
2260 white-space: nowrap
;
2263 table
.ver-subtree tr td
.diffCell
{
2264 white-space: normal
;
2267 table
.ver-subtree table
.diffTable
{
2268 background-color: white
;
2269 border: 1px solid black
;
2272 table
.ver-subtree div
.diffLayer
,
2274 background-color: white
;
2276 border: 1px solid black
;
2279 table
.ver-subtree tr td img
{
2280 vertical-align: middle
;
2284 table
.ver-verElement td
.c-diffCell
{
2285 border: 1px solid
#666;
2288 table
.ver-verElement
{
2292 table
.ver-subtree tr
.typo3-ver td
.iconTitle
,
2293 table
.ver-subtree tr
.typo3-ver td
.diffCell
,
2294 table
.ver-subtree tr
.typo3-ver td
.cmdCell
{
2295 background-color: #c5c1b5;
2298 table
.ver-subtree tr
.typo3-ver-hl td
.iconTitle
,
2299 table
.ver-subtree tr
.typo3-ver-hl td
.diffCell
,
2300 table
.ver-subtree tr
.typo3-ver-hl td
.cmdCell
{
2301 background-color: #999;
2304 table
.ver-subtree tr
.typo3-ver-new td
{
2306 background-color: #eee;
2309 table
.ver-subtree tr
.typo3-ver-noComp td
{
2314 border: 1px solid black
;
2317 .ver-wl-details-table {
2318 border: 1px solid
#D9D5C9;
2322 background-color: #E6E2D5;
2323 vertical-align: top
;
2326 .ver-wl-details-label {
2327 background-color: #E6E2D5;
2329 white-space: nowrap
;
2330 vertical-align: top
;
2333 .ver-wl-details-user-list-label {
2337 #ver-wl-new-workspace-icon {
2343 .ver-wl-mp-inacessible {
2348 .ver-wl-current-user {
2353 /* - - - - - - - - - - - - - - - - - - - - -
2357 - - - - - - - - - - - - - - - - - - - - - */
2370 /* - - - - - - - - - - - - - - - - - - - - -
2372 Dimmed span tag color (disabled)
2374 - - - - - - - - - - - - - - - - - - - - - */
2390 /* - - - - - - - - - - - - - - - - - - - - -
2392 Red span tag color (warning, notice)
2394 - - - - - - - - - - - - - - - - - - - - - */
2400 .typo3-red-background {
2401 background-color: red
;
2405 border: solid
2px black
;
2406 background-color: yellow
;
2407 margin: 20px 0px 20px 0px;
2410 table
.warningbox td
{
2411 padding: 20px 20px 20px 20px;
2416 border: solid
2px black
;
2417 background-color: yellow
;
2420 margin: 10px 0px 10px 0px;
2423 span
.warningboxheader
{
2427 /* - - - - - - - - - - - - - - - - - - - - -
2431 - - - - - - - - - - - - - - - - - - - - - */
2434 white-space: nowrap
;
2446 background-color: red
;
2448 padding: 3px 3px 3px 3px;
2452 background-color: green
;
2454 padding: 3px 3px 3px 3px;
2458 vertical-align: middle
;
2461 textarea
.fixed-font
{
2462 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace
;
2473 text-transform: uppercase
;
2488 /* - - - - - - - - - - - - - - - - - - - - -
2490 Permissions, green and red
2492 - - - - - - - - - - - - - - - - - - - - - */
2496 #perm-legend .perm-allowed
,
2497 #perm-legend .perm-denied
{
2509 #perm-legend .perm-allowed
,
2510 #perm-legend .perm-denied
{
2515 a
.perm-allowed:hover
,
2516 a
.perm-denied:hover
{
2517 background-color: #e3dfdb;
2521 #perm-legend .perm-allowed
{
2523 background:transparent url
('gfx/perm-allowed.gif') no-repeat scroll center
;
2527 #perm-legend .perm-denied
{
2529 background:transparent url
('gfx/perm-denied.gif') no-repeat scroll center
;
2538 text-decoration: underline
;
2546 text-decoration: none
;
2555 text-decoration: none
;
2566 /* - - - - - - - - - - - - - - - - - - - - -
2570 - - - - - - - - - - - - - - - - - - - - - */
2574 background-color: #D9D5C9;
2575 padding: 1px 1px 1px 1px;
2578 a
.typo3-goBack img
{
2580 vertical-align: middle
;
2583 span
.typo3-moduleHeader img
{
2584 vertical-align: middle
;
2589 /* - - - - - - - - - - - - - - - - - - - - -
2591 Context Sensitive Help (CSH)
2593 - - - - - - - - - - - - - - - - - - - - - */
2595 table
.typo3-csh-inline
{
2596 border: solid
1px #6f3833;
2597 background-color: #ffffff;
2598 margin: 5px 4px 20px 0px;
2599 padding: 1px 2px 2px 1px;
2602 table
.typo3-csh-inline tr td h4
{
2607 img
.typo3-csh-icon
{
2608 vertical-align: middle
;
2613 white-space: normal
;
2616 a
.typo3-csh-link span
.typo3-csh-inline
{
2619 padding: 1px 2px 2px 2px;
2620 background: #ffffff;
2621 border: 1px solid
#050505;
2625 font-weight: normal
;
2628 a
.typo3-csh-link:hover span
.typo3-csh-inline
{
2632 span
.typo3-csh-inline span
.header
,
2633 table
.typo3-csh-inline span
.header
{
2637 background-color: #F6F2E6;
2640 span
.typo3-csh-inline
{
2644 a
.typo3-csh-link span
.typo3-csh-inline
.show-right
{
2645 margin: 0px 0px 0px -148px;
2649 /* - - - - - - - - - - - - - - - - - - - - -
2651 TypoScript Highlighting
2653 - - - - - - - - - - - - - - - - - - - - - */
2657 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace
;
2660 pre
.ts-hl
.ts-prespace
{
2664 pre
.ts-hl
.ts-objstr_postspace
{
2668 pre
.ts-hl
.ts-operator_postspace
{
2672 pre
.ts-hl
.ts-operator
{
2677 pre
.ts-hl
.ts-value
{
2681 pre
.ts-hl
.ts-objstr
{
2685 pre
.ts-hl
.ts-value_copy
{
2689 pre
.ts-hl
.ts-value_unset
{
2690 background-color: #66cc66;
2693 pre
.ts-hl
.ts-ignored
{
2694 background-color: #66cc66;
2697 pre
.ts-hl
.ts-default
{
2698 background-color: #66cc66;
2701 pre
.ts-hl
.ts-comment
{
2706 pre
.ts-hl
.ts-condition
{
2707 background-color: maroon
;
2712 pre
.ts-hl
.ts-error
{
2713 background-color: yellow
;
2714 border: 1px red dashed
;
2718 pre
.ts-hl
.ts-linenum
{
2719 background-color: #eee;
2725 /* Visual debugging: */
2732 border: 1px dotted #666;