diff options
Diffstat (limited to 'theme/static')
| -rw-r--r-- | theme/static/favicon.ico | bin | 28345 -> 0 bytes | |||
| -rw-r--r-- | theme/static/styles.css | 309 |
2 files changed, 16 insertions, 293 deletions
diff --git a/theme/static/favicon.ico b/theme/static/favicon.ico Binary files differdeleted file mode 100644 index 81f54ad..0000000 --- a/theme/static/favicon.ico +++ /dev/null diff --git a/theme/static/styles.css b/theme/static/styles.css index 1cb4fc6..6ce8031 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -1,338 +1,61 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}[hidden]{display:none} - -/* CUSTOM CSS */ -:root { - --bg: #EDEDE7; - --bg-bright: #E8D3BE; - --fg: #201E1D; - --link: #810208; - --code: #810208; - --border: #E8D3BE; -} - -@media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } -} - body { - background-color: var(--bg); - color: var(--fg); - font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1rem; - line-height: 1.5; - max-width: 50em; - margin: 0 auto; - padding: 0 clamp(1rem, 5vw, 3rem); -} - -@media only screen and (min-width: 768px) { - body { - font-size: 1.2rem; - } -} - -@media (min-width: 768px) { - body { - padding: 0 2rem; - } -} - -.site-nav, -footer { - border-color: var(--fg); -} - -footer { - padding-top: 1rem; - margin: 1rem 0; -} - -footer p { - margin: 0; + max-width: 50em; + margin: 1.5rem; } -ul { - list-style-type: "- "; -} - -.site-nav ul { +nav ul { list-style-type: none; display: flex; - align-items: center; padding: 0; } -.site-nav ul li { +nav ul li { margin-right: 0.5rem; } -h1, -h2, -h3, -h4 { - color: var(--fg); -} - -h1 { - font-size: 1.75rem; - font-weight: bold; - margin-top: 1rem; - margin-bottom: 0.75rem; -} - -h2 { - font-size: 1.5rem; - margin-top: 1rem; - margin-bottom: 0.5rem; -} - -h3 { - font-size: 1.25rem; - margin-top: 1rem; - margin-bottom: 0.25rem; -} - -a, -a:visited { - color: var(--link); - text-decoration: underline; - text-decoration-skip-ink: auto; -} - -a:focus-visible { - outline: 2px solid var(--link); - outline-offset: 2px; -} - -a:hover { - background: var(--link); - color: var(--bg); - text-decoration: none; -} - img { border-style: none; width: 100%; } table { - border: 1px solid var(--border); + border: 1px solid #111; border-collapse: collapse; - color: var(--fg); - border-color: var(--bg-bright); - font-size: inherit; width: 100%; } -thead, -th, -tr, -td { - border: 1px solid var(--border); - padding: 0.25rem; -} - pre, pre>code, code { - font-family: - Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; font-size: 0.9rem; } pre { - background-color: var(--bg-bright) !important; + border: 1px solid #111; margin: 0.5rem 0; padding: 0.5rem; overflow-x: auto; } -:not(pre)>code { - color: var(--code); -} - -aside { - background-color: var(--bg-bright); - padding: 1rem; -} - -blockquote { - background-color: var(--bg-bright); - border-left: 5px solid var(--link); - margin: 1rem 0; - padding: 0.5rem 1rem; -} - -blockquote p { - margin: 0; -} - -.post, -.wiki-post { - display: flex; - justify-content: space-between; -} - -.post time { - flex-shrink: 0; - font-style: italic; - margin-right: 0.5rem; - opacity: 0.8; -} - -.wiki-post { - justify-content: space-between; -} - -.wiki-post:first-of-type { - border-bottom: 1px dotted var(--fg); - margin-bottom: 1rem; -} - -.wiki-post p { - margin: 0; -} - -.post-metadata { - border: 1px dotted var(--border); - padding: 1rem; -} - -.post-metadata h1 { - margin: 0; -} - -.post-metadata p { - margin: 0; -} - -.post-metadata time { - font-style: italic; -} - -details { +time { display: block; - margin-top: 1rem; -} - -summary { - display: list-item; - font-weight: bold; -} - -span.tag::before { - content: "#"; -} - -.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; -} - -.hidden { - display: none; -} - -.post { - display: flex; - flex-direction: row; - margin-bottom: 1rem; -} - -.post-content { - display: flex; - flex-direction: column; -} - -.post-tags { - font-size: 1rem; - margin-top: 0.1rem; -} - -.tag { - margin-right: 0.3rem; - font-style: normal; - opacity: 0.5; -} - -.tag::before { - content: "#"; -} - -.skip-link { - position: absolute; - left: -999px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} - -.skip-link:focus { - left: 1rem; - top: 1rem; - width: auto; - height: auto; - background: var(--bg-bright); - color: var(--fg); - padding: .5rem; - border: 1px solid var(--fg); +:not(pre)>code { + color: #f00; } @media (prefers-color-scheme: dark) { - :root { - --bg: #201E1D; - --bg-bright: #2F2F2D; - --fg: #EDEDE7; - --link: #D9C2A6; - --code: #D9C2A6; - --border: #2F2F2D; - } -} - -@media print { body { - background: #fff; - color: #000; - font-size: 12pt; - padding: 0; - max-width: none; + background-color: #222; + color: #eee; } - - .site-nav, - footer, - aside { - display: none; + + a { + color: #add8e6; } - a::after { - content: " (" attr(href) ")"; - font-size: 90%; + pre { + border-color: #eee; } }
\ No newline at end of file |