060d4e00fd
validator/ holds mewslint (lint, css, fetch, DTD/CSS data); directory/ holds the mews.page service (app, db, check, pages, cli) and depends on validator/; quickstart/ holds mews-quickstart and md2mews.py for third parties who want to create Mews content without cloning the repo; spec/ consolidates doc/ and dtd/ with the canonical mews-0.1.css; site/ becomes a Pelican project with the forward-facing pages as Markdown, the check form kept as a raw HTML snippet. Root pyproject.toml is now a virtual uv workspace over validator, directory and quickstart, with cross-cutting tests that span more than one of them staying at the repo root. Makefile and flake.nix updated to match.
106 lines
No EOL
2.7 KiB
CSS
106 lines
No EOL
2.7 KiB
CSS
/* 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; } |