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 }