blob - 990f9a396e730b85646234ce324a45c7c8bbf270 blob + c3c9fa45fd5aaa740a1c29e17a7ccebca20ffe0a --- style.css +++ style.css @@ -1,22 +1,70 @@ -*{box-sizing:border-box} +*,*::before,*::after{box-sizing:border-box} + body{ + background:#1a1a18; + color:#b4b09c; + font-family:'Courier New',Courier,monospace; + font-size:15px; + line-height:1.7; max-width:680px; margin:2rem auto; - padding:0 1rem; - font-family:sans-serif; - line-height:1.6; - color:#222; - background:#fff; + padding:0 1.5rem; } -nav{margin-bottom:2rem} -nav a{text-decoration:none;color:#555} -h1,h2,h3{line-height:1.2} -a{color:#0070f3} + +a{color:#8ab4a0;text-decoration:underline} +a:hover{color:#b8d4c0} + +nav{ + font-size:13px; + margin-bottom:2.5rem; + padding-bottom:1rem; + border-bottom:1px solid #2e2e2a; +} +nav a{color:#7a9e8a;text-decoration:none;margin-right:1.2rem} +nav a:hover{color:#a8c8b4} + +h1{font-size:1.3rem;font-weight:normal;color:#e8e4d0;margin:0 0 1.5rem} +h2{font-size:1rem;font-weight:normal;color:#a8a494;margin:2rem 0 .75rem} +h3{font-size:.95rem;font-weight:normal;color:#8a8678;margin:1.5rem 0 .5rem} + +p{margin:0 0 1rem;color:#b4b09c} + pre{ - background:#f5f5f5; + background:#111110; + border:1px solid #2a2a26; padding:1rem; overflow-x:auto; - border-radius:4px; + border-radius:3px; + font-size:13px; + color:#8ab47a; + margin:1rem 0; } -code{background:#f5f5f5;padding:.1em .3em;border-radius:3px} -footer{margin-top:3rem;color:#999;font-size:.85rem} +code{ + background:#111110; + border:1px solid #242420; + padding:.1em .35em; + border-radius:2px; + font-size:13px; + color:#8ab47a; +} +pre code{border:none;padding:0;background:transparent} + +ul,ol{padding-left:1.2rem;color:#b4b09c;margin:0 0 1rem} +li::marker{color:#4a4a42} + +blockquote{ + border-left:2px solid #3a3a34; + margin:1rem 0; + padding:.5rem 1rem; + color:#7a7a6e; +} + +hr{border:none;border-top:1px solid #2e2e2a;margin:2rem 0} + +footer{ + margin-top:3rem; + padding-top:1rem; + border-top:1px solid #2e2e2a; + font-size:12px; + color:#4a4a42; +}