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