From 4fa6f1621b406ce58b91a4ae9a58b392d78b7008 Mon Sep 17 00:00:00 2001
From: Nguyễn Gia Phong <mcsinyx@disroot.org>
Date: Tue, 28 Jun 2022 02:02:17 +0900
Subject: Abstract template and style

---
 static/archive.css   |  4 ----
 static/base.css      | 12 ++++++++++++
 static/directory.css | 12 ++++++++++++
 3 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 static/base.css
 create mode 100644 static/directory.css

(limited to 'static')

diff --git a/static/archive.css b/static/archive.css
index 7bd1c47..628461e 100644
--- a/static/archive.css
+++ b/static/archive.css
@@ -1,5 +1,3 @@
-body { margin: 0 }
-
 nav {
     display: flex;
     justify-content: space-around;
@@ -7,10 +5,8 @@ nav {
     top: 0;
 }
 nav > a {
-    color: white;
     flex: 1;
     text-align: center;
-    text-decoration: none;
 }
 nav > a:hover { font-weight: bold }
 #prev { background-color: #a40000 }
diff --git a/static/base.css b/static/base.css
new file mode 100644
index 0000000..549ac8f
--- /dev/null
+++ b/static/base.css
@@ -0,0 +1,12 @@
+html {
+    background-color: black;
+    font-size: min(max(100%, 2vw), 150%);
+    margin: auto;
+}
+
+body { margin: 0 }
+
+a {
+    color: white;
+    text-decoration: none;
+}
diff --git a/static/directory.css b/static/directory.css
new file mode 100644
index 0000000..b56cd6e
--- /dev/null
+++ b/static/directory.css
@@ -0,0 +1,12 @@
+main {
+    margin: auto;
+    max-width: 25rem;
+}
+
+p {
+    margin: 0;
+    padding: 1ex;
+}
+
+a:nth-child(2n) p { background-color: #5c3566 }
+a:hover { text-decoration: underline }
-- 
cgit 1.4.1