1 line
7.7 KiB
CSS
1 line
7.7 KiB
CSS
|
:root{--main-bg:#FFF;--main-color:#404040;--link-color:#0085A1;--header-link-color:#FFF;--heaver-link-hover-color:rgba(255, 255, 255, 0.8);--header-before-background-color:#aaa;--post-meta-color:#808080;--button-color:#555;--button-hover-color:#333;--border-hover-border-color:#888;--border-color-bbb:#bbb;--border-top-color:#e1e1e1;--border-input:#33c3f0;--border-input-default:#d1d1d1}@media(prefers-color-scheme:dark){:root{--main-bg:#404040;--main-color:#FFF;--button-color:var(--main-color);--button-hover-color:#888;--border-hover-border-color:#888}}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.columns{width:100%;float:left;box-sizing:border-box}@media(min-width:400px){.container{width:85%;padding:0}}@media(min-width:550px){.container{width:80%}.columns{margin-left:4%}.columns:first-child{margin-left:0}.one.columns{width:4.66667%}.ten.columns{width:82.66667%}.offset-by-one.columns{margin-left:8.66667%}.offset-by-ten.columns{margin-left:86.66667%}}html{font-size:62.5%}body{margin:0;font-size:2em;line-height:1.5;font-weight:400;font-family:Verdana,Geneva,sans-serif;color:var(--main-color);background-color:var(--main-bg)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:800;font-family:Verdana,Geneva,sans-serif}h1{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h2{font-size:2.4rem;line-height:1.35;letter-spacing:-.1rem}h3{font-size:1.8rem;line-height:1.5;letter-spacing:-.08rem}h4{font-size:1.5rem;line-height:1.6;letter-spacing:0}h5{font-size:1.2rem;line-height:1.8;letter-spacing:0}h6{font-size:1rem;line-height:2;letter-spacing:0}@media(min-width:550px){h1{font-size:3.6rem}h2{font-size:3rem}h3{font-size:2.4rem}h4{font-size:1.8rem}h5{font-size:1.4rem}h6{font-size:1.2rem}}p{margin-top:0}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--main-color)}.navbar-checkbox{display:none}.headernav{line-height:2em;width:100%}.headernav a{color:var(--main-color)}.headernav a:hover{color:var(--link-color)}.headernav ul{transition:max-height .23s linear;text-align:center;margin:0;padding:0;max-height:0;overflow:hidden}.headernav li{transition:visibility .23s linear;display:block;visibility:hidden}.headernav .brand{margin-left:.4em;line-height:1.5em;font-size:1.2em;font-weight:600}.headernav .navbar-handle{position:absolute;right:.5em;top:.5em;padding:.5em 0;display:block;cursor:pointer;height:0;width:1.2em;border-top:.2em #000 solid}.headernav .navbar-handle:after,.headernav .navbar-handle:before{position:absolute;left:0;right:0;content:' ';border-top:.2em #000 solid}.headernav .navbar-handle:before{top:.2em}.headernav .navbar-handle:after{top:.6em}#navbar-checkbox{display:none}#navbar-checkbox:checked+.headernav ul{max-height:30em}#navbar-checkbox:checked+.headernav li{visibility:visible}@media(min-width:750px){.headernav{background:0 0;position:absolute;top:0;left:0;z-index:3;width:100%;padding-top:20px;font-family:Verdana,Geneva,sans-serif;font-weight:800;font-size:1.2rem}.headernav ul{display:inline;max-height:2em;float:right}.headernav ul li{display:inline;visibility:visible;text-transform:uppercase;letter-spacing:1px}.headernav ul li a{padding:20px}.headernav a{text-decoration:none;color:var(--header-link-color);line-height:20px}.headernav a:hover{color:var(--heaver-link-hover-color)}.headernav .brand{float:left;padding:0 20px;font-size:1.8rem;font-weight:800}.headernav .navbar-handle{display:none}}.site-heading{text-align:center}.post-heading,.site-heading{padding-top:5rem;padding-bottom:5rem;color:var(--header-link-color)}.post-heading hr,.site-heading hr{max-width:100%;width:100px;margin-top:1.5rem;margin-bottom:1.5rem;border:0 var(--header-link-color)solid;border-top-width:4px;height:0}.post-heading .meta,.site-heading .meta{font-family:Georgia,serif;line-height:2.2rem;font-style:italic}.intro-header{width:100%;background:var(--post-meta-color);background:no-repeat 50%;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;margin-bottom:50px;position:relative
|