1 line
No EOL
7.2 KiB
CSS
1 line
No EOL
7.2 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%;padding:2rem;font-size:xxx-large}.scroll-indicator .down{bottom:0}.scroll-indicator .up{top:0}.scroll-indicator i{color:#cb9148;cursor:pointer}.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}.scroller :last-child .scroll-indicator.down{display:none}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 .image{width:100%;max-width:480px}article .card .placeholder{height:300px}article .card .content{display:flex;flex-direction:column;flex:min-content;min-width:300px;padding:1rem}article .card .content p{margin:0}.table-of-contents{position:fixed;left:0;top:0;height:100%;display:flex;flex-direction:row}.table-of-contents .extend{margin:auto;padding-block:1rem;padding-inline:.4rem;border-radius:0 .5rem .5rem 0;background-color:#000;cursor:pointer}#TableOfContents{display:none;margin:auto;padding-inline:20px;border-radius:0 .5rem .5rem 0;background-color:#000;font-size:larger}#TableOfContents ul{counter-reset:toc1;list-style-type:none;padding-inline-start:0;padding-block:.5rem}#TableOfContents li{list-style-type:none}#TableOfContents li ul{counter-reset:toc2}#TableOfContents li ul li{list-style-type:none}#TableOfContents li ul li ul{counter-reset:toc3}#TableOfContents li ul li ul li:before{counter-increment:toc3;content:counter(toc1)"." counter(toc2)"." counter(toc3)" "}#TableOfContents li ul li:before{counter-increment:toc2;content:counter(toc1)"." counter(toc2)" "}#TableOfContents li:before{counter-increment:toc1;content:counter(toc1)". "}#TableOfContents.show{display:block}main{flex-grow:1;display:flex;flex-direction:column}.title h1{color:#04bfad;font-size:xxx-large;margin-block-end:3rem}main>.content{padding-top:9rem;padding-bottom:2rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;max-width:960px;margin:0;align-self:center;flex-grow:1}.list{margin-block-start:2rem}.list>li{list-style:none;margin:.5rem}.list>article{margin:.5rem;padding:.5rem;border:2px solid gray;border-radius:6px}.list>article>h3{margin:0;padding-block:.25rem;font-size:x-large}.list>article>.meta{font-size:smaller;padding-block-end:1rem}.meta>span{padding-inline-end:1rem}.list>article>.more{display:block;width:100%;text-align:right;font-size:x-large;border:none;background:inherit;color:#cb9148}.section{padding-top:2rem;padding-bottom:2.5rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;margin:0;align-self:center;flex:1 0 auto}.section.highlight{background-color:#04bfad}.section>.content{width:100%;max-width:960px;margin:auto;justify-content:center}.button{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;background-color:transparent;background-image:none;text-transform:none;padding:0}.button:hover{filter:brightness(60%)}.button.filled{background-color:#cb9148;color:#fff;border:2px solid #cb9148;border-radius:4px;padding:.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button.outlined{background-color:transparent;color:#cb9148;border:2px solid #cb9148;border-radius:4px;padding:.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button.outlined:hover{background-color:#cb9148;color:#fff}img{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;object-fit:contain;vertical-aligh:middle;border-radius:6px}.avatar{border-radius:50%;border:3px solid #04bfad;object-fit:cover}.caption{text-align:center;color:gray;font-size:small;margin:0} |