Slightly bigger font and use different font family

Use 'Georgia' for the font family, set the background of the links to
the same color as the general theme (light blue).

1 files changed, 28 insertions, 26 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 1aed439..75ccce1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,5 +1,5 @@
 html {
-    font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo',  sans-serif;
+    font-family: Georgia, 'Times New Roman', Times, serif;
 }
 
 body {
@@ -8,7 +8,7 @@ body {
 }
 
 #container {
-    width: 720px;
+    width: 45em;
     margin: 0 auto;
     text-align: justify;
     line-height: 1.5em;
@@ -19,17 +19,33 @@ body {
 }
 
 h1, h2 {
-    border-left: 6px solid #cfdaf0;
-    padding-left: 14px;
-    padding-bottom: 6px;
-    font-size: 20px;
     border-bottom: 2px solid #cfdaf0;
+    border-left: 6px solid #cfdaf0;
+    font: 30px/34px 'DejaVuSerifCondensed-Bold', Arial, sans-serif;
+    letter-spacing: 0;
     margin-bottom: 16px;
     margin-top: 20px;
+    padding-bottom: 6px;
+    padding-left: 14px;
 }
 
-h1, h2 a {
+a {
   text-decoration: none;
+  color: #375eab;
+}
+
+a:hover {
+    background: #cfdaf0;
+}
+
+a img { border: 0; }
+
+a.older, a.newer {
+  size: 80%;
+}
+
+#entry {
+    font-size: 110%;
 }
 
 blockquote {
@@ -46,18 +62,19 @@ ul.spaced li {
 }
 
 #footer p {
-  width: 720px;
+  width: 45em;
   margin: 0 auto;
   margin-top: 2em;
   text-align: center;
-  border-top: 2px solid #e0ebf5;
+  border-top: 4px solid #e0ebf5;
   margin-top: 40px;
   padding-top: 40px;
   padding-bottom: 40px;
 }
 
-#footer img {
-  border: 0;
+#footer a {
+    text-decoration: none;
+    background: #cfdaf0;
 }
 
 img.portrait {
@@ -65,21 +82,6 @@ img.portrait {
   margin-left: 2em;
 }
 
-a {
-  text-decoration: none;
-  color: #375eab;
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-a img { border: 0; }
-
-a.older, a.newer {
-  size: 80%;
-}
-
 pre {
   font-family: Inconsolata, monospace;
   -webkit-font-smoothing: subpixel-antialiased;