0fe9e523aa92fcf30418006181331d8c8cb632a3
[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: #fefefe url(../backgrounds/login_grid.png);
10 margin: 0;
11 overflow: hidden;
12 }
13
14 body#typo3-index-php #t3-login-form-outer {
15 height: 87%;
16 overflow: auto;
17 width: 100%;
18 position: absolute;
19 }
20
21 body#typo3-index-php #t3-login-form {
22 margin: 30px auto 10px;
23 width: 504px;
24 text-align: left;
25 }
26
27 body#typo3-index-php #t3-login-news-outer h2, body#typo3-index-php .t3-headline {
28 background: #b7bec8 url(../backgrounds/login_headline_bg.gif) repeat-x;
29 padding-bottom: 2px;
30 margin: 0 0 1px;
31 width: auto;
32 }
33
34 body#typo3-index-php .t3-headline h2 {
35 background-color: transparent;
36 margin: 0;
37 padding: 2px 0 0 4px;
38 float: left;
39 color: #000;
40 width: 450px;
41 }
42
43 body#typo3-index-php .t3-headline:after {
44 content: ".";
45 display: block;
46 height: 0;
47 clear: both;
48 visibility: hidden;
49 }
50
51 body#typo3-index-php .t3-icons {
52 float: right;
53 padding: 3px 5px 0 0;
54 }
55
56 body#typo3-index-php .t3-icons .t3-help {
57 display: none;
58 position: absolute;
59 border: 1px solid #b2b3b7;
60 padding: 5px;
61 background-color: #fff;
62 max-width: 300px;
63 }
64
65 body#typo3-index-php .t3-icons .t3-help a {
66 text-decoration: underline;
67 }
68
69 body#typo3-index-php .t3-helpicon {
70 float: left;
71 padding-right: 5px;
72 cursor: help;
73 }
74
75 body#typo3-index-php .t3-helpicon:hover .t3-help,
76 body#typo3-index-php .t3-reloadicon:hover .t3-help {
77 display: block;
78 }
79
80 body#typo3-index-php .t3-reloadicon {
81 float: left;
82 cursor: pointer;
83 }
84
85 body#typo3-index-php .t3-login-username {
86 margin-top: 15px;
87 }
88
89 body#typo3-index-php .t3-login-username input {
90 background: #fefefe url(../icons/login_user.png) no-repeat 5px 4px;
91 }
92
93 body#typo3-index-php .t3-login-password input {
94 background: #fefefe url(../icons/login_padlock.png) no-repeat 7px 4px;
95 }
96
97 body#typo3-index-php .t3-login-username input,
98 body#typo3-index-php .t3-login-password input {
99 box-shadow: 2px 2px 2px #8e8b88 inset;
100 -moz-box-shadow: 2px 2px 2px #8e8b88 inset;
101 -webkit-box-shadow: 2px 2px 2px #8e8b88 inset;
102 }
103
104 body#typo3-index-php .t3-login-field {
105 height: 25px;
106 padding-top: 15px;
107 }
108
109 body#typo3-index-php .t3-login-field label {
110 color: #7f8083;
111 display: block;
112 float: left;
113 font-size: 16px;
114 padding-right: 10px;
115 text-align: right;
116 text-transform: uppercase;
117 width: 150px;
118 }
119
120 body#typo3-index-php .t3-login-field input {
121 color: #555;
122 background-color: #bbc0b8;
123 font-size: 14px;
124 height: 20px;
125 width: 270px;
126 padding-left: 25px;
127 }
128
129 body#typo3-index-php .t3-login-field input:focus {
130 border-color: #f88f24;
131 background-color: #fff;
132 }
133
134 body#typo3-index-php #t3-login-form-inner {
135 border: 1px solid #737373;
136 padding: 1px;
137 background: #dfe0e5;
138 }
139
140 body#typo3-index-php #t3-login-form-fields {
141 padding-bottom: 30px;
142 display: none;
143 }
144
145 body#typo3-index-php #t3-capslock {
146 margin: 10px 0 0 160px;
147 border: 2px solid #be0027;
148 background-color: #ffd6cf;
149 color: #be0027;
150 font-weight: bold;
151 padding: 3px;
152 width: 288px;
153 }
154
155 body#typo3-index-php #t3-capslock * {
156 vertical-align: middle;
157 }
158
159 body#typo3-index-php #t3-capslock img {
160 margin-right: 5px;
161 }
162
163 body#typo3-index-php #t3-interfaceselector {
164 margin-top: 3px;
165 }
166
167 body#typo3-index-php .t3-login-submit {
168 border-color: #b2b3b7;
169 font-size: 14px;
170 font-weight: bold;
171 margin-left: 160px;
172 margin-top: 15px;
173 padding: 0 25px;
174 text-align: left;
175 background: #fff url(../backgrounds/login_submit_bg.gif) repeat-x;
176 }
177
178 body#typo3-index-php .t3-login-error {
179 background-color: #ffd6cf;
180 border: 3px solid #be0027;
181 color: #be0027;
182 font-size: 14px;
183 font-weight: bold;
184 margin: 2px;
185 padding: 10px;
186 }
187
188 body#typo3-index-php #t3-noscript-error {
189 background: #ffd6cf url(../backgrounds/login_noscript.gif) no-repeat left bottom;
190 border: 3px solid #be0027;
191 margin: 2px;
192 padding: 10px 10px 10px 80px;
193 height: 130px;
194 }
195
196 body#typo3-index-php #t3-noscript-error p {
197 padding-top: 20px;
198 color: #be0027;
199 font-size: 20px;
200 font-weight: bold;
201 text-transform: uppercase;
202 }
203
204 body#typo3-index-php #t3-nocookies-error p {
205 padding-top: 20px;
206 color: #ff8700;
207 font-size: 20px;
208 font-weight: bold;
209 text-transform: uppercase;
210 }
211
212 body#typo3-index-php #t3-nocookies-error {
213 background: #ffe7cc url(../backgrounds/login_nocookies.gif) no-repeat left bottom;
214 border: 3px solid #FF8700;
215 margin: 2px;
216 padding: 10px 10px 10px 130px;
217 height: 130px;
218 }
219
220 body#typo3-index-php div#t3-copyright-notice {
221 background: url(../icons/login_logo_sw.gif) no-repeat top left;
222 text-align: left;
223 margin-top: 25px;
224 padding-left: 48px;
225 font-weight: normal;
226 color: #838383;
227 min-height: 35px;
228 }
229
230 * html body#typo3-index-php div#t3-copyright-notice {
231 height: 35px;
232 }
233
234 body#typo3-index-php div#t3-copyright-notice a {
235 color: #838383;
236 text-decoration: underline;
237 }
238 body#typo3-index-php div#t3-copyright-notice a:hover {
239 color: #000;
240 }
241
242 body#typo3-index-php div#t3-copyright-notice img {
243 display: none;
244 }
245
246 body#typo3-index-php div#t3-login-image {
247 text-align: left;
248 width: 500px;
249 height: auto;
250 padding: 0;
251 margin: 0;
252 }
253
254 body#typo3-index-php #t3-footer {
255 position: absolute;
256 bottom: 0;
257 padding-bottom: 20px;
258 height: 10%;
259 width: 100%;
260 background: #f8f8f9 url(../backgrounds/login_footer.png) 0 -1px repeat-x;
261 }
262
263 body#typo3-index-php #t3-meta-links {
264 float: right;
265 margin-top: 20px;
266 margin-left: 100px;
267 width: 135px;
268 text-align: center;
269 }
270
271 body#typo3-index-php #t3-meta-links a {
272 display: block;
273 width: 100px;
274 border: 1px solid #b2b3b7;
275 padding: 5px;
276 margin-bottom: 3px;
277 font-size: 9px;
278 font-weight: bold;
279 color: #999;
280 }
281
282 body#typo3-index-php #t3-meta-links a:hover {
283 background-color: #ededf0;
284 }
285
286 /**
287 * @section login news
288 */
289 body#typo3-index-php #t3-login-news-outer {
290 width: 500px;
291 border: 1px solid #737373;
292 margin-top: 30px;
293 padding: 1px;
294 background: #fff;
295 }
296
297 body#typo3-index-php #t3-login-news-outer #t3-login-news {
298 margin: 12px;
299 clear: both;
300 }
301
302 body#typo3-index-php #t3-login-news-outer #t3-login-news dt {
303 font-size: 12px;
304 }
305
306 body#typo3-index-php #t3-login-news-outer #t3-login-news dd {
307 margin-left: 0;
308 border: 0;
309 padding: 0;
310 font-size: 10px;
311 clear: both;
312 padding-bottom: 15px;
313 }
314
315 body#typo3-index-php #t3-login-news-outer .t3-news-date {
316 float: right;
317 }