simplify the CSS

Stop playing with fonts, just use what ever is the default from the
user. Make the width of the page a bit more tight. Improve readability
of tables.

2 files changed, 18 insertions, 33 deletions

diff --git a/config.toml b/config.toml
index a2b914b..88f9a3e 100644
--- a/config.toml
+++ b/config.toml
@@ -13,7 +13,7 @@ feed_filenames = ["feed.xml"]
 
 [markdown]
 highlight_code = true
-highlight_theme = "idle"
+highlight_theme = "zenburn"
 render_emoji = true
 smart_punctuation = true
 
diff --git a/static/css/custom.css b/static/css/custom.css
index 3deab85..ece5457 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,12 +1,9 @@
-html {
-  font-size: 20px;
-}
-
 body {
   margin: 1em auto;
-  max-width: 50rem;
-  line-height: 1.3;
+  max-width: 46rem;
+  line-height: 1.6;
   font-family: sans-serif;
+  font-size: 1rem;
 }
 
 h1 {
@@ -37,13 +34,10 @@ a:active {
 
 code {
   font-family: monospace;
-  color: #000;
   font-size: 0.8rem;
   overflow-x: auto;
   padding: 0.2rem 0.5rem;
   margin: 0 0.2rem;
-  border: 1px solid #e1e1e1;
-  background: rgb(245, 245, 245);
   border-radius: 4px;
 }
 
@@ -56,7 +50,6 @@ pre {
 
 pre > code {
   display: block;
-  background: rgb(245, 245, 245);
 }
 
 section.times time {
@@ -77,38 +70,30 @@ p.date {
 
 table {
   width: 100%;
-  border-spacing: 0px;
-  outline: none;
+  border-collapse: collapse;
   word-break: normal;
-  word-break: keep-all;
-  margin-left: auto;
-  margin-right: auto;
-  font-family: monospace;
 }
 
-td {
-  padding-right: 0.7em;
-  padding-top: 0.4em;
-  padding-bottom: 0.4em;
-  padding-left: 0.7em;
+th, td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: left;
+}
+th {
+    background-color: #f2f2f2;
+}
+tr:nth-child(even) {
+    background-color: #f9f9f9;
+}
+tr:nth-child(odd) {
+    background-color: #ffffff;
 }
-
 thead {
   color: #000;
   font-style: bold;
   text-align: left;
 }
 
-table,
-th,
-td {
-  font-size: 0.8em;
-  border-collapse: collapse;
-  color: #000;
-  border: 1px solid #cdcdcd;
-  padding: 0.7em;
-}
-
 blockquote {
   font-style: italic;
   margin: 0 0 1.5em;