jahresbericht2016/assets/css/base.css

9 lines
28 KiB
CSS
Raw Normal View History

2024-01-12 13:48:32 +00:00
/*!
* Wikimedia Jahresbericht 2016
*
* 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";@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Source+Serif+Pro:400,600,700');body{font-size:18px;font-family:'Montserrat',sans-serif;line-height:1.2;font-weight:normal;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;color:#1a1a1a;background-color:#fff}*{box-sizing:border-box}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.image-replace{display:inline-block;line-height:1;overflow:hidden;color:transparent;background-repeat:no-repeat;background-size:contain;background-position:left top}.invis{visibility:hidden;overflow:hidden;max-height:0!important}.visible{opacity:1!important}figure{margin:0}.no-scroll{overflow:hidden}body > main{min-height:100vh}.cp{padding:40px}.cp--nav-zone{padding-top:140px}.cp--6x-top{padding-top:240px}.cp--6x-bottom{padding-bottom:240px}.cp--center-section{padding:160px 40px}.cp--upped-section{padding:120px 40px 160px 40px}.cp--2x-bottom{padding-bottom:80px}.limit--l{max-width:1360px;margin:0 auto;position:relative}.limit--m{max-width:960px;margin:0 auto}.limit--s{max-width:760px;margin:0 auto}.t--beta{font-size:36px;font-family:'Montserrat',sans-serif;font-weight:600;line-height:1.4}.t--gamma{font-family:'Montserrat',sans-serif;font-weight:normal;font-size:22px;line-height:1.4}.t--gamma-serif{font-family:'Source Serif Pro',serif;font-weight:normal;font-size:22px;line-height:1.4}.t--delta{font-family:'Montserrat',sans-serif;font-weight:normal;font-size:18px;line-height:1.2}.t--delta-emph{font-family:'Montserrat',sans-serif;font-weight:600;font-size:18px;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.t--delta-serif{font-family:'Source Serif Pro',serif;font-weight:normal;font-size:18px;line-height:1.25}.t--epsilon{font-family:'Montserrat',sans-serif;font-weight:normal;font-size:12px;line-height:1.2}.h--alpha{font-size:80px;font-family:'Montserrat',sans-serif;font-weight:500;line-height:1.2}.h--beta{font-size:36px;font-family:'Montserrat',sans-serif;font-weight:600;line-height:1.4}.h--gamma{font-family:'Montserrat',sans-serif;font-weight:normal;font-size:22px;line-height:1.4}.h--delta{font-family:'Montserrat',sans-serif;font-weight:600;font-size:18px;line-height:1.2}.h--alpha,.h--beta,.h--gamma,.h--delta{margin:20px 0}.h--alpha a,.h--beta a,.h--gamma a,.h--delta a{color:white;border-bottom:1px solid rgba(255,255,255,0.8)}.h--alpha em,.h--beta em,.h--gamma em,.h--delta em{font-style:normal;color:#339967}.quote{margin:60px 80px 80px -80px;color:#339967}.quote__body > p:first-of-type{margin-top:0}.quote__body > p:last-of-type{margin-bottom:0}.quote__author{margin-top:10px}.bullet-list{padding:0;list-style-position:inside;list-style:none}.bullet-list li{position:relative}.bullet-list li:before{display:inline-block;content:"\00b7";margin-right:5px;position:absolute;left:-10px}.border-box{border:1px solid #1a1a1a;padding:30px 40px}.border-box:first-child{margin-top:0}.border-box:last-child{margin-bottom:0}.border-box--green{color:#339967;border-color:green}.border-box--green .bullet-list li{padding-top:5px}.border-box--green a{color:#339967;border-bottom:1px solid #339967}.bg--icons-white{background-color:white;background-image:url('../img/pattern_15D.png');background-position-y:-120px}.bg--icons-light-blue{background-color:#dce4e8;background-image:url('../img/pattern_15D.png')}.bg--big-icons-green{background-color:#339967}.bg--green{background-color:#339967}.bg--purple{background-color:#622181}.bg--light-blue{background-color:#dce4e8}.bg--stripe{width:100vw;height:300px;margin-top:-150px;background:-webkit-linear-gradient(45deg,#339967,#622181);background:linear-gradient(45deg,#339967,#622181);position:absolute;top:50%;left:0;-webkit-transform:skew(0,165deg);transform:skew(0,165deg)}.bg--stripe-fund{width:100vw;height:300px;margin-top:-150px;