60e21e3a4120b49ac566c4f0ae60e2d7d61f4461
[Packages/TYPO3.CMS.git] / typo3 / stylesheet.css
1 /****************************************
2
3 GENERAL STYLE FOR TYPO3 BACKEND:
4
5 Stylesheet for the TYPO3 backend.
6 You can configure another/additional stylesheet for use by the $TBE_STYLES global var
7
8 TYPO3 CVS ID: $Id$
9
10 *****************************************/
11
12
13
14
15 /*********************************************
16 * MAIN STYLES:
17 *********************************************/
18
19 SELECT, TEXTAREA, INPUT, TD, BODY, .defstyle, P, DIV {
20 font-family: Verdana, Arial, Helvetica;
21 font-size: 10px;
22 margin: 0 0 0 0;
23 color: black;
24 }
25 FORM { margin: 0 0 0 0; }
26 H1, H2, H3, H4 {
27 font-family: Verdana, Arial, Helvetica;
28 font-size: 10px;
29 font-weight: bold;
30 margin: 3px 0px 3px 0px;
31 }
32
33 /* Occasionally used, eg. in About Modules: */
34 H1 {
35 font-size: 14px;
36 text-align: center;
37 margin-top: 16px;
38 margin-bottom: 16px;
39 }
40
41 /* MAIN page header: */
42 H2 {
43 background-color: #9BA1A8;
44 text-align: center;
45 }
46
47 /* Normal section headers */
48 H3 {
49 margin: 8px 0px 5px 0px;
50 padding: 1px 3px 1px 3px;
51 background-color: #E7DBA8;
52 }
53
54 /* Discrete section headers (no background) */
55 H4 {
56 margin-top: 6px;
57 color: #333333;
58 }
59
60 /* Preformatted text - not used so much in TYPO3 */
61 PRE {
62 font-family: monospace;
63 font-size:11px;
64 margin: 0 0 0 0;
65 }
66
67 /* Links in general */
68 A {
69 color : black;
70 text-decoration: underline;
71 }
72 A:hover {color: #254D7B}
73
74 /* horizontal ruler */
75 HR, DIV.hr {
76 height: 1px;
77 color: #ddd;
78 background-color: #ddd;
79 border-top: 1px solid #7a7a7a;
80 border-bottom: 1px solid #000;
81 }
82
83 IMG {
84 border: 0px;
85 }
86
87
88
89
90
91
92 /*********************************************
93 * Background color classes:
94 *********************************************/
95
96 .bgColor {background-color: #F7F3EF;}
97 .bgColor-10 {background-color: #ede9e5;}
98 .bgColor-20 {background-color: #e3dfdb;}
99 .bgColor2 {background-color: #9BA1A8;}
100 .bgColor3 {background-color: #F6F2E6;}
101 .bgColor3-20 {background-color: #e2ded2;}
102 .bgColor4 {background-color: #D9D5C9;}
103 .bgColor4-20 {background-color: #c5c1b5;}
104 .bgColor5 {background-color: #ABBBB4;}
105 .bgColor6 {background-color: #E7DBA8;}
106
107
108
109
110 /*********************************************
111 * Various body tags:
112 *********************************************/
113
114 /* Set default values for bodytags: */
115 BODY {
116 margin: 2px 2px 0px 4px;
117 background-color: #F7F3EF;
118 }
119
120 /* Setting alternative background color on some frames: */
121 BODY#typo3-alt-toplogo-php, BODY#typo3-alt-menu-sel-php, BODY#typo3-alt-topmenu-dummy-php, BODY#typo3-alt-topmenu-dummy-php-iconmenu, BODY#typo3-alt-clickmenu-php, BODY#typo3-alt-clickmenu-php-notop, BODY#typo3-alt-palette-php {
122 background-color: #9BA1A8;
123 }
124
125
126
127
128 /****************************************
129 * SPECIFIC WRAPPERS
130 *
131 * The "template" class is usually instantiated as either
132 * bicDoc, mediumDoc, smallDoc or noDoc
133 * Each of these will result in the whole page content between the bodytags being wrapped in a DIV-section with a class.
134 * The class name will be "typo3-[classname]"
135 * In particular we set the width of these wrapper-sections:
136 *****************************************/
137
138 DIV.typo3-bigDoc, DIV.typo3-noDoc { margin-left: 10px; margin-top: 5px; width: 740px; }
139 DIV.typo3-noDoc H2 { width: 740px; }
140 DIV.typo3-mediumDoc { width: 470px; }
141 DIV.typo3-smallDoc { width: 350px; }
142
143
144
145 /*********************************************
146 * SPECIAL ELEMENTS IN THE BACKEND
147 *********************************************/
148
149 /* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
150 BODY#typo3-alt-clickmenu-php { background-image: url(gfx/alt_topmenu_back_full.gif); margin-top: 10px; }
151 BODY#typo3-alt-clickmenu-php-notop { background-image: url(gfx/alt_topmenu_back_dummy.gif) }
152 TABLE#typo3-CSM-top A { text-decoration: none;}
153 TABLE#typo3-CSM-top IMG { vertical-align: middle; margin-bottom:2px; }
154 TABLE#typo3-CSM-top TR TD { white-space: nowrap; }
155 TABLE#typo3-CSM-top TR TD.c-closebutton { padding-left: 10px; }
156 TABLE#typo3-CSM-top TR TD.c-itemicon { padding-left: 10px; font-weight: bold; }
157 TABLE#typo3-CSM-top IMG.c-roimg { margin-right: 2px; }
158
159 /* Context Sensitive Menu / Layer (alt_clickmenu.php creates it) */
160 /* Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php */
161 TABLE.typo3-CSM { border: #9BA1A8 1px solid; }
162 TABLE.typo3-CSM TD.typo3-CSM-item { white-space: nowrap; }
163 TABLE.typo3-CSM TR.typo3-CSM-itemRow TD { padding: 1px 5px 1px 5px; }
164 TABLE.typo3-CSM TR.typo3-CSM-itemRow { height: 13px; cursor: pointer; }
165
166 /* Top menu (alt_topmenu_dummy.php) */
167 BODY#typo3-alt-topmenu-dummy-php { background-image: url(gfx/alt_topmenu_back_dummy.gif); }
168 BODY#typo3-alt-topmenu-dummy-php-iconmenu { background-image: url(gfx/alt_topmenu_back_full.gif); margin-top: 8px; margin-left: 6px; }
169 TABLE#typo3-topMenu TR TD {white-space: nowrap; vertical-align: top; }
170 TABLE#typo3-topMenu TR TD.c-logout, TABLE#typo3-topMenu TR TD.c-admin {padding-left: 20px;}
171 TABLE#typo3-topMenu TR TD.c-menu IMG {margin: 2px 1px 0px 1px; }
172
173 TABLE#typo3-topMenu TR TD.c-menu A.c-subitem { padding: 3px 0px 0px 0px; }
174 TABLE#typo3-topMenu TR TD.c-menu A.c-subitem-HL {background-color: #D9D5C9; padding: 3px 3px 0px 3px; border: 1px solid black; }
175 TABLE#typo3-topMenu TR TD.c-menu A.c-mainitem { padding: 3px 0px 0px 0px; }
176 TABLE#typo3-topMenu TR TD.c-menu A.c-mainitem-HL {background-color: #D9D5C9; padding: 3px 3px 0px 3px; border: 1px solid black; }
177
178 /* Tab menu (template.php) */
179 TABLE#typo3-tabmenu { margin-top:5px; }
180 TABLE#typo3-tabmenu TD.tabact { color: #000; border: solid black 1px; background: #e7dba8; }
181 TABLE#typo3-tabmenu TD.tab { color:grey; border: solid #555 1px; border-left: solid #aaa 3px; background: #c4d4cd; }
182 TABLE#typo3-tabmenu TD.tab, TABLE#typo3-tabmenu TD.tabact { border-radius: 3px; -moz-border-radius: 3px; border-bottom: 0px; }
183 TABLE#typo3-tabmenu TD A { color:grey; text-decoration:none; display: block; width:100%; padding:2px; padding-left:3px; padding-right:5px; }
184 TABLE#typo3-tabmenu TD.tabact A { color:#000; padding-left:10px; padding-right:10px; }
185 TABLE#typo3-tabmenu TD A:hover { color:#000; background: #f6eab7; text-decoration:none; }
186
187 /* Dynamic Tab menu (template.php) */
188 DIV.typo3-dyntabmenu-tabs { margin-top: 5px; padding-right: 20px; }
189 DIV.typo3-dyntabmenu-divs P.c-descr { font-style : italic; padding: 3px 10px 5px 10px; background: #e7dba8; }
190 TABLE.typo3-dyntabmenu TD.tabact { color: #000; border: solid black 1px; background: #e7dba8; }
191 TABLE.typo3-dyntabmenu TD.tab { color:grey; border: solid #555 1px; background: #c4d4cd; }
192 TABLE.typo3-dyntabmenu TD.tab_over, TABLE.typo3-dyntabmenu TD.tabact_over, TABLE.typo3-dyntabmenu TD.disabled_over { color:#000; border: solid #555 1px; background: #f6eab7; }
193 TABLE.typo3-dyntabmenu TD.disabled { color:#999999; border: solid #555 1px; background: #cccccc; }
194 TABLE.typo3-dyntabmenu TD.tab_over, TABLE.typo3-dyntabmenu TD.tabact_over, TABLE.typo3-dyntabmenu TD.disabled_over { color:#000; border: solid #555 1px; background: #f6eab7; }
195 TABLE.typo3-dyntabmenu TD.tab, TABLE.typo3-dyntabmenu TD.tabact, TABLE.typo3-dyntabmenu TD.disabled, TABLE.typo3-dyntabmenu TD.tab_over, TABLE.typo3-dyntabmenu TD.tabact_over, TABLE.typo3-dyntabmenu TD.disabled_over { border-radius: 3px; -moz-border-radius: 3px; border-bottom: 0px; }
196 TABLE.typo3-dyntabmenu TD A { color:grey; text-decoration:none; display: block; width:100%; padding:2px; padding-left:5px; padding-right:5px; }
197 TABLE.typo3-dyntabmenu TD.tabact A, TABLE.typo3-dyntabmenu TD.tab_over A { color:#000;}
198
199 DIV.typo3-dyntabmenu-divs-foldout DIV.c-tablayer {margin-left: 20px;}
200 DIV.typo3-dyntabmenu-divs-foldout DIV.tab { background: #c4d4cd; background-image: url(gfx/ol/plusbullet.gif); background-repeat: no-repeat; border: solid black 1px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px;}
201 DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over {background: #f6eab7; background-image: url(gfx/ol/arrowbullet.gif); background-repeat: no-repeat; border: solid black 1px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px;}
202 DIV.typo3-dyntabmenu-divs-foldout DIV.tabact { background: #e7dba8; background-image: url(gfx/ol/minusbullet.gif); background-repeat: no-repeat; border: solid black 1px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px;}
203 DIV.typo3-dyntabmenu-divs-foldout DIV.tabact_over { background: #f6eab7; background-image: url(gfx/ol/arrowbullet.gif); background-repeat: no-repeat; border: solid black 1px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px;}
204 DIV.typo3-dyntabmenu-divs-foldout DIV.disabled { color:#999999; border: solid black 1px; background: #cccccc; padding: 2px 2px 2px 18px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px;}
205 DIV.typo3-dyntabmenu-divs-foldout DIV.disabled_over { color:#999999; border: solid black 1px; background: #f6eab7; padding: 2px 2px 2px 18px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px;}
206 DIV.typo3-dyntabmenu-divs-foldout DIV.tab A, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact A, DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over A,DIV.typo3-dyntabmenu-divs-foldout DIV.tabact_over A { text-decoration:none; display: block; padding: 2px 2px 2px 18px;border-radius: 3px; -moz-border-radius: 3px;}
207
208
209 /* Logo frame (alt_toplogo.php) */
210 BODY#typo3-alt-toplogo-php {margin: 0px 0px 0px 0px;}
211
212 /* Help > About modules (alt_intro.php) */
213 DIV.typo3-alt-intro-php { width: 600px; margin-left: 10px; }
214 TABLE#typo3-about-modules {margin-top: 5px;}
215 TABLE#typo3-about-modules TR TD { vertical-align: top; padding: 2px 2px 2px 2px; }
216 TABLE#typo3-about-modules TR.c-mainitem TD IMG { vertical-align: middle; padding: 0px 2px 0px 2px; }
217
218 /* Vertical Module Menu script, left frame (alt_menu.php): */
219 BODY#typo3-alt-menu-php { margin: 2px 0px 0px 2px; }
220 BODY#typo3-alt-menu-php A { text-decoration: none; }
221 TABLE#typo3-vmenu TR.c-mainitem TD { background-color: #D9D9D8; padding: 1px 1px 1px 1px; border: #9BA1A8 1px solid; vertical-align: middle; width: 100px; cursor:pointer; }
222 TABLE#typo3-vmenu TR.c-mainitem TD SPAN.c-label A { text-decoration : underline; }
223 TABLE#typo3-vmenu TR.c-mainitem TD IMG { vertical-align: middle; margin-right: 2px;}
224 TABLE#typo3-vmenu TR.c-mainitem TD SPAN.c-label { position: relative; top: 1px; }
225 TABLE#typo3-vmenu TR.c-mainitem TD SPAN.c-iconCollapse { position:absolute; left:90px; }
226 TABLE#typo3-vmenu TR.c-mainitem-HL TD { background-color: #AAAAAA; padding: 1px 1px 1px 1px; border: #9BA1A8 1px solid; vertical-align: middle;}
227 TABLE#typo3-vmenu TR.c-mainitem-HL TD SPAN.c-label A { text-decoration : underline; }
228 TABLE#typo3-vmenu TR.c-mainitem-HL TD IMG { vertical-align: middle; margin-right: 2px;}
229 TABLE#typo3-vmenu TR.c-mainitem-HL TD SPAN.c-label { position: relative; top: 1px;}
230 TABLE#typo3-vmenu TR.c-endrow TD {height: 5px;}
231 TABLE#typo3-vmenu TR.c-first TD {height: 2px;}
232 TABLE#typo3-vmenu TD.c-subitem-label A { display: block; width: 100%; }
233 TABLE#typo3-vmenu TR.c-subitem-row { }
234 TABLE#typo3-vmenu TR.c-subitem-row-HL { background-color: #e3dfdb; }
235
236 DIV#typo3-alt-menu-php-logininfo { text-align: center; width: 90px; margin-top:15px; margin-bottom: 15px;}
237 DIV#typo3-alt-menu-php-logininfo P { margin-top:5px; }
238 DIV#typo3-alt-menu-php-adminFunc { text-align: left; width: 110px; margin-top:15px; }
239 DIV#typo3-alt-menu-php-adminFunc IMG { margin: 0px 2px 0px 2px;}
240
241 /* Trees */
242 TABLE#typo3-tree A { text-decoration: none; }
243 TABLE#typo3-tree TR TD { white-space: nowrap; }
244 TABLE#typo3-tree TR TD IMG { vertical-align: middle; }
245 TABLE#typo3-tree TR TD IMG.c-recIcon { margin-right: 1px;}
246 TABLE#typo3-tree { margin-bottom: 10px; width: 95%; }
247 P.c-refresh IMG { vertical-align: middle; margin-right: 7px; }
248 BODY#typo3-alt-db-navframe-php DIV.c-notice { border: 1px solid black; padding: 5px 5px 5px 5px; margin-top: 5px; margin-bottom: 10px; width : 95%; }
249
250 /* TCEforms */
251 TABLE.typo3-TCEforms SPAN.typo3-TCEforms-recHeader { font-weight: bold; color: #333366; }
252 TABLE.typo3-TCEforms SPAN.typo3-TCEforms-newToken { font-weight: bold; color: #990000; }
253 TABLE.typo3-TCEforms SPAN.typo3-TCEforms-helpText { color: #666666; }
254 TABLE.typo3-TCEforms OPTION.c-divider { font-style: italic; color: #666666; background-color: #eeeeee; text-transform : uppercase; margin-top: 10px; border-bottom: 1px solid #666666; }
255 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR.c-selectedItem {background-color: #c5c1b5; }
256 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR.c-invalidItem {background-color: #ff6600; }
257 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR TD {border-bottom: 1px #999999 dashed; padding: 1px 3px 1px 3px; }
258 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR TD.c-labelCell { padding-right: 30px; }
259 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR TD.c-labelCell P.c-descr {margin-left: 30px; font-style: italic;}
260 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR.c-header TD { font-weight: bold; padding-top: 10px; border-bottom: none; }
261 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox { margin-top: 4px; margin-bottom: 10px; }
262 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-singlebox { margin-top: 4px; margin-bottom: 10px; }
263 TABLE.typo3-TCEforms DIV.typo3-TCEforms-originalLanguageValue { background-color: #bbccbb; }
264 TABLE.typo3-TCEforms DIV.typo3-TCEforms-diffBox { background-color: white; border: 1px solid black; }
265 TABLE.typo3-TCEforms DIV.typo3-TCEforms-diffBox-header { background-color: red; font-weight: bold; }
266
267 /* Element Browser / RTE link selection: */
268 TABLE#typo3-curUrl { font-weight: bold; width: 100%; margin-bottom: 2px;}
269 TABLE#typo3-RTElinkMenu TR TD { text-align: center; white-space: nowrap; width: 15%; font-weight: bold; }
270 TABLE#typo3-linkTarget { margin-bottom: 25px; }
271 TABLE#typo3-linkPages TR TD.c-wCell, TABLE#typo3-linkFiles TR TD.c-wCell, TABLE#typo3-EBrecords TR TD.c-wCell, TABLE#typo3-EBfiles TR TD.c-wCell { padding-right: 5px; white-space: nowrap; }
272 BODY#typo3-browse-links-php IMG, BODY#ext-rte-app-rte-select-image-php IMG { vertical-align: middle; }
273 BODY#typo3-browse-links-php IMG.c-blinkArrowL { margin: 0px 3px 0px 3px; }
274 TABLE#typo3-linkMail, TABLE#typo3-linkURL, TABLE#typo3-linkTarget { margin-top: 5px; }
275 BODY#typo3-browse-links-php H3.bgColor5 { margin-top: 2px; }
276 BODY#typo3-browse-links-php A { text-decoration: none; }
277 TABLE#typo3-msgBox { margin-top: 10px; margin-bottom: 10px;}
278 TABLE#typo3-msgBox TR TD { padding: 10px 50px 10px 50px; }
279
280 /* RTE select image */
281 BODY#ext-rte-app-rte-select-image-php A { text-decoration : none; }
282 BODY#ext-rte-app-rte-select-image-php TABLE TR TD TABLE TR.bgColor4 TD A { text-decoration : underline; }
283
284 /* Palette display for TCEforms (top frame, alt_palette.php) */
285 BODY#typo3-alt-palette-php { background-image: url(gfx/alt_topmenu_back_full.gif); margin-top: 8px; margin-left: 6px; }
286 TABLE#typo3-TCEforms-palette TD {white-space: nowrap; vertical-align: top;}
287 TABLE#typo3-TCEforms-palette TR TD.c-label { padding-top: 3px; }
288 TABLE#typo3-TCEforms-palette TR TD.c-close { padding-top: 3px; }
289
290 /* Context Sensitive Help window (view_help.php) */
291 DIV.typo3-view-help { margin-top: 6px; margin-left: 3px; width:95%; }
292 DIV.typo3-view-help IMG.c-inlineimg { border: 1px solid black; margin-top:5px; margin-bottom:3px;}
293 DIV.typo3-view-help H2 { font-size: 16px; text-align: left; margin: 20px 0px 10px 0px; padding: 3px 3px 3px 3px;}
294 DIV.typo3-view-help H3 { background-color: #ABBBB4; margin-top: 0px;}
295 DIV.typo3-view-help H4 { margin-top: 15px; border-bottom: 1px black solid; }
296 DIV.typo3-view-help DIV.c-toc { border: 1px solid black; background-color: #D9D5C9; }
297 DIV.typo3-view-help DIV.c-toc UL LI { font-size: 11px; font-weight: bold; margin-top: 10px;}
298 DIV.typo3-view-help DIV.c-toc UL LI UL LI { font-size: 12px; font-weight: normal; margin-top: 0px;}
299 DIV.typo3-view-help P.c-nav { padding: 6px 0px 0px 0px; }
300 DIV.typo3-view-help P.c-nav A { background-color: #E7DBA8; font-weight: bold;padding: 2px 2px 2px 2px; }
301 DIV.typo3-view-help A.glossary-term { color: maroon; font-style: italic;}
302
303 /* Shortcut frame (alt_shortcut.php) */
304 BODY#typo3-alt-shortcut-php { border-top: #9BA1A8 1px solid; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 5px;}
305
306 /* Document, listing recently edited records if no records were open (alt_doc_nodoc.php) - this is effectively the Doc module */
307 TABLE.typo3-recent-edited { width: 100%; }
308 TABLE.typo3-recent-edited IMG.c-recicon { margin-right: 5px; vertical-align: middle; }
309 TABLE.typo3-recent-edited TD { white-space: nowrap; }
310 BODY#typo3-alt-doc-nodoc-php P IMG { vertical-align: middle; margin-left: 5px; }
311 BODY#typo3-alt-doc-nodoc-php { margin-left: 5px; }
312
313 /* Login Screen
314
315 * Warning:
316 * DO NOT prevent the copyright notice from being shown!
317 * 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)
318 * 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.
319
320 Color set: #A69E8D / #858585
321
322 */
323 BODY#typo3-index-php { background-color: white; margin: 0px 0px 0px 0px; }
324 BODY#typo3-index-php TABLE#wrapper { width: 100%; height: 80%; margin-top: 30px; }
325 BODY#typo3-index-php TABLE#loginwrapper { width: 100%; background-color: #A69E8D; text-align: left; }
326 BODY#typo3-index-php DIV#copyrightnotice { width: 70%; text-align: left; margin-top: 10px; }
327 BODY#typo3-index-php DIV#copyrightnotice IMG { margin-right:5px; margin-bottom:5px; }
328 BODY#typo3-index-php DIV#loginimage {text-align: right; padding-right: 30px; margin-bottom: 5px;}
329 TABLE#logintable { margin: 5px 20px 5px 20px; }
330 TABLE#logintable TR TD { padding: 1px 1px 1px 1px;}
331 TABLE#logintable H2 { background-color: transparent; font-size: 14px; color: white; text-align: left; }
332 TABLE#logintable P { font-size: 12px; color: white; font-weight: bold; }
333 TABLE#logintable P.c-info { font-size: 10px; font-weight: normal; }
334 TABLE#logintable P.c-wrong { font-size: 10px; width: 300px; border: #858585 solid 1px; margin: 5px 0px 5px 0px; padding: 5px 15px 5px 15px; }
335 TABLE#logintable INPUT.c-username, TABLE#logintable INPUT.c-password, TABLE#logintable SELECT.c-interfaceselector { width: 150px; }
336 TABLE#logintable INPUT { border: #858585 solid 1px; background-color: white; }
337
338 DIV#loginNews { width: 70%; margin-top: 30px; }
339 DIV#loginNews H2 { background-color: #E26816; color: white; font-size: 12px; }
340 DIV#loginNews TABLE TR TD { padding-right: 10px; padding-left: 10px; }
341 DIV#loginNews TABLE TR TD.c-header { font-weight: bold; background-color: #FFD8A9; }
342 DIV#loginNews TABLE TR.c-spacer { height: 10px; }
343
344 /* Wizards: */
345 BODY#typo3-wizard-tsconfig-php { margin-left: 5px; }
346 TABLE#typo3-tablewizard SPAN.c-wizButtonsH INPUT { margin-right: 2px; vertical-align: middle; }
347 TABLE#typo3-tablewizard SPAN.c-wizButtonsV INPUT { margin-right: 2px; vertical-align: middle; }
348 TABLE#typo3-formwizard SPAN.c-wizButtonsV INPUT { margin-bottom: 2px; }
349 INPUT.c-inputButton, IMG.c-inputButton { margin-right: 2px; vertical-align: middle; }
350 DIV#c-saveButtonPanel, DIV#c-inputMode { margin-top: 10px; }
351 TABLE#typo3-formwizard TR#typo3-formWizardHeader TD { font-weight: bold; text-align: center; }
352 TABLE#typo3-formwizard TR TD { padding: 0px 2px 0px 2px; }
353 BODY#typo3-wizard-rte-php, BODY#typo3-wizard-rte-php TABLE#typo3-rtewizard { height: 98%; }
354 BODY#typo3-wizard-rte-php TABLE#typo3-rtewizard TR TD#c-formContent { height: 100%; vertical-align: top; }
355 BODY#typo3-wizard-colorpicker-php P.c-head {font-weight: bold; margin-top: 4px;}
356
357 /* History / Undo */
358 TABLE#typo3-history TR TD, TABLE#typo3-history-item TR TD { vertical-align: top; }
359 TABLE#typo3-history TR.c-head TD, TABLE#typo3-history-item TR.c-head TD { font-weight: bold; }
360 TABLE#typo3-history IMG, TABLE#typo3-history-item IMG { margin: 1px 1px 1px 1px;}
361
362 /* Move element */
363 BODY#typo3-move-el-php IMG { vertical-align: middle; }
364 BODY#typo3-move-el-php TABLE#typo3-ttContentList IMG, BODY#typo3-move-el-php IMG#c-recIcon {margin-right: 4px; }
365
366 /* File scripts */
367 BODY#typo3-file-upload-php DIV#c-submit, BODY#typo3-file-upload-php DIV#c-upload, BODY#typo3-file-upload-php DIV#c-override, BODY#typo3-file-upload-php DIV#c-select {
368 margin-top: 10px;
369 }
370 BODY#typo3-file-rename-php DIV#c-submit, BODY#typo3-file-rename-php DIV#c-rename {
371 margin-top: 10px;
372 }
373 BODY#typo3-file-newfolder-php DIV#c-select, BODY#typo3-file-newfolder-php DIV#c-createFolders, BODY#typo3-file-newfolder-php DIV#c-submitFolders, BODY#typo3-file-newfolder-php DIV#c-newFile, BODY#typo3-file-newfolder-php DIV#c-submitFiles {
374 margin-top: 10px;
375 }
376 BODY#typo3-file-edit-php DIV#c-submit, BODY#typo3-file-edit-php DIV#c-edit {
377 margin-top: 10px;
378 }
379
380 /* Web > Page */
381 TABLE.typo3-page-ceHeader { width: 100%; }
382 TABLE.typo3-page-ceHeader IMG { vertical-align: middle; }
383 TABLE.typo3-page-columnsMode IMG.c-divider { margin: 10px 0px 5px 0px;}
384 TABLE.typo3-page-columnsMode TR TD A { text-decoration: none; }
385 TABLE.typo3-page-columnsMode TR TD A B { text-decoration: underline; }
386 TABLE.typo3-page-cols TR TD SPAN.exampleContent A { text-decoration: none;}
387 TABLE#typo3-page-stdlist TR TD.c-headLine { background-color: #ABBBB4; }
388
389 /* Web > List */
390 TABLE.typo3-dblist IMG { vertical-align: middle; }
391 TABLE.typo3-dblist TR TD { padding-left: 1px; padding-right: 6px; }
392 TABLE.typo3-dblist TR TD.c-headLineTable { background-color: #cccccc; height: 16px; }
393 TABLE.typo3-dblist TR TD.c-headLine { background-color: #eeeeee; }
394 TABLE.typo3-dblist TR TD.c-headLineTable A { text-decoration: none;font-weight: bold; }
395 TABLE.typo3-dblist TR TD DIV.typo3-DBctrl { background-color: #C5C1B5; }
396 TABLE.typo3-dblist TR TD DIV.typo3-clipCtrl {background-color: #ABBBB4; text-align: center; }
397 TABLE.typo3-dblist TR TD DIV.typo3-clipCtrl IMG, TABLE.typo3-dblist TR TD DIV.typo3-DBctrl IMG { margin-left: 1px; margin-right: 1px; }
398 TABLE.typo3-dblist-overview { width: 410px; margin-top: 10px; margin-left:1px;}
399 TABLE.typo3-dblist-overview TD.c-tableDescription {padding-left: 10px; font-style: italic; color: #333333;}
400 TABLE.typo3-dblist-overview TD.c-tableDescription IMG { margin-right: 10px; }
401 TABLE#typo3-versionSelector { background-color: #ABBBB4; margin-top: 5px; margin-bottom: 5px; }
402 TABLE#typo3-versionSelector TD { padding-left: 2px; padding-right: 2px; }
403
404 DIV#typo3-newRecordLink { margin: 5px 0px 5px 0px; font-weight: bold;}
405 DIV#typo3-newRecordLink IMG { margin-right: 5px; vertical-align: middle; }
406
407 INPUT.smallCheckboxes { vertical-align: middle; margin: 0 0 0 0; padding: 0 0 0 0; width: 12px; height: 12px; }
408 DIV#typo3-listOptions { margin: 10px 0px 10px 0px; }
409
410 /* File > List */
411 TABLE#typo3-filelist IMG { vertical-align: middle; }
412 TABLE#typo3-filelist TR TD { padding-left: 1px; padding-right: 6px; }
413 TABLE#typo3-filelist TR TD.c-headLine { background-color: #cccccc; font-weight: bold; height: 16px; }
414 TABLE#typo3-filelist TR TD DIV.typo3-clipCtrl {background-color: #ABBBB4; text-align: center; }
415
416 /* Clipboard */
417 TABLE#typo3-clipboard, DIV#typo3-newRecordLink, TABLE#typo3-dblist-search { margin-top: 10px; }
418 TABLE#typo3-clipboard TR.bgColor5 TD A { text-decoration: none; }
419 TABLE#typo3-clipboard TR.bgColor5 TD IMG { vertical-align: middle; }
420
421 /* Page info */
422 TABLE.typo3-page-pages TR TD.c-headLine { background-color: #ABBBB4; }
423 BODY#typo3-mod-web-info-index-php IMG { vertical-align: middle; }
424 TABLE.typo3-page-sysnote TR TD { background-color: #D9D5C9 }
425 TABLE.typo3-page-sysnote TR TD.c-headLine { background-color: #c5c1b5 }
426
427 /* Web > Access */
428 TABLE#typo3-permissionList IMG { vertical-align: middle; }
429 TABLE#typo3-permissionMatrix TD { text-align: center; width: 16%; }
430 TABLE#typo3-permissionMatrix TD.bgColor2 { font-weight: bold; padding-left: 10px; padding-right: 10px; }
431
432 /* Help > About */
433 #typo3-mod-help-about-index-php-outer { margin: 0 auto; width: 333px; }
434 #typo3-mod-help-about-index-php-inner { margin: 0 auto; border: 1px solid black; background: #EAEAEA; padding: 5px; }
435 #typo3-mod-help-about-index-php-inner h2 { margin-top: 0; }
436 #typo3-mod-help-about-index-php-inner h3 { margin-top: 10; margin-bottom: 10; background-color: transparent; font-size: 14px; text-align: center; }
437 #typo3-mod-help-about-index-php-inner a { color: black; }
438 #typo3-mod-help-about-index-php-inner a:hover { text-decoration: none; }
439
440 /* New element */
441 BODY#typo3-db-new-php IMG { vertical-align: middle; }
442 BODY#typo3-db-new-php A IMG { margin-right: 5px; }
443 BODY#typo3-db-new-php A { text-decoration: none; }
444 BODY#typo3-db-new-php IMG.c-helpImg { margin-left: 20px; text-align: right; }
445 BODY#typo3-db-new-php DIV#typo3-newPageLink { margin-top: 20px; }
446 BODY#typo3-db-new-php TABLE#typo3-newRecord TR TD { padding-right: 20px;}
447
448 /* Extension Manager */
449 BODY#typo3-mod-tools-em-index-php .em-private {background-color: #F6CA96;}
450 BODY#typo3-mod-tools-em-index-php .em-listbg1 {background-color: #D9D5C9;}
451 BODY#typo3-mod-tools-em-index-php .em-listbg2 {background-color: #e9e5e9;}
452 BODY#typo3-mod-tools-em-index-php .em-listbg3 {background-color: #efefef;}
453 BODY#typo3-mod-tools-em-index-php TR.bgColor5 TD {font-weight: bold;}
454
455
456 /* Workspace */
457 DIV.workspace-info {padding: 0px 2px 0px 2px; margin: 0px 0px 4px 0px; border: 1px solid #999999;}
458 .ver-element { background-color: #ccddcc; }
459 .ver-page { background-color: #ccccff; }
460 .ver-branch { background-color: #ffcccc; }
461 .ver-branchpoint { background-color: #ff9999; }
462 .ver-versions { background-color: #ffffaa; }
463 TABLE.workspace-overview TD { vertical-align : top; }
464 TABLE.ver-subtree A { text-decoration: none; }
465 TABLE.ver-subtree TR TD.iconTitle { white-space: nowrap; }
466 TABLE.ver-subtree TR TD.diffCell { white-space: normal; }
467 TABLE.ver-subtree TABLE.diffTable {background-color: white; border: 1px solid black; }
468 TABLE.ver-subtree DIV.diffLayer, DIV.logLayer { background-color: white; width:400px; border: 1px solid black;}
469 TABLE.ver-subtree TR TD IMG { vertical-align: middle; }
470 TABLE.ver-subtree, TABLE.ver-verElement TD.c-diffCell { border: 1px solid #666666; }
471 TABLE.ver-verElement { width: 100%;}
472 TABLE.ver-subtree TR.typo3-ver TD.iconTitle, TABLE.ver-subtree TR.typo3-ver TD.diffCell, TABLE.ver-subtree TR.typo3-ver TD.cmdCell {background-color: #c5c1b5; }
473 TABLE.ver-subtree TR.typo3-ver-hl TD.iconTitle, TABLE.ver-subtree TR.typo3-ver-hl TD.diffCell, TABLE.ver-subtree TR.typo3-ver-hl TD.cmdCell { background-color: #999999; }
474 TABLE.ver-subtree TR.typo3-ver-new TD { color: #666666; background-color: #eeeeee; }
475 TABLE.ver-subtree TR.typo3-ver-noComp TD { font-style : italic; }
476
477
478
479 /*********************************************
480 * VARIOUS STAND-ALONE classes:
481 *********************************************/
482
483 /* Dimmed span tag color (disabled) */
484 .typo3-dimmed {color: #666666;}
485 .c-na {color: #666666; font-style: italic; }
486
487 /* Red span tag color (warning, notice) */
488 .typo3-red {color: red;}
489 .typo3-red-background {background-color: red;}
490 TABLE.warningbox { border: solid 2px black; background-color: yellow; margin: 20px 0px 20px 0px; }
491 TABLE.warningbox TD { padding: 20px 20px 20px 20px; font-weight: bold; }
492
493 /* Various classes: */
494 .nobr {white-space: nowrap;}
495 .diff-r {color: red;}
496 .diff-g {color: green;}
497 DIV.diff-r {background-color: red; color:black; padding: 3 3 3 3;}
498 DIV.diff-g {background-color: green; color:black; padding: 3 3 3 3;}
499 IMG.absmiddle { vertical-align: middle; }
500 TEXTAREA.fixed-font { font-family: monospace; font-size: 11px; }
501
502 .smallCheckboxes { width:12px; height:12px; margin:0 0 0 0; }
503 .uppercase { text-transform : uppercase; }
504 .tableheader TD { font-weight: bold; padding-left: 2px; padding-right: 2px; }
505 .lrPadding TD { padding-left: 2px; padding-right: 2px; }
506
507 /* Permissions, green and red */
508 .perm-allowed {color: green; font-weight: bold;}
509 .perm-denied {color: red; font-weight: bold;}
510
511 /* Clipboard */
512 TR.typo3-clipboard-head {
513 background-color: #cccccc;
514 }
515
516 /* Go back A-tags */
517 A.typo3-goBack {
518 font-weight: bold;
519 background-color: #D9D5C9;
520 padding: 1px 1px 1px 1px;
521 }
522 A.typo3-goBack IMG { margin-right: 5px; vertical-align: middle; }
523 SPAN.typo3-moduleHeader IMG { vertical-align: middle; margin-right: 4px; }
524
525 /* TYPO3 CSH */
526 TABLE.typo3-csh-inline { border: solid 1px #6f3833; background-color: #af8883; margin: 5px 4px 20px 0px; }
527 TABLE.typo3-csh-inline TR TD H4 { margin-top: 0px; margin-bottom: 0px; }
528 IMG.typo3-csh-icon { vertical-align: middle; cursor: help; }
529
530
531
532 /*********************************************
533 * TypoScript Highlighting:
534 *********************************************/
535
536 PRE.ts-hl {font-size: 11px; font-family : monospace;}
537 PRE.ts-hl .ts-prespace {}
538 PRE.ts-hl .ts-objstr_postspace {}
539 PRE.ts-hl .ts-operator_postspace {}
540 PRE.ts-hl .ts-operator { color: black; font-weight: bold; }
541 PRE.ts-hl .ts-value {color: #cc0000;}
542 PRE.ts-hl .ts-objstr {color: #0000cc;}
543 PRE.ts-hl .ts-value_copy {color: #006600;}
544 PRE.ts-hl .ts-value_unset {background-color: #66cc66;}
545 PRE.ts-hl .ts-ignored {background-color: #66cc66;}
546 PRE.ts-hl .ts-default {background-color: #66cc66;}
547 PRE.ts-hl .ts-comment {color: #666666; font-style: italic;}
548 PRE.ts-hl .ts-condition {background-color: maroon; color: #ffffff; font-weight: bold;}
549 PRE.ts-hl .ts-error {background-color: yellow; border: 1px red dashed; font-weight: bold;}
550 PRE.ts-hl .ts-linenum {background-color: #eeeeee;}
551
552
553
554
555
556
557
558
559
560
561
562
563 /* Visual debugging: */
564 /*
565 H2,H3,H4,DIV {border: 1px dotted #666666;}
566 */
567