jahresbericht2018/assets/css/base.css

8 lines
42 KiB
CSS
Raw Normal View History

2024-01-12 13:54:37 +00:00
@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Source+Serif+Pro:400,600,700);/*!
* Wikimedia Jahresbericht 2018
*
* Copyright (c) 2019 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.
*/body{font-size:16px;font-family:Montserrat,sans-serif;line-height:1.2;font-weight:500;text-rendering:optimizeLegibility;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:after,.clearfix:before{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}.no-scroll{overflow:hidden}.no-filter{filter:invert(0)}figure{margin:0}body>main{min-height:100vh}.cp{padding:40px}.cp--component-section{padding:110px 60px}.cp--center-section{padding:160px 40px}.cp--upped-section{padding:120px 40px 160px 40px}.cp--2x-top{padding-top:80px}.cp--nav-zone{padding-top:140px}.cp--4x-top{padding-top:160px}.cp--6x-top{padding-top:240px}.cp--2x-bottom{padding-bottom:80px}.cp--4x-bottom{padding-bottom:160px}.cp--6x-bottom{padding-bottom:240px}@media (max-width:1100px){.cp{padding:30px}.cp--nav-zone{padding-top:140px}.cp--6x-top{padding-top:240px}.cp--6x-bottom{padding-bottom:240px}}@media (max-width:550px){.cp{padding:10px}.cp--center-section{padding:40px 10px}.cp--upped-section{padding:60px 20px 40px 20px}.cp--component-section{padding:40px 10px}.cp--nav-zone{padding-top:140px}.cp--6x-top{padding-top:120px}.cp--6x-bottom{padding-bottom:120px}}.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--alpha{font-size:80px;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}.t--beta{font-size:30px;font-family:Montserrat,sans-serif;font-weight:800;line-height:1.4}.t--gamma{font-family:Montserrat,sans-serif;font-weight:500;font-size:20px;line-height:1.4}.t--gamma-serif{font-family:'Source Serif Pro',serif;font-weight:400;font-size:20px;line-height:1.4}.t--delta,.t--delta-emph{font-family:Montserrat,sans-serif;font-weight:800;font-size:16px;line-height:1.2;letter-spacing:.03em}.t--delta-emph{text-transform:uppercase}.t--delta-serif{font-family:'Source Serif Pro',serif;font-weight:400;font-size:15px;line-height:1.5}.t--epsilon,.t--epsilon-emph{font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.t--epsilon-emph{font-weight:800}.t--zeta,.t--zeta-emph{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:1.4}.t--zeta-emph{font-weight:800}@media (max-width:960px){.t--alpha{font-size:60px}}@media (max-width:560px){.t--alpha{font-size:40px}}.h--alpha{font-size:80px;font-family:Montserrat,sans-serif;font-weight:800;line-height:1.2}.h--beta{font-size:30px;font-family:Montserrat,sans-serif;font-weight:800;line-height:1.4}.h--gamma{font-family:Montserrat,sans-serif;font-weight:800;font-size:20px;line-height:1.4}.h--delta{font-family:Montserrat,sans-serif;font-weight:800;font-size:12px;line-height:1.2}.h--alpha,.h--beta,.h--delta,.h--gamma{margin:20px 0}.h--alpha a,.h--beta a,.h--delta a,.h--gamma a{color:#fff;border-bottom:1px solid rgba(255,255,255,.8)}.h--alpha em,.h--beta em,.h--delta em,.h--gamma em{font-style:normal;color:#009ee0}@media (max-width:1100px){.h--alpha{font-size:60px}}@media (max-width:550px){.h--alpha{font-size:40px}.h--beta{font-size:20px}.h--gamma{font-size:18px}.t--gamma{font-size:18px}.t--gamma-serif{font-size:18px}}.quote{margin:60px 80px 80px -80px;color:#009ee0}.quote__body>p:first-of-type{margin-top:0}.quote__body>p:last-of-type{margin-bottom:0}.quote__author{margin-top:10px}@media (max-width:1100px){.quote{margin:60px 0 80px 0}}.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;marg