0377cd477999c0d6d0b06794d3d28f3ae5ba235a
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / typo3-index-php.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 */
8 body#typo3-index-php {
9 background: #fff;
10 margin: 0;
11 }
12
13 body#typo3-index-php #t3-login-form-outer {
14 width: 100%;
15 }
16
17 body#typo3-index-php #t3-login-form {
18 margin: 30px 16% 10px;
19 width: 456px;
20 text-align: left;
21 font-size: 11px;
22 }
23
24 body#typo3-index-php .t3-headline {
25 background: #b5bbc7 url('../backgrounds/login-box-header.png') repeat-x;
26 padding-bottom: 2px;
27 margin: 0;
28 width: auto;
29 border-bottom: 1px solid #d6d9df;
30 min-height: 24px;
31 height: auto !important;
32 height: 24px;
33 }
34
35 body#typo3-index-php .t3-headline h2 {
36 background: url('../icons/login-icon-key.gif') no-repeat 10px 5px;
37 background-color: transparent;
38 margin: 0;
39 padding: 0 0 0 40px;
40 float: left;
41 color: #fff;
42 font-size: 11px !important;
43 vertical-align: middle;
44 line-height: 24px;
45 }
46
47 body#typo3-index-php .t3-headline .t3-login-news-headline {
48 background: url('../icons/login-icon-news.gif') no-repeat 10px center;
49 background-color: transparent;
50 margin: 0;
51 padding: 0 0 0 40px;
52 float: left;
53 color: #fff;
54 font-size: 11px !important;
55 vertical-align: middle;
56 line-height: 24px;
57 }
58
59 body#typo3-index-php .t3-headline:after {
60 content: ".";
61 display: block;
62 height: 0;
63 clear: both;
64 visibility: hidden;
65 }
66
67 body#typo3-index-php .t3-icons {
68 float: left;
69 padding: 3px 5px 0 0;
70 }
71
72 body#typo3-index-php .t3-login-username {
73 margin-top: 15px;
74 }
75
76 body#typo3-index-php .t3-login-field {
77 height: 21px;
78 padding: 0;
79 margin: 5px 0 0;
80 line-height: 21px;
81 position: relative;
82 }
83
84 body#typo3-index-php .t3-login-field .t3-login-clearInputField {
85 position: absolute;
86 left: 275px;
87 top: 5px;
88 }
89
90 body#typo3-index-php .t3-login-field .t3-login-alert-capslock {
91 position: absolute;
92 left: 297px;
93 top: 2px;
94 }
95
96 body#typo3-index-php .t3-login-field label {
97 color: #7f8083;
98 float: left;
99 padding-right: 10px;
100 width: 85px;
101 }
102
103 body#typo3-index-php .t3-login-field input {
104 color: #000;
105 height: 19px;
106 line-height: 19px;
107 font-size: 11px;
108 width: 168px;
109 margin: 0;
110 padding: 2px 23px 0 5px;
111 border: 1px solid #7c7c7c;
112 background: #ffffff url('../backgrounds/login-field-input.gif') repeat-x;
113 -webkit-appearance: textfield;
114 }
115
116 body#typo3-index-php #t3-login-form-fields {
117 padding: 14px 0 0 30px;
118 margin: 0;
119 display: none;
120 }
121
122 body#typo3-index-php #t3-interfaceselector {
123 width: 198px;
124 font-size: 11px;
125 }
126
127 body#typo3-index-php #t3-interfaceselector option {
128 height: 19px;
129 }
130
131 body#typo3-index-php .t3-login-form-footer {
132 text-align: right;
133 vertical-align: middle;
134 margin: 10px 0 0;
135 }
136
137 body#typo3-index-php .t3-login-form-footer a {
138 cursor: pointer;
139 }
140
141 body#typo3-index-php #t3-login-openIdLogo {
142 position: absolute;
143 top: -4px;
144 right: 0;
145 }
146
147 body#typo3-index-php .t3-login-form-footer,
148 body#typo3-index-php .t3-login-form-footer a.switchToOpenId {
149 color: #777d7d;
150 font-size: 10px;
151 }
152
153 body#typo3-index-php .t3-login-openid-disabled .t3-login-form-footer,
154 body#typo3-index-php .t3-login-openid-disabled #t3-login-openIdLogo {
155 display: none;
156 }
157
158 body#typo3-index-php .t3-login-submit {
159 font-size: 11px;
160 border-color: #7c7c7c;
161 margin: 15px 0 0 95px;
162 padding: 3px 16px;
163 text-align: left;
164 background: #d6d6d6 url(../backgrounds/login_submit_bg.gif) repeat-x;
165 }
166
167 body#typo3-index-php .t3-login-error {
168 background-color: #ffd6cf;
169 border: 3px solid #be0027;
170 color: #be0027;
171 font-size: 14px;
172 font-weight: bold;
173 margin: 2px;
174 padding: 10px;
175 }
176
177 body#typo3-index-php div#t3-copyright-notice {
178 margin-top: 15px;
179 font-weight: normal;
180 color: #b0b0b0;
181 }
182
183 * html body#typo3-index-php div#t3-copyright-notice {
184 height: 35px;
185 }
186
187 body#typo3-index-php div#t3-copyright-notice a {
188 color: #b0b0b0;
189 text-decoration: underline;
190 }
191 body#typo3-index-php div#t3-copyright-notice a:hover {
192 color: #000;
193 }
194
195 body#typo3-index-php div#t3-copyright-notice img {
196 display: none;
197 }
198
199 body#typo3-index-php div#t3-login-image {
200 text-align: left;
201 height: auto;
202 padding: 0;
203 margin: 0 0 30px;
204 }
205
206 body#typo3-index-php #t3-footer {
207 border-top: 1px solid #d1d2d3;
208 margin: 40px 16% 10px;
209 width: 456px;
210 }
211
212 body#typo3-index-php #t3-meta-links {
213 margin-top: 15px;
214 color: #b0b0b0;
215 }
216
217 body#typo3-index-php #t3-meta-links a {
218 color: #b0b0b0;
219 text-decoration: underline;
220 }
221
222 body#typo3-index-php #t3-meta-links a.t3-login-link-donate {
223 font-weight: bold;
224 }
225
226 body#typo3-index-php #t3-meta-links a:hover {
227 color: #000;
228 }
229
230 /**
231 * @section login news
232 */
233 body#typo3-index-php #t3-login-news-outer {
234 margin-top: 35px;
235 }
236
237 body#typo3-index-php #t3-login-news-outer .t3-login-box-body {
238 padding-top: 0;
239 padding-bottom: 20px;
240 }
241
242 body#typo3-index-php #t3-login-news-outer #t3-login-news {
243 margin: 0 30px;
244 clear: both;
245 }
246
247 body#typo3-index-php #t3-login-news-outer #t3-login-news .t3-login-news-item {
248 padding-top: 20px;
249 }
250
251 body#typo3-index-php #t3-login-news-outer #t3-login-news dt {
252 font-weight: bold;
253 }
254
255 body#typo3-index-php #t3-login-news-outer #t3-login-news dd {
256 margin-left: 0;
257 border: 0;
258 padding: 0;
259 clear: both;
260 }
261
262 /**
263 * @section logout
264 */
265
266 body#typo3-index-php .t3-login-logout-form .t3-username-current {
267 color: #7f8083;
268 float: left;
269 line-height: 21px;
270 height: 21px;
271 vertical-align: middle;
272 }
273
274 body#typo3-index-php .t3-login-logout-form div.t3-login-label {
275 color: #7f8083;
276 float: left;
277 padding-right: 10px;
278 width: 85px;
279 line-height: 21px;
280 }
281
282 /**
283 * @section erros/warnings
284 */
285
286 .t3-login-alert {
287 padding: 15px;
288 }
289
290 .t3-login-alert h2 {
291 margin: 0;
292 background: none;
293 font-size: 14px;
294 line-height: 18px;
295 padding: 0 10px 0 30px;
296 }
297
298 .t3-login-alert p {
299 margin: 10px 0 0 0;
300 padding: 0 10px 0 30px;
301 font-size: 11px;
302 line-height: 15px;
303 }
304
305 .t3-login-alert a {
306 text-decoration: underline;
307 }
308
309 .t3-login-alert-error {
310 background: #f6d3cf;
311 border: 1px solid #d66c68;
312 }
313
314 .t3-login-alert-error h2 {
315 background: url('../icons/login-alert-error.gif') no-repeat left 2px;
316 color: #be0027;
317 }
318
319 .t3-login-alert-error p,
320 .t3-login-alert-error a {
321 color: #be0027;
322 }
323
324 .t3-login-alert-warning {
325 background: #fbf6de;
326 border: 1px solid #b1905c;
327 }
328
329 .t3-login-alert-warning h2 {
330 background: url('../icons/login-alert-warning.gif') no-repeat left 2px;
331 color: #9e7d4a;
332 }
333
334 .t3-login-alert-warning p,
335 .t3-login-alert-warning a {
336 color: #9e7d4a;
337 }
338
339 /**
340 * @section box layout
341 */
342
343 .t3-login-box {
344 border: 1px solid #d6d9df;
345 border-bottom: none;
346 }
347
348 .t3-login-box-body {
349 background: #e3e5ea url('../backgrounds/login-box-body.png') repeat-x;
350 padding: 10px;
351 }
352
353 .t3-login-box-border-bottom {
354 height: 6px;
355 background: url('../backgrounds/login-border-bottom.png') top left no-repeat;
356 }