Files
einundzwanzig.space/css/main-90ef8827f59f239b19cea4c122a8d119.css
2021-09-22 07:44:47 +00:00

1 line
20 KiB
CSS

@-webkit-keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@-webkit-keyframes pulse{0%,3%{transform:scale(.75)}1%{transform:scale(1.25)}}@keyframes pulse{0%,3%{transform:scale(.75)}1%{transform:scale(1.25)}}:root{--color-neutral-0:#fff;--color-neutral-10:#f2f2f2;--color-neutral-50:#888;--color-neutral-90:#222;--color-neutral-95:#1B1B1B;--color-overlay-bg:rgba(200, 200, 200, .95);--color-body-text:var(--color-neutral-90);--color-body-bg:var(--color-neutral-0);--color-card-bg:var(--color-neutral-10);--color-accent:#f7931a;--color-accent-highlight:#dd7901;--color-derweg:#00B4CF;--color-interview:#151515;--color-secondary:var(--color-neutral-50);--space-xs:.125rem;--space-s:.25rem;--space-m:.5rem;--space-l:1rem;--space-xl:1.75rem;--space-xxl:3rem;--transition-duration-fast:0.25s;--transition-duration-medium:0.75s;--transition-duration-slow:1.5s;--font-family-base:'Inconsolata', monospace;--font-weight-regular:400;--font-weight-bold:700;--font-size-base:18px;--font-size-xs:.75rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.75rem;--font-size-xxl:2.5rem;--font-size-xxxl:4rem}@media screen and (max-width:599px){:root{--wrap-padding-horizontal:var(--space-l)}}@media screen and (min-width:600px) and (max-width:839px){:root{--wrap-padding-horizontal:var(--space-xl)}}@media screen and (min-width:840px){:root{--wrap-padding-horizontal:var(--space-xxl)}}:root{--logo-height:calc(8.95522vw - var(--wrap-padding-horizontal)*2/134*12)}:root[data-theme=dark]{--color-body-text:var(--color-neutral-0);--color-body-bg:var(--color-neutral-90);--color-card-bg:var(--color-neutral-95);--color-overlay-bg:rgba(20, 20, 20, .95)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-body-text:var(--color-neutral-0);--color-body-bg:var(--color-neutral-90);--color-card-bg:var(--color-neutral-95);--color-overlay-bg:rgba(20, 20, 20, .95)}}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;src:url(../fonts/inconsolata-400.woff2) format('woff2')}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:700;font-stretch:100%;src:url(../fonts/inconsolata-700.woff2) format('woff2')}*,::after,::before{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}@media (prefers-reduced-motion:reduce){*,::after,::before{-webkit-animation:none!important;animation:none!important;transition:none!important}}body,html{height:100%}html{line-height:1.45;font-family:var(--font-family-base);font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;color:var(--color-body-text);background-color:var(--color-body-bg);transition-property:color,background}h1,h2,h3,h4,h5,h6{line-height:1}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none!important}h1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-regular)}h2,h3{font-size:var(--font-size-xl);color:var(--color-secondary)}h3{font-size:var(--font-size-l)}h4,h5,h6{font-size:var(--font-size-m)}a,a svg,body{transition-duration:var(--transition-duration-fast)}a{outline:0;color:var(--color-accent);text-decoration:none;transition-property:color,background}a.plain{color:inherit}@media not all and (hover:none){a:hover{color:var(--color-accent-highlight);text-decoration:none}a:hover.plain{color:var(--color-accent)}}a svg{transition-property:color}.main h2,p,ul{margin-bottom:var(--space-l)}ul{margin-left:1rem}#team .member p,ul ul{margin-bottom:0}#media article+article,p+h2,ul+h2{margin-top:var(--space-xl)}p+h3,p+h4,p+h5,p+h6,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:var(--space-xl);margin-bottom:var(--space-m)}button,pre{font-family:inherit;font-size:inherit}img:-moz-loading{visibility:hidden}::-webkit-progress-value{background-color:var(--color-accent)}::-ms-fill{background-color:var(--color-accent)}::-moz-progress-bar{background-color:var(--color-accent)}.main h1,[aria-hidden=true]{display:none}.button,.header .nav nav a{text-transform:uppercase;font-weight:var(--font-weight-bold);cursor:pointer}.button{display:inline-block;text-align:center;padding:var(--space-m) var(--space-l);line-height:inherit;color:#2a1801;background-color:var(--color-accent);text-decoration:none;border-radius:var(--space-m);transition-property:color,background;transition-duration:var(--transition-duration-fast)}@media not all and (hover:none){.button:hover{color:#2a1801;background-color:var(--color-accent-highlight);text-decoration:none}}.podlove-subscribe-button-iframe{margin-top:var(--space-m);border-radius:var(--space-m)}#podlove-subscribe-popup{background-color:var(--color-overlay-bg)!important}#podlove-subscribe-popup #podlove-subscribe-popup-modal *{font-family:var(--font-family-base)!important;font-weight:var(--font-weight-regular)!important}#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-clients,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-finish,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-podcast,#podlove-subscribe-popup #podlove-subscribe-popup-modal .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .podlove-logo,#podlove-subscribe-popup #podlove-subscribe-popup-modal .top-bar{color:var(--color-body-text)!important;background-color:var(--color-card-bg)!important;transition-property:color,background-color;transition-duration:var(--transition-duration-fast)}#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-clients .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-clients li,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-finish .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-finish li,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-podcast .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-podcast li,#podlove-subscribe-popup #podlove-subscribe-popup-modal .device-cloud-switch .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .device-cloud-switch li,#podlove-subscribe-popup #podlove-subscribe-popup-modal .podlove-logo .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .podlove-logo li,#podlove-subscribe-popup #podlove-subscribe-popup-modal .top-bar .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .top-bar li{border-color:var(--color-body-bg)!important}.wrap{margin-left:auto;margin-right:auto;padding-left:var(--wrap-padding-horizontal);padding-right:var(--wrap-padding-horizontal);max-width:calc(840px + var(--wrap-padding-horizontal)*2)}.main{flex:1;padding-bottom:var(--space-xxl)}@media screen and (max-width:599px){.main{padding-top:calc(var(--logo-height) + var(--space-xxl)*1.525)}}@media screen and (min-width:600px) and (max-width:839px){.main{padding-top:calc(var(--logo-height) + var(--space-xxl)*1.825)}}@media screen and (min-width:840px){.main{padding-top:var(--space-l)}}.main section{margin-bottom:var(--space-xxl)}.header{transition-property:color,background-color,box-shadow;transition-duration:var(--transition-duration-fast)}@media screen and (max-width:599px){.header{padding-top:var(--space-l);padding-bottom:var(--space-m)}}@media screen and (min-width:600px) and (max-width:839px){.header{padding-top:var(--space-l);padding-bottom:var(--space-l)}}@media screen and (min-width:840px){.header{padding-top:var(--space-xl);padding-bottom:var(--space-l)}}@media screen and (max-width:839px){.header{position:fixed;top:0;left:0;right:0;z-index:10}body.topbar .header{box-shadow:0 5px 5px rgba(0,0,0,.1)}}.header a{color:var(--color-body-text)}@media not all and (hover:none){.header a:hover{color:var(--color-accent);text-decoration:none}}.header .wrap{flex-direction:column;align-items:center}.header .brand{display:block;margin-bottom:var(--space-m)}.header .logo{display:block;width:100%;height:var(--logo-height);max-width:840px;max-height:76px}.header .nav{display:flex;align-self:flex-start;align-items:center;justify-content:space-between;line-height:1;font-size:3.5vw}@media screen and (max-width:599px){.header .nav{margin-bottom:var(--space-s);font-size:3.85vw}}@media screen and (min-width:600px) and (max-width:839px){.header .nav{margin-top:var(--space-m);font-size:3.5vw}}@media screen and (min-width:840px){.header .nav{margin-top:var(--space-l);font-size:var(--font-size-xl)}}.header .nav nav{display:flex;align-items:center}.header .nav nav a{margin-right:1em}.header .nav nav a.current{color:var(--color-accent)}.header .nav button,.theme{align-items:center;justify-content:center}.header .nav button{display:inline-flex;position:relative;top:1px}@media screen and (max-width:599px){.header .nav button{visibility:hidden}}.header .nav button svg{height:4.5vw;width:4.5vw;min-height:18px;min-width:18px;max-height:42px;max-width:42px;display:block}.theme{display:inline-block;color:inherit;background:0 0;cursor:pointer;border:0;outline:0}@media not all and (hover:none){.theme:hover{color:var(--color-accent)}}.footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-secondary);background-color:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast);padding:var(--space-l) 0}@media screen and (min-width:600px){.footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between}}.episodeItem .content>:last-child,.footer .wrap p:last-child{margin-bottom:0}.footer .social,.ticker{display:flex;align-items:center}.footer .social{justify-content:center}#team .member img,.footer .social a{display:inline-block}.footer .social a svg{height:24px;width:24px;display:block}.footer .social>*+*{margin-left:var(--space-l)}.ticker{position:relative;overflow:hidden;background:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast);margin:-15px 0 var(--space-xl);padding:var(--space-m) 0;flex-wrap:nowrap;font-size:var(--font-size-xs)}.ticker:after{position:absolute;top:0;left:0;bottom:0;content:'₿reaking:';padding:var(--space-m);text-transform:uppercase;color:var(--color-neutral-0);background:var(--color-accent);font-weight:var(--font-weight-bold)}.ticker span{white-space:nowrap;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-animation-name:marquee;animation-name:marquee;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.shopTeaser{display:grid;grid-gap:var(--space-l);margin-bottom:var(--space-l)}@media screen and (max-width:599px){.shopTeaser{grid-template-columns:1fr 1fr}}@media screen and (min-width:600px){.shopTeaser{grid-template-columns:1fr 1fr 1fr 1fr}}.shopTeaser img{display:block;width:100%;border-radius:var(--space-m)}.lnNodes{display:flex;flex-wrap:wrap}@media screen and (max-width:599px){.lnNodes{flex-direction:column}.lnNodes .lnNode{margin-top:var(--space-xl)}}@media screen and (min-width:600px){.lnNodes .lnNode{margin-top:var(--space-l);margin-right:var(--space-xxl)}}.lnNodes img{width:240px;height:240px;border-radius:var(--space-m);margin:var(--space-l) 0}.lnNodes button{display:block;width:240px}#podcast .categories{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0 0 var(--space-l) 0}#podcast .categories li{margin:0 var(--space-m) var(--space-m) 0}#podcast .categories a{display:inline-block;text-align:center;padding:var(--space-s) var(--space-l);color:var(--color-body-text);text-decoration:none;border-radius:var(--space-xl);border:1px solid var(--color-secondary)}@media not all and (hover:none){#podcast .categories a:hover{color:var(--color-neutral-0);background-color:var(--color-secondary);text-decoration:none}}#podcast .current{margin-bottom:4rem}#episode .player{margin-bottom:var(--space-xxl)}#team .members,.episodes{display:grid;grid-gap:var(--space-xl)}.episodes{grid-template-columns:1fr}@media screen and (max-width:839px){.episodes{grid-template-columns:1fr}}@media screen and (min-width:840px){.episodes{grid-template-columns:1fr 1fr}}.episodeItem{margin:0;border-radius:var(--space-l);background-color:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast)}@media screen and (max-width:599px){.episodeItem{padding:var(--space-l)}}@media screen and (min-width:600px){.episodeItem{padding:var(--space-xl)}}.episodeItem a,.player{display:flex}@media not all and (hover:none){.episodeItem a:hover .meta{color:inherit}}.episodeItem .media{margin-right:var(--space-l)}.episodeItem .media a,.episodeItem .media img{display:block;border-radius:var(--space-s)}@media screen and (max-width:599px){.episodeItem .media a,.episodeItem .media img{height:60px;width:60px}}@media screen and (min-width:600px){.episodeItem .media a,.episodeItem .media img{height:100px;width:100px}}.episodeItem .meta{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--color-secondary)}.episodeItem .content{flex:1}.player{border-radius:var(--space-m);overflow:hidden}@media screen and (max-width:599px){.player{flex-direction:column;min-width:300px;max-width:400px}.player__coverlink{width:100%}}@media screen and (min-width:600px){.player__coverlink{width:33.3%}}#media img,.player__cover{display:block;width:100%}.player__bottom{display:flex;flex-direction:column;flex:1;color:var(--color-body-text);background-color:var(--color-card-bg);transition-property:color,background-color;transition-duration:var(--transition-duration-fast)}.player__progress{display:block;background-color:var(--color-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--space-m);cursor:pointer;border:0}#team .member header,.player__time{display:flex;justify-content:space-between}.player__time{padding:var(--space-m) var(--space-l);color:var(--color-secondary);font-size:var(--font-size-s)}.player__controls,.player__links{display:flex;padding:var(--space-m) var(--space-l)}.player__links{color:var(--color-secondary);font-size:var(--font-size-s)}.player__speed:before{cursor:pointer}.player__speed.amplitude-playback-speed-10:before{content:'1.0x'}.player__speed.amplitude-playback-speed-15:before{content:'1.5x'}.player__speed.amplitude-playback-speed-20:before{content:'2.0x'}.player__controls{align-items:center}.player__button{width:70px;height:70px;margin-right:var(--space-l);cursor:pointer}.player__button svg,.spende .social a svg{width:100%;height:100%}.player__button__icon--pause,.player__button__icon--play{display:none;color:var(--color-secondary)}@media not all and (hover:none){.player__button__icon--pause:hover,.player__button__icon--play:hover{color:var(--color-accent)}}.lnNodes img,.player__button.amplitude-paused .player__button__icon--play,.player__button.amplitude-playing .player__button__icon--pause{display:block}.player__info{flex:1;text-align:left}@media not all and (hover:none){.player__info a:hover .player__album{color:inherit}}#team .member .links a,.player__album{color:var(--color-secondary)}.player__links{margin-top:auto;justify-content:flex-end}.player__download{display:inline-flex;align-items:center;color:var(--color-secondary);font-size:var(--font-size-s)}.player__download svg{width:.75rem;height:.75rem;margin-right:var(--space-s)}#team .members{margin:0;list-style:none}@media screen and (max-width:599px){#team .members{grid-template-columns:1fr}}@media screen and (min-width:600px){#team .members{grid-template-columns:1fr 1fr}}#team .member,.spende .inner{border-radius:var(--space-l);padding:var(--space-xl)}#team .member{margin:0;background-color:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast)}#team .member img{border-radius:50%;height:100px;width:100px}#team .member header{flex-wrap:wrap;align-items:center;margin-top:var(--space-l)}#team .member h2{font-size:var(--font-size-xl);margin:0 var(--space-l) var(--space-l) 0}#team .member .links{display:flex;margin-bottom:var(--space-l)}@media not all and (hover:none){#team .member .links a:hover{color:var(--color-accent)}}#team .member .links svg{display:block;height:var(--font-size-l);width:var(--font-size-l)}#team .member .links a+a{margin-left:var(--space-m)}@media screen and (max-width:839px){#meetups #map{margin-top:var(--space-xl)}#meetups #map img{display:none}}@media screen and (min-width:840px){#meetups #map{position:relative;margin-top:var(--space-xxl)}#meetups #map h2{display:none}#meetups #map img{display:block;width:100%}#meetups #map ul{margin:0;list-style:none}#meetups #map li{position:absolute}#meetups #map li.official{color:var(--color-accent)}#meetups #map li:not(.official){color:var(--color-secondary)}#meetups #map li a{color:inherit}#meetups #map li .dot{content:'';position:absolute;top:.3rem;left:-1.25rem;background:radial-gradient(currentColor 0,rgba(255,255,255,0) 100%);-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;will-change:transform;transform-origin:50%;border-radius:50%;width:1rem;height:1rem;transform:scale(.75);-webkit-animation-name:pulse;animation-name:pulse}}#media .logo{display:inline-block;max-width:100%;background:#fff;border-radius:var(--space-s);padding:var(--space-m)}#media .logo-square{width:9em}#media .logo-horizontal{width:21em}#media .colors{display:flex;flex-wrap:wrap;margin:0;list-style:none;color:#fff;font-weight:var(--font-weight-bold)}#media .colors li{display:flex;align-items:center;justify-content:center;flex:0 0 6em;height:6em;border-radius:50%;margin:0 1em 1em 0}#media .colors .orange{background:var(--color-accent)}#media .colors .derweg{background:var(--color-derweg)}#media .colors .interview{background:var(--color-interview)}#media .telegram{display:inline-block;width:9em}#media .wallpaper{display:inline-block;max-width:21em}#media .wallpaper img{display:block;width:100%}#spenden h2{margin-bottom:var(--space-xl)}#soundboard .sounds,.spenden{list-style:none;display:grid;grid-gap:var(--space-xl);margin:0}@media screen and (max-width:839px){.spenden{grid-template-columns:1fr}}@media screen and (min-width:840px){.spenden{grid-template-columns:1fr 1fr}}.spenden li{margin:0}.spende{height:100%;padding-top:var(--space-xl)}.spende .inner{height:100%;position:relative;display:flex;flex-direction:column;background:var(--color-card-bg)}.spende .avatar,.spende .social a{background-size:100%;background-repeat:no-repeat}.spende .avatar{display:block;height:120px;width:120px;border-radius:50%;border:10px solid var(--color-card-bg);margin:calc(var(--space-xxl)*-1) auto 0}.spende .name{padding:var(--space-s) 0 var(--space-m) 0;text-align:center}.spende .center{flex:1}.spende .foot{margin-top:var(--space-l);text-align:center;display:flex;flex-direction:column;align-items:center}.spende .social a{position:absolute;top:var(--space-l);width:32px;height:32px;display:inline-block;outline:0;color:var(--color-neutral-50)}.spende .social a svg{display:inline-block}.spende .social a.twitter{left:var(--space-l)}.spende .social a.mastodon{left:var(--space-xxl)}.spende .social a.github{right:var(--space-l)}.spende .social a.gitlab{right:var(--space-xxl)}.spende .description p{text-align:left;margin:0}.spende .description .more,.spende .description.expanded .showMore{display:none}.spende .description.expanded .more{display:unset}#soundboard h2{margin-top:var(--space-xl)}#soundboard .sounds{grid-gap:var(--space-l);grid-auto-rows:1fr}@media screen and (max-width:360px){#soundboard .sounds{grid-template-columns:1fr}}@media screen and (min-width:360px) and (max-width:599px){#soundboard .sounds{grid-template-columns:1fr 1fr}}@media screen and (min-width:600px) and (max-width:839px){#soundboard .sounds{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:840px){#soundboard .sounds{grid-template-columns:1fr 1fr 1fr 1fr}}