1 line
No EOL
7.4 KiB
CSS
1 line
No EOL
7.4 KiB
CSS
:root{--content-width:1120px;--container-width:810px;--light-primary-color:255, 255, 255;--light-secondary-color:#dddddd;--light-tertiary-color:#272822;--light-text-color:black}@font-face{font-family:Lato;font-weight:400;src:url(/fonts/Lato-Regular.ttf)}@font-face{font-family:Lato;font-weight:700;src:url(/fonts/Lato-Bold.ttf)}html{background-color:rgb(var(--light-primary-color));color:var(--light-text-color);font-family:lato,sans-serif;font-size:17.5px;min-height:100%;position:relative}body{margin-bottom:170px}b,strong{font-weight:700}a{color:inherit}a:hover{color:var(--accent-color);fill:var(--accent-color)}main#content{margin:90px auto 0;width:var(--content-width)}main#content>.container{margin:auto;width:75%;max-width:var(--container-width)}.post.container{box-sizing:border-box;display:inline-block}.post-toc{box-sizing:border-box;display:inline-block;padding-left:50px;vertical-align:top;width:24%}#toc{position:fixed;top:80px;bottom:20px;overflow-x:hidden;overflow-y:auto}#toc ul{list-style:none;margin:0;padding:0;font-size:14px}#toc ul li{margin-top:12px}#toc ul li a.level-1{padding-left:0}#toc ul li a.level-2{padding-left:10px}#toc ul li a.level-3{padding-left:20px}#toc ul li a.level-4{padding-left:30px}#toc ul li a{text-decoration:none}#toc ul li a.active{color:var(--accent-color)}img{height:auto;max-width:100%}.header{background-color:rgba(var(--light-primary-color),.95);color:inherit;height:50px;left:0;position:fixed;top:0;transition:box-shadow .3s ease-in-out;width:100%;z-index:5}.header a{text-decoration:none}.header .header-nav{height:50px;margin-top:0}.header-nav .avatar{border-radius:18px;float:left;height:100%;margin-left:15px}.header-nav .avatar img{border-radius:100%;display:block;height:38px;margin-top:5px;overflow:hidden;width:38px}.header-nav .nav-title{display:inline-block;height:100%;line-height:50px;padding-left:15px}.nav-title a{height:50px}.header-nav .nav-links{float:right;line-height:50px;margin-right:10px}.nav-links .nav-link{display:inline-block;padding:0 2px}.nav-links .nav-link a{display:block;padding:0 6px}.nav-link a svg{height:20px;margin:-3px auto;stroke-width:2;width:20px}.nav-links .nav-link.icon a{padding:0 8px}.nav-links .nav-icons-divider{border-color:inherit;border-left:1.5px solid;color:var(--light-secondary-color);margin:0 10px}.nav-links .dark-theme-toggle:hover{cursor:pointer}a:hover .feather-sun{fill:#000;color:#000}.dark-theme-toggle .feather{height:22px;stroke-linecap:round;stroke-linejoin:round;width:22px}#hamburger-menu-toggle{display:none}#hamburger-menu-toggle .feather{height:24px;stroke-linecap:round;stroke-linejoin:round;width:24px}.nav-hamburger-list{background:rgb(var(--light-primary-color));border-bottom:solid 1.5px var(--light-secondary-color);border-top:solid 1.5px var(--light-secondary-color);list-style-type:none;margin:0;padding:0;position:absolute;right:0;text-align:center;width:100%;z-index:5}.nav-hamburger-list a:hover{text-decoration:underline}.footer{bottom:0;color:inherit;left:0;overflow:hidden;padding:40px 0;position:absolute;text-align:center;width:100%}.footer span{display:block;font-size:.85em;font-weight:300;padding:1px 0}.flex-break{flex-basis:100%;height:0;display:none}.visibility-hidden{visibility:hidden}.header-shadow{box-shadow:#dcdcdc 0 1px 5px}.post-tags{list-style-type:none;padding:0}.post-tags .post-tag{border:1.5px solid;border-radius:4px;box-sizing:border-box;color:inherit;display:inline-block;font-size:14px}.post-tags .post-tag:hover{background-color:var(--light-text-color);color:rgb(var(--light-primary-color))}.post-tag a{color:inherit;display:block;padding:6px 12px;text-decoration:none}code,pre{background-color:var(--light-tertiary-color);box-sizing:border-box;color:#fff}pre{font-size:.95rem;overflow:auto;padding:20px}code{box-decoration-break:clone;word-wrap:break-word;font-size:.8em}:not(pre)>code{background-color:var(--light-secondary-color)!important;color:var(--light-text-color);padding:1px 4px}pre code{font-size:.9em}blockquote{border-left:2px solid var(--light-secondary-color);color:grey;padding-left:1rem;margin-left:0}hr{color:var(--light-secondary-color);margin:50px auto}table{border-collapse:collapse;margin:30px 0;text-align:left;display:block;overflow-x:auto}table thead{background-color:var(--light-secondary-color)}table td,table th{padding:1.4rem}table td{border-bottom:1px solid var(--light-secondary-color)}.home-about{text-align:center}.home-about .avatar img{border-radius:50%;height:auto;object-fit:cover}.home-about .avatar img.size-xs{height:7rem;width:7rem}.home-about .avatar img.size-s{height:9rem;width:9rem}.home-about .avatar img.size-m{height:11rem;width:11rem}.home-about .avatar img.size-l{height:13rem;width:13rem}.home-about .avatar img.size-xl{height:15rem;width:15rem}.home-about h1{font-size:2em}.social-icons{text-align:center}.social-icons .social-icons-list{display:inline-block;list-style-type:none;padding:0;text-align:center}.social-icons-list .social-icon{box-sizing:border-box;display:inline-block;fill:var(--light-text-color);height:24px;margin:0 6px;width:24px}.social-icon a svg path{transition:fill .15s ease}.markdown-content{line-height:1.25;width:80%;margin:0 auto}.home-posts{margin:0 auto;padding-top:10px;width:80%}.post [role=doc-subtitle]{font-size:1.1em;font-style:italic}.post{overflow-wrap:break-word}.post .post-date,.prev-post-date,.next-post-date{color:gray}.post .post-content{line-height:1.7;margin-top:50px;letter-spacing:.5px}.post-content h1,.post-content h2,.post-content h3,.post-content h4{scroll-margin-top:55px}.post-content h1{margin-top:40px}.post-content h2{margin-top:35px}.post-content h3{margin-top:30px}.post-content h4{margin-top:25px}.post-content h5{margin-top:20px}.post-content img{display:block;margin-left:auto;margin-right:auto}.list-posts .list-title{text-align:center}.list-posts .posts-year{margin-top:70px}.list-posts .post-title{margin:18px 0 0 15px}.list-posts a{text-decoration:none}.post-title .post-link,.post-title .post-date{display:inline-block}.post-title .post-link{width:73%}.tags-list .post-tags{margin-top:50px}.tags-list .post-tags .post-tag{margin:2px 5px;padding:0}.tags-list .post-tags .post-tag a{border-radius:inherit;padding:0}.tags-list .post-tags .post-tag a div{display:inline-block}.tags-list .post-tags .post-tag a .tag-name{padding:5px 8px}.tags-list .post-tags .post-tag a .tag-posts-count{background-color:var(--light-secondary-color);border-radius:inherit;color:inherit;opacity:.8;padding:6px;position:relative;z-index:0}.tags-list .post-tags .post-tag:hover a .tag-posts-count{background-color:var(--light-text-color);color:rgb(var(--light-primary-color))}.text-404{margin-top:125px;text-align:center}@media only screen and (max-width:1120px){main#content{width:auto}}@media only screen and (max-width:820px){body{font-size:.95rem}.flex-break{display:block}.home-about .avatar img{border-radius:50%;height:7rem;width:7rem}.nav-links .nav-link,.nav-icons-divider{display:none}#hamburger-menu-toggle{display:inline-block}main#content{box-sizing:border-box;padding:0 1.5rem;width:auto}.markdown-content,.home-posts{width:auto;margin:0}main#content .container{width:100%}.home-about{margin:0 auto}#toc{display:none}.list-posts{flex:1}.list-posts .post-date{color:gray}}@media only screen and (min-width:820px){.nav-hamburger-list{visibility:hidden!important}}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.prev-post{float:left;text-align:left}.next-post{float:right;text-align:right}.prev-post,.next-post{max-width:33%} |