[TASK] Visual cleanup
[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 .content-area > h3 {
20         margin-top: 0;
21 }
22
23 .logo-pageheader {
24         img {
25                 padding-bottom: 3px;
26         }
27 }
28
29 img.logo {
30         vertical-align: bottom;
31 }
32
33 .typo3-message > h4 {
34         margin-bottom: 0;
35 }
36
37 .typo3-message p {
38         margin-top: 9px;
39 }
40
41 @alert-success-text: @gray-darker;
42 @alert-success-border: #79a548;
43 @alert-success-bg: lighten(#79a548, 20%);
44
45 @alert-info-text: @gray-darker;
46 @alert-info-border: #6daae0;
47 @alert-info-bg: lighten(#6daae0, 20%);
48
49 @alert-warning-text: @gray-darker;
50 @alert-warning-border: #e8a33d;
51 @alert-warning-bg: lighten(#e8a33d, 20%);
52
53 @alert-danger-text: @gray-darker;
54 @alert-danger-border: #c83c3c;
55 @alert-danger-bg: lighten(#c83c3c, 30%);
56
57 .alert-notice {
58         .alert-variant(@btn-default-bg; @btn-default-border; @btn-default-color);
59 }
60
61 table.t3-install-displaytwinimageimages tr > td {
62         padding-right: 20px;
63 }
64
65 .nav-pills > li > a {
66         border-radius: 0;
67 }
68
69 h1:first-child {
70         margin-top: 0;
71 }
72
73 .typo3-docheader {
74         &-functions,
75         &-buttons {
76                 min-height: 20px;
77         }
78 }
79
80 .item {
81         margin : 1em;
82         border: 1px solid @panel-default-heading-bg;
83 }
84
85 .item .item-heading {
86         padding: 1em;
87         background-color: @panel-default-heading-bg;
88 }
89
90 .item .item-body {
91         padding: 1em;
92 }
93
94 @media (min-width: @screen-md-min) {
95         .affix-bottom {
96                 position: absolute;
97         }
98
99         body.standalone .affix-top {
100                 position: relative;
101         }
102
103         .affix {
104                 position: fixed;
105                 top: 35px;
106         }
107
108         body.backend .affix-top {
109                 position: fixed;
110                 top: 35px;
111         }
112
113         body.backend .leftNavigation {
114                 min-height: 425px;
115         }
116 }
117
118 hr {
119         border-top-color: @panel-default-heading-bg;
120 }
121
122 #fixed-footer-handler {
123         height: 32px;
124 }
125 .fixed {
126         position: fixed;
127         bottom: 0;
128         background-color: grey;
129         .footer-innerWrap {
130                 padding : 1.5em;
131         }
132 }
133
134 // override 'position: fixed' (set by bootstrap affix via JS) if viewport < MD
135 // menu is placed above the content
136 #menuWrapper {
137         @media (max-width: @screen-sm-max) {
138                 position: relative!important;
139                 margin-bottom: 30px;
140         }
141 }