[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 }