18d61a2b37c5cb61a600d3064f0a86716a6c1978
[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-updateWizard {
368 background-image: url('../../../Images/Menu/UpdateWizard.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 #t3-install-menu-logout {
388 background-image: url('../../../Images/Menu/Logout.gif');
389 }
390
391 #t3-install-menu .t3-install-menu-errorCount {
392 background-color: #dc4c42;
393 color: #ffffff;
394 font-weight: normal;
395 margin: 3px 0.4em 0 0;
396 float: right;
397 padding: 0px 5px;
398 border-radius: 6px;
399 line-height: 1.5em;
400 }
401
402 #t3-install-links {
403 margin: 2em 0 0 0.8em;
404 padding: 0;
405 list-style: none;
406 width: 15.2em;
407 font-size: 110%;
408 line-height: 2em;
409 }
410
411 #t3-install-links a {
412 color: #797878;
413 text-decoration: none;
414 }
415
416 #t3-install-links a:hover {
417 text-decoration: underline;
418 }
419
420 #t3-install-box-body {
421 font-size: 110%;
422 line-height: 1.7em;
423 padding: 0.1em 1.8em 1.8em 1.8em;
424 color: #606060;
425 }
426
427 .t3-install-login #t3-install-box-body {
428 padding: 0.1em 0 0 3.6em;
429 }
430
431 #t3-install-box-body h3 {
432 margin: 0.75em 0 2em;
433 }
434
435 .t3-install-login #t3-install-box-body h3 {
436 margin: 1em 0;
437 }
438
439 #t3-install-box-body a {
440 color: #606060 !important;
441 text-decoration: underline !important;
442 }
443
444 #t3-install-box-body a:hover {
445 color: #111 !important;
446 }
447
448 #t3-install-box-body .toggleButton {
449 background-image: url('../../../Images/Icon/arrowright-white.png');
450 background-repeat: no-repeat;
451 background-position-y: 8px;
452 background-position-x: 3px;
453 padding-left: 20px;
454 cursor: pointer;
455 }
456
457 #t3-install-box-body .toggleButton h4 {
458 border: 1px solid transparent;
459 }
460
461 #t3-install-box-body .expanded .toggleButton h4 {
462 border: none;
463 }
464
465 #t3-install-box-body .expanded .toggleButton {
466 background-image: url('../../../Images/Icon/arrowdown-white.png');
467 border-bottom: 1px solid #666;
468 }
469
470 .toggleGroup {
471 margin: 1em 0;
472 }
473
474 #t3-install-box-body .toggleButton:hover {
475 background-color: #666;
476 color: #fff;
477 }
478 .toggleGroup .toggleButton {
479 background-color: #cacaca;
480 padding: 0.5em 0;
481 }
482
483 .toggleGroup.expanded .toggleButton {
484 background-color: #666;
485 color: white;
486 padding: 0.5em 0;
487 }
488
489 .toggleGroup.expanded {
490 border: 1px solid #a2aab8;
491 }
492
493 .toggleGroup .toggleDataContent {
494 padding: 0 1em;
495 }
496
497 .item {
498 padding: 1em 1em;
499 }
500 .item:nth-child(odd) {
501 background-color: #f7f7f7;
502 }
503 .item:hover {
504 background-color: #dedede;
505 }
506 h4.item-header {
507 font-weight: normal;
508 }
509 .item-description {
510 line-height: 1.4em;
511 margin: 0.5em 0;
512 }
513
514 #t3-install-box-body .fieldNote {
515 font-style: italic;
516 margin-top: 0.5em;
517 }
518
519 .t3-install-tool-configuration-radio {
520 float: none;
521 }
522 .t3-install-tool-configuration-radio-label {
523 float: none;
524 }
525
526 .typo3-message {
527 padding: 0.6em 0.6em 0.6em 2.6em;
528 background-repeat: no-repeat;
529 background-position: 0.5em 0.7em;
530 border: 1px solid;
531 color: #000000;
532 }
533
534 .typo3-message h4 {
535 margin-top: 0;
536 }
537
538 .message-notice {
539 background-image: url("../../../Images/Icon/Notice.png");
540 background-color: #f6f7fa;
541 border-color: #c2cbcf;
542 }
543
544 .message-information {
545 background-image: url("../../../Images/Icon/Information.png");
546 background-color: #ddeef9;
547 border-color: #8aafc4;
548 }
549
550 .message-ok {
551 background-image: url("../../../Images/Icon/Ok.png");
552 background-color: #cdeaca;
553 border-color: #58b548;
554 }
555
556 .message-warning {
557 background-image: url("../../../Images/Icon/Warning.png");
558 background-color: #fbffb3;
559 border-color: #c4b70d;
560 }
561
562 .message-error {
563 background-image: url("../../../Images/Icon/Error.png");
564 background-color: #fbb19b;
565 border-color: #dc4c42;
566 }
567
568 .message-loading {
569 background-image: url("../../../Images/Icon/SpinnerSmall.gif");
570 border-color: #606060;
571 }
572
573 #t3-install-copyright {
574 color: #797878;
575 border-top: 1px #5f5f5f solid;
576 margin-top: 3.7em;
577 clear: both;
578 }
579
580 #t3-install-copyright a {
581 color: #797878;
582 }
583
584 body {
585 background-color: #f2f2f2;
586 }
587
588 #t3-install-head,
589 #t3-install-menu-border-top,
590 #t3-install-menu-bottom,
591 #t3-install-links,
592 #t3-install-box-border-top,
593 #t3-install-box-border-bottom,
594 #t3-install-copyright {
595 display: none;
596 }
597
598 #t3-install-box-body,
599 #t3-install-menu {
600 border: 1px #dcdcdc solid;
601 background-color: #ffffff;
602 }
603
604 #systemInformation {
605 overflow: hidden;
606 }
607
608 #systemInformation dt {
609 float: left;
610 width: 11em;
611 clear: left;
612 }
613
614 #systemInformation dd {
615 float: left;
616 padding-left: 11em;
617 font-weight: bold;
618 }
619
620 #t3-install-imagemagickversions td {
621 padding-right: 1em;
622 }
623
624 .t3-install-definitionlist dt {
625 float: left;
626 width: 19em;
627 }
628 .t3-install-definitionlist dd {
629 font-weight: bold;
630 padding-left: 19em;
631 }
632 .t3-install-definitionlist dd span {
633 font-weight: normal;
634 }
635
636 .t3-install-displaytwinimagetextarea {
637 width: 48em;
638 overflow: scroll;
639 border: 1px #797878 solid;
640 }
641
642 .t3-install-displaytwinimagetextarea textarea {
643 width: 300em;
644 border: 0;
645 }
646
647 .t3-install-displaytwinimageimages,
648 .t3-install-displaytwinimagereference,
649 .t3-install-displaytwinimagedifferentfilesize {
650 width: 100%;
651 margin: 0.3em 0;
652 }
653
654 .t3-install-displaytwinimageimages td {
655 width: 50%;
656 vertical-align: top;
657 }
658
659 .t3-install-displaytwinimageimages td,
660 .t3-install-displaytwinimagereference th,
661 .t3-install-displaytwinimagereference td,
662 .t3-install-displaytwinimagedifferentfilesize th,
663 .t3-install-displaytwinimagedifferentfilesize td {
664 text-align: center;
665 }
666
667 /* 5: All configuration */
668 .t3-install-description {
669 word-wrap: break-word;
670 width: 48em;
671 }
672
673 /* Stylesheet for the standalone version of the Install Tool */
674
675 body.standalone {
676 background: #4f4f4f url('../../../Images/Background/Body.jpg') repeat-x fixed;
677 }
678
679 body.standalone #t3-install-outer {
680 margin: 0 auto;
681 }
682
683 body.standalone #t3-install-head,
684 body.standalone #t3-install-menu-border-top,
685 body.standalone #t3-install-menu-bottom,
686 body.standalone #t3-install-links,
687 body.standalone #t3-install-box-border-top,
688 body.standalone #t3-install-box-border-bottom,
689 body.standalone #t3-install-copyright {
690 display: block;
691 }
692
693 body.standalone #t3-install-form-login,
694 body.standalone #t3-install-form-login .t3-install-form-submit,
695 body.standalone #t3-install-box-body {
696 margin-bottom: 0;
697 }
698
699 body.standalone #t3-install-form-login .t3-install-form-submit {
700 padding-bottom: 1em;
701 }
702
703 body.standalone h1 {
704 background: url('../../../Images/Background/Logo.gif') no-repeat scroll 0 0 transparent;
705 text-indent:-999em;
706 margin: 2.5em 0 3.7em 0;
707 height: 34px;
708 width: 21em;
709 float: left;
710 }
711
712 body.standalone .toggleDataContent h1 {
713 background: none;
714 margin: 10px;
715 text-indent: inherit;
716 }
717
718 body.standalone h2 {
719 margin: 3.3em 0 0 1.8em;
720 padding: 0;
721 height: auto;
722 color: #ffffff;
723 }
724
725 body.standalone #t3-install-box-border-top {
726 height: 3px;
727 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
728 }
729
730 body.standalone #t3-install-box-body {
731 background-color: #eeeeee;
732 }
733
734 body.standalone #t3-install-box-border-bottom {
735 height: 3px;
736 background: #4d4c4d url('../../../Images/Background/ContentBottom.png') no-repeat center top;
737 }
738
739 body.standalone #t3-install-menu,
740 body.standalone #t3-install-box-body {
741 border: 0;
742 }
743
744 body.standalone #t3-install-menu-border-top {
745 width: 17.6em;
746 height: 3px;
747 background: #3e3e3e url('../../../Images/Background/ContentTop.png') no-repeat center bottom;
748 }
749
750 body.standalone #t3-install-menu {
751 background: #ebebeb url('../../../Images/Background/Menu.gif') repeat-x left bottom;
752 }
753
754 body.standalone #t3-install-menu a:link {
755 background: none;
756 }
757
758 body.standalone #t3-install-menu-bottom {
759 width: 17.6em;
760 height: 3px;
761 background: #3e3e3e url('../../../Images/Background/ContentBottom.png') no-repeat center bottom;
762 }
763
764 body.standalone #t3-install-links a:link {
765 background: none;
766 }
767
768 body.standalone #t3-install-copyright a:link {
769 background: none;
770 }
771
772 body.standalone .t3-install-login h2 {
773 clear: both;
774 margin: 0;
775 padding: 0.5em 0 0.5em 3.35em;
776 }
777
778 button.btn-save {
779 background-image: url('../../../Images/Icon/Save.png');
780 background-repeat: no-repeat;
781 background-position: 5px 4px, 0 0;
782 background-image: url('../../../Images/Icon/Save.png'), -moz-linear-gradient(top, #f6f6f6 0%, #dadada 100%);
783 background-image: url('../../../Images/Icon/Save.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dadada));
784 background-image: url('../../../Images/Icon/Save.png'), -webkit-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
785 background-image: url('../../../Images/Icon/Save.png'), -o-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
786 background-image: url('../../../Images/Icon/Save.png'), -ms-linear-gradient(top, #f6f6f6 0%,#dadada 100%);
787 background-image: url('../../../Images/Icon/Save.png'), linear-gradient(to bottom, #f6f6f6 0%,#dadada 100%);
788 padding-left: 25px;
789 }
790
791 button.btn-save:hover {
792 background-color: #ededed;
793 background-image: url('../../../Images/Icon/Save.png'), -moz-linear-gradient(top, #f6f6f6 0%, #aaa 100%);
794 background-image: url('../../../Images/Icon/Save.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#aaa));
795 background-image: url('../../../Images/Icon/Save.png'), -webkit-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
796 background-image: url('../../../Images/Icon/Save.png'), -o-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
797 background-image: url('../../../Images/Icon/Save.png'), -ms-linear-gradient(top, #f6f6f6 0%,#aaa 100%);
798 background-image: url('../../../Images/Icon/Save.png'), linear-gradient(to bottom, #f6f6f6 0%,#aaa 100%);
799 }
800
801 #fixed-footer-fieldset fieldset li {
802 margin: 0 0;
803 }
804 #fixed-footer-fieldset fieldset {
805 margin: 0em -1.8em;
806 color: #fff;
807 text-align: center;
808 padding: 0.5em 0;
809 }
810
811 #fixed-footer-fieldset fieldset.fixed {
812 width: 51.7em;
813 bottom: 0;
814 position: fixed;
815 background-color: #666;
816 }
817
818 .standalone #fixed-footer-fieldset fieldset.fixed {
819 background-color: #dadada;
820 border-right: 1px solid #dadada;
821 }
822
823 #fixed-footer-fieldset {
824 height: 41px;
825 margin-top: 2em;
826 }
827
828 .phpinfo {
829 font-family: Verdana, Arial, Helvetica, sans-serif;
830 }
831 .phpinfo hr, .phpinfo table {
832 width: 500px;
833 }
834 .phpinfo td, .phpinfo th {
835 font-size: 11px;
836 }
837 .phpinfo td.v {
838 word-break: break-all;
839 word-wrap: break-word;
840 }
841 .phpinfo .toggleDataContent {
842 margin: 1em 0;
843 overflow: scroll;
844 }