04da9949df49d2acdb325765532581b09fdf1606
[Packages/TYPO3.CMS.git] / typo3 / sysext / install / Resources / Public / Stylesheets / Action / Step / General.css
1 @charset "UTF-8";
2
3 /* http://meyerweb.com/eric/tools/css/reset/ */
4 /* v1.0 | 20080212 */
5
6 html, body, div, span, applet, object, iframe,
7 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8 a, abbr, acronym, address, big, cite, code,
9 del, dfn, em, font, img, ins, kbd, q, s, samp,
10 small, strike, strong, sub, sup, tt, var,
11 b, u, i, center,
12 dl, dt, dd, ol, ul, li,
13 fieldset, form, label, legend
14 table, caption, tbody, tfoot, thead, tr, th, td {
15 margin: 0;
16 padding: 0;
17 border: 0;
18 outline: 0;
19 font-size: 100%;
20 vertical-align: baseline;
21 background: transparent;
22 }
23
24 body {
25 line-height: 1;
26 }
27
28 ol, ul {
29 list-style: none;
30 }
31
32 blockquote, q {
33 quotes: none;
34 }
35
36 blockquote:before, blockquote:after,
37 q:before, q:after {
38 content: none;
39 }
40
41 /* remember to define focus styles! */
42 :focus {
43 outline: 0;
44 }
45
46 /* remember to highlight inserts somehow! */
47 ins {
48 text-decoration: none;
49 }
50
51 del {
52 text-decoration: line-through;
53 }
54
55 /* tables still need 'cellspacing="0"' in the markup */
56 table {
57 border-collapse: collapse;
58 border-spacing: 0;
59 }
60
61 /* Font size 62.8% = 1em = 10px */
62 body {
63 font: 62.8% Verdana, Arial, Helvetica, sans-serif;
64 }
65
66 pre {
67 font-size: 1.2em;
68 margin: 1em 1em;
69 }
70
71 code {
72 font-size: 1.2em;
73 }
74
75 p, form, fieldset, h3, h4, h5, h6, dl {
76 margin: 1em 0 1em 0;
77 }
78
79 ol, ul {
80 margin: 1em 0 1em 1.5em;
81 padding: 0 0 0 1em;
82 }
83
84 ul {
85 list-style: disc;
86 }
87
88 ol {
89 list-style: decimal;
90 }
91
92 dl dd {
93 margin-left: 1.5em;
94 }
95
96 fieldset li p {
97 margin-top: 0;
98 }
99
100 h2 {
101 margin: 2.5em 0 1.7em 0.8em;
102 color: #585858;
103 font-size: 120%;
104 font-weight: bold;
105 }
106
107 h3 {
108 font-size: 120%;
109 margin: 0.7em 0 1.5em
110 }
111
112 h4 {
113 font-size: 110%;
114 margin: 0;
115 }
116
117 .clearfix:after {
118 content: ".";
119 display: block;
120 height: 0;
121 clear: both;
122 visibility: hidden;
123 }
124
125 * html .clearfix {
126 height: 1%;
127 }
128
129 legend {
130 margin-left: 1em;
131 font-weight: bold;
132 }
133
134 fieldset ol {
135 margin: 0;
136 padding: 0;
137 list-style: none;
138 }
139
140 fieldset li {
141 margin-bottom: 0.5em;
142 float: left;
143 clear: left;
144 width: 100%;
145 }
146
147 label {
148 float: left;
149 width: 18em;
150 margin-right: 1em;
151 padding: 0.2em 0;
152 }
153
154 fieldset span {
155 float: left;
156 width: 29em;
157 }
158
159 .t3-install-form-label-after input {
160 float: left;
161 }
162
163 .t3-install-form-label-before label,
164 .t3-install-form-label-after label,
165 .t3-install-form-label-above label {
166 float: none;
167 display: block;
168 width: auto;
169 margin-right: 0;
170 }
171
172 .t3-install-form-label-before label {
173 float: left;
174 }
175
176 .t3-install-form-label-above label {
177 margin-bottom: 0.5em;
178 }
179
180 .t3-install-form-label-after label {
181 padding-left: 3em;
182 }
183
184 .t3-install-form-label-width-7 label {
185 width: 7em;
186 }
187
188 .t3-install-form-label-width-10 label {
189 width: 10em;
190 }
191
192 .t3-install-form-label-width-21 label {
193 width: 21em;
194 }
195
196 fieldset.t3-install-form-submit {
197 float: none;
198 width: auto;
199 }
200
201 .t3-install-login fieldset.t3-install-form-submit {
202 margin-left: 8em;
203 }
204
205 fieldset select,
206 input.t3-install-form-input-text,
207 textarea {
208 border: 1px solid #7c7c7c;
209 color: #000000;
210 font-size: 1.1em;
211 line-height: 1.7em;
212 margin: 0;
213 width: 20em;
214 }
215
216 fieldset select {
217 height: 2em;
218 padding: 0.2em;
219 width: 17.4em;
220 }
221
222 input.t3-install-form-input-text {
223 height: 1.7em;
224 padding: 0.1em 0.1em 0 0.45em;
225 }
226
227 button {
228 color: #606060;
229 font-size: 1.1em;
230 padding: 0.3em 0.6em;
231 border: 1px solid #7c7c7c;
232 background-color: #f6f6f6;
233 background: -moz-linear-gradient(top, #f6f6f6 0%, #dadada 100%);
234 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dadada));
235 background: -webkit-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
236 background: -o-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
237 background: -ms-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
238 background: linear-gradient(to bottom, #f6f6f6 0%,#dadada 100%);
239 cursor: pointer;
240 }
241
242 button:hover {
243 background-color: #ededed;
244 background: -moz-linear-gradient(top, #f6f6f6 0%, #aaa 100%);
245 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#aaa));
246 background: -webkit-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
247 background: -o-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
248 background: -ms-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
249 background: linear-gradient(to bottom, #f6f6f6 0%,#aaa 100%);
250 }
251
252 button span {
253 background-repeat: no-repeat;
254 display: inline-block;
255 width: 16px;
256 height: 16px;
257 margin-left: 0.6em;
258 float: none;
259 }
260
261 button span.t3-install-form-button-icon-negative {
262 background-image: url('../../../Images/Icon/Error.png');
263 }
264
265 .t3-install-strong {
266 font-weight: bold;
267 }
268
269 #t3-install-outer {
270 width: 76em;
271 margin: 1em auto;
272 }
273
274 #t3-install-right {
275 padding-left: 19em;
276 width: 57em;
277 }
278
279 #t3-install-box-body, #t3-install-step-execution-messages {
280 font-size: 110%;
281 line-height: 1.7em;
282 padding: 0.1em 1.8em 1.8em 1.8em;
283 color: #606060;
284 }
285
286 .t3-install-login #t3-install-box-body {
287 padding: 0.1em 0 0 3.6em;
288 }
289
290 #t3-install-box-body h3 {
291 margin: 0.75em 0 1em;
292 clear: left;
293 }
294
295 .t3-install-login #t3-install-box-body h3 {
296 margin: 1em 0;
297 }
298
299 #t3-install-box-body a {
300 color: #606060 !important;
301 text-decoration: underline !important;
302 }
303
304 #t3-install-box-body a:hover {
305 color: #111 !important;
306 }
307
308 .typo3-message {
309 padding: 0.6em 0.6em 0.6em 2.6em;
310 background-repeat: no-repeat;
311 background-position: 0.5em 0.7em;
312 border: 1px solid;
313 color: #000000;
314 }
315
316 .typo3-message h4 {
317 margin-top: 0;
318 }
319
320 .message-notice {
321 background-image: url("../../../Images/Icon/Notice.png");
322 background-color: #f6f7fa;
323 border-color: #c2cbcf;
324 }
325
326 .message-information {
327 background-image: url("../../../Images/Icon/Information.png");
328 background-color: #ddeef9;
329 border-color: #8aafc4;
330 }
331
332 .message-ok {
333 background-image: url("../../../Images/Icon/Ok.png");
334 background-color: #cdeaca;
335 border-color: #58b548;
336 }
337
338 .message-warning {
339 background-image: url("../../../Images/Icon/Warning.png");
340 background-color: #fbffb3;
341 border-color: #c4b70d;
342 }
343
344 .message-error {
345 background-image: url("../../../Images/Icon/Error.png");
346 background-color: #fbb19b;
347 border-color: #dc4c42;
348 }
349
350 #t3-install-copyright {
351 color: #797878;
352 border-top: 1px #5f5f5f solid;
353 margin-top: 3.7em;
354 clear: both;
355 }
356
357 #t3-install-copyright a {
358 color: #797878;
359 }
360
361 /* IE7 only styles */
362
363
364 /* Font size 62.8% = 1em = 10px */
365 body {
366 background: #4f4f4f url('../../../Images/Background/Body.jpg') repeat-x fixed;
367 }
368
369 #t3-install-outer {
370 width: 43em;
371 margin-left: 16em;
372 }
373
374 h1 {
375 background: url('../../../Images/Background/Logo.gif') no-repeat scroll 0 0 transparent;
376 margin: 2em 0 3.7em 0;
377 height: 34px;
378 }
379
380 h2 {
381 background-color: #585858;
382 font-size: 120%;
383 font-weight: bold;
384 color: #ffffff;
385 padding: 0.5em 1.8em 0.5em 1.8em;
386 margin: 0;
387 }
388
389 h3 {
390 font-size: 163%;
391 }
392
393 h4 {
394 font-size: 120%;
395 margin: 0 0 0.5em 0;
396 }
397
398 #t3-install-box-border-top {
399 height: 3px;
400 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
401 }
402
403 #t3-install-box-border-bottom {
404 height: 3px;
405 background: #4d4c4d url('../../../Images/Background/ContentBottom.png') no-repeat center top;
406 }
407
408 #t3-install-box-body, #t3-install-step-execution-messages {
409 color: #787878;
410 background: #ebebeb url('../../../Images/Background/Content.jpg') repeat-x left bottom;
411 padding: 1em 1.8em 1em;
412 }
413
414 #stepInstaller-databaseSelect label {
415 float: none;
416 font-weight: bold;
417 }
418
419 #stepInstaller-databaseSelect p {
420 margin: 0 0 0.5em;
421 }
422
423 #stepInstaller-databaseSelect ul {
424 list-style: none;
425 }
426
427 #stepInstaller-databaseSelect ul li div {
428 display: inline-block;
429 margin-bottom: 10px;
430 width: 90%;
431 }
432
433 #stepInstaller-databaseSelect ul li input.radio {
434 vertical-align: top;
435 }
436
437 #t3-install-box-body .steps_123 {
438 list-style: none;
439 padding: 0;
440 margin: 0.5em 0 0 0;
441 font-size: 25px;
442 }
443 #t3-install-box-body .steps_123 li {
444 float: left;
445 text-align: center;
446 width: 40px;
447 height: 30px;
448 margin-right: 10px;
449 padding-bottom: 1em;
450 }
451 #t3-install-box-body .steps_123 li span {
452 background-color: #d1d1d1;
453 padding-top: 10px;
454 width: 100%;
455 height: 100%;
456 display: block;
457 text-decoration: none !important;
458 color: #fff !important;
459 border-radius: 50px;
460 }
461 #t3-install-box-body .steps_123 li.cur span {
462 background-color: #FF8700;
463 }
464 #t3-install-box-body .steps_123 li.prev span {
465 background-color: #585858;
466 }