From db4dceaba5b629fa0ff6769c448f87febb2b6af3 Mon Sep 17 00:00:00 2001
From: Barry Clark <barry@barryclark.co>
Date: Wed, 12 Feb 2014 20:42:49 -0500
Subject: Lots of style updates

---
 style.css | 44 +++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 19ce0e4..604acd2 100644
--- a/style.css
+++ b/style.css
@@ -285,25 +285,25 @@ html {
   font-size: 100%; }
 
 body {
-  max-width: 700px;
+  max-width: 680px;
   margin: 0 auto;
   background: white;
   font: 18px/1.4 Helvetica, Arial, sans-serif;
   color: #333333; }
 
-h1, h2, h3, h4, h5, h6, .section > header {
+h1, h2, h3, h4, h5, h6 {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #222222;
-  font-weight: bold;
+  font-weight: 400;
   line-height: 1.7;
-  margin: 2em 0 15px;
+  margin: 1em 0 15px;
   padding: 0; }
 
 h1 {
-  font-size: 2rem; }
+  font-size: 2.2rem; }
   @media screen and (max-width: 520px) {
     h1 {
-      font-size: 2rem; } }
+      font-size: 2.2rem; } }
 
 h2 {
   letter-spacing: 1px;
@@ -340,6 +340,9 @@ ul {
   padding-left: 30px;
   list-style-type: disc; }
 
+img {
+  max-width: 100%; }
+
 ::-moz-selection {
   color: black;
   background: #eeeeee; }
@@ -348,9 +351,6 @@ ul {
   color: black;
   background: #eeeeee; }
 
-header {
-  margin: 40px 0; }
-
 .logo {
   float: left; }
   .logo a {
@@ -360,6 +360,9 @@ header {
     .logo a:hover, .logo a:active {
       color: #4183c4; }
 
+.avatar {
+  border-radius: 6px; }
+
 nav {
   float: right;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -386,18 +389,17 @@ nav {
     width: 100%;
     text-align: center; } }
 
-.post {
-  width: 680px; }
-  @media screen and (max-width: 520px) {
-    .post {
-      width: 100%; } }
-  .post blockquote {
-    border-left: 2px solid #666666;
-    font-size: 1.2em;
-    font-style: italic;
-    margin: 1.8em 0.8em;
-    padding: 0.1em 1em;
-    color: #666666; }
+.posts > .post {
+  padding-bottom: 2em;
+  border-bottom: 1px solid #eeeeee; }
+
+.post blockquote {
+  border-left: 2px solid #666666;
+  font-size: 1.2em;
+  font-style: italic;
+  margin: 1.8em 0.8em;
+  padding: 0.1em 1em;
+  color: #666666; }
 
 footer {
   padding: 1rem 0; }
-- 
cgit v1.2.3