ee7a61c54a61c4061a8658e8f6f0cb02de06e4e2
[Packages/TYPO3.CMS.git] / typo3 / sysext / install / Resources / Public / Stylesheets / general.css
1 @CHARSET "UTF-8";
2
3 /* Font size 62.8% = 1em = 10px */
4 body {
5 font: 62.8% Verdana, Arial, Helvetica, sans-serif;
6 }
7
8 p, form, fieldset, h3, h4, h5, h6, dl {
9 margin: 1em 0 1em 0;
10 }
11
12 ol, ul {
13 margin: 1em 0 1em 1.5em;
14 padding: 0 0 0 1em;
15 }
16
17 ul {
18 list-style: disc;
19 }
20
21 ol {
22 list-style: decimal;
23 }
24
25 h2 {
26 margin: 2.5em 0 1.7em 0.8em;
27 color: #585858;
28 font-size: 120%;
29 font-weight: bold;
30 }
31
32 h3 {
33 font-size: 120%;
34 margin: 0.7em 0 1.5em
35 }
36
37 h4 {
38 font-size: 110%;
39 margin: 0;
40 }
41
42 .clearfix:after {
43 content: ".";
44 display: block;
45 height: 0;
46 clear: both;
47 visibility: hidden;
48 }
49
50 * html .clearfix {
51 height: 1%;
52 }
53
54 legend {
55 margin-left: 1em;
56 font-weight: bold;
57 }
58
59 fieldset ol {
60 margin: 0;
61 padding: 0;
62 list-style: none;
63 }
64
65 fieldset li {
66 margin-bottom: 0.5em;
67 float: left;
68 clear: left;
69 width: 100%;
70 }
71
72 label {
73 float: left;
74 width: 18em;
75 margin-right: 1em;
76 padding: 0.2em 0;
77 }
78
79 fieldset span {
80 float: left;
81 width: 29em;
82 }
83
84 .t3-install-form-label-after input {
85 float: left;
86 }
87
88 .t3-install-form-label-after label,
89 .t3-install-form-label-above label {
90 float: none;
91 display: block;
92 width: auto;
93 margin-right: 0;
94 }
95
96 .t3-install-form-label-above label {
97 margin-bottom: 0.5em;
98 }
99
100 .t3-install-form-label-after label {
101 padding-left: 3em;
102 }
103
104 .t3-install-form-label-width-7 label {
105 width: 7em;
106 }
107
108 .t3-install-form-label-width-21 label {
109 width: 21em;
110 }
111
112 fieldset.t3-install-form-submit {
113 float: none;
114 width: auto;
115 }
116
117 .t3-install-login fieldset.t3-install-form-submit {
118 margin-left: 8em;
119 }
120
121 fieldset select,
122 input.t3-install-form-input-text,
123 textarea {
124 background: url('../Images/input-background.gif') repeat-x scroll 0 0 #FFFFFF;
125 border: 1px solid #7c7c7c;
126 color: #000000;
127 font-size: 1.1em;
128 line-height: 1.7em;
129 margin: 0;
130 width: 20em;
131 }
132
133 fieldset select {
134 height: 2em;
135 padding: 0.2em;
136 width: 17.4em;
137 }
138
139 input.t3-install-form-input-text {
140 height: 1.7em;
141 padding: 0.1em 0.1em 0 0.45em;
142 }
143
144 textarea {
145 width: 99%;
146 font-size: 1.2em;
147 }
148
149 button {
150 color: #606060;
151 font-size: 1.1em;
152 padding: 0.3em 0.6em;
153 border: 1px solid #7c7c7c;
154 background: #f6f6f6 url('../Images/button-background.jpg') repeat-x left bottom;
155 cursor: pointer;
156 }
157
158 button:hover {
159 background-color: #ededed;
160 background-image: url('../Images/button-background-hover.jpg');
161 }
162
163 button span {
164 background-repeat: no-repeat;
165 display: inline-block;
166 width: 16px;
167 height: 16px;
168 margin-left: 0.6em;
169 float: none;
170 }
171
172 button span.t3-install-form-button-icon-negative {
173 background-image: url('../../../../../gfx/error.png');
174 }
175
176 button span.t3-install-form-button-icon-positive {
177 background-image: url('../../../../../gfx/ok.png');
178 }
179
180 .t3-install-hidden {
181 display: none;
182 }
183
184 .t3-install-strong {
185 font-weight: bold;
186 }
187
188 #t3-install-outer {
189 width: 76em;
190 margin: 1em auto;
191 }
192
193 #t3-install-left {
194 float: left;
195 width: 19em;
196 clear: both;
197 }
198
199 #t3-install-right {
200 padding-left: 19em;
201 width: 57em;
202 }
203
204 #t3-install-menu {
205 margin: 0;
206 padding: 0;
207 list-style: none;
208 width: 16em;
209 font-size: 110%;
210 line-height: 2em;
211 }
212
213 #t3-install-menu li {
214 padding: 0.35em 0 0.35em 2.8em;
215 }
216
217 #t3-install-menu li.act {
218 background-color: #585858;
219 line-height: 1.5em;
220 }
221
222 #t3-install-menu a {
223 color: #606060;
224 text-decoration: none;
225 }
226
227 #t3-install-menu a:hover {
228 color: #111;
229 }
230
231 #t3-install-menu li.act a {
232 font-weight: bold;
233 color: #ffffff;
234 }
235
236 #t3-install-menu li {
237 background-repeat: no-repeat;
238 background-position: 0.7em center;
239 }
240
241 #t3-install-menu #t3-install-menu-config {
242 background-image: url('../Images/menuConfig.png');
243 }
244
245 #t3-install-menu #t3-install-menu-database {
246 background-image: url('../Images/menuDatabase.png');
247 }
248
249 #t3-install-menu #t3-install-menu-update {
250 background-image: url('../Images/menuUpdate.png');
251 }
252
253 #t3-install-menu #t3-install-menu-images {
254 background-image: url('../Images/menuImages.png');
255 }
256
257 #t3-install-menu #t3-install-menu-extConfig {
258 background-image: url('../Images/menuExtConfig.png');
259 }
260
261 #t3-install-menu #t3-install-menu-typo3temp {
262 background-image: url('../Images/menuTypo3temp.png');
263 }
264
265 #t3-install-menu #t3-install-menu-cleanup {
266 background-image: url('../Images/menuCleanup.png');
267 }
268
269 #t3-install-menu #t3-install-menu-phpinfo {
270 background-image: url('../Images/menuPhpinfo.png');
271 }
272
273 #t3-install-menu #t3-install-menu-typo3conf_edit {
274 background-image: url('../Images/menuTypo3confEdit.png');
275 }
276
277 #t3-install-menu #t3-install-menu-about {
278 background-image: url('../Images/menuAbout.png');
279 }
280
281 #t3-install-menu #t3-install-menu-logout {
282 background-image: url('../Images/login-icon-key.gif');
283 }
284
285 #t3-install-links {
286 margin: 2em 0 0 0.8em;
287 padding: 0;
288 list-style: none;
289 width: 15.2em;
290 font-size: 110%;
291 line-height: 2em;
292 }
293
294 #t3-install-links a {
295 color: #797878;
296 text-decoration: none;
297 }
298
299 #t3-install-links a:hover {
300 text-decoration: underline;
301 }
302
303 #t3-install-box-body {
304 font-size: 110%;
305 line-height: 1.7em;
306 padding: 0.1em 1.8em 1.8em 1.8em;
307 color: #606060;
308 }
309
310 .t3-install-login #t3-install-box-body {
311 padding: 0.1em 0 0 3.6em;
312 }
313
314 #t3-install-box-body h3 {
315 margin: 0.75em 0 2em;
316 }
317
318 .t3-install-login #t3-install-box-body h3 {
319 margin: 1em 0;
320 }
321
322 #t3-install-box-body a {
323 color: #606060 !important;
324 text-decoration: underline !important;
325 }
326
327 #t3-install-box-body a:hover {
328 color: #111 !important;
329 }
330
331
332
333 .typo3-message {
334 padding: 0.6em 0.6em 0.6em 2.6em;
335 background-repeat: no-repeat;
336 background-position: 0.5em 0.7em;
337 border: 1px solid;
338 color: #000000;
339 }
340
341 .typo3-message h4 {
342 margin-top: 0;
343 }
344
345 .message-notice {
346 background-image: url("../../../../../gfx/notice.png");
347 background-color: #f6f7fa;
348 border-color: #c2cbcf;
349 }
350
351 .message-information {
352 background-image: url("../../../../../gfx/information.png");
353 background-color: #ddeef9;
354 border-color: #8aafc4;
355 }
356
357 .message-ok {
358 background-image: url("../../../../../gfx/ok.png");
359 background-color: #cdeaca;
360 border-color: #58b548;
361 }
362
363 .message-warning {
364 background-image: url("../../../../../gfx/warning.png");
365 background-color: #fbffb3;
366 border-color: #c4b70d;
367 }
368
369 .message-error {
370 background-image: url("../../../../../gfx/error.png");
371 background-color: #fbb19b;
372 border-color: #dc4c42;
373 }
374
375 #t3-install-copyright {
376 color: #797878;
377 border-top: 1px #5f5f5f solid;
378 margin-top: 3.7em;
379 clear: both;
380 }
381
382 #t3-install-copyright a {
383 color: #797878;
384 }