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