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