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