eef3ac8bfa32b38c5b4c307e2d386080da1300b0
[Packages/TYPO3.CMS.git] / typo3 / sysext / install / Resources / Public / Stylesheets / Action / Common / Install.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 body {
24 line-height: 1;
25 }
26 body.standalone {
27 overflow-y: scroll;
28 }
29 body.backend #typo3-docbody {
30 overflow-y: scroll;
31 }
32 ol, ul {
33 list-style: none;
34 }
35 blockquote, q {
36 quotes: none;
37 }
38 blockquote:before, blockquote:after,
39 q:before, q:after {
40 content: none;
41 }
42
43 /* remember to define focus styles! */
44 :focus {
45 outline: 0;
46 }
47
48 /* remember to highlight inserts somehow! */
49 ins {
50 text-decoration: none;
51 }
52 del {
53 text-decoration: line-through;
54 }
55
56 /* tables still need 'cellspacing="0"' in the markup */
57 table {
58 border-collapse: collapse;
59 border-spacing: 0;
60 }
61
62
63 /* Font size 62.8% = 1em = 10px */
64 body {
65 font: 62.8% Verdana, Arial, Helvetica, sans-serif;
66 }
67
68 pre {
69 font-size: 1.2em;
70 margin: 1em 1em;
71 }
72
73 code {
74 font-size: 1.2em;
75 }
76
77 p, form, fieldset, h3, h4, h5, h6, dl {
78 margin: 1em 0 1em 0;
79 }
80
81 ol, ul {
82 margin: 1em 0 1em 1.5em;
83 padding: 0 0 0 1em;
84 }
85
86 ul {
87 list-style: disc;
88 }
89
90 ol {
91 list-style: decimal;
92 }
93
94 dl dd {
95 margin-left: 1.5em;
96 }
97
98 fieldset li p {
99 margin-top: 0;
100 }
101
102 h2 {
103 margin: 2.5em 0 1.7em 0.8em;
104 color: #585858;
105 font-size: 120%;
106 font-weight: bold;
107 }
108
109 h3 {
110 font-size: 120%;
111 margin: 0.7em 0 1.5em
112 }
113
114 h4 {
115 font-size: 110%;
116 margin: 0;
117 }
118
119 .clearfix:after {
120 content: ".";
121 display: block;
122 height: 0;
123 clear: both;
124 visibility: hidden;
125 }
126
127 * html .clearfix {
128 height: 1%;
129 }
130
131 legend {
132 margin-left: 1em;
133 font-weight: bold;
134 }
135
136 fieldset ol {
137 margin: 0;
138 padding: 0;
139 list-style: none;
140 }
141
142 fieldset li {
143 margin-bottom: 0.5em;
144 float: left;
145 clear: left;
146 width: 100%;
147 }
148
149 label {
150 float: left;
151 width: 18em;
152 margin-right: 1em;
153 padding: 0.2em 0;
154 }
155
156 fieldset span {
157 float: left;
158 width: 29em;
159 }
160
161 .t3-install-form-label-after input {
162 float: left;
163 }
164
165 .t3-install-form-label-after label,
166 .t3-install-form-label-above label {
167 float: none;
168 display: block;
169 width: auto;
170 margin-right: 0;
171 }
172
173 .t3-install-form-label-above label {
174 margin-bottom: 0.5em;
175 }
176
177 .t3-install-form-label-after label {
178 padding-left: 3em;
179 }
180
181 .t3-install-form-label-width-7 label {
182 width: 7em;
183 }
184
185 .t3-install-form-label-width-21 label {
186 width: 21em;
187 }
188
189 fieldset.t3-install-form-submit {
190 float: none;
191 width: auto;
192 }
193
194 .t3-install-login fieldset.t3-install-form-submit {
195 margin-left: 8em;
196 }
197
198 fieldset select,
199 input.t3-install-form-input-text,
200 textarea {
201 border: 1px solid #7c7c7c;
202 color: #000000;
203 font-size: 1.1em;
204 line-height: 1.7em;
205 margin: 0;
206 width: 20em;
207 }
208
209 fieldset select {
210 height: 2em;
211 padding: 0.2em;
212 width: 17.4em;
213 }
214
215 input.t3-install-form-input-text {
216 height: 1.7em;
217 padding: 0.1em 0.1em 0 0.45em;
218 }
219
220 textarea {
221 width: 99%;
222 font-size: 1.2em;
223 }
224
225 button {
226 color: #606060;
227 font-size: 1.1em;
228 padding: 0.3em 0.6em;
229 border: 1px solid #7c7c7c;
230 background: #f6f6f6 url('../../../Images/Background/Button.jpg') repeat-x left bottom;
231 cursor: pointer;
232 }
233
234 button:hover {
235 background-color: #ededed;
236 background-image: url('../../../Images/Background/ButtonHover.jpg');
237 }
238
239 button span {
240 background-repeat: no-repeat;
241 display: inline-block;
242 width: 16px;
243 height: 16px;
244 margin-left: 0.6em;
245 float: none;
246 }
247
248 button span.t3-install-form-button-icon-negative {
249 background-image: url('../../../Images/Icon/Error.png');
250 }
251
252 .t3-install-hidden {
253 display: none;
254 }
255
256 .t3-install-strong {
257 font-weight: bold;
258 }
259
260 #t3-install-outer {
261 width: 76em;
262 margin: 1em auto;
263 }
264
265 #t3-install-head {
266 position: fixed;
267 }
268
269 #t3-install-logo {
270 width: 19em;
271 float: left;
272 height: 100px;
273 }
274
275 #t3-install-headline {
276 width: 57em;
277 float: left;
278 }
279
280 #t3-install-center {
281 position: absolute;
282 clear: both;
283 }
284
285 .standalone #t3-install-center {
286 top: 100px;
287 }
288
289 #t3-install-left {
290 width: 19em;
291 position: fixed;
292 }
293
294 #t3-install-right {
295 padding-left: 19em;
296 margin-bottom: 1em;
297 width: 57em;
298 }
299
300 #t3-install-menu {
301 margin: 0;
302 padding: 0;
303 list-style: none;
304 width: 16em;
305 font-size: 110%;
306 line-height: 2em;
307 }
308
309 #t3-install-menu li {
310 padding: 0.35em 0 0.35em 2.8em;
311 }
312
313 #t3-install-menu li.act {
314 background-color: #585858;
315 line-height: 1.5em;
316 }
317
318 #t3-install-menu a {
319 color: #606060;
320 text-decoration: none;
321 }
322
323 #t3-install-menu a:hover {
324 color: #111;
325 }
326
327 #t3-install-menu li.act a {
328 font-weight: bold;
329 color: #ffffff;
330 }
331
332 #t3-install-menu li {
333 background-repeat: no-repeat;
334 background-position: 0.7em center;
335 }
336
337 #t3-install-menu #t3-install-menu-importantActions {
338 background-image: url('../../../Images/Menu/ImportantActions.png');
339 }
340
341 #t3-install-menu #t3-install-menu-systemEnvironment {
342 background-image: url('../../../Images/Menu/SystemEnvironment.png');
343 }
344
345 #t3-install-menu #t3-install-menu-configuration {
346 background-image: url('../../../Images/Menu/Configuration.png');
347 }
348
349 #t3-install-menu #t3-install-menu-folderStructure {
350 background-image: url('../../../Images/Menu/FolderStructure.png');
351 }
352
353 #t3-install-menu #t3-install-menu-updateWizard {
354 background-image: url('../../../Images/Menu/UpdateWizard.png');
355 }
356
357 #t3-install-menu #t3-install-menu-testSetup {
358 background-image: url('../../../Images/Menu/TestSetup.png');
359 }
360
361 #t3-install-menu #t3-install-menu-allConfiguration {
362 background-image: url('../../../Images/Menu/AllConfiguration.png');
363 }
364
365 #t3-install-menu #t3-install-menu-cleanUp {
366 background-image: url('../../../Images/Menu/CleanUp.png');
367 }
368
369 #t3-install-menu #t3-install-menu-welcome {
370 background-image: url('../../../Images/Menu/Welcome.png');
371 }
372
373 #t3-install-menu #t3-install-menu-logout {
374 background-image: url('../../../Images/Menu/Logout.gif');
375 }
376
377 #t3-install-menu .t3-install-menu-errorCount {
378 background-color: #dc4c42;
379 color:#ffffff;
380 font-weight: normal;
381 margin: 0 0.2em 0 0;
382 float: right;
383 padding: 0 0.6em 0 0.6em;
384 -webkit-border-radius: 1em;
385 -moz-border-radius: 1em;
386 border-radius: 1em;
387 }
388
389 #t3-install-links {
390 margin: 2em 0 0 0.8em;
391 padding: 0;
392 list-style: none;
393 width: 15.2em;
394 font-size: 110%;
395 line-height: 2em;
396 }
397
398 #t3-install-links a {
399 color: #797878;
400 text-decoration: none;
401 }
402
403 #t3-install-links a:hover {
404 text-decoration: underline;
405 }
406
407 #t3-install-box-body {
408 font-size: 110%;
409 line-height: 1.7em;
410 padding: 0.1em 1.8em 1.8em 1.8em;
411 color: #606060;
412 }
413
414 .t3-install-login #t3-install-box-body {
415 padding: 0.1em 0 0 3.6em;
416 }
417
418 #t3-install-box-body h3 {
419 margin: 0.75em 0 2em;
420 }
421
422 .t3-install-login #t3-install-box-body h3 {
423 margin: 1em 0;
424 }
425
426 #t3-install-box-body a {
427 color: #606060 !important;
428 text-decoration: underline !important;
429 }
430
431 #t3-install-box-body a:hover {
432 color: #111 !important;
433 }
434
435 #t3-install-box-body .toggleButton {
436 background: url('../../../Images/Icon/arrowright.png') no-repeat;
437 padding-left: 20px;
438 cursor: pointer;
439 }
440 #t3-install-box-body .expanded .toggleButton {
441 background-image: url('../../../Images/Icon/arrowdown.png');
442 }
443
444 .t3-install-tool-configuration-radio {
445 float: none;
446 }
447 .t3-install-tool-configuration-radio-label {
448 float: none;
449 }
450
451 .typo3-message {
452 padding: 0.6em 0.6em 0.6em 2.6em;
453 background-repeat: no-repeat;
454 background-position: 0.5em 0.7em;
455 border: 1px solid;
456 color: #000000;
457 }
458
459 .typo3-message h4 {
460 margin-top: 0;
461 }
462
463 .message-notice {
464 background-image: url("../../../Images/Icon/Notice.png");
465 background-color: #f6f7fa;
466 border-color: #c2cbcf;
467 }
468
469 .message-information {
470 background-image: url("../../../Images/Icon/Information.png");
471 background-color: #ddeef9;
472 border-color: #8aafc4;
473 }
474
475 .message-ok {
476 background-image: url("../../../Images/Icon/Ok.png");
477 background-color: #cdeaca;
478 border-color: #58b548;
479 }
480
481 .message-warning {
482 background-image: url("../../../Images/Icon/Warning.png");
483 background-color: #fbffb3;
484 border-color: #c4b70d;
485 }
486
487 .message-error {
488 background-image: url("../../../Images/Icon/Error.png");
489 background-color: #fbb19b;
490 border-color: #dc4c42;
491 }
492
493 .message-loading {
494 background-image: url("../../../Images/Icon/SpinnerSmall.gif");
495 border-color: #606060;
496 }
497
498 #t3-install-copyright {
499 color: #797878;
500 border-top: 1px #5f5f5f solid;
501 margin-top: 3.7em;
502 clear: both;
503 }
504
505 #t3-install-copyright a {
506 color: #797878;
507 }
508
509 body {
510 background-color: #f2f2f2;
511 }
512
513 #t3-install-head,
514 #t3-install-menu-border-top,
515 #t3-install-menu-bottom,
516 #t3-install-links,
517 #t3-install-box-border-top,
518 #t3-install-box-border-bottom,
519 #t3-install-copyright {
520 display: none;
521 }
522
523 #t3-install-box-body,
524 #t3-install-menu {
525 border: 1px #dcdcdc solid;
526 background-color: #ffffff;
527 }
528
529 #systemInformation {
530 overflow: hidden;
531 }
532
533 #systemInformation dt {
534 float: left;
535 width: 11em;
536 clear: left;
537 }
538
539 #systemInformation dd {
540 float: left;
541 padding-left: 11em;
542 font-weight: bold;
543 }
544
545 #t3-install-imagemagickversions td {
546 padding-right: 1em;
547 }
548
549 .t3-install-definitionlist dt {
550 float: left;
551 width: 19em;
552 }
553 .t3-install-definitionlist dd {
554 font-weight: bold;
555 padding-left: 19em;
556 }
557 .t3-install-definitionlist dd span {
558 font-weight: normal;
559 }
560
561 .t3-install-displaytwinimagetextarea {
562 width: 48em;
563 overflow: scroll;
564 border: 1px #797878 solid;
565 }
566
567 .t3-install-displaytwinimagetextarea textarea {
568 width: 300em;
569 border: 0;
570 }
571
572 .t3-install-displaytwinimageimages,
573 .t3-install-displaytwinimagereference,
574 .t3-install-displaytwinimagedifferentfilesize {
575 width: 100%;
576 margin: 0.3em 0;
577 }
578
579 .t3-install-displaytwinimageimages td {
580 width: 50%;
581 vertical-align: top;
582 }
583
584 .t3-install-displaytwinimageimages td,
585 .t3-install-displaytwinimagereference th,
586 .t3-install-displaytwinimagereference td,
587 .t3-install-displaytwinimagedifferentfilesize th,
588 .t3-install-displaytwinimagedifferentfilesize td {
589 text-align: center;
590 }
591
592 /* 5: All configuration */
593 .t3-install-description {
594 word-wrap: break-word;
595 width: 48em;
596 }
597
598 /* Stylesheet for the standalone version of the Install Tool */
599
600 body.standalone {
601 background: #4f4f4f url('../../../Images/Background/Body.jpg') repeat-x fixed;
602 }
603
604 body.standalone #t3-install-outer {
605 margin: 0 auto;
606 }
607
608 body.standalone #t3-install-head,
609 body.standalone #t3-install-menu-border-top,
610 body.standalone #t3-install-menu-bottom,
611 body.standalone #t3-install-links,
612 body.standalone #t3-install-box-border-top,
613 body.standalone #t3-install-box-border-bottom,
614 body.standalone #t3-install-copyright {
615 display: block;
616 }
617
618 body.standalone #t3-install-form-login,
619 body.standalone #t3-install-form-login .t3-install-form-submit,
620 body.standalone #t3-install-box-body {
621 margin-bottom: 0;
622 }
623
624 body.standalone #t3-install-form-login .t3-install-form-submit {
625 padding-bottom: 1em;
626 }
627
628 body.standalone h1 {
629 background: url('../../../Images/Background/Logo.gif') no-repeat scroll 0 0 transparent;
630 text-indent:-999em;
631 margin: 2.5em 0 3.7em 0;
632 height: 34px;
633 width: 19em;
634 float: left;
635 }
636
637 body.standalone h2 {
638 margin: 3.3em 0 0 1.8em;
639 padding: 0;
640 height: auto;
641 color: #ffffff;
642 }
643
644 body.standalone #t3-install-box-border-top {
645 height: 3px;
646 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
647 }
648
649 body.standalone #t3-install-box-body {
650 background-color: #eeeeee;
651 }
652
653 body.standalone #t3-install-box-border-bottom {
654 height: 3px;
655 background: #4d4c4d url('../../../Images/Background/ContentBottom.png') no-repeat center top;
656 }
657
658 body.standalone #t3-install-menu,
659 body.standalone #t3-install-box-body {
660 border: 0;
661 }
662
663 body.standalone #t3-install-menu-border-top {
664 width: 17.6em;
665 height: 3px;
666 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
667 }
668
669 body.standalone #t3-install-menu {
670 background: #ebebeb url('../../../Images/Background/Menu.gif') repeat-x left bottom;
671 }
672
673 body.standalone #t3-install-menu-bottom {
674 width: 17.6em;
675 height: 3px;
676 background: #3e3e3e url('../../../Images/Background/ContentBottom.png') no-repeat center bottom;
677 }
678
679 body.standalone .t3-install-login h2 {
680 clear: both;
681 margin: 0;
682 padding: 0.5em 0 0.5em 3.35em;
683 }