1 files changed, 37 insertions, 172 deletions
diff --git a/static/css/style.css b/static/css/style.css
index 36f78c0..e900c8c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,189 +1,54 @@
-:root {
-    --text: #140100;
-    --background: #fbf4f4;
-    --primary: #781212;
-    --secondary: #eb807a;
-    --accent: #f74e45;
-}
-
-:root[data-theme="light"] {
-    --text: #140100;
-    --background: #fbf4f4;
-    --primary: #781212;
-    --secondary: #eb807a;
-    --accent: #f74e45;
-}
-:root[data-theme="dark"] {
-    --text: #ffeceb;
-    --background: #0b0404;
-    --primary: #ed8787;
-    --secondary: #851a14;
-    --accent: #ba1108;
-}
-
-/* General */
-body {
-    margin: 0;
-    line-height: 1.5em;
-    color: var(--text);
-    font-family: helvetica, arial, sans-serif;
-}
-
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    margin-bottom: 0;
-    line-height: 1.2em;
-    margin-top: 1em;
-}
-
-a:link, a:visited {
-    color: var(--text);
-    text-decoration: underline;
-}
-
-a:hover, a:active {
-    color: var(--accent);
-    text-decoration: underline;
-}
-
-
-table {
-    border-collapse: collapse;
-}
-th, td {
-    border: 1px solid #ddd;
-    text-align: center;
-    padding: 8px;
-}
-th {
-    padding-top: 12px;
-    padding-bottom: 12px;
-    text-align: left;
-    background-color: var(--primary);
-    color: white;
-}
-
-/* Single column layout */
-nav section, header section, main, footer section {
-    max-width: 40em;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 0 0.5em;
-}
-
-
-/* Navigation panel */
-nav {
-    background: var(--primary);
-    border-bottom: thin solid #111111;
-    line-height: 3em;
-}
-
-nav a {
-    margin-right: 1em;
-    font-weight: 2em;
-}
-
-nav a:link, nav a:visited {
-    color: white;
-    text-decoration: none;
-}
-
-nav a:hover, nav a:active {
-    color: var(--secondary);
-    text-decoration: none;
-    font-weight: 2em;
-}
+@media (prefers-color-scheme: dark){
+	body {
+		background:#000;
+		color: white;
+	}
 
-@media screen and (min-width: 600px) {
-    nav .links {
-        float: right;
-    }
+	.content a {
+		color: black;
+	}
 }
-
-
-/* Footer */
-footer {
-    background: var(--primary);
-    border-top: thin solid #e0e0e0;
-    margin-top: 2em;
-    padding: 1em 0;
-    box-shadow: 0 100vh 0 100vh #f0f0f0;
-    text-align: center;
+body{
+	margin: 0;
+	font:1.2em/1.62 sans-serif
 }
-
-footer section p {
-    font-size: 0.8em;
-    color: white;
+h1,h2,h3 {
+	line-height:1.2
 }
-
-footer a {
-    margin-right: 1em;
-    color: white;
+@media print{
+	body{
+		max-width:none
+	}
 }
 
-footer a:last-child {
-    margin-right: 0;
+#menu {
+	margin: 0;
+	clear: both;
+	color: #069;
+	overflow: hidden;
+	background-color: #17a;
+	display: flex;
+	padding: 0;
 }
 
-
-/* Posts */
-article {
-    margin-top: 1em;
-    margin-bottom: 1em;
+#menu a {
+	padding: 0ex 1ex;
+	color: #fff;
+	text-decoration: none;
 }
 
-article h2 a:link, article h2 a:visited,
-article h1 a:link, article h1 a:visited,
-.more:link, .more:visited {
-    color: var(--primary);
-}
-
-article h2 a:hover, article h2 a:active,
-article h1 a:hover, article h1 a:active,
-.more:hover, .more:active {
-    color: var(--accent);
-}
-
-p.meta {
-    margin-top: 0;
-    font-size: 0.8em;
-    color: #777777;
-    font-style: italic;
-}
-
-p.summary {
-    margin-top: 0.25em;
-    margin-bottom: 0.25em;
-}
-
-div .more {
-    margin-top: 0;
-    font-weight: bold;
-}
-
-
-/* RSS */
-.rss {
-    padding: 0.3em 0.35em;
-    border-radius: 0.25em;
-    font-size: 0.75em;
-    font-weight: bold;
+#menu a:hover {
+	background-color: #069;
 }
 
-.rss:link, .rss:visited, .rss:hover, .rss:active {
-    color: #ffffff;
-    text-decoration: none;
+.content {
+	padding: 1ex;
 }
 
-.rss:link, .rss:visited {
-    background: #ff6600;
+.content a {
+	color: white;
 }
 
-.rss:hover, .rss:active {
-    background: #ff8822;
+.content a:hover {
+	color: #069;
 }