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