diff options
| author | ivar <i@oiee.no> | 2026-04-04 16:34:46 +0200 |
|---|---|---|
| committer | ivar <i@oiee.no> | 2026-04-04 16:34:46 +0200 |
| commit | a6355e7a6530af3335c4cd8af05f1e9c8b978169 (patch) | |
| tree | c9d920d1e996ef1c42d3455825731598df6b56c2 /assets/styles | |
| parent | 8a093aacd162d3fd9f142b53aab9edfa061fd66a (diff) | |
| download | nebbet.no-a6355e7a6530af3335c4cd8af05f1e9c8b978169.tar.xz nebbet.no-a6355e7a6530af3335c4cd8af05f1e9c8b978169.zip | |
.
Diffstat (limited to 'assets/styles')
| -rw-r--r-- | assets/styles/admin.css | 19 | ||||
| -rw-r--r-- | assets/styles/main.css | 49 |
2 files changed, 68 insertions, 0 deletions
diff --git a/assets/styles/admin.css b/assets/styles/admin.css new file mode 100644 index 0000000..ce19507 --- /dev/null +++ b/assets/styles/admin.css @@ -0,0 +1,19 @@ +form { + display: block; + width: 300px; +} + +#editor { + background: #fff; + border: 1px solid #ccc; + border-radius: 4px; + padding: 0.5rem; + min-height: 340px; + font-family: 'Menlo', 'Consolas', monospace; + font-size: 0.85rem; +} + +#editor.crepe-editor { + border-color: #2d5fc4; + box-shadow: 0 0 0 2px rgba(45, 95, 196, .15); +}
\ No newline at end of file diff --git a/assets/styles/main.css b/assets/styles/main.css new file mode 100644 index 0000000..d7a47f6 --- /dev/null +++ b/assets/styles/main.css @@ -0,0 +1,49 @@ +/* nebbet.no — shared styles */ + +*, *::before, *::after { + box-sizing: border-box; +} + +:root { + --color-bg: #ffffff; + --color-text: #1a1a1a; + --color-link: #0057b7; + --color-muted: #666666; + --font-body: system-ui, sans-serif; + --font-mono: ui-monospace, monospace; + --max-width: 72ch; +} + +body { + margin: 0; + padding: 2rem 1rem; + background: var(--color-bg); + color: var(--color-text); + font-family: var(--font-body); + line-height: 1.6; +} + +main { + max-width: var(--max-width); + margin: 0 auto; +} + +a { + color: var(--color-link); +} + +pre, code { + font-family: var(--font-mono); + font-size: 0.9em; +} + +pre { + overflow-x: auto; + padding: 1rem; + background: #f5f5f5; + border-radius: 4px; +} + +img { + max-width: 100%; +} |
