[BUGFIX] Installtool: add bottom margin for content-area
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / InstallTool.less
1 //
2 // Install Tool
3 // =========
4 // Contains all needed styles for the TYPO3 Intall Tool.
5 //
6
7
8 //
9 // Load minimal Setup including variables
10 //
11 @import "_minimal.less";
12
13 //
14 // Load global Variables
15 // Note: Needs to be loaded always at the end of the LESS file that gets compiled
16 //
17 @import "_variables.less";
18
19 @grid-float-breakpoint: @screen-md-min;
20
21 .content-area {
22         padding-bottom: 35px;
23
24         > h3 {
25                 margin-top: 0;
26         }
27
28         > *:last-child {
29                 margin-bottom: 0;
30         }
31 }
32
33 .logo-pageheader {
34         img {
35                 padding-bottom: 3px;
36         }
37 }
38
39 img.logo {
40         vertical-align: bottom;
41 }
42
43 .typo3-message > h4 {
44         margin-bottom: 0;
45 }
46
47 .typo3-message p {
48         margin-top: 9px;
49 }
50
51 @alert-success-text: @gray-darker;
52 @alert-success-border: #79a548;
53 @alert-success-bg: lighten(#79a548, 20%);
54
55 @alert-info-text: @gray-darker;
56 @alert-info-border: #6daae0;
57 @alert-info-bg: lighten(#6daae0, 20%);
58
59 @alert-warning-text: @gray-darker;
60 @alert-warning-border: #e8a33d;
61 @alert-warning-bg: lighten(#e8a33d, 20%);
62
63 @alert-danger-text: @gray-darker;
64 @alert-danger-border: #c83c3c;
65 @alert-danger-bg: lighten(#c83c3c, 30%);
66
67 .alert-notice {
68         .alert-variant(@btn-default-bg; @btn-default-border; @btn-default-color);
69 }
70
71 table.t3-install-displaytwinimageimages tr > td {
72         padding-right: 20px;
73 }
74
75 .nav-pills > li > a {
76         border-radius: 0;
77 }
78
79 h1:first-child {
80         margin-top: 0;
81 }
82
83 .typo3-docheader {
84         &-functions,
85         &-buttons {
86                 min-height: 20px;
87         }
88 }
89
90 .item {
91         margin : 1em;
92         border: 1px solid @panel-default-heading-bg;
93 }
94
95 .item .item-heading {
96         padding: 1em;
97         background-color: @panel-default-heading-bg;
98 }
99
100 .item .item-body {
101         padding: 1em;
102 }
103
104 .list-group-item {
105         a {
106                 display: block;
107         }
108         &.active {
109                 a {
110                         color: #fff;
111                 }
112         }
113 }
114
115 .collapsed .caret {
116         transition: all 0.25s ease-in-out;
117         transform: rotate(-90deg);
118 }
119
120 a[data-toggle="collapse"] {
121         display: block;
122 }
123
124 @media (min-width: @screen-md-min) {
125         .affix-bottom {
126                 position: absolute;
127         }
128
129         body.standalone .affix-top {
130                 position: relative;
131         }
132
133         .affix {
134                 position: fixed;
135                 top: 35px;
136         }
137
138         body.backend .affix-top {
139                 position: fixed;
140                 top: 35px;
141         }
142
143         body.backend .leftNavigation {
144                 min-height: 425px;
145         }
146 }
147
148 hr {
149         border-top-color: @panel-default-heading-bg;
150 }
151
152 .copyright .panel-default:last-child {
153         margin-bottom: 0;
154 }
155
156 #fixed-footer-handler {
157         height: 32px;
158 }
159 .fixed {
160         position: fixed;
161         bottom: 0;
162         background-color: grey;
163         .footer-innerWrap {
164                 padding : 1.5em;
165         }
166 }
167
168 // override 'position: fixed' (set by bootstrap affix via JS) if viewport < MD
169 // menu is placed above the content
170 #menuWrapper {
171         @media (max-width: @screen-sm-max) {
172                 position: relative!important;
173                 margin-bottom: 30px;
174         }
175 }
176
177 #install-menu-button {
178         .navbar-toggle {
179                 .icon-bar {
180                         background-color: black;
181                 }
182         }
183 }