about summary refs log tree commit diff stats
path: root/themes/xmin/static/css
diff options
context:
space:
mode:
authorAlan Pearce2020-11-15 13:14:37 +0100
committerAlan Pearce2020-11-15 13:15:31 +0100
commit6385a5f78ce2ad7409811927b10fc2b62e427643 (patch)
tree557406eaea728d84f82e852ada8fd97199d1a709 /themes/xmin/static/css
parent78096da0f478a0b11b77f365cedc855e7c680e14 (diff)
downloadwebsite-6385a5f78ce2ad7409811927b10fc2b62e427643.tar.lz
website-6385a5f78ce2ad7409811927b10fc2b62e427643.tar.zst
website-6385a5f78ce2ad7409811927b10fc2b62e427643.zip
Extract theme from templates
Diffstat (limited to 'themes/xmin/static/css')
-rw-r--r--themes/xmin/static/css/style.css75
1 files changed, 75 insertions, 0 deletions
diff --git a/themes/xmin/static/css/style.css b/themes/xmin/static/css/style.css
new file mode 100644
index 0000000..e605297
--- /dev/null
+++ b/themes/xmin/static/css/style.css
@@ -0,0 +1,75 @@
+body {
+  font-family: sans-serif;
+  line-height: 1.5em;
+  margin: auto;
+  max-width: 800px;
+  padding: 1em;
+}
+
+/* header and footer areas */
+nav > ul { padding: 0; }
+nav > ul > li { display: inline-block; }
+article > header, nav > ul a {
+  background: #eee;
+  border-radius: 5px;
+  padding: 5px;
+  text-decoration: none;
+}
+.terms { font-size: .9em; }
+nav > ul, article > header, footer { text-align: center; }
+.title { font-size: 1.1em; }
+footer a { text-decoration: none; }
+hr {
+  border-style: dashed;
+  color: #ddd;
+}
+body > nav {
+  border-bottom: 1px solid #ddd;
+}
+body > footer {
+  border-top: 1px solid #ddd;
+}
+
+/* code */
+pre {
+  border: 1px solid #ddd;
+  overflow-x: auto;
+  padding: 1em;
+}
+code { background: #f9f9f9; }
+pre code { background: none; }
+
+/* misc elements */
+img, iframe, video { max-width: 100%; }
+main { hyphens: auto; }
+blockquote {
+  background: #f9f9f9;
+  border-left: 5px solid #ccc;
+  padding: 3px 1em 3px;
+}
+
+table thead th { border-bottom: 1px solid #ddd; }
+th, td { padding: 5px; }
+thead, tfoot, tr:nth-child(even) { background: #eee; }
+.hl { background-color: #ffc; }
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #111;
+		color: white;
+	}
+	article > header, nav > ul a {
+		background: #222;
+	}
+	a {
+		color: #C4D4EE;
+	}
+	a:visited {
+		color: #CEDEE0;
+	}
+	code { background-color: #444; }
+	thead, tfoot, tr:nth-child(even) { background: #222; }
+	.hl {
+		background-color: #555;
+	}
+}