entdecke.wikipedia.de/assets/css/base.css

9 lines
10 KiB
CSS
Raw Permalink Normal View History

2024-01-12 15:39:06 +00:00
/*!
* Wikimedia Entdecke Wikipedia
*
* Copyright (c) 2017 Atelier Disko - All rights reserved.
*
* Use of this source code is governed by the AGPL v3
* license that can be found in the LICENSE file.
*/
@charset "UTF-8";:root{}.serif{font-family:"Times New Roman",Times,serif;line-height:1.3}.t--alpha{font-size:36px}.t--beta{font-size:20px}.t--gamma{font-size:18px}@media (max-width:700px){.t--alpha,.t--beta{font-size:18px}}.cp--h{padding-left:160px;padding-right:160px}.cp--v{padding-top:100px;padding-bottom:100px}.limit--l{max-width:1440px;margin:0 auto;position:relative}.limit--block{max-width:600px;min-width:500px;width:55%}@media (max-width:1300px){.cp--h{padding-left:100px;padding-right:100px}}@media (max-width:1200px){.cp--h{padding-left:50px;padding-right:50px}.limit--block{width:50%;min-width:450px}}@media (max-width:950px){.cp--v{padding-top:50px;padding-bottom:50px}.limit--block{width:100%;max-width:none;min-width:0}}@media (max-width:700px){.cp--h{padding-left:20px;padding-right:20px}}body{font-size:16px;font-family:Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1,"liga" 1;-moz-font-feature-settings:"kern" 1,"liga" 1;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;background-image:url('../img/paper.jpg');background-color:#fff;color:#1C1C1C;line-height:1.2}*{box-sizing:border-box}a{color:inherit}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.invis{visibility:hidden;overflow:hidden;max-height:0!important}.visible{opacity:1!important}.video__embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.video__embed-container iframe,.video__embed-container object,.video__embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}h1,h2,h3{font-size:inherit}a{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}a:focus{outline:none}.block{position:relative;width:100%;overflow:hidden}.block *{position:relative;z-index:10}.block--green{background-image:url('../img/paper_turquoise.jpg')}.teaser__text{display:inline-block;vertical-align:top;color:#fff}.teaser__text a:hover{color:#1C1C1C}.home hr{box-sizing:content-box;margin-top:70px;margin-bottom:70px;border:0;height:2px;background-color:#fff;opacity:0.5;clear:both}.block--animate.come-in .bubble{top:40px;width:50%;opacity:1}.block--animate.come-in .question{top:0}.bubble{position:absolute;top:40px;width:50%;left:40px;z-index:0}.block--animate .bubble{width:40%;top:250px;opacity:0;-webkit-transition:all 1s ease;transition:all 1s ease}.bubble__image{width:100%}@media (max-width:950px){.home hr{margin-bottom:60px;margin-top:60px}.imprint .bubble,.block--animate.come-in .bubble{width:75%}}.imprint-close{position:absolute;top:50px;right:50px;width:48px;height:48px;background-image:url(../ico/close.svg);z-index:20}.imprint.invis{opacity:0;padding:0}.imprint{max-height:2000px;-webkit-transition:all 1s;transition:all 1s}.main-footer .imprint a{text-decoration:underline}.imprint h2{font-family:Helvetica,Arial,sans-serif;font-weight:bold;margin-bottom:5px}.imprint h2 + p{margin-top:0}.imprint__content{float:right}.imprint__content:first-child{margin-top:0}@media (max-width:950px){.imprint__content{padding-top:75px}}.question{position:relative;display:inline-block;max-width:400px;width:45%;margin-top:0;margin-bottom:70px;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.block--animate .question{top:25px}.question:before{content:"";position:absolute;left:0;bottom:-36px;height:5px;width:90px;border-bottom:6px solid}.block .block__text{float:right}.block .question{color:#F29400}.block--green .question{color:#fff}@media (max-width:950px){.question{width:auto;margin-bottom:96px}.block__text{padding-left:35px}}@media (max-width:700px){.question{margin-bottom:60px}.question:before{bottom:-18px}}.wikipedia-logo{position:absolute;top:40px;left:50px;width:130px;height:auto}.teaser .cp--v{padding-top:0}.teaser__head{position:relative;height:185px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: