[BUGFIX] Fix orientiation of carets in panels
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Sass / install.scss
1 //
2 // Install Tool
3 // =========
4 // Contains all needed styles for the TYPO3 Intall Tool.
5 //
6 //
7 // Load global Variables
8 //
9 @import "variables/main";
10 $grid-float-breakpoint: $screen-md-min;
11
12 //
13 // Load minimal Setup including variables
14 //
15 @import "minimal";
16
17 //
18 // Components
19 //
20 @import "component/modal";
21
22 //
23 // Include chosen CSS file
24 //
25 @import "libs/chosen";
26 @import "libs/gridder";
27 @import "component/card";
28 @import "component/colorpicker";
29 @import "typo3/main_form";
30 @import "typo3/icons";
31
32 //
33 // Include elements
34 //
35 @import "typo3/element_docheader";
36 @import "typo3/element_message";
37 @import "typo3/element_panel";
38 @import "typo3/element_table";
39 @import "typo3/element_tab";
40
41 //
42 // Include modules
43 //
44 @import "typo3/module_install";
45
46 body.backend .module {
47     background: $gray-lighter;
48 }
49
50 .content-area {
51     padding-bottom: 35px;
52
53     > h3 {
54         margin-top: 0;
55     }
56
57     > *:last-child {
58         margin-bottom: 0;
59     }
60 }
61
62 .logo-pageheader {
63     img {
64         padding-bottom: 3px;
65     }
66 }
67
68 img.logo {
69     vertical-align: bottom;
70 }
71
72 .typo3-message > h4 {
73     margin-bottom: 0;
74 }
75
76 .typo3-message p {
77     margin-top: 9px;
78 }
79
80 .t3-install-displaytwinimageimages {
81     border: 1px solid #ccc;
82     padding: 10px;
83 }
84
85 .t3-install-displaytwinimagetextarea {
86     pre {
87         border-top: 0;
88     }
89 }
90
91 .t3-languagePacks-inactive {
92     color: #aaa;
93 }
94
95 .bg-transparent-emulation {
96     padding: 10px;
97     text-align: center;
98     background: url("#{$path-sysext}/install/Resources/Public/Images/bg_transparent_emulation.png");
99
100     img {
101         max-width: 300px;
102     }
103 }
104
105 .alert-notice {
106     @include alert-variant($btn-default-bg, $btn-default-border, $btn-default-color);
107 }
108
109 h1:first-child {
110     margin-top: 0;
111 }
112
113 .typo3-docheader {
114     &-functions,
115     &-buttons {
116         min-height: 20px;
117     }
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
160 .fixed {
161     position: fixed;
162     bottom: 0;
163     background-color: grey;
164
165     .footer-innerWrap {
166         padding: 1.5em;
167     }
168 }
169
170 // override 'position: fixed' (set by bootstrap affix via JS) if viewport < MD
171 // menu is placed above the content
172 #menuWrapper {
173     @media (max-width: $screen-sm-max) {
174         position: relative !important;
175         margin-bottom: 30px;
176     }
177 }
178
179 #mobileMenuWrapper {
180     margin-bottom: 10px;
181 }
182
183 #install-menu-button {
184     float: right;
185     margin-bottom: 20px;
186
187     .navbar-toggle {
188         border: 0;
189         background: #fff;
190
191         .icon-bar {
192             display: block;
193             width: 22px;
194             height: 2px;
195             border-radius: 1px;
196             background-color: black;
197
198             & + .icon-bar {
199                 margin-top: 4px;
200             }
201         }
202     }
203 }
204
205 //
206 // Styles for the "clearable" jquery plugin.
207 //
208 .form-control-clearable {
209     position: relative;
210
211     .form-control {
212         padding-right: 2.3em;
213     }
214
215     .close {
216         position: absolute;
217         height: 16px;
218         z-index: 3;
219         top: 50%;
220         right: 0.5em;
221         transform: translate(0, -50%);
222
223         .icon {
224             vertical-align: 0;
225         }
226     }
227 }
228
229 .input-group {
230     .form-control-clearable {
231         display: table-cell;
232
233         .form-control {
234             display: block;
235         }
236     }
237 }
238
239 a[data-toggle="collapse"] {
240     text-decoration: none;
241 }
242
243 .upgrade_analysis_item_to_filter pre a {
244     text-decoration: underline;
245 }
246
247 #phpinfo table {
248     width: 100%;
249     table-layout: fixed;
250     word-wrap: break-word;
251 }
252
253 .upgradeWizards-wizards-output {
254     .row-explanation {
255         white-space: pre-wrap;
256     }
257 }