e2a5a41ea2f52f577c43925907182f8024de8ef3
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / structure / login_screen.css
1 /* Login Screen
2 * Warning:
3 * DO NOT prevent the copyright notice from being shown!
4 * 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)
5 * 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.
6 */
7 #typo3-index-php {
8 height: 100%;
9 margin: 0;
10 }
11
12 #typo3-index-php #t3-login-form {
13 margin: 10% auto 0 auto;
14 width: 430px;
15 }
16
17 #typo3-index-php .t3-headline {
18 margin: 0;
19 width: auto;
20 }
21
22 #typo3-index-php .t3-headline h2 {
23 margin: 0;
24 padding: 5px 12px 5px 40px;
25 line-height: 24px;
26 }
27
28 #typo3-index-php #t3-login-process h2 {
29 display: inline;
30 padding: 20px 0 20px 50px;
31 position: relative;
32 top: 45%;
33 vertical-align: middle;
34 }
35
36 #typo3-index-php .t3-headline .t3-login-news-headline {
37 padding: 0 0 0 40px;
38 vertical-align: middle;
39 }
40
41 #typo3-index-php .t3-icons {
42 float: left;
43 padding: 3px 5px 0 0;
44 }
45
46 #typo3-index-php .t3-login-field {
47 margin: 0 0 6px;
48 padding: 0;
49 position: relative;
50 width: 100%;
51 }
52
53 #typo3-index-php .t3-login-field .t3-login-clearInputField {
54 cursor: pointer;
55 position: absolute;
56 top: 11px;
57 right: 11px;
58 }
59
60 #typo3-index-php .t3-login-field .t3-login-alert-capslock {
61 left: 307px;
62 position: absolute;
63 top: 2px;
64 }
65
66 #typo3-index-php .t3-login-field input {
67 line-height: 16px;
68 margin: 0;
69 padding: 9px 25px 9px 10px;
70 width: 315px;
71 }
72
73 #typo3-index-php #t3-login-interface-section {
74 float: left;
75 }
76
77 #typo3-index-php #t3-interfaceselector option {
78 height: 19px;
79 }
80
81 #typo3-index-php #t3-login-openIdLogo {
82 position: absolute;
83 }
84
85 #typo3-index-php .t3-login-openid-disabled .t3-login-form-footer,
86 #typo3-index-php .t3-login-openid-disabled #t3-login-openIdLogo {
87 display: none;
88 }
89
90 #typo3-index-php .t3-login-field input.t3-login-submit {
91 display: block;
92 float: right;
93 width: auto;
94
95 height: 28px;
96 padding: 0 50px;
97 }
98
99 #typo3-index-php .t3-login-error {
100 margin: 2px;
101 padding: 10px;
102 }
103
104 #t3-nocookies-ignore {
105 margin-top: 10px;
106 }
107
108 #typo3-index-php div#t3-copyright-notice {
109 padding-top: 12px;
110 margin-top: 30px;
111 }
112
113 * html #typo3-index-php div#t3-copyright-notice {
114 height: 35px;
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 clear: both;
143 }
144
145 #typo3-index-php #t3-login-news-outer #t3-login-news .t3-login-news-item {
146 padding-top: 20px;
147 }
148
149 #typo3-index-php #t3-login-news-outer #t3-login-news dd {
150 clear: both;
151 margin-left: 0;
152 padding: 0;
153 }
154
155 /**
156 * @section logout
157 */
158 #typo3-index-php .t3-login-logout-form .t3-username-current {
159 float: left;
160 height: 21px;
161 vertical-align: middle;
162 }
163
164 #typo3-index-php .t3-login-logout-form div.t3-login-label {
165 float: left;
166 padding-right: 10px;
167 width: 70px;
168 }
169
170 /**
171 * @section erros/warnings
172 */
173 .t3-login-alert {
174 padding: 12px;
175 margin-bottom: 6px;
176 }
177
178 .t3-login-alert h2 {
179 margin: 0;
180 padding: 0 10px 0 30px;
181 line-height: 16px;
182 }
183
184 .t3-login-alert p {
185 margin: 10px 0 0 0;
186 padding: 0 10px 0 30px;
187 }
188
189 /**
190 * @section box layout
191 */
192
193 .t3-login-box-body {
194 padding: 25px 40px 20px 40px;
195 }
196
197 .t3-login-box-shadow {
198 height: 3px;
199 }
200
201 .t3-login-box-border-bottom {
202 height: 6px;
203 }