1 line
7 KiB
CSS
1 line
7 KiB
CSS
|
:root{color-scheme:dark}body{background-color:#231d1d;color:#f5f5f5}*{box-sizing:border-box;word-break:break-word}html{scroll-behavior:smooth}header,footer{color:#fff}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;font-weight:lighter;font-style:normal;font-size:larger}h1{margin:0;margin-bottom:.5rem;margin-top:.5rem}a{text-decoration:none;color:#cb9148}.col-3{flex:25%;width:25%;max-width:25%}.col-4{flex:33.33%;width:33.33%;max-width:33.33%}.col-5{flex:41.66%;width:41.66%;max-width:41.66%}.col-6{flex:50%;width:50%;max-width:50%}.col-7{flex:58.33%;width:58.33%;max-width:58.33%}.col-8{flex:66.66%;width:66.66%;max-width:66.66%}.col-9{flex:75%;width:75%;max-width:75%}.col-10{flex:83.33%;width:83.33%;max-width:83.33%}.col-11{flex:91.66%;width:91.66%;max-width:91.66%}.col-12{flex:100%;width:100%;max-width:100%}[class*=col-]{float:left}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.row{display:flex;flex-wrap:wrap;flex-flow:column}header{height:80px;position:sticky;top:0;z-index:9;display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:center;text-align:end;background-color:inherit}header h2{max-width:960px;padding-inline:1rem}header h2 a{color:inherit}header i{font-size:x-large}header .items{display:flex;flex-grow:1;justify-content:right}header .items .item{align-self:center;padding-inline-end:16px}.progress{background:#04bfad;height:5px;width:0%;position:fixed;top:0;z-index:10}.scroll-indicator{display:flex;justify-content:center;position:relative;width:100%;bottom:0;padding:2rem;font-size:x-large}.totop{display:inline-flex;background-color:#04bfad;color:#f2f2f2;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;margin:20px;position:fixed;bottom:0;right:0;transition:background-color .3s;z-index:10;visibility:hidden;opacity:0}.totop:hover{filter:brightness(60%)}.totop.show{visibility:visible;opacity:1}.scroller{height:calc(100vh - 80px);overflow-y:scroll;scroll-snap-type:y mandatory}.scroller section{min-height:100%;scroll-snap-align:start;display:flex;flex-direction:column}.scroller section .profile .content{margin:auto}.scroller section .profile .content h1{margin-block-end:1rem}.scroller section .profile .content p{margin:0}.scroller section .profile .content .social{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:2rem}.scroller section .profile .content .social i{font-size:xx-large}.scroller section .profile .content .social a{padding-inline:6px;color:#cb9148}.scroller section .card{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;max-width:1152px;margin:auto;padding:1rem;align-items:stretch}.scroller section .card a{color:inherit}.scroller section .card .image{display:flex;flex:min-content;justify-content:center;max-width:580px;max-height:400px;min-width:300px}.scroller section .card .image a{display:flex}.scroller section .card .image picture{display:flex}.scroller section .card .placeholder{height:300px}.scroller section .card .content{display:flex;flex-direction:column;flex:1;min-width:300px;max-width:800px;margin-inline:auto;padding:1rem}.scroller section .card .content h1{flex-grow:1;color:#04bfad;font-size:xx-large}.scroller section .card .content .tags .tag+.tag::before{content:" - "}.scroller section .card .content .more{display:flex;justify-content:end;padding:1rem}article picture{display:flex;margin:auto}article a{display:flex}article .card{display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem;margin-block-end:4rem}article .card a{color:inherit}article .card .i
|