summaryrefslogtreecommitdiffstats
path: root/assets/styles
diff options
context:
space:
mode:
authorivar <i@oiee.no>2026-04-04 16:34:46 +0200
committerivar <i@oiee.no>2026-04-04 16:34:46 +0200
commita6355e7a6530af3335c4cd8af05f1e9c8b978169 (patch)
treec9d920d1e996ef1c42d3455825731598df6b56c2 /assets/styles
parent8a093aacd162d3fd9f142b53aab9edfa061fd66a (diff)
downloadnebbet.no-a6355e7a6530af3335c4cd8af05f1e9c8b978169.tar.xz
nebbet.no-a6355e7a6530af3335c4cd8af05f1e9c8b978169.zip
.
Diffstat (limited to 'assets/styles')
-rw-r--r--assets/styles/admin.css19
-rw-r--r--assets/styles/main.css49
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%;
+}