diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 58 |
1 files changed, 46 insertions, 12 deletions
@@ -468,13 +468,16 @@ select.zeit { | |||
468 | 468 | ||
469 | .footer .partner a:link, | 469 | .footer .partner a:link, |
470 | .footer .implementor a:link, | 470 | .footer .implementor a:link, |
471 | .footer .imprint a:link, | ||
472 | .footer .partner a:visited, | 471 | .footer .partner a:visited, |
473 | .footer .implementor a:visited, | 472 | .footer .implementor a:visited, |
474 | .footer .imprint a:visited { | 473 | .footer .imprint span { |
475 | border-bottom: dotted 1px rgba(0,0,0,0.25); | 474 | border-bottom: dotted 1px rgba(0,0,0,0.25); |
476 | } | 475 | } |
477 | 476 | ||
477 | .footer .imprint { | ||
478 | cursor: pointer; | ||
479 | } | ||
480 | |||
478 | .credit { | 481 | .credit { |
479 | display: inline-block; | 482 | display: inline-block; |
480 | vertical-align: top; | 483 | vertical-align: top; |
@@ -524,31 +527,62 @@ select.zeit { | |||
524 | width: 100px; | 527 | width: 100px; |
525 | } | 528 | } |
526 | 529 | ||
530 | .scrollcontainer { | ||
531 | width: 200%; | ||
532 | } | ||
533 | |||
527 | .impressum { | 534 | .impressum { |
528 | width: 100%; | 535 | float: right; |
529 | float: left; | 536 | width: 50%; |
530 | display: inline; | 537 | height: 260px; |
531 | position: relative; | 538 | position: relative; |
532 | transition: left 2s; | 539 | transition: left 2s; |
533 | top: 0; | 540 | top: 0; |
534 | left: 100%; | 541 | left: 0%; |
542 | } | ||
543 | |||
544 | .impressum p { | ||
545 | margin: 0 0 .1em 0; | ||
535 | } | 546 | } |
536 | 547 | ||
537 | .footer.show-imprint .impressum { | 548 | .footer.show-imprint .impressum { |
538 | left: 0%; | 549 | left: -50%; |
550 | top: 0; | ||
539 | } | 551 | } |
540 | 552 | ||
541 | .credits { | 553 | .credits { |
542 | width: 100%; | 554 | width: 50%; |
543 | float: left; | 555 | float: left; |
544 | display: inline; | ||
545 | position: relative; | 556 | position: relative; |
557 | overflow: hidden; | ||
546 | left: 0; | 558 | left: 0; |
547 | transition: max-width 2s, left 2s, width 2s; | 559 | transition: max-width 2s, left 2s, width 2s; |
548 | } | 560 | } |
549 | 561 | ||
550 | .footer.show-imprint .credits { | 562 | .footer.show-imprint .credits { |
551 | left: -100%; | 563 | left: -50%; |
552 | width: 0; | 564 | } |
553 | max-width: 0; | 565 | |
566 | .visdp, | ||
567 | .datenschutz { | ||
568 | vertical-align: top; | ||
569 | display: inline-block; | ||
570 | width: 250px; | ||
571 | margin-top: 2em; | ||
572 | } | ||
573 | |||
574 | .back { | ||
575 | background-color: #8E99A0; | ||
576 | display: inline-block; | ||
577 | float: none; | ||
578 | color: #F1F2E3; | ||
579 | line-height: 1.4em; | ||
580 | width: 40px; | ||
581 | height: 40px; | ||
582 | cursor: pointer; | ||
583 | margin-top: 65px; | ||
584 | } | ||
585 | |||
586 | .back:hover { | ||
587 | background-color: black; | ||
554 | } | 588 | } |