dalem.foo button and stylesheet stuffHEADmaster

2 files changed, 27 insertions, 20 deletions

diff --git a/static/buttons/buttondalem.png b/static/buttons/buttondalem.png
new file mode 100644
index 0000000..6e5c88e
--- /dev/null
+++ b/static/buttons/buttondalem.png
diff --git a/static/stylesheet.css b/static/stylesheet.css
index 7796c43..814af8b 100644
--- a/static/stylesheet.css
+++ b/static/stylesheet.css
@@ -1,39 +1,48 @@
-* { color-scheme: light dark; }
+:root
+{
+    --bg: whitesmoke;
+    --fg: #111;
+    --link: darkorchid;
+}
+
+@media (prefers-color-scheme: dark)
+{
+    :root
+    {
+	--bg: #111;
+	--fg: whitesmoke;
+	--link: orchid;
+    }
+}
+
 
 body
 {
+    background-color: var(--bg);
+    color: var(--fg);
     max-width: 80ch;
-    margin: auto;
+    margin: 0.5em auto;
     font-family: serif;
-    font-size: 1.3em;
+    font-size: 1.2em;
     padding: 0 1em;
+    padding-top: 1em;
     text-align: justify;
+    overflow-wrap: break-word;
 }
 
 nav, #title-block-header { text-align: center; }
 
-nav { padding-top: 1em; }
+a { color: var(--link); }
 
-blockquote, code
+blockquote, pre
 {
-    border: 1px solid;
+    border: 1px solid var(--link);
     backdrop-filter: invert(10%);
     margin-inline: auto;
-}
-
-code
-{
-    overflow: scroll;
-    display: block;
+    border-left: 6px solid var(--link);
     padding: 0.5em;
 }
 
-blockquote
-{
-    border-left: 6px solid;
-    padding-left: 0.5em;
-}
-
 article img
 {
     display: block;
@@ -43,6 +52,4 @@ article img
     max-width: 100%;
 }
 
-pre { overflow: scroll; }
-
 .button > img { display: unset; }