mirror of
https://codeberg.org/fediverse/fediparty.git
synced 2024-11-16 22:03:16 +00:00
1 line
33 KiB
CSS
1 line
33 KiB
CSS
[class*=" icon-"],[class^=icon-]{height:27px;width:27px;fill:#fff}.u-hidden{visibility:hidden;opacity:0;-webkit-transform:matrix(1,0,0,1,0,0);-ms-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);-webkit-transition:.25s;-o-transition:.25s;transition:.25s;margin-bottom:.5em}.u-hidden.open{visibility:visible;opacity:1;-webkit-transform:matrix(1,0,0,1,0,-3);-ms-transform:matrix(1,0,0,1,0,-3);transform:matrix(1,0,0,1,0,-3)}.contents .u-hidden{visibility:visible;opacity:1;margin-bottom:2em}.u-emphasize{font-family:sans-serif;font-weight:700}.u-block{display:block}.u-inline{display:inline-block}.u-temp{color:#a9a9a9}.u-center{text-align:center}.u-height{min-height:100vh}.u-blackBg,.u-goldenBg{padding:0 .2em}.u-goldenBg{background:#fecb52}.u-blackBg{background:#0e0a0c;color:#a9a9a9}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}*{padding:0;margin:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body,html{width:100%}html{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;height:100%;font-size:100%}body{font-size:1rem;font-family:Roboto,Arial,sans-serif;line-height:1.6;overflow-x:hidden;color:#0e0a0c;background-color:#0e0a0c;text-rendering:optimizeLegibility}body.main{height:100%}::-moz-selection{color:#0e0a0c;background:#fecb52}::selection{color:#0e0a0c;background:#fecb52}button::-moz-focus-inner{border:0}img{max-width:100%}a{text-decoration:none;color:#0e0a0c;border-bottom:1px solid #0e0a0c;-webkit-transition:.15s;-o-transition:.15s;transition:.15s;background-repeat:repeat-x;background-size:0 0;background-position:0 65%}a:active,a:focus,a:hover{color:#fecb52;outline:0;border-bottom:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#0e0a0c),to(#0e0a0c));background-image:-webkit-linear-gradient(#0e0a0c,#0e0a0c);background-image:-o-linear-gradient(#0e0a0c,#0e0a0c);background-image:linear-gradient(#0e0a0c,#0e0a0c);background-size:1.5em 1.5em}a.dark-ui{color:#fff;border-bottom:1px solid #fff}a.dark-ui:active,a.dark-ui:focus,a.dark-ui:hover{outline:0;border-bottom:none}small{font-size:.85rem}pre{margin-left:1.3em}code,pre{line-height:1.5;font-size:95%}h1,h2,h3,h4,h5,h6{font-family:sans-serif;letter-spacing:.02em}h1{font-size:2.4rem}h3{font-size:1.4rem}ul>li{list-style-type:none;padding:.2em 0}ol{padding-left:1em}dfn{font-style:inherit;cursor:pointer;border-bottom:1px dashed #a9a9a9}input[type=checkbox],input[type=radio]{cursor:pointer}input[type=checkbox]:focus,input[type=radio]:focus{outline:0}sup{font-size:.7rem;margin:0 .2em}.f-icon{fill:#fff}.f-icon:hover{fill:#fecb52}.btn-action{max-width:170px;border:none;margin:.5em 0;background:#fecb52;border-radius:6px;padding:7px}.btn-action:active,.btn-action:focus,.btn-action:hover{background:#0e0a0c;-webkit-box-shadow:0 2px 4px 0 #a9a9a9;box-shadow:0 2px 4px 0 #a9a9a9}.btn-action.centered{margin:.5em auto}.container,.container-wrapper{height:inherit;width:inherit}.container{background-color:#fff}.container:after,.container:before{display:table;content:" "}.container:after{clear:both}.contents{padding:2em 15% 1.5em}.contents img{display:block;margin:0 auto}.contents p:not(.u-nomargin){margin:1.2em 0}.contents .section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:1em 0}.contents .section.u-nomargin{margin:0}.contents .section.u-block{display:block}.section-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section-wrapper>.column{-webkit-box-flex:48%;-ms-flex:48% 0 0px;flex:48% 0 0}.section-wrapper:last-child>.column .section{margin:0}.section h4{text-transform:uppercase}.section:not(.u-block) h4{margin-right:1em;width:150px}.section-title{border-bottom:1px solid #a9a9a9;padding-bottom:1em;margin-bottom:1em}.section-title h2,.section-title h4{text-transform:uppercase}.section-title h2{display:inline;font-size:1.8rem}.section-title h2,.section-title>div{vertical-align:middle}.section-title h4{color:#a9a9a9}.section-title>.icon-share{width:20px;height:20px;fill:#fecb52;vertical-align:sub;margin-right:.4em}.section-title .icon-logotype{color:#fff;width:28px;height:auto;margin:0 auto}.section-title>div{border-radius:50%;width:48px;height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:1em}.article-list li:last-of-type>span,.section-list li:last-of-type>span{display:none}.article-list>h2,.article-list>h3,.article-list>h4{margin:1em 0}.section-hero{width:65%;margin:0 auto}.section-hero>h3{margin:.5em 0}.section-hero>h3:first-child{margin-top:.5em}.section-hero>h3:last-child{margin-bottom:1.5em}.section-hero span{margin:0 .5em;display:inline-block}.section-hero span:first-child{text-transform:uppercase;min-width:183px}.section-hero span:first-child,.section-hero span:last-of-type{color:#a9a9a9}.section-hero sup>a{border-bottom:none}.section.with-image{text-align:center}.section.with-image a{display:inline-block;margin:1em .5em;width:60px;height:60px;border:2px solid #fecb52;border-radius:50%}.section.with-image a:active,.section.with-image a:focus,.section.with-image a:hover{border:2px solid #e93a32;-webkit-box-shadow:0 1px 8px 0 #e93a32;box-shadow:0 1px 8px 0 #e93a32;background-image:none}.article-list li:before,.post li:before,.warning-list li:before{content:"";width:7px;margin:0 .4em 3px;height:7px;display:inline-block;border-radius:50%;background:#fecb52}svg.f-tag{position:absolute;width:20px;height:20px;right:.5em;top:.5em;fill:#fecb52}svg.diaspora{fill:#000}svg.friendica{fill:#ffb900}svg.hubzilla{fill:#43488a}svg.gnusocial{fill:#a22430}svg.mastodon{fill:#5f57ef}svg.socialhome{fill:#2fcbbe}svg.pleroma{fill:#fba457}svg.peertube{fill:#f1680d}svg.misskey{fill:#9fd608}svg.lemmy{fill:#14854f}svg.pixelfed{fill:#6736dd}svg.funkwhale{fill:#009fe3}svg.fediparty{fill:#fe55ba}.article-list>li.diaspora:before{background:#000}.article-list>li.friendica:before{background:#ffb900}.article-list>li.hubzilla:before{background:#43488a}.article-list>li.gnusocial:before{background:#a22430}.article-list>li.mastodon:before{background:#5f57ef}.article-list>li.socialhome:before{background:#2fcbbe}.article-list>li.pleroma:before{background:#fba457}.article-list>li.peertube:before{background:#f1680d}.article-list>li.misskey:before{background:#9fd608}.article-list>li.lemmy:before{background:#14854f}.article-list>li.pixelfed:before{background:#6736dd}.article-list>li.funkwhale:before{background:#009fe3}.article-list>li.fediparty:before{background:#fe55ba}.warning-list li:before{background:#e93a32}.browserupgrade{margin:.2em 0;background:#a9a9a9;color:#0e0a0c;padding:.2em 0}.no-js{position:absolute;top:.3em;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;color:#0e0a0c;padding:.4em 1.3em;text-align:center;z-index:3}@media screen and (max-width:80em){.section-hero{width:75%}.contents.network{padding:2em 13% 1.5em}.contents.misc{padding:2em 10% 1.5em}}@media screen and (max-width:64em){h1{font-size:2rem}.section-hero{width:90%}.contents{padding:2em 10% 1.5em}.section-wrapper>.column{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}}@media screen and (max-width:51em){h1{font-size:1.3rem;line-height:1.3}.section-title h2,h2{font-size:1.2rem}h3{font-size:1.1rem}h4{padding:0 3em;line-height:1.3}.section-hero>h3:last-child{margin-right:11%}.contents{padding:2em 8% 1.5em}.contents .section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contents h4{padding:0}.section-hero{width:100%}.section-hero span:nth-child(2){display:block}.section-hero span:last-child{display:none}.no-js{width:100%;line-height:1.3}}@media screen and (max-width:33.9em){body{font-size:90%}.no-js{display:none}}.navbar{position:fixed;top:0;right:0;z-index:4;padding:.4em;color:#fff}.navbar svg{fill:#fff}.nav svg{height:10px;width:10px;margin-right:4px}.navbar .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:96%;-ms-flex:96% 0 0px;flex:96% 0 0;padding-right:1.5em}.navbar li{text-transform:uppercase;font-weight:700;color:#a9a9a9;line-height:2;width:100%}.navbar li.todo{text-align:center;padding-right:1.2em}.navbar a{border-bottom:none;display:block;padding-left:2.2em}.navbar a:focus,.navbar a:hover{color:#fecb52;background-size:2.5em 2.5em}.navbar li:hover svg{fill:#fecb52}.control,.control~.slideout,.overlay{display:none}.control~.slideout{position:absolute;top:0;right:0;width:200px;height:100vh;padding:8em 0 1em;background-color:#fff;display:inline-block;-webkit-transform:matrix(1,0,0,1,220,0);-ms-transform:matrix(1,0,0,1,220,0);transform:matrix(1,0,0,1,220,0);-webkit-transition:.3s cubic-bezier(.77,0,.175,1);-o-transition:.3s cubic-bezier(.77,0,.175,1);transition:.3s cubic-bezier(.77,0,.175,1)}.control:checked~.slideout{-webkit-transform:matrix(1,0,0,1,0,0);-ms-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}.slideout label{position:fixed;top:0;right:200px;width:0;height:0;z-index:-1;background-color:rgba(0,0,0,.5)}.control:checked~.slideout label{width:100vw;height:100vh}.slideout a{color:#0e0a0c}.hamburger{position:absolute;width:200px;height:165px;top:-70px;right:-85px;background-color:#0e0a0c;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:4;padding:.4em;color:#fff}.hamburg-box{cursor:pointer;position:relative;left:3px;top:33px;width:120px;height:70px;text-align:center;font-weight:700}.hamburger svg{fill:#fff;width:28px;height:28px;margin-left:5px;margin-top:-10px}.hamburger svg:last-of-type{display:none;margin-left:47px;margin-top:1px}.hamburger:hover svg{fill:#fecb52}.overlay:not(:checked)~.hamburger svg:first-of-type{display:none}.overlay:not(:checked)~.hamburger svg:last-of-type{display:block}@media screen and (max-width:51em){.hamburger{width:170px;top:-80px;right:-75px}.hamburg-box{top:45px;width:95px}.hamburger svg:last-of-type{margin-left:30px}}.sidebar{background-color:#0e0a0c;text-align:center;position:absolute;z-index:4}.sidebar.g-sidebar{width:200px;height:165px;top:-70px;left:-85px;border-radius:50%}.sidebar.i-sidebar{width:70px;height:100%}.f-logo{border:none}.sidebar.i-sidebar .f-logo{position:relative;top:2em}.sidebar.g-sidebar .f-logo{position:absolute;top:90px;left:79px;width:95px;height:55px}.f-logo svg{width:36px;height:36px;fill:#fecb52;margin-right:.3em}.f-logo:hover svg{fill:#fff}.share-wrapper{cursor:pointer;z-index:4}.i-sidebar .share-wrapper{position:absolute;width:100%;left:0;bottom:1.5em;text-align:center}.share__toggle{color:#fecb52}.icon-share{margin:.2em 0 0 -.1em;fill:#fff;width:25px;height:25px}.icon-share:hover{fill:#fecb52}.share:hover svg{fill:#fff}.i-sidebar .share:hover svg{fill:#fecb52}@media screen and (max-width:51em){.sidebar.g-sidebar{width:170px;top:-80px;left:-75px}.sidebar.g-sidebar .f-logo{top:97px;width:70px}}@media screen and (max-width:33.9em){.u-extra{margin-bottom:0}.share__toggle svg{width:20px;height:20px}}.main__container{position:absolute;bottom:0;right:0;padding-top:2em;padding-bottom:1.5em;background:url(/img/index-bg.jpg) center center/cover no-repeat #0e0a0c;overflow:hidden}.i-sidebar+.main__container{width:calc(100% - 70px)}.main__container:after{content:"";background-image:url(/img/dots.png);background-size:2px;position:fixed;top:0;right:0;width:inherit;height:100%;z-index:1}.grid{position:relative;z-index:2;width:inherit;height:inherit}.grid__item{position:absolute;width:190px;font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-bottom:none}.grid__item:active,.grid__item:focus,.grid__item:hover{background:0 0}.grid__item__image{width:80px;height:80px;-webkit-box-flex:40%;-ms-flex:40% 0 0px;flex:40% 0 0;border:3px solid #fff;background:#fff;border-radius:50%}.grid__item__title{color:#fff;-webkit-box-flex:60%;-ms-flex:60% 0 0px;flex:60% 0 0;margin:0 .5em;-ms-flex-item-align:center;align-self:center;-webkit-transition:color .3s,text-shadow .3s;-o-transition:color .3s,text-shadow .3s;transition:color .3s,text-shadow .3s;font-size:1.2rem}.grid__item:focus .grid__item__title,.grid__item:hover .grid__item__title{text-shadow:0 0 10px #fff}.f-Misskey{top:9%;left:4%}.f-Hubzilla{top:9.5em;left:28%}.f-Lemmy{top:4em;left:80%}.f-PeerTube{top:48%;left:13%}.f-Mastodon{top:35%;left:75%}.f-Friendica{top:82%;left:32%}.f-diaspora{top:76%;left:83%}.f-Pleroma{top:53%;left:85%}.f-Pixelfed{top:74%;left:7%}.f-Funkwhale{top:85%;left:63%}.grid__card{opacity:0;position:absolute;width:350px;height:220px;background:#0e0a0c;color:#fff;padding:35px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .45s ease-in;-o-transition:opacity .45s ease-in;transition:opacity .45s ease-in}.grid__item:hover+.grid__card{opacity:1}.grid__card:after,.intro__content:after{content:"";border:1px solid #fecb52;position:absolute;top:15px;left:15px;right:15px;bottom:15px;z-index:-1}.grid__card h4,.intro__content span{text-align:center;color:#fecb52}.grid__card img{width:50px;height:50px;vertical-align:middle;margin-right:.2em}.grid__card p{font-size:.9rem;margin-top:.3em}.intro{cursor:pointer;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background-color:#fecb52;-webkit-box-shadow:0 0 12px #fecb52;box-shadow:0 0 12px #fecb52;z-index:4}.intro:before{content:"";display:block;width:70px;height:70px;background:rgba(254,203,82,.2);border-radius:inherit;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glow;animation-name:glow}.grid__item:hover~.intro{opacity:0}.intro__content{opacity:0;position:relative;left:40%;-webkit-transform:translate(-40%,-40%);-ms-transform:translate(-40%,-40%);transform:translate(-40%,-40%);display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:500px;height:260px;background:#0e0a0c;color:#fff;padding:35px;-webkit-transition:opacity .45s ease-in;-o-transition:opacity .45s ease-in;transition:opacity .45s ease-in}.intro__content.open{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.intro__content svg{width:20px;height:20px;position:absolute;top:1.5em;right:1.5em}.intro__content a{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:center;align-self:center;color:#fecb52;border-bottom:1px solid #fecb52}.intro__content a:active,.intro__content a:focus,.intro__content a:hover{color:#fff}.intro__content>a:last-child{border:none;margin-top:.5em}@-webkit-keyframes glow{0%,100%{opacity:.9}0%{opacity:0}}@keyframes glow{0%,100%{opacity:.9}50%{opacity:0}}@media screen and (max-width:80em){.grid__card{top:55%;left:58%}}@media screen and (max-width:64em){.main__container{overflow-y:scroll}.grid__item{-ms-flex-wrap:wrap;flex-wrap:wrap}.grid__item__image{width:45px;height:45px;-webkit-box-flex:25%;-ms-flex:25% 0 0px;flex:25% 0 0}.f-Lemmy{left:75%}.f-Mastodon{top:37%}.intro{display:none}}@media screen and (max-width:64em) and (orientation:portrait),screen and (max-width:51em){.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid__item{position:static;-webkit-box-flex:50%;-ms-flex:50% 0 0px;flex:50% 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.grid__item__image{margin-left:2em}.grid__item__image,.grid__item__title{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}.grid__card:before{opacity:1}}@media screen and (max-width:33.9em){.grid__item{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0;-ms-flex-item-align:end;align-self:flex-end}.grid__item__image{width:30px;height:30px}.grid__item__title{font-size:1rem}.grid__card{display:none}}@media screen and (max-width:51em) and (orientation:landscape){.source__toggle{display:none}}.error__page{text-align:center;padding-top:4em;min-height:100vh}.tags__cloud{margin:5em 0 2em}.tag__date{margin-right:1em}.hero-header{position:relative;top:0;left:0;width:100%;height:500px;background-size:cover;color:#fff;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-header .heading{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:0 7em}.hero-header small{display:none}.post .hero-header small{display:block}.hero-header .author{display:block;margin-top:1.5em}.author>a{color:#fff;border:none}.author>a:active,.author>a:focus,.author>a:hover{border-bottom:1px solid #fff}.author>i:last-child{display:none}.hero-icon{display:inline-block;width:22px;height:22px;background:#0e0a0c;border-radius:50%}.hero-icon>svg{width:13px;height:13px;fill:#fff;vertical-align:middle}@media screen and (max-width:51em){.hero-header .heading{padding:1em 2em}}@media screen and (min-width:64em){.hero-icon{line-height:1.3}}.dex-btn,.popup button{cursor:pointer}.dex-btn{width:30px;height:30px;line-height:1.6;text-align:center;text-decoration:none;font-size:.85rem;margin:1.5em .4em 0;border:none;background:#000;padding:8px;border-radius:50%;display:inline-block}.i-sidebar .dex-btn{background:0 0;padding:0;border-radius:0;display:initial;margin:.1em 0}.dex-btn span,.i-sidebar .dex-icon{vertical-align:middle}.dex-btn,.dex-btn span{font-weight:700}.share{max-height:40px;display:inline-block}.i-sidebar .share{display:block}.dex-icon{vertical-align:top;fill:#fecb52;width:13px;height:13px}.i-sidebar .dex-icon{fill:#fff;width:16px;height:16px}.hidden,.hidden+.popup,.overlay{display:none}.hidden:checked+.popup{position:absolute;min-width:265px;padding:.4em;z-index:3;background-color:rgba(255,255,255,.25);display:inline-block}.i-sidebar .hidden:checked+.popup{margin-left:2em}.popup input{height:25px;min-width:200px}.popup button{margin:2.5px 0 2.5px 5px;height:28px;width:44px}.i-sidebar .popup label{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:rgba(0,0,0,.5)}.network h2{text-transform:uppercase}.network .subheading{background:rgba(23,16,20,.4);padding:.1em .5em}.network .section-title{position:relative}.network aside{position:absolute;right:0;top:-1em;line-height:1.5;text-align:right}.network .connections li{margin-right:.3em}.connections .section-list{margin-top:-.4em}svg.f-highlight{position:relative;width:18px;height:18px;top:.2em;right:.2em}.server-list{margin-left:1.3em}img.mascot{display:inline-block;margin:0 .2em}.screens{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:.4em 0}.screen{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0;margin:.7em}.screen>img{border:1px solid #a9a9a9}.screen figcaption{text-align:center;font-size:.85rem;color:#171014;font-weight:700;margin-bottom:.7em}.features{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.features>li{-webkit-box-flex:50%;-ms-flex:50% 0 0px;flex:50% 0 0;padding:0}.footnotes{display:block;width:100%}@media screen and (max-width:64em){.network .section.inline-items{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-items h4{margin-right:1em;width:150px;-ms-flex-wrap:wrap;flex-wrap:wrap}.inline-items li{padding:0}}@media screen and (max-width:51em){.network .subheading{padding:.4em;margin-top:1.2em}.network aside{display:none}.features>li{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}.network .connections li:first-of-type{margin-top:1em}}.chronicles{line-height:1.4}.chronicles .heading{text-align:center;margin-bottom:3em}.chronicles .links{width:160px;height:130px;line-height:1.7}.chronicles .section-title h4{color:#0e0a0c;text-align:center}.chronicles .urgent{position:absolute;top:8em;right:13em;width:450px;overflow:hidden}.chronicles .urgent .section-title{border-bottom:none;padding-bottom:0}.post{min-height:100vh}.post__preview{padding:.8em 1.5em;border:1px solid #a9a9a9;border-radius:10px;position:relative;margin-top:1em}.post__preview:hover{border:1px solid #0e0a0c}.post__preview a.oneliner,.post__preview.featured{padding:0;background:0 0}.post__preview:not(.featured) a:focus>p{color:#fe55ba}.post__preview:nth-child(n+4){margin-top:2em}.post__preview:not(.featured){-webkit-box-flex:32%;-ms-flex:32% 0 0px;flex:32% 0 0;height:290px}.post__preview:not(.featured) .post__meta{position:absolute;bottom:0;width:80%;margin:.5em 0}.post__preview .post__meta span:last-child{position:absolute;right:0}.post__preview .post__meta i:last-child{display:none}.post__preview:not(.featured) .post__content{width:80%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.post__preview.featured{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:4em 0;max-height:300px}.post__preview.featured:active,.post__preview.featured:focus,.post__preview.featured:hover{color:inherit;opacity:.85}.post__preview.featured p{margin-top:0}.post__preview.featured:focus p:first-child,.post__preview.featured:hover p:first-child{color:#a9a9a9}.post__preview.featured .post__content,.post__preview.featured>.post__image{-webkit-box-flex:48%;-ms-flex:48% 0 0px;flex:48% 0 0}.post__preview.featured img{border-radius:10px;height:220px}.post__preview.featured .post__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.post__content>.post__text{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.post__preview.featured .post__meta{margin-bottom:0}.news{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.post__preview .oneliner:active,.post__preview .oneliner:focus,.post__preview .oneliner:hover{color:#0e0a0c}.page-nav{margin:2em 0}.page-number{margin:0 .3em}.page-number.current{font-weight:700;color:#fecb52}@media screen and (max-width:80em){.chronicles .urgent{right:9em}.post__preview:not(.featured){-webkit-box-flex:46%;-ms-flex:46% 0 0px;flex:46% 0 0}.post__preview:nth-child(n+4){margin-top:1em}.post__preview.featured{-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:inherit;margin:1.5em 0}.post__preview.featured .post__content,.post__preview.featured>.post__image{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0;margin-bottom:2em}}@media screen and (max-width:64em){.chronicles{line-height:1.2}.chronicles .urgent{position:inherit;width:auto;margin:-90px auto 3em}.post__preview:not(.featured){-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0;height:230px}.post__preview:not(.featured) .post__meta{margin:.5em 0}}@media screen and (max-width:51em){.contents.chronicles{padding-top:7em}.post__preview:not(.featured){height:240px}.page-number{margin:0 .9em}}.miscellaneous .hero-header{max-height:350px;-webkit-box-shadow:1px 1px 4px 2px #0e0a0c;box-shadow:1px 1px 4px 2px #0e0a0c}.misc{background:#171014;color:#fff;min-height:90%;padding:2em 13% 3em}.misc svg{width:13px;height:13px;color:#0e0a0c;vertical-align:middle}.misc h2{text-align:center;margin-bottom:.5em}.misc>h4{font-family:Roboto,Arial,sans-serif;font-weight:700;border-bottom:1px solid #fff;margin-top:.5em}.contents.misc p{margin:.2em 0}.misc .option,.misc footer,.misc h2{color:#fecb52}.misc .option span{color:#fff;font-size:.7rem}.misc input{vertical-align:middle;margin:0 .5em 0 .25em}.misc__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:3em 0 0}.misc__grid a{border:0}.card{background-color:transparent;color:#0e0a0c;border-radius:8px;border-color:transparent;-webkit-box-flex:33%;-ms-flex:33% 0 0px;flex:33% 0 0;margin-bottom:3em;font-size:inherit;text-align:left;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;cursor:pointer;z-index:1}.card p{padding-left:.5em;margin-bottom:.5em}.card a{word-wrap:break-word}.card__title{height:52px;padding:1em 0 0 1.5em}.misc .title{float:right;width:75%;padding:.2em 1.2em .2em .2em;text-align:right;background:#fecb52}.card__body{padding:1.5em}.card__subtitle{border-bottom:1px solid #fecb52}.card__title>img{display:inline;width:45px}.card__about,.card__more{line-height:1.3}.card__more{position:absolute;right:20px;bottom:20px;margin-top:.8em;font-size:.95rem}.card__more i{display:inline-block;vertical-align:middle;height:18px;margin-left:4px;font-size:.7rem}.card:focus .card__more{display:none}.card__content{position:relative;background:#fff;border-radius:inherit;width:300px;height:440px;-webkit-transition:.3s cubic-bezier(.175,.885,.32,1.275);-o-transition:.3s cubic-bezier(.175,.885,.32,1.275);transition:.3s cubic-bezier(.175,.885,.32,1.275)}.card__extra{position:absolute;width:300px;height:440px;left:0;top:0;border-radius:0 8px 8px 0;-webkit-transition:.15s cubic-bezier(.175,.885,.32,1);-o-transition:.15s cubic-bezier(.175,.885,.32,1);transition:.15s cubic-bezier(.175,.885,.32,1);-webkit-transform:translateX(90%) rotateX(90deg);transform:translateX(90%) rotateX(90deg);opacity:0;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;overflow:hidden;padding:1.5em}.card__extra p{-webkit-transition:opacity .3s .2s;-o-transition:opacity .3s .2s;transition:opacity .3s .2s;opacity:0}.card__content:after,.card__content:before{content:"";position:absolute;opacity:0;cursor:pointer;-webkit-transition:.1s;-o-transition:.1s;transition:.1s;pointer-events:none}.card__content:after{width:25px;height:25px;border-radius:20%;background:-webkit-linear-gradient(45deg,rgba(255,255,255,.00001) calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% + 2px),rgba(255,255,255,.00001) calc(50% + 2px)),-webkit-linear-gradient(135deg,rgba(255,255,255,.00001) calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% + 2px),rgba(255,255,255,.00001) calc(50% + 2px)),#fecb52;background:-o-linear-gradient(45deg,rgba(255,255,255,.00001) calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% + 2px),rgba(255,255,255,.00001) calc(50% + 2px)),-o-linear-gradient(135deg,rgba(255,255,255,.00001) calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% + 2px),rgba(255,255,255,.00001) calc(50% + 2px)),#fecb52;background:linear-gradient(45deg,rgba(255,255,255,.00001) calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% + 2px),rgba(255,255,255,.00001) calc(50% + 2px)),linear-gradient(-45deg,rgba(255,255,255,.00001) calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% + 2px),rgba(255,255,255,.00001) calc(50% + 2px)),#fecb52;top:-30px;right:-290px;-webkit-box-shadow:inset 0 0 0 5px #fecb52;box-shadow:inset 0 0 0 5px #fecb52;z-index:5}.card__content:before{width:625px;height:30px;top:-35px;left:-20px;background:rgba(0,0,0,.9);border-radius:16px 16px 0 0;z-index:5}.card:focus{outline:0;-webkit-transform:translateY(-10px) translateX(-80px);-ms-transform:translateY(-10px) translateX(-80px);transform:translateY(-10px) translateX(-80px);z-index:4}.card:focus>.card__content:after,.card:focus>.card__content:before{opacity:1}.card:focus:before{content:"";position:absolute;min-width:625px;min-height:455px;top:-15px;left:-100px;background-color:rgba(0,0,0,.9);border-radius:0 0 16px 16px}.card:focus .card__content{-webkit-transform:translateY(-10px) translateX(-80px);-ms-transform:translateY(-10px) translateX(-80px);transform:translateY(-10px) translateX(-80px);border-radius:8px 0 0 8px}.card:focus .card__extra{background:inherit;-webkit-transition:opacity ease-in .1s,-webkit-transform .2s ease-in .1s;transition:opacity ease-in,transform .2s ease-in,-webkit-transform .2s ease-in;-o-transition:opacity ease-in .1s,transform .2s ease-in .1s;transition-delay:.1s;-webkit-transform:translateX(95%) rotateX(0);transform:translateX(95%) rotateX(0);opacity:1}.card:focus .card__extra p{opacity:1}#agpl3:checked~.misc__grid .card:not(.agpl3),#analytics:checked~.misc__grid .card:not(.Analytics),#anticapitalist14:checked~.misc__grid .card:not(.anticapitalist14),#apache2:checked~.misc__grid .card:not(.apache2),#apache2\/mit:checked~.misc__grid .card:not(.apache2\/mit),#blogPub:checked~.misc__grid .card:not(.Blog-Pub),#blueoak:checked~.misc__grid .card:not(.blueoak),#bridges:checked~.misc__grid .card:not(.Bridges),#bsd3clause:checked~.misc__grid .card:not(.bsd3clause),#c:checked~.misc__grid .card:not(.c),#c\#:checked~.misc__grid .card:not(.c\#),#clojure:checked~.misc__grid .card:not(.clojure),#crystal:checked~.misc__grid .card:not(.crystal),#data:checked~.misc__grid .card:not(.OpenData),#dev:checked~.misc__grid .card:not(.Develop),#econ:checked~.misc__grid .card:not(.Econ),#elixir:checked~.misc__grid .card:not(.elixir),#eupl:checked~.misc__grid .card:not(.eupl),#evMeet:checked~.misc__grid .card:not(.Ev-Meet),#extend:checked~.misc__grid .card:not(.Extension),#files:checked~.misc__grid .card:not(.Files),#forges:checked~.misc__grid .card:not(.Forges),#forums:checked~.misc__grid .card:not(.Forums),#games:checked~.misc__grid .card:not(.Games),#go:checked~.misc__grid .card:not(.go),#gpl2:checked~.misc__grid .card:not(.gpl2),#gpl3:checked~.misc__grid .card:not(.gpl3),#guile:checked~.misc__grid .card:not(.guile),#hare:checked~.misc__grid .card:not(.hare),#haskell:checked~.misc__grid .card:not(.haskell),#isc:checked~.misc__grid .card:not(.isc),#java:checked~.misc__grid .card:not(.java),#javascript:checked~.misc__grid .card:not(.javascript),#kotlin:checked~.misc__grid .card:not(.kotlin),#lgpl3:checked~.misc__grid .card:not(.lgpl3),#libs:checked~.misc__grid .card:not(.Libs),#links:checked~.misc__grid .card:not(.Links),#lisp:checked~.misc__grid .card:not(.lisp),#lua:checked~.misc__grid .card:not(.lua),#media:checked~.misc__grid .card:not(.Media),#mit:checked~.misc__grid .card:not(.mit),#mpl2:checked~.misc__grid .card:not(.mpl2),#nim:checked~.misc__grid .card:not(.nim),#ocaml:checked~.misc__grid .card:not(.ocaml),#other:checked~.misc__grid .card:not(.Other),#php:checked~.misc__grid .card:not(.php),#plugins:checked~.misc__grid .card:not(.Plugins),#ppl3:checked~.misc__grid .card:not(.ppl3),#publicdomain:checked~.misc__grid .card:not(.publicdomain),#python:checked~.misc__grid .card:not(.python),#r:checked~.misc__grid .card:not(.r),#racket:checked~.misc__grid .card:not(.racket),#relays:checked~.misc__grid .card:not(.Relays),#reviews:checked~.misc__grid .card:not(.Reviews),#ruby:checked~.misc__grid .card:not(.ruby),#rust:checked~.misc__grid .card:not(.rust),#scala:checked~.misc__grid .card:not(.scala),#shell:checked~.misc__grid .card:not(.shell),#snMacro:checked~.misc__grid .card:not(.SN-ma),#snMicro:checked~.misc__grid .card:not(.SN-mi),#sortAP:checked~.misc__grid .card:not(.ap),#sortDiaspora:checked~.misc__grid .card:not(.dia),#sortOstatus:checked~.misc__grid .card:not(.os),#sortZot:checked~.misc__grid .card:not(.zot),#specs:checked~.misc__grid .card:not(.Specs),#swift:checked~.misc__grid .card:not(.swift),#tests:checked~.misc__grid .card:not(.Tests),#typescript:checked~.misc__grid .card:not(.typescript),#unknown:checked~.misc__grid .card:not(.unknown),#utils:checked~.misc__grid .card:not(.Utils){display:none}@media screen and (max-width:80em){.misc__grid{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.card{-webkit-box-flex:45%;-ms-flex:45% 0 0px;flex:45% 0 0}}@media screen and (max-width:64em){.misc__grid{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.card{-webkit-box-flex:95%;-ms-flex:95% 0 0px;flex:95% 0 0;outline:0;cursor:default}.card:focus{-webkit-transform:none;-ms-transform:none;transform:none}.card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;width:100%}.card:focus:before,.card__content:after,.card__content:before{position:static;content:none}.card:focus .card__content{-webkit-transform:none;-ms-transform:none;transform:none;border-radius:8px}.card:focus .card__extra{-webkit-transform:none;-ms-transform:none;transform:none}.card__title{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0;padding-top:.5em}.card__body{-webkit-box-flex:40%;-ms-flex:40% 0 0px;flex:40% 0 0}.card__extra{position:static;-webkit-box-flex:55%;-ms-flex:55% 0 0px;flex:55% 0 0;background:inherit;-webkit-transition:opacity .1s ease-in,-webkit-transform .2s ease-in .1s;transition:opacity ease-in .1s,transform .2s ease-in .1s,-webkit-transform .2s ease-in .1s;-o-transition:opacity .1s ease-in,transform .2s ease-in .1s;opacity:1;width:inherit;height:inherit;-webkit-transform:none;-ms-transform:none;transform:none}.card__extra p{opacity:1}.card__more{display:none}.misc .title{width:45%}}@media screen and (max-width:51em){.card{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0;font-size:95%}.card__body,.card__extra{padding:1.3em;-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}.card__body{padding-bottom:0}.card__extra{padding-top:0}}.question{margin-top:1em}h4.question{font-family:Roboto,Arial,sans-serif}.btn{cursor:pointer;padding:7px 20px;font-size:1.05rem;line-height:1.7;color:#0e0a0c}.btn:active,.btn:focus,.btn:hover{color:#fecb52}.fadeIn{-webkit-animation:2.5s ease-in both fadeIn;animation:2.5s ease-in both fadeIn}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.about{margin-top:4em}.about h2{text-align:center;font-weight:700;line-height:1;margin-top:1em}.about .code{text-align:center}.about ul{margin:1em 0 .5em}.about li{padding:0}.about li>span{font-weight:700}.about li:last-of-type>span{display:inline} |