b39b2b59cb336cfcb6e7aa5acaa4f8d3d7332142
[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, sans-serif;
21 font-size: 10px;
22 margin: 0px;
23 color: black;
24 }
25 FORM { margin: 0px; }
26 H1, H2, H3, H4 {
27 font-family: Verdana, Arial, Helvetica, sans-serif;
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: #333;
58 }
59
60 /* Preformatted text - not used so much in TYPO3 */
61 PRE {
62 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
63 font-size: 11px;
64 margin: 0px;
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 black;
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 TR { height: 1.5em; }
181 TABLE#typo3-tabmenu TD.tabact { color: black; border: solid black 1px; background: #e7dba8; }
182 TABLE#typo3-tabmenu TD.tab { color: #666; border: solid #555 1px; border-left: solid #aaa 3px; background: #c4d4cd; }
183 TABLE#typo3-tabmenu TD.tab, TABLE#typo3-tabmenu TD.tabact { border-radius: 3px; -moz-border-radius: 3px; border-bottom: 0px; }
184 TABLE#typo3-tabmenu TD A { color: #666; text-decoration: none; display: block; width: 100%; padding: 2px 5px 3px 2px; }
185 TABLE#typo3-tabmenu TD.tabact A { color: black; padding-left: 10px; padding-right: 10px; }
186 TABLE#typo3-tabmenu TD A:hover { color: black; text-decoration: none; }
187 TABLE#typo3-tabmenu TD.tab:hover { background: #f6eab7; }
188
189 /* Dynamic Tab menu (template.php) */
190 DIV.typo3-dyntabmenu-tabs { margin-top: 5px; padding-right: 20px; }
191 DIV.typo3-dyntabmenu-divs P.c-descr { font-style: italic; padding: 3px 10px 5px 10px; background: #e7dba8; }
192 TABLE.typo3-dyntabmenu TR { height: 1.5em; }
193 TABLE.typo3-dyntabmenu TD { padding-left: 5px; padding-right: 5px; border: solid #555 1px; border-bottom: 0px; border-radius: 3px; -moz-border-radius: 3px; }
194 TABLE.typo3-dyntabmenu TD.tab { background: #c4d4cd; }
195 TABLE.typo3-dyntabmenu TD.tabact { background: #e7dba8; }
196 TABLE.typo3-dyntabmenu TD.tabact, TABLE.typo3-dyntabmenu TD.tabact_over { border-color: black; }
197 TABLE.typo3-dyntabmenu TD.tab_over, TABLE.typo3-dyntabmenu TD.tabact_over { background: #f6eab7; }
198 TABLE.typo3-dyntabmenu TD.disabled, TABLE.typo3-dyntabmenu TD.disabled_over { color: #999; background: #ccc; cursor: default; }
199 TABLE.typo3-dyntabmenu TD A { color: #666; text-decoration: none; display: block; width: 100%; padding-top: 2px; padding-bottom: 2px; }
200 TABLE.typo3-dyntabmenu TD.tabact A, TABLE.typo3-dyntabmenu TD.tabact_over A { color: black; }
201 TABLE.typo3-tabmenu TD:hover { background: #f6eab7; }
202
203 DIV.typo3-dyntabmenu-divs-foldout DIV.c-tablayer { margin-left: 20px; }
204 DIV.typo3-dyntabmenu-divs-foldout DIV.tab, DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact_over, DIV.typo3-dyntabmenu-divs-foldout DIV.disabled, DIV.typo3-dyntabmenu-divs-foldout DIV.disabled_over { border: solid black 1px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px; }
205 DIV.typo3-dyntabmenu-divs-foldout DIV.tab { background: #c4d4cd; background-image: url(gfx/ol/plusbullet.gif); background-repeat: no-repeat; }
206 DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over { background: #f6eab7; background-image: url(gfx/ol/arrowbullet.gif); background-repeat: no-repeat; }
207 DIV.typo3-dyntabmenu-divs-foldout DIV.tabact { background: #e7dba8; background-image: url(gfx/ol/minusbullet.gif); background-repeat: no-repeat; }
208 DIV.typo3-dyntabmenu-divs-foldout DIV.tabact_over { background: #f6eab7; background-image: url(gfx/ol/arrowbullet.gif); background-repeat: no-repeat; }
209 DIV.typo3-dyntabmenu-divs-foldout DIV.disabled { color: #999; background: #ccc; padding: 2px 2px 2px 18px; }
210 DIV.typo3-dyntabmenu-divs-foldout DIV.disabled_over { color: #999; background: #f6eab7; padding: 2px 2px 2px 18px; }
211 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; }
212
213 /* Logo frame (alt_toplogo.php) */
214 BODY#typo3-alt-toplogo-php { margin: 0px 0px 0px 0px; }
215
216 /* Help > About modules (alt_intro.php) */
217 DIV.typo3-alt-intro-php { width: 600px; margin-left: 10px; }
218 TABLE#typo3-about-modules { margin-top: 5px; }
219 TABLE#typo3-about-modules TR TD { vertical-align: top; padding: 2px 2px 2px 2px; }
220 TABLE#typo3-about-modules TR.c-mainitem TD IMG { vertical-align: middle; padding: 0px 2px 0px 2px; }
221
222 /* Vertical Module Menu script, left frame (alt_menu.php): */
223 BODY#typo3-alt-menu-php { margin: 2px 0px 0px 2px; }
224 BODY#typo3-alt-menu-php A { text-decoration: none; }
225 TABLE#typo3-vmenu TR.c-mainitem TD { background-color: #d9d9d8; padding: 1px 1px 1px 1px; border: #9BA1A8 1px solid; vertical-align: middle; width: 100px; height: 14px; cursor: pointer; }
226 TABLE#typo3-vmenu TR.c-mainitem TD SPAN.c-label A { text-decoration: underline; }
227 TABLE#typo3-vmenu TR.c-mainitem TD IMG { vertical-align: middle; margin-right: 2px; }
228 TABLE#typo3-vmenu TR.c-mainitem TD SPAN.c-label { position: relative; top: 1px; }
229 TABLE#typo3-vmenu TR.c-mainitem TD SPAN.c-iconCollapse { position: absolute; left: 90px; }
230 TABLE#typo3-vmenu TR.c-mainitem-HL TD { background-color: #aaa; padding: 1px 1px 1px 1px; border: #9BA1A8 1px solid; vertical-align: middle; }
231 TABLE#typo3-vmenu TR.c-mainitem-HL TD SPAN.c-label A { text-decoration: underline; }
232 TABLE#typo3-vmenu TR.c-mainitem-HL TD IMG { vertical-align: middle; margin-right: 2px; }
233 TABLE#typo3-vmenu TR.c-mainitem-HL TD SPAN.c-label { position: relative; top: 1px; }
234 TABLE#typo3-vmenu TR.c-endrow TD { height: 5px; }
235 TABLE#typo3-vmenu TR.c-first TD { height: 2px; }
236 TABLE#typo3-vmenu TD.c-subitem-label A { display: block; width: 100%; }
237 TABLE#typo3-vmenu TR.c-subitem-row { }
238 TABLE#typo3-vmenu TR.c-subitem-row-HL { background-color: #e3dfdb; }
239 TABLE#typo3-adminmenu TR.c-mainitem TD { background-color: #d9d9d8; padding: 1px 1px 1px 1px; border: #9BA1A8 1px solid; vertical-align: middle; height: 14px; text-align: center; white-space: nowrap; cursor: default; }
240 TABLE#typo3-adminmenu TR.c-subitem TD.icon { vertical-align: middle; padding: 0 2px 0 0; }
241
242 DIV#typo3-alt-menu-php-logininfo { text-align: center; width: 90px; margin-top: 15px; margin-bottom: 15px; }
243 DIV#typo3-alt-menu-php-logininfo P { margin-top: 5px; }
244
245 DIV#typo3-alt-menu-php-adminFunc { text-align: left; width: 80px; margin-top: 15px; }
246 DIV#typo3-alt-menu-php-adminFunc TABLE { border-spacing: 0; margin: 0 0 2px 0 ; }
247
248 /* Trees */
249 TABLE#typo3-tree A { text-decoration: none; }
250 TABLE#typo3-tree TR TD { white-space: nowrap; }
251 TABLE#typo3-tree TR TD IMG { vertical-align: middle; }
252 TABLE#typo3-tree TR TD IMG.c-recIcon { margin-right: 1px; }
253 TABLE#typo3-tree { margin-bottom: 10px; width: 95%; }
254 P.c-refresh IMG { vertical-align: middle; margin-right: 7px; }
255 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%; }
256 .navFrameHL { background-color: #ebebeb; }
257
258 /* AJAX page tree */
259 ul.tree { list-style: none; margin: 10px; padding: 0; }
260 ul.tree a { text-decoration: none; }
261 ul.tree a.pm { cursor: pointer; }
262 ul.tree img { vertical-align: middle; }
263 ul.tree ul { list-style: none; margin: 0; padding: 0; padding-left: 17px; }
264 ul.tree ul li { list-style: none; margin: 0; padding: 0; line-height: 10px; white-space: nowrap; }
265 ul.tree ul li.expanded ul { background: transparent url('gfx/ol/line.gif') repeat-y top left; }
266 ul.tree ul li.last { background: transparent url('gfx/ol/joinbottom.gif') no-repeat top left; }
267 ul.tree ul li.last > ul { background: none; }
268 ul.tree ul li.active { background-color: #ebebeb !important; }
269 ul.tree ul li.active ul { background-color: #f7f3ef; }
270 #dragIcon { z-index: 1; position: absolute; visibility: hidden; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; white-space: nowrap; }
271
272 /* TCEforms */
273 TABLE.typo3-TCEforms SPAN.typo3-TCEforms-recHeader { font-weight: bold; color: #333366; }
274 TABLE.typo3-TCEforms SPAN.typo3-TCEforms-newToken { font-weight: bold; color: #990000; }
275 TABLE.typo3-TCEforms SPAN.typo3-TCEforms-helpText { color: #666; }
276 TABLE.typo3-TCEforms OPTION.c-divider { font-style: italic; color: #666; background-color: #eee; text-transform: uppercase; margin-top: 10px; border-bottom: 1px solid #666; }
277 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR.c-selectedItem { background-color: #c5c1b5; }
278 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR.c-invalidItem { background-color: #ff6600; }
279 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR TD { border-bottom: 1px #999 dashed; padding: 1px 3px 1px 3px; }
280 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR TD.c-labelCell { padding-right: 30px; }
281 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR TD.c-labelCell P.c-descr { margin-left: 30px; font-style: italic; }
282 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox TR.c-header TD { font-weight: bold; padding-top: 10px; border-bottom: none; }
283 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-checkbox { margin-top: 4px; margin-bottom: 10px; }
284 TABLE.typo3-TCEforms TABLE.typo3-TCEforms-select-singlebox { margin-top: 4px; margin-bottom: 10px; }
285 TABLE.typo3-TCEforms DIV.typo3-TCEforms-originalLanguageValue { background-color: #bbccbb; }
286 TABLE.typo3-TCEforms DIV.typo3-TCEforms-diffBox { background-color: white; border: 1px solid black; }
287 TABLE.typo3-TCEforms DIV.typo3-TCEforms-diffBox-header { background-color: red; font-weight: bold; }
288
289 /* Element Browser / RTE link selection: */
290 TABLE#typo3-curUrl { font-weight: bold; width: 100%; margin-bottom: 2px; }
291 TABLE#typo3-RTElinkMenu TR TD { text-align: center; white-space: nowrap; width: 15%; font-weight: bold; }
292 TABLE#typo3-linkTarget { margin-bottom: 25px; }
293 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; }
294 BODY#typo3-browse-links-php IMG, BODY#ext-rte-app-rte-select-image-php IMG { vertical-align: middle; }
295 BODY#typo3-browse-links-php IMG.c-blinkArrowL { margin: 0px 3px 0px 3px; }
296 TABLE#typo3-linkMail, TABLE#typo3-linkURL, TABLE#typo3-linkTarget { margin-top: 5px; }
297 BODY#typo3-browse-links-php H3.bgColor5 { margin-top: 2px; }
298 BODY#typo3-browse-links-php A { text-decoration: none; }
299 TABLE#typo3-msgBox { margin-top: 10px; margin-bottom: 10px; }
300 TABLE#typo3-msgBox TR TD { padding: 10px 50px 10px 50px; }
301
302 /* RTE select image */
303 BODY#ext-rte-app-rte-select-image-php A { text-decoration: none; }
304 BODY#ext-rte-app-rte-select-image-php TABLE TR TD TABLE TR.bgColor4 TD A { text-decoration: underline; }
305
306 /* Palette display for TCEforms (top frame, alt_palette.php) */
307 BODY#typo3-alt-palette-php { background-image: url(gfx/alt_topmenu_back_full.gif); margin-top: 8px; margin-left: 6px; }
308 TABLE#typo3-TCEforms-palette TD { white-space: nowrap; vertical-align: top; }
309 TABLE#typo3-TCEforms-palette TR TD.c-label { padding-top: 3px; }
310 TABLE#typo3-TCEforms-palette TR TD.c-close { padding-top: 3px; }
311
312 /* Context Sensitive Help window (view_help.php) */
313 DIV.typo3-view-help { margin-top: 6px; margin-left: 3px; width: 95%; }
314 DIV.typo3-view-help IMG.c-inlineimg { border: 1px solid black; margin-top: 5px; margin-bottom: 3px; }
315 DIV.typo3-view-help H2 { font-size: 16px; text-align: left; margin: 20px 0px 10px 0px; padding: 3px 3px 3px 3px; }
316 DIV.typo3-view-help H3 { background-color: #ABBBB4; margin-top: 0px; }
317 DIV.typo3-view-help H4 { margin-top: 15px; border-bottom: 1px black solid; }
318 DIV.typo3-view-help DIV.c-toc { border: 1px solid black; background-color: #D9D5C9; }
319 DIV.typo3-view-help DIV.c-toc UL LI { font-size: 11px; font-weight: bold; margin-top: 10px; }
320 DIV.typo3-view-help DIV.c-toc UL LI UL LI { font-size: 12px; font-weight: normal; margin-top: 0px; }
321 DIV.typo3-view-help P.c-nav { padding: 6px 0px 0px 0px; }
322 DIV.typo3-view-help P.c-nav A { background-color: #E7DBA8; font-weight: bold;padding: 2px 2px 2px 2px; }
323 DIV.typo3-view-help A.glossary-term { color: maroon; font-style: italic; }
324
325 /* Shortcut frame (alt_shortcut.php) */
326 BODY#typo3-alt-shortcut-php { border-top: #9BA1A8 1px solid; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 5px; }
327
328 /* Document, listing recently edited records if no records were open (alt_doc_nodoc.php) - this is effectively the Doc module */
329 TABLE.typo3-recent-edited { width: 100%; }
330 TABLE.typo3-recent-edited IMG.c-recicon { margin-right: 5px; vertical-align: middle; }
331 TABLE.typo3-recent-edited TD { white-space: nowrap; }
332 BODY#typo3-alt-doc-nodoc-php P IMG { vertical-align: middle; margin-left: 5px; }
333 BODY#typo3-alt-doc-nodoc-php { margin-left: 5px; }
334
335 /* Record editing (alt_doc.php) */
336 TABLE#typo3-altdoc-header { margin: 0px 0px 0.3em 0px; }
337 DIV#typo3-altdoc-header-info-options { margin-top: 1em; display: table; width: 100%; }
338 DIV#typo3-altdoc-header-info-options div { display: table-cell; }
339 DIV#typo3-altdoc-header-info-options div { vertical-align: bottom; }
340 DIV#typo3-altdoc-lang-selector { text-align: right; }
341
342 /* Login Screen
343
344 * Warning:
345 * DO NOT prevent the copyright notice from being shown!
346 * 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)
347 * 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.
348
349 Color set: #A69E8D / #858585
350
351 */
352 BODY#typo3-index-php { background-color: white; margin: 0; padding: 0; }
353 BODY#typo3-index-php TABLE#wrapper { width: 100%; margin-top: 30px; }
354 BODY#typo3-index-php TABLE#loginwrapper { width: 100%; background-color: #A69E8D; text-align: left; }
355 BODY#typo3-index-php DIV#copyrightnotice { width: 70%; text-align: left; margin-top: 10px; }
356 BODY#typo3-index-php DIV#copyrightnotice IMG { margin-right: 5px; margin-bottom: 5px; }
357 BODY#typo3-index-php DIV#loginimage { text-align: right; padding-right: 30px; margin-bottom: 5px; height: 43px; }
358 TABLE#logintable { position: absolute; left: 35%; top: 78px; margin: 5px 20px 5px 20px; }
359 TABLE#logintable TR TD { padding: 1px 1px 1px 1px; }
360 TABLE#logintable H2 { background-color: transparent; font-size: 14px; color: white; text-align: left; }
361 TABLE#logintable P { font-size: 12px; color: white; font-weight: bold; }
362 TABLE#logintable P.c-info { font-size: 10px; font-weight: normal; }
363 TABLE#logintable P.c-wrong { font-size: 10px; width: 300px; border: #858585 solid 1px; margin: 5px 0px 5px 0px; padding: 5px 15px 5px 15px; }
364 TABLE#logintable INPUT.c-username, TABLE#logintable INPUT.c-password, TABLE#logintable SELECT.c-interfaceselector { width: 150px; }
365 TABLE#logintable INPUT { border: #858585 solid 1px; background-color: white; }
366
367 /* Fix height if an error message is displayed */
368 BODY#typo3-index-php TABLE#loginwrapper TD.error { padding: 25px 0 25px 0; }
369
370 DIV#loginNews { width: 70%; margin-top: 30px; }
371 DIV#loginNews H2 { background-color: #E26816; color: white; font-size: 12px; }
372 DIV#loginNews TABLE TR TD { padding-right: 10px; padding-left: 10px; }
373 DIV#loginNews TABLE TR TD.c-header { font-weight: bold; background-color: #FFD8A9; }
374 DIV#loginNews TABLE TR.c-spacer { height: 10px; }
375
376 /* Wizards: */
377 BODY#typo3-wizard-tsconfig-php { margin-left: 5px; }
378 TABLE#typo3-tablewizard SPAN.c-wizButtonsH INPUT { margin-right: 2px; vertical-align: middle; }
379 TABLE#typo3-tablewizard SPAN.c-wizButtonsV INPUT { margin-right: 2px; vertical-align: middle; }
380 TABLE#typo3-formwizard SPAN.c-wizButtonsV INPUT { margin-bottom: 2px; }
381 INPUT.c-inputButton, IMG.c-inputButton { margin-right: 2px; vertical-align: middle; }
382 DIV#c-saveButtonPanel, DIV#c-inputMode { margin-top: 10px; }
383 TABLE#typo3-formwizard TR#typo3-formWizardHeader TD { font-weight: bold; text-align: center; }
384 TABLE#typo3-formwizard TR TD { padding: 0px 2px 0px 2px; }
385 BODY#typo3-wizard-rte-php, BODY#typo3-wizard-rte-php TABLE#typo3-rtewizard { height: 98%; }
386 BODY#typo3-wizard-rte-php TABLE#typo3-rtewizard TR TD#c-formContent { height: 100%; vertical-align: top; }
387 BODY#typo3-wizard-colorpicker-php P.c-head { font-weight: bold; margin-top: 4px; }
388
389 /* History / Undo */
390 TABLE#typo3-history TR TD, TABLE#typo3-history-item TR TD { vertical-align: top; }
391 TABLE#typo3-history TR.c-head TD, TABLE#typo3-history-item TR.c-head TD { font-weight: bold; }
392 TABLE#typo3-history IMG, TABLE#typo3-history-item IMG { margin: 1px 1px 1px 1px; }
393
394 /* Move element */
395 BODY#typo3-move-el-php IMG { vertical-align: middle; }
396 BODY#typo3-move-el-php TABLE#typo3-ttContentList IMG, BODY#typo3-move-el-php IMG#c-recIcon { margin-right: 4px; }
397
398 /* File scripts */
399 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 {
400 margin-top: 10px;
401 }
402 BODY#typo3-file-rename-php DIV#c-submit, BODY#typo3-file-rename-php DIV#c-rename {
403 margin-top: 10px;
404 }
405 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 {
406 margin-top: 10px;
407 }
408 BODY#typo3-file-edit-php DIV#c-submit, BODY#typo3-file-edit-php DIV#c-edit {
409 margin-top: 10px;
410 }
411
412 /* Web > Page */
413 TABLE.typo3-page-ceHeader { width: 100%; }
414 TABLE.typo3-page-ceHeader IMG { vertical-align: middle; }
415 TABLE.typo3-page-columnsMode IMG.c-divider { margin: 10px 0px 5px 0px; }
416 TABLE.typo3-page-columnsMode TR TD A { text-decoration: none; }
417 TABLE.typo3-page-columnsMode TR TD A B { text-decoration: underline; }
418 TABLE.typo3-page-cols TR TD SPAN.exampleContent A { text-decoration: none; }
419 TABLE#typo3-page-stdlist TR TD.c-headLine { background-color: #ABBBB4; }
420
421 /* Web > List */
422 TABLE.typo3-dblist IMG { vertical-align: middle; }
423 TABLE.typo3-dblist TR TD { padding-left: 1px; padding-right: 6px; }
424 TABLE.typo3-dblist TR TD.db_list_alt { background-color: #E3DFD3; }
425 TABLE.typo3-dblist TR TD.c-headLineTable { background-color: #ccc; height: 16px; }
426 TABLE.typo3-dblist TR TD.c-headLine { background-color: #eee; }
427 TABLE.typo3-dblist TR TD.c-headLineTable A { text-decoration: none;font-weight: bold; }
428 TABLE.typo3-dblist TR TD DIV.typo3-DBctrl { background-color: #C5C1B5; }
429 TABLE.typo3-dblist TR TD DIV.typo3-clipCtrl { background-color: #ABBBB4; text-align: center; }
430 TABLE.typo3-dblist TR TD DIV.typo3-clipCtrl IMG, TABLE.typo3-dblist TR TD DIV.typo3-DBctrl IMG { margin-left: 1px; margin-right: 1px; }
431 TABLE.typo3-dblist-overview { width: 410px; margin-top: 10px; margin-left: 1px; }
432 TABLE.typo3-dblist-overview TD.c-tableDescription { padding-left: 10px; font-style: italic; color: #333; }
433 TABLE.typo3-dblist-overview TD.c-tableDescription IMG { margin-right: 10px; }
434 TABLE#typo3-versionSelector { background-color: #ABBBB4; margin-top: 5px; margin-bottom: 5px; }
435 TABLE#typo3-versionSelector TD { padding-left: 2px; padding-right: 2px; }
436
437 DIV#typo3-newRecordLink, DIV.typo3-newRecordLink { margin: 5px 0px 5px 0px; font-weight: bold; }
438 DIV#typo3-newRecordLink IMG, DIV.typo3-newRecordLink IMG { margin-right: 5px; vertical-align: middle; }
439
440 INPUT.smallCheckboxes { vertical-align: middle; margin: 0px; padding: 0px; width: 12px; height: 12px; }
441 DIV#typo3-listOptions { margin: 10px 0px 10px 0px; }
442
443 /* File > List */
444 TABLE#typo3-filelist IMG { vertical-align: middle; }
445 TABLE#typo3-filelist TR TD { padding-left: 1px; padding-right: 6px; }
446 TABLE#typo3-filelist TR TD.c-headLine { background-color: #ccc; font-weight: bold; height: 16px; }
447 TABLE#typo3-filelist TR TD DIV.typo3-clipCtrl { background-color: #abbbb4; text-align: center; }
448
449 /* Clipboard */
450 TABLE#typo3-clipboard, DIV#typo3-newRecordLink, TABLE#typo3-dblist-search { margin-top: 10px; }
451 TABLE#typo3-clipboard TR.bgColor5 TD A { text-decoration: none; }
452 TABLE#typo3-clipboard TR.bgColor5 TD IMG { vertical-align: middle; }
453
454 /* Page info */
455 TABLE.typo3-page-pages TR TD.c-headLine { background-color: #ABBBB4; }
456 BODY#typo3-mod-web-info-index-php IMG { vertical-align: middle; }
457 TABLE.typo3-page-sysnote TR TD { background-color: #d9d5c9; }
458 TABLE.typo3-page-sysnote TR TD.c-headLine { background-color: #c5c1b5; }
459
460 /* Web > Access */
461 TABLE#typo3-permissionList IMG { vertical-align: middle; }
462 TABLE#typo3-permissionMatrix TD { text-align: center; width: 16%; }
463 TABLE#typo3-permissionMatrix TD.bgColor2 { font-weight: bold; padding-left: 10px; padding-right: 10px; }
464
465 /* Help > About */
466 #typo3-mod-help-about-index-php-outer { margin: 0px auto; width: 333px; text-align:center;}
467 #typo3-mod-help-about-index-php-inner { margin: 0px auto; border: 1px solid black; background: #eaeaea; padding: 5px; text-align: left; }
468 #typo3-mod-help-about-index-php-inner h2 { margin-top: 0; }
469 #typo3-mod-help-about-index-php-inner h3 { margin-top: 10px; margin-bottom: 10px; background-color: transparent; font-size: 14px; text-align: center; }
470 #typo3-mod-help-about-index-php-inner a { color: black; }
471 #typo3-mod-help-about-index-php-inner a:hover { text-decoration: none; }
472
473 /* New element */
474 BODY#typo3-db-new-php IMG { vertical-align: middle; }
475 BODY#typo3-db-new-php A IMG { margin-right: 5px; }
476 BODY#typo3-db-new-php A { text-decoration: none; }
477 BODY#typo3-db-new-php IMG.c-helpImg { margin-left: 20px; text-align: right; }
478 BODY#typo3-db-new-php DIV#typo3-newPageLink { margin-top: 20px; }
479 BODY#typo3-db-new-php TABLE#typo3-newRecord TR TD { padding-right: 20px; }
480
481 /* Extension Manager */
482 BODY#typo3-mod-tools-em-index-php .em-listbg1 { background-color: #d9d5c9; }
483 BODY#typo3-mod-tools-em-index-php .em-listbg2 { background-color: #e9e5e9; }
484 BODY#typo3-mod-tools-em-index-php .em-listbg3 { background-color: #efefef; }
485 BODY#typo3-mod-tools-em-index-php TR.bgColor5 TD { font-weight: bold; }
486 BODY#typo3-mod-tools-em-index-php TR.unsupported-ext { background-color: #ffdddd; }
487 BODY#typo3-mod-tools-em-index-php TR.unsupported-ext TD { color: #ff0000; }
488 BODY#typo3-mod-tools-em-index-php TR.unsupported-ext TD A { color: #ff0000; }
489 BODY#typo3-mod-tools-em-index-php TR TD.extstate { color: #fff; font-weight: bold; text-align: center; }
490
491
492 /* Workspace */
493 DIV.workspace-info { padding: 0px 2px 0px 2px; margin: 0px 0px 4px 0px; border: 1px solid #999; }
494 .ver-element { background-color: #ccddcc; }
495 .ver-page { background-color: #ccccff; }
496 .ver-branch { background-color: #ffcccc; }
497 .ver-branchpoint { background-color: #ff9999; }
498 .ver-versions { background-color: #ffffaa; }
499 TABLE.workspace-overview TD { vertical-align: top; }
500 TABLE.ver-subtree A { text-decoration: none; }
501 TABLE.ver-subtree TR TD.iconTitle { white-space: nowrap; }
502 TABLE.ver-subtree TR TD.diffCell { white-space: normal; }
503 TABLE.ver-subtree TABLE.diffTable { background-color: white; border: 1px solid black; }
504 TABLE.ver-subtree DIV.diffLayer, DIV.logLayer { background-color: white; width: 400px; border: 1px solid black; }
505 TABLE.ver-subtree TR TD IMG { vertical-align: middle; }
506 TABLE.ver-subtree, TABLE.ver-verElement TD.c-diffCell { border: 1px solid #666; }
507 TABLE.ver-verElement { width: 100%; }
508 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; }
509 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: #999; }
510 TABLE.ver-subtree TR.typo3-ver-new TD { color: #666; background-color: #eee; }
511 TABLE.ver-subtree TR.typo3-ver-noComp TD { font-style: italic; }
512
513 .ver-wl-table { border: 1px solid black; }
514 .ver-wl-details-table { border: 1px solid #D9D5C9; }
515 .ver-wl-details { background-color: #E6E2D5; vertical-align: top; }
516 .ver-wl-details-label { background-color: #E6E2D5; width: 150px; white-space: nowrap; vertical-align: top; }
517 .ver-wl-details-user-list-label { width: 100px; }
518 #ver-wl-new-workspace-icon { margin-right: 5px; border: none; float: left; }
519 .ver-wl-mp-inacessible { font-style: italic; color: #7C7C7C; }
520 .ver-wl-current-user { font-weight: bold; }
521
522
523 /*********************************************
524 * VARIOUS STAND-ALONE classes:
525 *********************************************/
526
527 /* Dimmed span tag color (disabled) */
528 .typo3-dimmed { color: #666; }
529 .c-na { color: #666; font-style: italic; }
530
531 /* Red span tag color (warning, notice) */
532 .typo3-red { color: red; }
533 .typo3-red-background { background-color: red; }
534 TABLE.warningbox { border: solid 2px black; background-color: yellow; margin: 20px 0px 20px 0px; }
535 TABLE.warningbox TD { padding: 20px 20px 20px 20px; font-weight: bold; }
536
537 /* Various classes: */
538 .nobr { white-space: nowrap; }
539 .diff-r { color: red; }
540 .diff-g { color: green; }
541 DIV.diff-r { background-color: red; color: black; padding: 3px 3px 3px 3px; }
542 DIV.diff-g { background-color: green; color: black; padding: 3px 3px 3px 3px; }
543 IMG.absmiddle { vertical-align: middle; }
544 TEXTAREA.fixed-font { font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }
545
546 .smallCheckboxes { width: 12px; height: 12px; margin: 0px; }
547 .uppercase { text-transform: uppercase; }
548 .tableheader TD { font-weight: bold; padding-left: 2px; padding-right: 2px; }
549 .lrPadding TD { padding-left: 2px; padding-right: 2px; }
550
551 /* Permissions, green and red */
552 .perm-allowed { color: green; font-weight: bold; }
553 .perm-denied { color: red; font-weight: bold; }
554
555 /* Clipboard */
556 TR.typo3-clipboard-head {
557 background-color: #ccc;
558 }
559
560 /* Go back A-tags */
561 A.typo3-goBack {
562 font-weight: bold;
563 background-color: #D9D5C9;
564 padding: 1px 1px 1px 1px;
565 }
566 A.typo3-goBack IMG { margin-right: 5px; vertical-align: middle; }
567 SPAN.typo3-moduleHeader IMG { vertical-align: middle; margin-right: 4px; }
568
569 /* TYPO3 CSH */
570 TABLE.typo3-csh-inline { border: solid 1px #6f3833; background-color: #af8883; margin: 5px 4px 20px 0px; }
571 TABLE.typo3-csh-inline TR TD H4 { margin-top: 0px; margin-bottom: 0px; }
572 IMG.typo3-csh-icon { vertical-align: middle; cursor: help; }
573
574
575
576 /*********************************************
577 * TypoScript Highlighting:
578 *********************************************/
579
580 PRE.ts-hl { font-size: 11px; font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace; }
581 PRE.ts-hl .ts-prespace {}
582 PRE.ts-hl .ts-objstr_postspace {}
583 PRE.ts-hl .ts-operator_postspace {}
584 PRE.ts-hl .ts-operator { color: black; font-weight: bold; }
585 PRE.ts-hl .ts-value { color: #cc0000; }
586 PRE.ts-hl .ts-objstr { color: #0000cc; }
587 PRE.ts-hl .ts-value_copy { color: #006600; }
588 PRE.ts-hl .ts-value_unset { background-color: #66cc66; }
589 PRE.ts-hl .ts-ignored { background-color: #66cc66; }
590 PRE.ts-hl .ts-default { background-color: #66cc66; }
591 PRE.ts-hl .ts-comment { color: #666; font-style: italic; }
592 PRE.ts-hl .ts-condition { background-color: maroon; color: #fff; font-weight: bold; }
593 PRE.ts-hl .ts-error { background-color: yellow; border: 1px red dashed; font-weight: bold; }
594 PRE.ts-hl .ts-linenum { background-color: #eee; }
595
596
597
598
599
600
601
602
603
604
605
606
607 /* Visual debugging: */
608 /*
609 H2,H3,H4,DIV { border: 1px dotted #666; }
610 */
611