[TASK] t3skin: Base login screen input on Bootstrap
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / structure / _login_screen.less
1 /**
2 * This file is part of the TYPO3 CMS project.
3 *
4 * It is free software; you can redistribute it and/or modify it under
5 * the terms of the GNU General Public License, either version 2
6 * of the License, or any later version.
7 *
8 * For the full copyright and license information, please read the
9 * LICENSE.txt file that was distributed with this source code.
10 *
11 * The TYPO3 project - inspiring people to share!
12 */
13
14 /* Login Screen
15 * Warning:
16 * DO NOT prevent the copyright notice from being shown!
17 * According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
18 * Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
19 */
20 #typo3-index-php {
21 margin: 0;
22 }
23
24 #typo3-index-php #t3-login-form {
25 margin: 0 auto;
26 width: 430px;
27 padding: 10% 0 0 0;
28 }
29
30 #typo3-index-php .t3-headline {
31 margin: 0;
32 width: auto;
33 }
34
35 #typo3-index-php .t3-headline h2 {
36 margin: 0;
37 padding: 5px 12px 5px 40px;
38 line-height: 24px;
39 }
40
41 #typo3-index-php #t3-login-process h2 {
42 display: inline;
43 padding: 20px 0 20px 50px;
44 position: relative;
45 top: 45%;
46 vertical-align: middle;
47 }
48
49 #typo3-index-php .t3-headline .t3-login-news-headline {
50 padding: 0 0 0 40px;
51 vertical-align: middle;
52 }
53
54 #typo3-index-php .t3-icons {
55 float: left;
56 padding: 3px 5px 0 0;
57 }
58
59 #typo3-index-php .t3-login-field,
60 #typo3-index-php .t3-login-submit {
61 margin: 0 0 6px;
62 /** For clearable */
63 position: relative;
64 }
65
66 #typo3-index-php .t3-login-field .t3-login-clearInputField {
67 cursor: pointer;
68 position: absolute;
69 top: 11px;
70 right: 11px;
71 }
72
73 #typo3-index-php .t3-login-field .t3-login-alert-capslock {
74 left: 300px;
75 position: absolute;
76 top: 5px;
77 }
78
79 #typo3-index-php #t3-login-interface-section {
80 float: left;
81 }
82
83 #typo3-index-php #t3-interfaceselector option {
84 height: 19px;
85 }
86
87 #typo3-index-php #t3-login-openIdLogo {
88 position: absolute;
89 }
90
91 #typo3-index-php .t3-login-openid-disabled .t3-login-form-footer,
92 #typo3-index-php .t3-login-openid-disabled #t3-login-openIdLogo {
93 display: none;
94 }
95
96 #typo3-index-php .t3-login-field input.t3-login-submit {
97 width: auto;
98
99 height: 28px;
100 padding: 0 50px;
101 }
102
103 #typo3-index-php .t3-login-error {
104 margin: 2px;
105 padding: 10px;
106 }
107
108 #t3-nocookies-ignore {
109 margin-top: 10px;
110 }
111
112 #typo3-index-php div#t3-copyright-notice {
113 padding-top: 12px;
114 margin-top: 30px;
115 }
116
117 #typo3-index-php div#t3-copyright-notice img {
118 display: none;
119 }
120
121 #typo3-index-php .t3-login-logo {
122 margin-bottom: 30px;
123 }
124
125 #typo3-index-php #t3-meta-links {
126 margin-top: 15px;
127 }
128
129 /**
130 * @section login news
131 */
132 #typo3-index-php #t3-login-news-outer {
133 margin-top: 35px;
134 }
135
136 #typo3-index-php #t3-login-news-outer .t3-login-box-body {
137 padding-bottom: 14px;
138 padding-top: 0;
139 }
140
141 #typo3-index-php #t3-login-news-outer #t3-login-news {
142 margin-top: 0;
143 clear: both;
144 }
145
146 #typo3-index-php #t3-login-news-outer #t3-login-news .t3-login-news-item {
147 padding-top: 20px;
148 }
149
150 #typo3-index-php #t3-login-news-outer #t3-login-news dd {
151 clear: both;
152 margin-left: 0;
153 padding: 0;
154 }
155
156 /**
157 * @section logout
158 */
159 #typo3-index-php .t3-login-logout-form .t3-username-current {
160 float: left;
161 height: 21px;
162 vertical-align: middle;
163 }
164
165 #typo3-index-php .t3-login-logout-form div.t3-login-label {
166 float: left;
167 padding-right: 10px;
168 width: 70px;
169 }
170
171 /**
172 * @section erros/warnings
173 */
174 .t3-login-alert {
175 padding: 12px;
176 margin-bottom: 6px;
177 }
178
179 .t3-login-alert h2 {
180 margin: 0;
181 padding: 0 10px 0 30px;
182 line-height: 16px;
183 }
184
185 .t3-login-alert p {
186 margin: 10px 0 0 0;
187 padding: 0 10px 0 30px;
188 }
189
190 /**
191 * @section box layout
192 */
193
194 .t3-login-box-body {
195 padding: 25px 40px 20px 40px;
196 }
197
198 .t3-login-box-shadow {
199 height: 3px;
200 }
201
202 .t3-login-box-border-bottom {
203 height: 6px;
204 }