diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 76 |
1 files changed, 34 insertions, 42 deletions
@@ -36,6 +36,7 @@ | |||
36 | html, body { | 36 | html, body { |
37 | height: 100%; | 37 | height: 100%; |
38 | margin: 0px !important; | 38 | margin: 0px !important; |
39 | min-width: 480px; | ||
39 | 40 | ||
40 | font-family: 'SourceSansPro', sans-serif; | 41 | font-family: 'SourceSansPro', sans-serif; |
41 | font-size: 14pt; | 42 | font-size: 14pt; |
@@ -459,26 +460,27 @@ select.zeit { | |||
459 | min-height: 100%; | 460 | min-height: 100%; |
460 | height: auto !important; | 461 | height: auto !important; |
461 | height: 100%; | 462 | height: 100%; |
462 | margin: 0 auto -260px; | 463 | margin: 0 auto -300px; |
463 | } | 464 | } |
464 | 465 | ||
465 | .footer, .push { | 466 | .footer, .push { |
466 | height: 260px; | 467 | height: 300px; |
467 | } | 468 | } |
468 | 469 | ||
469 | .footer { | 470 | .footer { |
470 | width: 100%; | 471 | width: 100%; |
471 | min-width: 540px; | 472 | min-width: 540px; |
472 | margin: 0; | 473 | margin: 0; |
473 | padding: 72px 0 0 0; | 474 | padding: 50px 0 0 0; |
474 | 475 | ||
475 | font-size: 12pt; | 476 | font-size: 11pt; |
476 | font-weight: 300; | 477 | font-weight: 300; |
477 | 478 | ||
478 | overflow: hidden; | 479 | overflow: hidden; |
479 | text-align: center; | 480 | text-align: center; |
480 | } | 481 | } |
481 | 482 | ||
483 | /* Footer links have a softer color than in block 1 */ | ||
482 | .footer a:link, | 484 | .footer a:link, |
483 | .footer a:visited { | 485 | .footer a:visited { |
484 | color: #8E99A0; | 486 | color: #8E99A0; |
@@ -494,56 +496,45 @@ select.zeit { | |||
494 | 496 | ||
495 | .footer .imprint { | 497 | .footer .imprint { |
496 | cursor: pointer; | 498 | cursor: pointer; |
499 | margin-bottom: 1em; | ||
497 | } | 500 | } |
498 | 501 | ||
499 | .credit { | 502 | .partners { |
500 | display: inline-block; | 503 | width: 480px; |
501 | vertical-align: top; | 504 | padding: 0; |
502 | width: 210px; | 505 | margin: 0 auto 24px auto; |
503 | margin: 0 0 0 0 !important; | 506 | border: none; |
504 | padding: 15px 0 0 0; | ||
505 | |||
506 | height: 35px; | ||
507 | } | ||
508 | |||
509 | .credit.imprint, | ||
510 | .credit.implementor { | ||
511 | text-align: left; | ||
512 | } | 507 | } |
513 | 508 | ||
514 | .partner { | 509 | .partner { |
515 | text-align: right; | 510 | display: inline-block; |
511 | vertical-align: bottom; | ||
512 | width: 160px; | ||
513 | height: 120px; | ||
514 | margin: 0px 0px 0px 0px; | ||
516 | } | 515 | } |
517 | 516 | ||
518 | .credit > img { | 517 | .partner > img { |
519 | opacity: 0.5; | 518 | opacity: 0.5; |
519 | padding: 0 0 0 10px; | ||
520 | margin-bottom: 10px; | ||
520 | } | 521 | } |
521 | 522 | ||
522 | .creditline { | 523 | .partner#ccc > img { |
523 | height: 50px; | 524 | padding: 10px 0 0 0; |
524 | } | 525 | margin: 0; |
525 | |||
526 | .creditline.small { | ||
527 | height: 35px; | ||
528 | } | 526 | } |
529 | 527 | ||
530 | .creditline.small > .credit { | 528 | .implementor { |
531 | vertical-align: middle; | 529 | margin-bottom: 0.3em; |
532 | padding-top: 6px; | ||
533 | height: 29px; | ||
534 | } | 530 | } |
535 | 531 | ||
536 | .credit.noimg { | 532 | .credits hr { |
537 | padding-top: 0; | 533 | width: 60px; |
538 | height: 35px; | 534 | margin-bottom: 1em; |
539 | width: 100px; | ||
540 | } | 535 | } |
541 | 536 | ||
542 | .credit.freifunk, .credit.ccc, .credit.gff { | 537 | /* ******** Horizontal footer slide magic ******** */ |
543 | padding-top: 0; | ||
544 | height: 50px; | ||
545 | width: 100px; | ||
546 | } | ||
547 | 538 | ||
548 | .scrollcontainer { | 539 | .scrollcontainer { |
549 | width: 200%; | 540 | width: 200%; |
@@ -572,7 +563,6 @@ select.zeit { | |||
572 | width: 50%; | 563 | width: 50%; |
573 | float: left; | 564 | float: left; |
574 | position: relative; | 565 | position: relative; |
575 | overflow: hidden; | ||
576 | left: 0; | 566 | left: 0; |
577 | transition: left 1s; | 567 | transition: left 1s; |
578 | } | 568 | } |
@@ -585,8 +575,10 @@ select.zeit { | |||
585 | .datenschutz { | 575 | .datenschutz { |
586 | vertical-align: top; | 576 | vertical-align: top; |
587 | display: inline-block; | 577 | display: inline-block; |
588 | width: 250px; | 578 | width: 188px; |
589 | margin-top: 2em; | 579 | margin: 2em 0 0 32px; |
580 | text-align: left; | ||
581 | padding: 0 0 0 0; | ||
590 | } | 582 | } |
591 | 583 | ||
592 | .back { | 584 | .back { |
@@ -597,7 +589,7 @@ select.zeit { | |||
597 | width: 40px; | 589 | width: 40px; |
598 | height: 40px; | 590 | height: 40px; |
599 | cursor: pointer; | 591 | cursor: pointer; |
600 | margin-top: 65px; | 592 | margin: 65px 0 0 0; |
601 | } | 593 | } |
602 | 594 | ||
603 | .back:hover { | 595 | .back:hover { |