[BUGFIX] Move SCSS instructions from modal to install.scss
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Sass / typo3 / _install.scss
1 .typo3-install {
2     padding: 30px;
3     background-color: #dadada;
4
5     h1 {
6         font-size: 28px;
7     }
8
9     h2 {
10         font-size: 18px;
11     }
12
13     h3 {
14         font-size: 16px;
15     }
16
17     .btn {
18         font-size: inherit;
19         padding: 0.5em 1em;
20     }
21
22     .alert {
23         padding: 1.5em;
24
25         h3 {
26             font-size: 14px;
27             margin-bottom: 0;
28         }
29
30         > *:first-child {
31             margin-top: 0;
32         }
33
34         > *:last-child {
35             margin-bottom: 0;
36         }
37     }
38 }
39
40 .typo3-install-container {
41     margin: 0 auto;
42     max-width: 680px;
43 }
44
45 .typo3-install-content {
46     background-color: #fff;
47     box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
48     overflow: hidden;
49     border-radius: 5px;
50
51     > div {
52         > *:first-child {
53             margin-top: 0;
54         }
55
56         > *:last-child {
57             margin-bottom: 0;
58         }
59     }
60 }
61
62 .typo3-install-content-header {
63     padding: 35px;
64 }
65
66 .typo3-install-content-header-logo {
67     margin: 0 auto;
68     margin-bottom: 15px;
69 }
70
71 .typo3-install-content-header-title {
72     font-size: 28px;
73     font-weight: 300;
74 }
75
76 .typo3-install-content-progress {
77     padding: 15px 35px;
78     border-top: 1px solid #eaeaea;
79     background-color: #fafafa;
80 }
81
82 .typo3-install-content-body {
83     border-top: 1px solid #eaeaea;
84     padding: 35px;
85
86     > *:first-child {
87         margin-top: 0;
88     }
89
90     > *:last-child {
91         margin-bottom: 0;
92     }
93 }
94
95 .typo3-install-content-spacer {
96     margin-top: 2em;
97 }
98
99 .typo3-install-content-spacer-small {
100     margin-top: 1em;
101 }
102
103 .typo3-install {
104     .extensionConfiguration-form {
105         .tab-content {
106             margin-bottom: 15px;
107         }
108     }
109 }