140122d07a82e5928a42d1b9a398c0be9bd50220
[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-color: #f6f6f6;
231 background: -moz-linear-gradient(top, #f6f6f6 0%, #dadada 100%);
232 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dadada));
233 background: -webkit-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
234 background: -o-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
235 background: -ms-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
236 background: linear-gradient(to bottom, #f6f6f6 0%,#dadada 100%);
237 cursor: pointer;
238 }
239
240 button:hover {
241 background-color: #ededed;
242 background: -moz-linear-gradient(top, #f6f6f6 0%, #aaa 100%);
243 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#aaa));
244 background: -webkit-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
245 background: -o-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
246 background: -ms-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
247 background: linear-gradient(to bottom, #f6f6f6 0%,#aaa 100%);
248 }
249
250 button span {
251 background-repeat: no-repeat;
252 display: inline-block;
253 width: 16px;
254 height: 16px;
255 margin-left: 0.6em;
256 float: none;
257 }
258
259 button span.t3-install-form-button-icon-negative {
260 background-image: url('../../../Images/Icon/Error.png');
261 }
262
263 .t3-install-hidden {
264 display: none;
265 }
266
267 .t3-install-strong {
268 font-weight: bold;
269 }
270
271 #t3-install-outer {
272 width: 78em;
273 margin: 1em auto;
274 }
275
276 #t3-install-head {
277 position: fixed;
278 }
279
280 #t3-install-logo {
281 width: 21em;
282 float: left;
283 height: 100px;
284 }
285
286 #t3-install-headline {
287 width: 57em;
288 float: left;
289 }
290
291 #t3-install-center {
292 position: absolute;
293 clear: both;
294 }
295
296 .standalone #t3-install-center {
297 top: 100px;
298 }
299
300 #t3-install-left {
301 width: 21em;
302 position: fixed;
303 }
304
305 #t3-install-right {
306 padding-left: 21em;
307 margin-bottom: 1em;
308 width: 57em;
309 }
310
311 #t3-install-menu {
312 margin: 0;
313 padding: 0;
314 list-style: none;
315 width: 18em;
316 font-size: 110%;
317 line-height: 2em;
318 }
319
320 #t3-install-menu li {
321 padding: 0.35em 0 0.35em 2.8em;
322 }
323
324 #t3-install-menu li.act {
325 background-color: #585858;
326 }
327
328 #t3-install-menu a {
329 color: #606060;
330 text-decoration: none;
331 }
332
333 #t3-install-menu a:hover {
334 color: #111;
335 }
336
337 #t3-install-menu li.act a {
338 font-weight: bold;
339 color: #ffffff;
340 }
341
342 #t3-install-menu li {
343 background-repeat: no-repeat;
344 background-position: 0.7em center;
345 }
346
347 #t3-install-menu #t3-install-menu-importantActions {
348 background-image: url('../../../Images/Menu/ImportantActions.png');
349 }
350
351 #t3-install-menu #t3-install-menu-systemEnvironment {
352 background-image: url('../../../Images/Menu/SystemEnvironment.png');
353 }
354
355 #t3-install-menu .act a:link {
356 background-color: #585858;
357 }
358
359 #t3-install-menu #t3-install-menu-configuration {
360 background-image: url('../../../Images/Menu/Configuration.png');
361 }
362
363 #t3-install-menu #t3-install-menu-folderStructure {
364 background-image: url('../../../Images/Menu/FolderStructure.png');
365 }
366
367 #t3-install-menu #t3-install-menu-upgradeWizard {
368 background-image: url('../../../Images/Menu/UpgradeWizard.png');
369 }
370
371 #t3-install-menu #t3-install-menu-testSetup {
372 background-image: url('../../../Images/Menu/TestSetup.png');
373 }
374
375 #t3-install-menu #t3-install-menu-allConfiguration {
376 background-image: url('../../../Images/Menu/AllConfiguration.png');
377 }
378
379 #t3-install-menu #t3-install-menu-cleanUp {
380 background-image: url('../../../Images/Menu/CleanUp.png');
381 }
382
383 #t3-install-menu #t3-install-menu-welcome {
384 background-image: url('../../../Images/Menu/Welcome.png');
385 }
386
387 #t3-install-menu-logout {
388 margin: 2em 0 0 0.8em;
389 padding: 0;
390 list-style: none;
391 width: 18em;
392 font-size: 110%;
393 line-height: 2em;
394 }
395
396 #t3-install-menu-logout li {
397 padding: 0.35em 0 0.35em 0;
398 }
399
400 #t3-install-menu-logout a {
401 color: #606060;
402 text-decoration: none;
403 }
404
405 body.standalone #t3-install-menu-logout a {
406 color: #797878;
407 text-decoration: none;
408 }
409
410 #t3-install-menu .t3-install-menu-errorCount {
411 background-color: #dc4c42;
412 color: #ffffff;
413 font-weight: normal;
414 margin: 3px 0.4em 0 0;
415 float: right;
416 padding: 0 5px;
417 border-radius: 6px;
418 line-height: 1.5em;
419 }
420
421 #t3-install-links {
422 margin: 2em 0 0 0.8em;
423 padding: 0;
424 list-style: none;
425 width: 15.2em;
426 font-size: 110%;
427 line-height: 2em;
428 }
429
430 #t3-install-links a {
431 color: #797878;
432 text-decoration: none;
433 }
434
435 #t3-install-links a:hover {
436 text-decoration: underline;
437 }
438
439 #t3-install-box-body {
440 font-size: 110%;
441 line-height: 1.7em;
442 padding: 0.1em 1.8em 1.8em 1.8em;
443 color: #606060;
444 }
445
446 .t3-install-login #t3-install-box-body {
447 padding: 0.1em 0 0 3.6em;
448 }
449
450 #t3-install-box-body h3 {
451 margin: 0.75em 0 2em;
452 }
453
454 .t3-install-login #t3-install-box-body h3 {
455 margin: 1em 0;
456 }
457
458 #t3-install-box-body a {
459 color: #606060 !important;
460 text-decoration: underline !important;
461 }
462
463 #t3-install-box-body a:hover {
464 color: #111 !important;
465 }
466
467 #t3-install-box-body .toggleButton {
468 background-image: url('../../../Images/Icon/arrowright-white.png');
469 background-repeat: no-repeat;
470 background-position-y: 8px;
471 background-position-x: 3px;
472 padding-left: 20px;
473 cursor: pointer;
474 }
475
476 #t3-install-box-body .toggleButton h4 {
477 border: 1px solid transparent;
478 }
479
480 #t3-install-box-body .expanded .toggleButton h4 {
481 border: none;
482 }
483
484 #t3-install-box-body .expanded .toggleButton {
485 background-image: url('../../../Images/Icon/arrowdown-white.png');
486 border-bottom: 1px solid #666;
487 }
488
489 #t3-install-box-body .toggleAll {
490 text-align: right;
491 cursor: pointer;
492 }
493
494 .toggleGroup {
495 margin: 1em 0;
496 }
497
498 #t3-install-box-body .toggleButton:hover {
499 background-color: #666;
500 color: #fff;
501 }
502 .toggleGroup .toggleButton {
503 background-color: #cacaca;
504 padding: 0.5em 0;
505 }
506
507 .toggleGroup.expanded .toggleButton {
508 background-color: #666;
509 color: white;
510 padding: 0.5em 0;
511 }
512
513 .toggleGroup.expanded {
514 border: 1px solid #a2aab8;
515 }
516
517 .toggleGroup .toggleDataContent {
518 padding: 0 1em;
519 }
520
521 .item {
522 padding: 1em 1em;
523 }
524 .item:nth-child(odd) {
525 background-color: #f7f7f7;
526 }
527 .item:hover {
528 background-color: #dedede;
529 }
530 h4.item-header {
531 font-weight: normal;
532 }
533 .item-description {
534 line-height: 1.4em;
535 margin: 0.5em 0;
536 }
537
538 #t3-install-box-body .fieldNote {
539 font-style: italic;
540 margin-top: 0.5em;
541 }
542
543 .t3-install-tool-configuration-radio {
544 float: none;
545 }
546 .t3-install-tool-configuration-radio-label {
547 float: none;
548 }
549
550 .typo3-message {
551 padding: 0.6em 0.6em 0.6em 2.6em;
552 background-repeat: no-repeat;
553 background-position: 0.5em 0.7em;
554 border: 1px solid;
555 color: #000000;
556 word-wrap: break-word;
557 }
558
559 .typo3-message h4 {
560 margin-top: 0;
561 }
562
563 .message-notice {
564 background-image: url("../../../Images/Icon/Notice.png");
565 background-color: #f6f7fa;
566 border-color: #c2cbcf;
567 }
568
569 .message-information {
570 background-image: url("../../../Images/Icon/Information.png");
571 background-color: #ddeef9;
572 border-color: #8aafc4;
573 }
574
575 .message-ok {
576 background-image: url("../../../Images/Icon/Ok.png");
577 background-color: #cdeaca;
578 border-color: #58b548;
579 }
580
581 .message-warning {
582 background-image: url("../../../Images/Icon/Warning.png");
583 background-color: #fbffb3;
584 border-color: #c4b70d;
585 }
586
587 .message-error {
588 background-image: url("../../../Images/Icon/Error.png");
589 background-color: #fbb19b;
590 border-color: #dc4c42;
591 }
592
593 .message-loading {
594 background-image: url("../../../Images/Icon/SpinnerSmall.gif");
595 border-color: #606060;
596 }
597
598 #t3-install-copyright {
599 color: #797878;
600 border-top: 1px #5f5f5f solid;
601 margin-top: 3.7em;
602 clear: both;
603 }
604
605 #t3-install-copyright a {
606 color: #797878;
607 }
608
609 body {
610 background-color: #f2f2f2;
611 }
612
613 #t3-install-head,
614 #t3-install-menu-border-top,
615 #t3-install-menu-bottom,
616 #t3-install-links,
617 #t3-install-box-border-top,
618 #t3-install-box-border-bottom,
619 #t3-install-copyright {
620 display: none;
621 }
622
623 #t3-install-box-body,
624 #t3-install-menu {
625 border: 1px #dcdcdc solid;
626 background-color: #ffffff;
627 }
628
629 #systemInformation {
630 overflow: hidden;
631 }
632
633 #systemInformation dt {
634 float: left;
635 width: 11em;
636 clear: left;
637 }
638
639 #systemInformation dd {
640 float: left;
641 padding-left: 11em;
642 font-weight: bold;
643 }
644
645 #t3-install-imagemagickversions td {
646 padding-right: 1em;
647 }
648
649 .t3-install-definitionlist dt {
650 float: left;
651 width: 19em;
652 }
653 .t3-install-definitionlist dd {
654 font-weight: bold;
655 padding-left: 19em;
656 }
657 .t3-install-definitionlist dd span {
658 font-weight: normal;
659 }
660
661 .t3-install-displaytwinimagetextarea {
662 width: 48em;
663 overflow: scroll;
664 border: 1px #797878 solid;
665 }
666
667 .t3-install-displaytwinimagetextarea textarea {
668 width: 300em;
669 border: 0;
670 }
671
672 .t3-install-displaytwinimageimages,
673 .t3-install-displaytwinimagereference,
674 .t3-install-displaytwinimagedifferentfilesize {
675 width: 100%;
676 margin: 0.3em 0;
677 }
678
679 .t3-install-displaytwinimageimages td {
680 width: 50%;
681 vertical-align: top;
682 }
683
684 .t3-install-displaytwinimageimages td,
685 .t3-install-displaytwinimagereference th,
686 .t3-install-displaytwinimagereference td,
687 .t3-install-displaytwinimagedifferentfilesize th,
688 .t3-install-displaytwinimagedifferentfilesize td {
689 text-align: center;
690 }
691
692 /* 5: All configuration */
693 .t3-install-description {
694 word-wrap: break-word;
695 width: 48em;
696 }
697
698 /* Stylesheet for the standalone version of the Install Tool */
699
700 body.standalone {
701 background: #4f4f4f url('../../../Images/Background/Body.jpg') repeat-x fixed;
702 }
703
704 body.standalone #t3-install-outer {
705 margin: 0 auto;
706 }
707
708 body.standalone #t3-install-head,
709 body.standalone #t3-install-menu-border-top,
710 body.standalone #t3-install-menu-bottom,
711 body.standalone #t3-install-links,
712 body.standalone #t3-install-box-border-top,
713 body.standalone #t3-install-box-border-bottom,
714 body.standalone #t3-install-copyright {
715 display: block;
716 }
717
718 body.standalone #t3-install-form-login,
719 body.standalone #t3-install-form-login .t3-install-form-submit,
720 body.standalone #t3-install-box-body {
721 margin-bottom: 0;
722 }
723
724 body.standalone #t3-install-form-login .t3-install-form-submit {
725 padding-bottom: 1em;
726 }
727
728 body.standalone h1 {
729 background: url('../../../Images/Background/Logo.gif') no-repeat scroll 0 0 transparent;
730 text-indent:-999em;
731 margin: 2.5em 0 3.7em 0;
732 height: 34px;
733 width: 21em;
734 float: left;
735 }
736
737 body.standalone .toggleDataContent h1 {
738 background: none;
739 margin: 10px;
740 text-indent: inherit;
741 }
742
743 body.standalone h2 {
744 margin: 3.3em 0 0 1.8em;
745 padding: 0;
746 height: auto;
747 color: #ffffff;
748 }
749
750 body.standalone #t3-install-box-border-top {
751 height: 3px;
752 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
753 }
754
755 body.standalone #t3-install-box-body {
756 background-color: #eeeeee;
757 }
758
759 body.standalone #t3-install-box-border-bottom {
760 height: 3px;
761 background: #4d4c4d url('../../../Images/Background/ContentBottom.png') no-repeat center top;
762 }
763
764 body.standalone #t3-install-menu,
765 body.standalone #t3-install-box-body {
766 border: 0;
767 }
768
769 body.standalone #t3-install-menu-border-top {
770 width: 17.6em;
771 height: 3px;
772 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
773 }
774
775 body.standalone #t3-install-menu {
776 background: #ebebeb url('../../../Images/Background/Menu.gif') repeat-x left bottom;
777 }
778
779 body.standalone #t3-install-menu a:link {
780 background: none;
781 }
782
783 body.standalone #t3-install-menu-bottom {
784 width: 17.6em;
785 height: 3px;
786 background: #3e3e3e url('../../../Images/Background/ContentBottom.png') no-repeat center bottom;
787 }
788
789 body.standalone #t3-install-links a:link {
790 background: none;
791 }
792
793 body.standalone #t3-install-copyright a:link {
794 background: none;
795 }
796
797 body.standalone .t3-install-login h2 {
798 clear: both;
799 margin: 0;
800 padding: 0.5em 0 0.5em 3.35em;
801 }
802
803 button.btn-save {
804 background-image: url('../../../Images/Icon/Save.png');
805 background-repeat: no-repeat;
806 background-position: 5px 4px, 0 0;
807 background-image: url('../../../Images/Icon/Save.png'), -moz-linear-gradient(top, #f6f6f6 0%, #dadada 100%);
808 background-image: url('../../../Images/Icon/Save.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dadada));
809 background-image: url('../../../Images/Icon/Save.png'), -webkit-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
810 background-image: url('../../../Images/Icon/Save.png'), -o-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
811 background-image: url('../../../Images/Icon/Save.png'), -ms-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
812 background-image: url('../../../Images/Icon/Save.png'), linear-gradient(to bottom, #f6f6f6 0%,#dadada 100%);
813 padding-left: 25px;
814 }
815
816 button.btn-save:hover {
817 background-color: #ededed;
818 background-image: url('../../../Images/Icon/Save.png'), -moz-linear-gradient(top, #f6f6f6 0%, #aaa 100%);
819 background-image: url('../../../Images/Icon/Save.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#aaa));
820 background-image: url('../../../Images/Icon/Save.png'), -webkit-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
821 background-image: url('../../../Images/Icon/Save.png'), -o-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
822 background-image: url('../../../Images/Icon/Save.png'), -ms-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
823 background-image: url('../../../Images/Icon/Save.png'), linear-gradient(to bottom, #f6f6f6 0%,#aaa 100%);
824 }
825
826 #fixed-footer-fieldset fieldset li {
827 margin: 0 0;
828 }
829 #fixed-footer-fieldset fieldset {
830 margin: 0 -1.8em;
831 color: #fff;
832 text-align: center;
833 padding: 0.5em 0;
834 }
835
836 #fixed-footer-fieldset fieldset.fixed {
837 width: 51.7em;
838 bottom: 0;
839 position: fixed;
840 background-color: #666;
841 }
842
843 .standalone #fixed-footer-fieldset fieldset.fixed {
844 background-color: #dadada;
845 border-right: 1px solid #dadada;
846 }
847
848 #fixed-footer-fieldset {
849 height: 41px;
850 margin-top: 2em;
851 }
852
853 .phpinfo {
854 font-family: Verdana, Arial, Helvetica, sans-serif;
855 }
856 .phpinfo hr, .phpinfo table {
857 width: 500px;
858 }
859 .phpinfo td, .phpinfo th {
860 font-size: 11px;
861 }
862 .phpinfo td.v {
863 word-break: break-all;
864 word-wrap: break-word;
865 }
866 .phpinfo .toggleDataContent {
867 margin: 1em 0;
868 overflow: scroll;
869 }