Merge pull request #17 from goodroot/playing

General polish

1 files changed, 35 insertions, 38 deletions

diff --git a/static/css/style.css b/static/css/style.css
index df18d69..e6cb00f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,6 +1,4 @@
-/* Toggle darkmode / lightmode */
-
-/* darkmode */
+/* Dark mode */
 @media (prefers-color-scheme: dark) {
     body {
         background-color: #393E41;
@@ -36,46 +34,42 @@
     table thead th { border-bottom: 1px solid #666; }
     th, td { padding: 5px; }
     tr:nth-child(even) { background: #666 }
+
 }
 
-/* lightmode */
-@media (prefers-color-scheme: light) {
-    body {
-        background-color: #393E41;
-        color: white;
-    }
 
+
+/* Light mode */
+@media (prefers-color-scheme: light) {
     blockquote {
-      background: #393E41;
+      background: #f9f9f9;
     }
 
     a {
-      color: #EBC3DB;
+      color: #613DC1;
     }
 
     header {
-      background: #393E41;
-      border-bottom: 2px dotted #EBC3DB;
-
+      background: #613DC1;
     }
 
     .article-meta, .menu a {
-      background: #393E41;
-      color: white;
+      background: #E8DBC5;
+      color: #000;
     }
 
-    code { background: #black; }
-
     table {
       margin: auto;
       border-top: 1px solid #666;
       border-bottom: 1px solid #666;
     }
-    table thead th { border-bottom: 1px solid #666; }
+    table thead th { border-bottom: 1px solid #ddd; }
     th, td { padding: 5px; }
-    tr:nth-child(even) { background: #666 }
+    tr:nth-child(even) { background: #eee }
+
 }
 
+
 body {
   max-width: 800px;
   margin: auto;
@@ -83,6 +77,10 @@ body {
   line-height: 1.5em;
 }
 
+h1 {
+  line-height: 1.5em;
+}
+
 /* Table of Contents, if wanted
 
 Add to yaml:
@@ -102,8 +100,6 @@ output:
 .menu li { display: inline-block; }
 .article-meta, .menu a {
   text-decoration: none;
-  background: #E8DBC5;
-  color: #000;
   padding: 5px;
   border-radius: 5px;
   border-style: dotted;
@@ -124,7 +120,6 @@ footer a { text-decoration: none; }
 }
 
 a {
-  color: #613DC1;
   text-decoration: none;
 }
 
@@ -138,8 +133,6 @@ header {
     width: 100%;
     height: 1.75rem;
     font-size: 1rem;
-    background: #613DC1;
-    border-bottom: 1px solid #000;
 }
 
 header ul,
@@ -170,14 +163,17 @@ pre {
   padding: 1em;
   overflow-x: auto;
 }
-code { background: #f9f9f9; }
 pre code { background: none; }
 
 /* Images, tables, misc. */
 img, iframe, video {
   max-width: 100%;
   height: auto;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
+
 main {
   hyphens: auto;
   max-width: 650px;
@@ -191,28 +187,29 @@ main {
 main a {
   font-weight: bold;
 }
+
 blockquote {
-  background: #f9f9f9;
+
   border-left: 5px solid #ccc;
   padding: 3px 1em 3px;
 }
 
-table {
-  margin: auto;
-  border-top: 1px solid #666;
-  border-bottom: 1px solid #666;
-}
-table thead th { border-bottom: 1px solid #ddd; }
-th, td { padding: 5px; }
-tr:nth-child(even) { background: #eee }
-
 .content-wrapper {
   padding: 0px 12px 0px 12px;
 }
-
-#main-image {
+#kellen-face {
   min-width: 40px;
   float: right;
   padding: 10px;
   display: block;
 }
+
+/* Small devices, phones */
+/* @media only screen and (min-width : 480px) {
+  #your-face {
+    min-width: 40px;
+    float: center;
+    padding: 10px 10px 10px 20px;
+    display: block;
+  }
+} */