paritybit.ca

Raw content of https://www.paritybit.ca.
git clone https://git.sr.ht/~jbauer/paritybit.ca
Log | Files | Refs | README | LICENSE

commit adb8cab7fa2a65edea9cf34c226eb192762fb345
parent 5efa1921e5d6b1a2a5e0b54200cc89c70ae8f937
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Fri, 26 Aug 2022 21:20:15 -0400

Optimize style.css further

Diffstat:
Mstatic/style.css | 22++++------------------
Mtemplates/header.html | 2+-
2 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/static/style.css b/static/style.css @@ -2,8 +2,7 @@ body { background-color: #fcfcfc; color: #111; line-height: 1.3rem; - max-width: 820px; - max-width: 72ch; + max-width: 695px; margin: 0 auto; padding: 0.5em 0 3em 0; font-family: "IBM Plex Serif", serif; @@ -68,18 +67,11 @@ figcaption { margin-bottom: 1.5em; } -input { - color: #111; +input, button { background-color: #eee; border: 2px inset #aaa; } -button { - color: #111; - background-color: #eee; - border: 2px outset #aaa; -} - button:hover { border: 2px outset #134799; } @@ -99,7 +91,7 @@ th { } .note { - background-color: #ade; + background-color: #adf; border-radius: 5px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5); padding: 15px 20px; @@ -162,16 +154,10 @@ code { blockquote { border-left: 3px solid #9abdda; } - input { - color: #ddd; + input, button { background-color: #333; border: 2px inset #666; } - button { - color: #ddd; - background-color: #333; - border: 2px outset #666; - } button:hover { border: 2px outset #9abdda; } diff --git a/templates/header.html b/templates/header.html @@ -7,7 +7,7 @@ <link rel="alternate" type="application/rss+xml" title="RSS feed" href="/feed.xml"> <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABX1BMVEUAAAABAAAAAAAAAAAAAAAAAAAAAAC7amoAAABlPz8AAAAAAAAGAwMAAAAAAAAAAAC7d3cKBwe7d3e7d3eWX1/ny4+WX18CAQGHVlaTXl4BAAApGhpiPj7ny4/ny4/oy4/ozI/qz5Ona2u7d3d4TEzny48MCAhlQEC7d3e7d3cAAAAAAAC7d3e8d3cAAAC8d3fnzI+8dnYAAADpzJC9eHjny4+WX1+TXV13S0u7d3fny492S0vnzI/ny4+EU1PnzI8mFxe7d3cjFhZgPT3ny5AAAAC7d3fny4+7d3cAAADozJC6d3e7d3cAAADozI/my5Dny44AAAAAAAC7d3e4d3fkx5DpzY69c3O7d3eoamroy4+FVVWEVFR0Skq7d3e7d3e8d3cAAAC6eHi7eHi7eHi8dna8dnYAAADozJAAAADkyY28eXnqyJHqzY63eHi/dXXny48AAAC7d3e5dXW2dHSjLYEdAAAAcHRSTlMA9cj58gYaBOrflhjq44MI/ePbaP348u/u6Oba1sW+oosL/Pbv7ejnyLuXlI54RkM8Oy4iG/v38efl4ODf2tfT09LQz87FwbeimJeJf397ZUlIRTQvGxYP9/Xv4ODZz86yk4JxYlRQSjctJiYlJCAYM3tXUgAAAg1JREFUOMttk1V3ImEQRO8MQ3CChACBIHF3l427+7q7Tjfz/88+sNhk67Vuf3K6CuryXo2Yfo/HbwYnvDxW25EldVnBNpfdHjVErO2dJ9nsk51tS8SItreMmyLxV46qakxVndW4iNl0yExEjHxFEyfTcz7f3PT7La0EDInM1PxQRMJZTSQbE5OvtbNLuv6d0W5K1zM99DXf6RvTnrCY1XdExcjqKcD9RbFQKF7cAyS105AoQJsheT0EyqWUbdu2badKZeBEA2KFgCOJVxI+uNu169q9A4YqAxIEryWr+hnKG3aTNsowrX2S9vJFLGcLOLZbdAwMO4ZMMCKbegq/5luB+VlIak6CmJLXGzi3XTqHOQ2IiV9e6gMU3EABeJoRPx7p7AXW3cA6kOgQTw1YcwNrNcAvL/QBut1AN9CbET+m5PUWSm6gBH90UEyCsqnjMOUGvsJHzckoV2I4Q8BBq38AvHUMucZryZJOwmx/s98/C7exPkl7YUTilTc+mHre5E8Bw5UBGa2uO6BjwPf6T7p/AuM6WF03UTEWNQlwWVxJpVaKlwCfYgseOatFLtyjYy2RYzzWE5Y9byO0izo02bBv9nUhXA9tNfaBiu5/+OED3+/ksFYGPRL55irOkqOqy8sxVadvQGQv9Kh6Ri6Q6ejIBHKGiHXmLnAomG6UNz0a+k+/vRPBav3fXTdN/wUXrszXABeiEwAAAABJRU5ErkJggg=="> <title></title> - <style>body{background-color:#fcfcfc;color:#111;line-height:1.3rem;max-width:820px;max-width:72ch;margin:0 auto;padding:0.5em 0 3em;font-family:"IBM Plex Serif", serif}header{text-align:center;margin:0.7em auto;font-size:2em;font-weight:bold}h1{font-style:oblique;margin-bottom:0;line-height:1.1em;font-size:1.7em}h2,h3,h4,h5,h6{margin:1.4em 0 -0.3em;line-height:1.1em}nav{text-align:center}nav a{padding:0 0.5em;font-size:1.1rem;font-weight:bold;text-decoration:none}nav a:hover{text-decoration:underline}a,nav a:visited{color:#134799}a:hover{text-decoration:none}a:visited{color:#551a8b}img,video{max-width:100%}blockquote{border-left:3px solid #134799;padding-left:0.5em}figcaption{margin-bottom:1.5em}input{color:#111;background-color:#eee;border:2px inset #aaa}button{color:#111;background-color:#eee;border:2px outset #aaa}button:hover{border:2px outset #134799}button:active{border:2px inset #aaa}table,td,th{border:2px solid #666;border-collapse:collapse;text-align:left}th{background-color:#ccc}.note{background-color:#ade;border-radius:5px;box-shadow:4px 4px 5px 0 rgba(0,0,0,0.5);padding:15px 20px}.note a,.note a:visited{color:#111;text-decoration:underline}.date{font-size:smaller;color:#565151}pre{background-color:#ddd;overflow:auto;padding:0.5em;line-height:1.1rem;box-shadow:4px 4px 5px 0 rgba(0,0,0,0.5);border:1px black solid}code{background-color:#ddd;font-family:"IBM Plex Mono", monospace;font-size:0.9rem}@media print{body{font-size:16px}pre{white-space:pre-wrap}nav{display:none}}@media only screen and (max-width: 1000px){body{max-width:90%}}@media (prefers-color-scheme: dark){body{background-color:#1f1f1f;color:#ddd}a,nav a:visited{color:#9abdda}a:visited{color:#c0ade3}blockquote{border-left:3px solid #9abdda}input{color:#ddd;background-color:#333;border:2px inset #666}button{color:#ddd;background-color:#333;border:2px outset #666}button:hover{border:2px outset #9abdda}button:active{border:2px inset #666}th{background-color:#333}.note{background-color:#245}.note a,.note a:visited{color:#ccc}.date{font-size:smaller;color:#bbb}pre{background-color:#333;border:1px #666 solid}code{background-color:#333}#xxiivv-icon{filter: invert(1)}}</style> + <style>body{background-color:#fcfcfc;color:#111;line-height:1.3rem;max-width:695px;margin:0 auto;padding:0.5em 0 3em;font-family:"IBM Plex Serif", serif}header{text-align:center;margin:0.7em auto;font-size:2em;font-weight:bold}h1{font-style:oblique;margin-bottom:0;line-height:1.1em;font-size:1.7em}h2,h3,h4,h5,h6{margin:1.4em 0 -0.3em;line-height:1.1em}nav{text-align:center}nav a{padding:0 0.5em;font-size:1.1rem;font-weight:bold;text-decoration:none}nav a:hover{text-decoration:underline}a,nav a:visited{color:#134799}a:hover{text-decoration:none}a:visited{color:#551a8b}img,video{max-width:100%}blockquote{border-left:3px solid #134799;padding-left:0.5em}figcaption{margin-bottom:1.5em}button,input{background-color:#eee;border:2px inset #aaa}button:hover{border:2px outset #134799}button:active{border:2px inset #aaa}table,td,th{border:2px solid #666;border-collapse:collapse;text-align:left}th{background-color:#ccc}.note{background-color:#adf;border-radius:5px;box-shadow:4px 4px 5px 0 rgba(0,0,0,0.5);padding:15px 20px}.note a,.note a:visited{color:#111;text-decoration:underline}.date{font-size:smaller;color:#565151}pre{background-color:#ddd;overflow:auto;padding:0.5em;line-height:1.1rem;box-shadow:4px 4px 5px 0 rgba(0,0,0,0.5);border:1px black solid}code{background-color:#ddd;font-family:"IBM Plex Mono", monospace;font-size:0.9rem}@media print{body{font-size:16px}pre{white-space:pre-wrap}nav{display:none}}@media only screen and (max-width: 1000px){body{max-width:90%}}@media (prefers-color-scheme: dark){body{background-color:#1f1f1f;color:#ddd}a,nav a:visited{color:#9abdda}a:visited{color:#c0ade3}blockquote{border-left:3px solid #9abdda}button,input{background-color:#333;border:2px inset #666}button:hover{border:2px outset #9abdda}button:active{border:2px inset #666}th{background-color:#333}.note{background-color:#245}.note a,.note a:visited{color:#ccc}.date{font-size:smaller;color:#bbb}pre{background-color:#333;border:1px #666 solid}code{background-color:#333}#xxiivv-icon{filter: invert(1)}}</style> </head> <body> <header>paritybit.ca</header>