diff options
author | Dirk Engling <erdgeist@erdgeist.org> | 2016-08-16 04:28:05 +0200 |
---|---|---|
committer | Dirk Engling <erdgeist@erdgeist.org> | 2016-08-16 04:28:05 +0200 |
commit | 76eda06a46431b26955c1347161cb91d9de4dae5 (patch) | |
tree | 215bcc5e7f0dc8eeecc5ececc337aab429477d40 /style.css | |
parent | 8d722522790cfdffcf2b4229d58aa23511764328 (diff) |
Redesign footer, start scrollable impressum
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 112 |
1 files changed, 75 insertions, 37 deletions
@@ -207,7 +207,7 @@ label { | |||
207 | 207 | ||
208 | /* Global element definitions done. | 208 | /* Global element definitions done. |
209 | Now for basic color scheme */ | 209 | Now for basic color scheme */ |
210 | #unsicher { background-color: #6276B7; } | 210 | #unsicher { background-color: #840020; } |
211 | .footer { background-color: #F1F2E3; } | 211 | .footer { background-color: #F1F2E3; } |
212 | .block-step1 { background-color: #F1F2E3; } | 212 | .block-step1 { background-color: #F1F2E3; } |
213 | .block-step2 { background-color: #047E7C; } | 213 | .block-step2 { background-color: #047E7C; } |
@@ -441,76 +441,114 @@ select.zeit { | |||
441 | min-height: 100%; | 441 | min-height: 100%; |
442 | height: auto !important; | 442 | height: auto !important; |
443 | height: 100%; | 443 | height: 100%; |
444 | margin: 0 auto -200px; | 444 | margin: 0 auto -260px; |
445 | } | 445 | } |
446 | 446 | ||
447 | .footer, .push { | 447 | .footer, .push { |
448 | height: 200px; | 448 | height: 260px; |
449 | } | 449 | } |
450 | 450 | ||
451 | .footer { | 451 | .footer { |
452 | width: 100%; | 452 | width: 100%; |
453 | min-width: 540px; | ||
453 | margin: 0; | 454 | margin: 0; |
454 | padding: 72px 0 0 0; | 455 | padding: 72px 0 0 0; |
455 | 456 | ||
456 | font-size: 12pt; | 457 | font-size: 12pt; |
457 | font-weight: 300; | 458 | font-weight: 300; |
458 | 459 | ||
460 | overflow: hidden; | ||
459 | text-align: center; | 461 | text-align: center; |
460 | } | 462 | } |
461 | 463 | ||
462 | .footer-left a:link, .footer-left a:visited, | ||
463 | .footer-right a:link, .footer-right a:visited, | ||
464 | p a:link, p a:visited { | ||
465 | border-bottom: dotted 1px rgba(0,0,0,0.25); | ||
466 | } | ||
467 | |||
468 | .footer a:link, | 464 | .footer a:link, |
469 | .footer a:visited { | 465 | .footer a:visited { |
470 | color: #8E99A0; | 466 | color: #8E99A0; |
471 | } | 467 | } |
472 | .credits { | 468 | |
473 | min-width: 480px; | 469 | .footer .partner a:link, |
474 | width: 50%; | 470 | .footer .implementor a:link, |
475 | max-width: 640px; | 471 | .footer .imprint a:link, |
476 | margin: 0 auto 0 auto; | 472 | .footer .partner a:visited, |
473 | .footer .implementor a:visited, | ||
474 | .footer .imprint a:visited { | ||
475 | border-bottom: dotted 1px rgba(0,0,0,0.25); | ||
477 | } | 476 | } |
478 | 477 | ||
479 | .partner img { | 478 | .credit { |
480 | opacity: 0.5; | 479 | display: inline-block; |
480 | vertical-align: top; | ||
481 | width: 210px; | ||
482 | margin: 0 0 0 0 !important; | ||
483 | padding: 15px 0 0 0; | ||
484 | |||
485 | height: 35px; | ||
486 | } | ||
487 | |||
488 | .credit.imprint, | ||
489 | .credit.implementor { | ||
490 | text-align: left; | ||
481 | } | 491 | } |
482 | 492 | ||
483 | .partner { | 493 | .partner { |
484 | display: inline-block; | 494 | text-align: right; |
485 | font-size: 10pt; | ||
486 | } | 495 | } |
487 | 496 | ||
488 | .partner.ccc, .partner.freifunk { | 497 | .credit > img { |
489 | margin-right: 3%; | 498 | opacity: 0.5; |
490 | } | 499 | } |
491 | 500 | ||
492 | .partner.freifunk img, .partner.gff img{ | 501 | .creditline { |
493 | padding-bottom: 6px; | 502 | height: 50px; |
494 | } | 503 | } |
495 | 504 | ||
496 | .partner.ccc img { | 505 | .creditline.small { |
497 | vertical-align: top; | 506 | height: 35px; |
498 | } | 507 | } |
499 | 508 | ||
500 | .footer-left { | 509 | .creditline.small > .credit { |
510 | vertical-align: middle; | ||
511 | padding-top: 6px; | ||
512 | height: 29px; | ||
513 | } | ||
514 | |||
515 | .credit.noimg { | ||
516 | padding-top: 0; | ||
517 | height: 35px; | ||
518 | width: 100px; | ||
519 | } | ||
520 | |||
521 | .credit.freifunk, .credit.ccc, .credit.gff { | ||
522 | padding-top: 0; | ||
523 | height: 50px; | ||
524 | width: 100px; | ||
525 | } | ||
526 | |||
527 | .impressum { | ||
528 | width: 100%; | ||
501 | float: left; | 529 | float: left; |
502 | text-align: right; | 530 | display: inline; |
503 | width: 48%; | 531 | position: relative; |
504 | margin: 0; | 532 | transition: left 2s; |
505 | padding-right: 10px; | 533 | top: 0; |
506 | border: none; | 534 | left: 100%; |
507 | } | 535 | } |
508 | 536 | ||
509 | .footer-right { | 537 | .footer.show-imprint .impressum { |
510 | float: right; | 538 | left: 0%; |
511 | text-align: left; | 539 | } |
512 | width: 48%; | 540 | |
513 | margin: 0; | 541 | .credits { |
514 | padding-left: 10px; | 542 | width: 100%; |
515 | border: none; | 543 | float: left; |
544 | display: inline; | ||
545 | position: relative; | ||
546 | left: 0; | ||
547 | transition: max-width 2s, left 2s, width 2s; | ||
548 | } | ||
549 | |||
550 | .footer.show-imprint .credits { | ||
551 | left: -100%; | ||
552 | width: 0; | ||
553 | max-width: 0; | ||
516 | } | 554 | } |