summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--apioforum/static/style.css23
1 files changed, 15 insertions, 8 deletions
diff --git a/apioforum/static/style.css b/apioforum/static/style.css
index 4c00851..dbfa6cb 100644
--- a/apioforum/static/style.css
+++ b/apioforum/static/style.css
@@ -1,8 +1,13 @@
body { font-family: sans-serif }
+:root {
+ --alternating-colour-even: hsl(0,0%,96%);
+ --alternating-colour-odd: hsl(0,0%,89%);
+}
+
.post { margin: 0px; }
-.post:nth-child(even) { background-color: #eee }
-.post:nth-child(odd) { background-color: #ddd }
+.post:nth-child(even) { background-color: var(--alternating-colour-even) }
+.post:nth-child(odd) { background-color: var(--alternating-colour-odd) }
.post {
border-left: 1px solid black;
border-right: 1px solid black;
@@ -12,13 +17,16 @@ body { font-family: sans-serif }
.post:last-of-type { border-bottom: 1px solid black; }
.post-heading {
- color: grey;
+ color: hsl(0,0%,25%);
font-size: smaller;
}
.post-heading-em { font-weight: bold; }
-.post-content > * { margin-bottom: 0 }
-.post-content > *:nth-child(1) { margin-top: 2px }
+.post-content > * { margin-bottom: 8px; margin-top: 8px; }
+.post-content > *:first-child { margin-top: 2px }
+.post-content > *:last-child { margin-bottom: 0}
.post-content { padding: 4px }
+.post-heading-a { margin-left: 0.2em }
+.post-heading-b { float: right; margin-right: 0.5em }
.un-col-1 { color: hsl(0, 100%, 30%) }
.un-col-2 { color: hsl(22.5, 100%, 30%) }
@@ -39,7 +47,6 @@ body { font-family: sans-serif }
img { max-width: 100% }
-.post-heading-b { float: right; margin-right: 0.5em }
nav ul { list-style-type: none; margin: 0px; padding: 0px }
nav { width:max-content; padding: 5px; margin: 2px; border: 1px solid black }
@@ -52,8 +59,8 @@ nav a { color: blue; text-decoration: none }
/* todo: make the navbar less bad */
.flashmsg { border: 1px solid black; background-color: yellow; width: max-content; padding: 5px; clear: both;}
-.threadlisting:nth-child(even) { background-color: #eee }
-.threadlisting:nth-child(odd) { background-color: #ddd }
+.threadlisting:nth-child(even) { background-color: var(--alternating-colour-even) }
+.threadlisting:nth-child(odd) { background-color: var(--alternating-colour-odd) }
/* wide screens */
@media all and (min-width: 800px) {