From 0563db3ddfd01ae6db5fa9eb642be2d87cb81925 Mon Sep 17 00:00:00 2001 From: randogoth Date: Sun, 11 Oct 2026 08:08:12 +0300 Subject: [PATCH] init: mews css --- mews-0.1.css | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 mews-0.1.css diff --git a/mews-0.1.css b/mews-0.1.css new file mode 100644 index 0000000..fc0d8ed --- /dev/null +++ b/mews-0.1.css @@ -0,0 +1,106 @@ +/* Mews Profile default stylesheet 0.1 */ + +/* Base: light theme */ +body { + background-color: #faf8f3; + color: #1f1f1f; + font-family: "Atkinson Hyperlegible", Verdana, Tahoma, system-ui, sans-serif; + font-size: 106%; + line-height: 1.5; + margin: 0 auto; + padding: 1em; + max-width: 40em; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: bold; + line-height: 1.25; + margin: 1.6em 0 0.5em 0; +} +h1 { font-size: 1.6em; margin-top: 0.5em; } +h2 { font-size: 1.3em; } +h3 { font-size: 1.1em; } +h4, h5, h6 { font-size: 1em; } + +p, ul, ol, dl, blockquote, pre, table, address { + margin: 0 0 1em 0; +} +ul, ol { padding-left: 1.5em; } +li { margin-bottom: 0.25em; } +dt { font-weight: bold; } +dd { margin: 0 0 0.5em 1.5em; } + +a { color: #1a4f9c; text-decoration: underline; } +a:visited { color: #5b2a86; } +a:focus, a:active { outline: 2px solid #1a4f9c; } + +blockquote { + margin-left: 0; + padding-left: 1em; + border-left: 3px solid #c9c4b8; +} + +pre, code, kbd, samp { + font-family: "Source Code Pro", Consolas, Menlo, "DejaVu Sans Mono", monospace; + font-size: 0.9em; +} +pre { + background-color: #efece4; + padding: 0.75em; + overflow: auto; +} + +hr { + border: 0; + border-top: 1px solid #c9c4b8; + margin: 2em 0; +} + +table { border-collapse: collapse; } +th, td { + border: 1px solid #c9c4b8; + padding: 0.3em 0.6em; + text-align: left; + vertical-align: top; +} +caption { font-weight: bold; text-align: left; } + +img { + display: block; + max-width: 100%; + height: auto; + border: 0; +} + +input, select, textarea { font-size: 1em; font-family: inherit; } + +/* Body variants: light */ +body.mews-warm { background-color: #fbf4e8; color: #2a2420; } +body.mews-warm a { color: #8a3d14; } +body.mews-cool { background-color: #f3f6fa; color: #1c2430; } +body.mews-cool a { color: #1a4f9c; } +body.mews-green { background-color: #f2f6ef; color: #1f2a1f; } +body.mews-green a { color: #24502a; } +body.mews-mono { background-color: #e8ebe1; color: #1e2219; } +body.mews-mono a { color: #1e2219; } + +/* Dark theme: follows the system setting */ +@media (prefers-color-scheme: dark) { + body { background-color: #18191b; color: #e3e1dc; } + a { color: #8fb8f5; } + a:visited { color: #c9a3f2; } + a:focus, a:active { outline-color: #8fb8f5; } + blockquote, hr, th, td { border-color: #45464a; } + pre { background-color: #222326; } + + body.mews-warm { background-color: #1d1916; color: #e8dfd3; } + body.mews-warm a { color: #f0b48a; } + body.mews-cool { background-color: #161a20; color: #dde4ee; } + body.mews-cool a { color: #8fb8f5; } + body.mews-green { background-color: #161b16; color: #dbe6d8; } + body.mews-green a { color: #9fd39a; } + body.mews-mono { background-color: #1b1d18; color: #c8d0b8; } + body.mews-mono a { color: #c8d0b8; } +} + +html { color-scheme: light dark; } \ No newline at end of file