1 line
No EOL
7.7 KiB
CSS
1 line
No EOL
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}.intro-header::before{display:block;width:100%;height:100%;background-size:cover;content:' ';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:var(--header-before-background-color);filter:brightness(50%);-webkit-filter:brightness(50%)}@media(min-width:750px){.site-heading h1{font-size:8rem}.site-heading .subheading{font-size:2.4rem;font-weight:300;font-family:Verdana,Geneva,sans-serif}.post-heading h1{font-size:5.5rem}.post-heading .meta{font-family:Georgia,serif;line-height:2.2rem;font-style:italic}.post-heading,.site-heading{padding-top:8rem;padding-bottom:8rem}}.copyright{font-size:.5em}.post-preview a{color:var(--main-color)}.post-preview a:hover{color:var(--link-color)}.post-preview h2{margin-bottom:0}.post-preview h4{font-weight:600}.post-preview .post-meta{color:var(--post-meta-color);font-family:Georgia,serif;font-size:1.8rem;line-height:1.5;font-style:italic}.pager{list-style:none}.button,button{display:inline-block;height:38px;padding:0 30px;color:var(--button-color);text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid var(--border-color-bbb);cursor:pointer;box-sizing:border-box}input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:var(--button-color);text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid var(--border-color-bbb);cursor:pointer;box-sizing:border-box}.button:hover,button:hover{color:var(--button-hover-color);border-color:var(--border-hover-border-color);outline:0}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:var(--button-hover-color);border-color:var(--border-hover-border-color);outline:0}.button:focus,button:focus{color:var(--button-hover-color);border-color:var(--border-hover-border-color);outline:0}input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{color:var(--button-hover-color);border-color:var(--border-hover-border-color);outline:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{height:38px;padding:6px 10px;background-color:#fff;border:1px solid var(--border-input-default);border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus{border:1px solid var(--border-input);outline:0}label{display:block;margin-bottom:.5rem;font-weight:600}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ul{padding-left:0;margin-top:0}ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;border:1px solid var(--border-top-color);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}.button,button{margin-bottom:1rem}input{margin-bottom:1.5rem}blockquote,p,pre,ul{margin-bottom:2.5rem}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid var(--border-top-color)}.container:after,.row:after{content:"";display:table;clear:both} |