[BUGFIX] BE login template: fix invalid HTML structure
[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 margin-top: 0;
148 padding-top: 20px;
149 }
150
151 #typo3-index-php #t3-login-news-outer #t3-login-news dd {
152 clear: both;
153 margin-left: 0;
154 padding: 0;
155 }
156
157 /**
158 * @section logout
159 */
160 #typo3-index-php .t3-login-logout-form .t3-username-current {
161 float: left;
162 height: 21px;
163 vertical-align: middle;
164 }
165
166 #typo3-index-php .t3-login-logout-form div.t3-login-label {
167 float: left;
168 padding-right: 10px;
169 width: 70px;
170 }
171
172 /**
173 * @section erros/warnings
174 */
175 .t3-login-alert {
176 padding: 12px;
177 margin-bottom: 6px;
178 }
179
180 .t3-login-alert h2 {
181 margin: 0;
182 padding: 0 10px 0 30px;
183 line-height: 16px;
184 }
185
186 .t3-login-alert p {
187 margin: 10px 0 0 0;
188 padding: 0 10px 0 30px;
189 }
190
191 /**
192 * @section box layout
193 */
194
195 .t3-login-box-body {
196 padding: 25px 40px 20px 40px;
197 }
198
199 .t3-login-box-shadow {
200 height: 3px;
201 }
202
203 .t3-login-box-border-bottom {
204 height: 6px;
205 }