cmc/cleberg.net
My personal web garden & blog.
clone: git clone https://gitbay.org/cmc/cleberg.net.git
dcf0186e16b6ac8f0e00a3aeb9734421ce548177
unsigned
author: Christian Cleberg <hello@cleberg.net> · 2023-12-03T05:27:26Z
static/styles.css | 244 ++++++++++++++++++++++++++------------------------ static/styles.min.css | 1 + 2 files changed, 127 insertions(+), 118 deletions(-) @@ -1,169 +1,177 @@ -@media (prefers-reduced-motion:no-preference) { - :root { - scroll-behavior: smooth; +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; } } -body { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 5%); - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; - font-size: 1rem; - line-height: 1.5; - max-width: 45em; - margin: 0 auto; - padding: 0 1rem; +body { + background-color: #282828; + color: #ebdbb2; + font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; + font-size: 1rem; + line-height: 1.5; + max-width: 45em; + margin: 0 auto; + padding: 0 1rem; } -a, a:visited { - color: hsl(240, 100%, 35%); - text-decoration: none; +nav, +footer { + border-color: #ebdbb2; } -a:hover { - background-color: hsl(240, 100%, 35%); - color: hsl(0, 0%, 100%); +h1 { + color: #458588; } -#preamble { - padding: 1rem 0; +h2 { + color: #d79921; } -#preamble nav a { - margin-right: 0.5rem; +h3 { + color: #b16286; } -#postamble { - border-top: 1px solid #000; - margin-top: 1rem; +h4 { + color: #cc241d; } -img { - width: 100%; +h1::before { + content: "* "; } -table { - border-collapse: collapse; +h2::before { + content: "** "; } -thead, th, tr, td { - border: 1px solid hsl(0, 100%, 5%); - padding: 0.25rem; +h3::before { + content: "*** "; } -pre > code, time, code { - font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; - font-size: 1rem; +h4::before { + content: "**** "; } -pre { - padding: 0.5rem; - margin: 0.5rem 0; - border: 1px solid #0d0d0d; - overflow-x: auto; +a, +a:visited { + color: #689d6a; + text-decoration: underline; } -:not(pre)>code { - background-color: hsl(240, 100%, 85%); - border: 1px solid - hsl(240, 100%, 85%); - border-radius: 0; - color: hsl(0, 0%, 5%); - padding: 0 - 0.25rem; +a:hover { + background-color: #689d6a; + color: #282828; } -aside { - background-color: hsl(0, 0%, 85%); - padding: 1rem; +#preamble { + padding: 1rem 0; } -blockquote { - background-color: hsl(0, 0%, 85%); - border-left: 5px solid hsl(240, 100%, 35%); - color: hsl(0, 0%, 5%); - padding: 1rem; - margin: 1rem 0; +#preamble nav a { + margin-right: 0.5rem; } -blockquote p { - margin: 0; +#postamble { + border-top: 1px solid #000; + margin-top: 1rem; } -.footnote-definition { - display: flex; - justify-content: flex-start; - align-items: top; - margin: 1rem 0; +img { + width: 100%; } -.footnote-definition sup { - font-size: inherit; - top: 0; - line-height: inherit; - padding-right: .5rem; +table { + border-collapse: collapse; + color: #ebdbb2; + border-color: #665c54; } -.footnote-definition sup::after { - content: "."; +thead, +th, +tr, +td { + border: 1px solid #665c54; + padding: 0.25rem; } -.footnote-definition p { - display: inline-block; - margin: 0; +pre > code, +time, +code { + font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; + font-size: 1rem; } -@media (prefers-color-scheme: dark) { - body { - background-color: hsl(0, 0%, 5%); - color: hsl(0, 0%, 75%); - } +pre { + margin: 0.5rem 0; + overflow-x: auto; +} - nav, footer { - border-color: hsl(0, 0%, 75%); - } +pre::before, +pre::after { + background-color: #504945; + display: block; + white-space: pre; +} - h1, h2, h3, h4, h5, h6 { - color: hsl(0, 0%, 85%); - } +pre::before { + content: "#+BEGIN_SRC"; +} - a, a:visited { - color: hsl(120, 100%, 45%); - } +pre::after { + content: "#+END_SRC"; +} - a:hover { - background-color: hsl(120, 100%, 45%); - color: hsl(0, 0%, 5%); - } - :not(pre)>code { - background-color: hsl(120, 100%, 35%); - border: 1px solid hsl(120, 100%, 35%); - border-radius: 0; - color: hsl(0, 0%, 5%); - padding: 0 0.25rem; - } +:not(pre) > code { + color: #d79921; +} - aside { - background-color: hsl(0, 0%, 15%); - padding: 1rem; - } +aside { + background-color: #504945; + padding: 1rem; +} - blockquote { - background-color: hsl(0, 0%, 15%); - border-left: 5px solid hsl(120, 100%, 25%); - color: hsl(0, 0%, 85%); - } +blockquote { + margin: 1rem 0; +} - pre { - border: 1px solid hsl(0, 0%, 35%); - } +blockquote p { + margin: 0; +} - table { - color: hsl(0, 0%, 75%); - border-color: hsl(0, 0%, 35%); - } +blockquote::before, +blockquote::after { + background-color: #504945; + display: block; + white-space: pre; +} - thead, th, tr, td { - border: 1px solid hsl(0, 0%, 35%); - } +blockquote::before { + content: "#+BEGIN_QUOTE"; +} + +blockquote::after { + content: "#+END_QUOTE"; +} + +.footnote-definition { + display: flex; + justify-content: flex-start; + align-items: top; + margin: 1rem 0; +} + +.footnote-definition sup { + font-size: inherit; + top: 0; + line-height: inherit; + padding-right: 0.5rem; +} + +.footnote-definition sup::after { + content: "."; +} + +.footnote-definition p { + display: inline-block; + margin: 0; } new file mode 100644 @@ -0,0 +1 @@ +@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:#282828;color:#ebdbb2;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem;line-height:1.5;max-width:45em;margin:0 auto;padding:0 1rem}nav,footer{border-color:#ebdbb2}h1{color:#458588}h2{color:#d79921}h3{color:#b16286}h4{color:#cc241d}h1::before{content:"* "}h2::before{content:"** "}h3::before{content:"*** "}h4::before{content:"**** "}a,a:visited{color:#689d6a;text-decoration:underline}a:hover{background-color:#689d6a;color:#282828}#preamble{padding:1rem 0}#preamble nav a{margin-right:.5rem}#postamble{border-top:1px solid #000;margin-top:1rem}img{width:100%}table{border-collapse:collapse;color:#ebdbb2;border-color:#665c54}thead,th,tr,td{border:1px solid #665c54;padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem}pre{margin:.5rem 0;overflow-x:auto}pre::before,pre::after{background-color:#504945;display:block;white-space:pre}pre::before{content:"#+BEGIN_SRC"}pre::after{content:"#+END_SRC"}:not(pre)>code{color:#d79921}aside{background-color:#504945;padding:1rem}blockquote{margin:1rem 0}blockquote p{margin:0}blockquote::before,blockquote::after{background-color:#504945;display:block;white-space:pre}blockquote::before{content:"#+BEGIN_QUOTE"}blockquote::after{content:"#+END_QUOTE"}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0} \ No newline at end of file