e153c80755211dea34a812400a4d4106eca78308
[Packages/TYPO3.CMS.git] / typo3 / sysext / install / Resources / Public / Stylesheets / install.css
1 @CHARSET "UTF-8";
2
3 body {
4 background-color: #f2f2f2;
5 }
6
7 h1,
8 #t3-install-menu-border-top,
9 #t3-install-menu-bottom,
10 #t3-install-links,
11 #t3-install-box-border-top,
12 #t3-install-box-border-bottom,
13 #t3-install-copyright {
14 display: none;
15 }
16
17 #t3-install-box-body,
18 #t3-install-menu {
19 border: 1px #dcdcdc solid;
20 background-color: #ffffff;
21 }
22
23 /* 0: Login form */
24
25 /* 1: Basic configuration */
26 #t3-install-checkimagemagick label {
27 width: 27em;
28 }
29
30 #systemInformation dt {
31 float: left;
32 width: 11em;
33 }
34
35 #systemInformation dd {
36 padding-left: 11em;
37 font-weight: bold;
38 }
39
40 #t3-install-imagemagickversions td {
41 padding-right: 1em;
42 }
43
44 /* 2: Database Analyzer */
45 #t3-install-databasemenu {
46 width: 100%;
47 }
48
49 #t3-install-databaseconnected dt,
50 #t3-install-checkthedatabaseexplanation dt {
51 float: left;
52 width: 7em;
53 }
54
55 #t3-install-databaseconnected dd,
56 #t3-install-checkthedatabaseexplanation dd {
57 padding-left: 7em;
58 }
59
60 #t3-install-databaseconnected dd,
61 #t3-install-checkthedatabaseexplanation dt {
62 font-weight: bold;
63 }
64
65 #t3-install-checkthedatabaseimport label span,
66 #t3-install-checkthedatabasecache label span {
67 float: none;
68 display: inline-block;
69 vertical-align: top;
70 }
71
72 #t3-install-checkthedatabaseimport label span {
73 width: 32%;
74 }
75
76 #t3-install-checkthedatabasecache label span.t3-install-column1 {
77 width: 27%;
78 }
79
80 #t3-install-checkthedatabasecache label span.t3-install-column3 {
81 width: 56%;
82 }
83
84 #t3-install-checkthedatabasecache label span.t3-install-column2 {
85 width: 15%;
86 }
87
88 .t3-install-displayfields,
89 .t3-install-displaysuggestions,
90 .t3-install-displayfieldscompare {
91 width: 100%;
92 margin-bottom: 1em;
93 }
94
95 .t3-install-displayfields th,
96 .t3-install-displaysuggestions th,
97 .t3-install-displayfieldscompare th {
98 text-align: left;
99 background-color: #B3B7BD;
100 }
101
102 .t3-install-displaysuggestions .tfootHeader {
103 font-weight: bold;
104 background-color: #d0d0d0;
105 }
106
107 .t3-install-displayfields th,
108 .t3-install-displayfields td,
109 .t3-install-displaysuggestions th,
110 .t3-install-displaysuggestions td,
111 .t3-install-displayfieldscompare th,
112 .t3-install-displayfieldscompare td {
113 padding: 0.2em;
114 }
115
116 .t3-install-displayfields thead,
117 .t3-install-displayfields tbody,
118 .t3-install-displaysuggestions thead,
119 .t3-install-displaysuggestions tfoot,
120 .t3-install-displaysuggestions tbody,
121 .t3-install-displayfieldscompare thead,
122 .t3-install-displayfieldscompare tbody {
123 border: 1px #B3B7BD solid;
124 }
125
126 .t3-install-displayfields .t3-install-column1,
127 .t3-install-displaysuggestions .t3-install-column1 {
128 width: 35%;
129 }
130
131 .t3-install-displaysuggestions tr {
132 border-top: 1px #B3B7BD solid;
133 }
134
135 .t3-install-displaysuggestions pre {
136 font-size: 110%;
137 }
138
139 .t3-install-displayfieldscompare .warning {
140 color: red;
141 }
142
143 /* 4: Image processing */
144 #t3-install-imageprocessingim dt,
145 #t3-install-imageprocessingother dt,
146 #t3-install-imageprocessingfileformats dt {
147 float: left;
148 width: 19em;
149 }
150
151 #t3-install-imageprocessingim dd,
152 #t3-install-imageprocessingother dd,
153 #t3-install-imageprocessingfileformats dd {
154 font-weight: bold;
155 padding-left: 19em;
156 }
157
158 #t3-install-imageprocessingim dd span,
159 #t3-install-imageprocessingother dd span,
160 #t3-install-imageprocessingfileformats dd span {
161 font-weight: normal;
162 }
163
164 .t3-install-displaytwinimagetextarea {
165 width: 48em;
166 overflow: scroll;
167 border: 1px #797878 solid;
168 }
169
170 .t3-install-displaytwinimagetextarea textarea {
171 width: 300em;
172 border: 0;
173 }
174
175 .t3-install-displaytwinimageimages,
176 .t3-install-displaytwinimagereference,
177 .t3-install-displaytwinimagedifferentfilesize {
178 width: 100%;
179 margin: 0.3em 0;
180 }
181
182 .t3-install-displaytwinimageimages td,
183 .t3-install-displaytwinimagereference th,
184 .t3-install-displaytwinimagereference td,
185 .t3-install-displaytwinimagedifferentfilesize th,
186 .t3-install-displaytwinimagedifferentfilesize td {
187 text-align: center;
188 }
189
190 /* 5: All configuration */
191
192 /* 6: typo3temp/ */
193 #t3-install-tempmanagernumbers dt {
194 float: left;
195 width: 19em;
196 }
197
198 #t3-install-tempmanagernumbers dd {
199 font-weight: bold;
200 padding-left: 19em;
201 }
202
203 #t3-install-tempmanagernumbers dd span {
204 font-weight: normal;
205 }
206
207 /* 7: Clean up database */
208 #t3-install-cleanupmanagernumbers dt {
209 float: left;
210 width: 19em;
211 }
212
213 #t3-install-cleanupmanagernumbers dd {
214 font-weight: bold;
215 padding-left: 19em;
216 }
217
218 #t3-install-cleanupmanagernumbers dd span {
219 font-weight: normal;
220 }
221
222 /* 8: phpinfo() */
223 #t3-install-debuginformation {
224 width: 48em;
225 height: 20em;
226 overflow: scroll;
227 border: 1px #797878 solid;
228 }
229
230 #t3-install-debuginformation textarea {
231 width: 200em;
232 height: 68em;
233 border: 0;
234 }
235
236 .t3-install-viewarray {
237 border: 1px solid #B3B7BD;
238 border-bottom: 0;
239 }
240
241 .t3-install-viewarray .t3-install-viewarray {
242 border: 0;
243 }
244
245 .t3-install-viewarray dt {
246 float: left;
247 width: 19em;
248 font-weight: bold;
249 }
250
251 .t3-install-viewarray dd {
252 padding-left: 19em;
253 border-bottom: 1px #d0d0d0 solid
254 }
255
256 .t3-install-viewarray .t3-install-viewarray dt {
257 width: 10em;
258 }
259
260 .t3-install-viewarray .t3-install-viewarray dd {
261 padding-left: 10em;
262 border: 0;
263 }
264
265 .t3-install-viewarray dl {
266 margin: 0;
267 }
268
269 .phpinfo pre {
270 margin: 0px;
271 font-family: monospace;
272 }
273
274 .phpinfo table {
275 border-collapse: collapse;
276 width: 100%;
277 table-layout: fixed;
278 }
279
280 .phpinfo .center table {
281 margin-left: auto;
282 margin-right: auto;
283 text-align: left;
284 }
285
286 .phpinfo .center th {
287 text-align: center !important;
288 }
289
290 .phpinfo td,
291 .phpinfo th {
292 border: 1px solid #000000;
293 vertical-align: baseline;
294 padding: 0.3em;
295 overflow: hidden;
296 }
297
298 .phpinfo h1 {
299 font-size: 150%;
300 background-image: none;
301 text-indent: 0;
302 height: auto;
303 color: #000000;
304 margin: 1em 0 1em 0;
305 text-align: center;
306 float: none;
307 }
308
309 .phpinfo h2 {
310 margin: 1em 0 1em 0;
311 color: #000000;
312 padding: 0;
313 text-align: center;
314 background-color: transparent;
315 float: none;
316 }
317
318 .phpinfo .p {
319 text-align: left;
320 }
321
322 .phpinfo .e {
323 background-color: #ccf;
324 font-weight: bold;
325 color: #000000;
326 }
327
328 .phpinfo .h {
329 background-color: #99c;
330 font-weight: bold;
331 color: #000000;
332 }
333
334 .phpinfo .v {
335 background-color: #ccc;
336 color: #000000;
337 }
338
339 .phpinfo .vr {
340 background-color: #ccc;
341 text-align: right;
342 color: #000000;
343 }
344
345 .phpinfo img {
346 float: right;
347 border: 0px;
348 }
349
350 .phpinfo hr {
351 background-color: #ccc;
352 border: 0px;
353 height: 1px;
354 color: #000000;
355 }
356
357 /* 9: Edit files in typo3conf/ */
358 #t3-install-confeditfilelist dt {
359 float: left;
360 width: 45em;
361 }
362
363 #t3-install-confeditfilelist dd {
364 padding-left: 45em;
365 }
366
367 #t3-install-confeditfilelist dt a {
368 color: blue;
369 text-decoration: none;
370 }
371
372 #t3-install-confeditfilelist dt a:hover {
373 text-decoration: underline;
374 }
375
376 #t3-install-confeditfilelist dt.act a {
377 font-weight: bold;
378 }
379
380 #t3-install-fileedit textarea {
381 height: 10em;
382 width: 99%;
383 padding: 0;
384 }
385
386 /* 10: About */
387
388
389 /* Stylesheet for the standalone version of the Install Tool */
390
391 body.standalone {
392 background: #4f4f4f url('../Images/body-background.jpg') repeat-x fixed;
393 }
394
395 body.standalone #t3-install-outer {
396 margin: 0 auto;
397 }
398
399 body.standalone h1,
400 body.standalone #t3-install-menu-border-top,
401 body.standalone #t3-install-menu-bottom,
402 body.standalone #t3-install-links,
403 body.standalone #t3-install-box-border-top,
404 body.standalone #t3-install-box-border-bottom,
405 body.standalone #t3-install-copyright {
406 display: block;
407 }
408
409 body.standalone #t3-install-form-login,
410 body.standalone #t3-install-form-login .t3-install-form-submit,
411 body.standalone #t3-install-box-body {
412 margin-bottom: 0;
413 }
414
415 body.standalone #t3-install-form-login .t3-install-form-submit {
416 padding-bottom: 1em;
417 }
418
419 body.standalone h1 {
420 background: url('../Images/logo.gif') no-repeat scroll 0 0 transparent;
421 text-indent:-999em;
422 margin: 2em 0 3.7em 0;
423 height: 34px;
424 width: 19em;
425 float: left;
426 }
427
428 body.standalone h2 {
429 padding: 3.3em 0 3.7em 17.5em;
430 margin: 0;
431 height: auto;
432 color: #ffffff;
433 }
434
435 body.standalone #t3-install-box-border-top {
436 height: 3px;
437 background: #3e3e3e url('../Images/content-top.png') no-repeat center bottom;
438 }
439
440 body.standalone #t3-install-box-body {
441 background-color: #eeeeee;
442 }
443
444 body.standalone #t3-install-box-border-bottom {
445 height: 3px;
446 background: #4d4c4d url('../Images/content-bottom.png') no-repeat center top;
447 }
448
449 body.standalone #t3-install-menu,
450 body.standalone #t3-install-box-body {
451 border: 0;
452 }
453
454 body.standalone #t3-install-menu-border-top {
455 width: 17.6em;
456 height: 3px;
457 background: #3e3e3e url('../Images/content-top.png') no-repeat center bottom;
458 }
459
460 body.standalone #t3-install-menu {
461 background: #ebebeb url('../Images/menuBackground.gif') repeat-x left bottom;
462 }
463
464 body.standalone #t3-install-menu-bottom {
465 width: 17.6em;
466 height: 3px;
467 background: #3e3e3e url('../Images/content-bottom.png') no-repeat center bottom;
468 }
469
470 body.standalone .t3-install-login h2 {
471 clear: both;
472 margin: 0;
473 padding: 0.5em 0 0.5em 3.35em;
474 }