From 010bc7d22563bd0e26afdd15ca663265447bca15 Mon Sep 17 00:00:00 2001
From: Sami Samhuri <sami.samhuri@gmail.com>
Date: Mon, 6 Dec 2010 21:15:31 -0800
Subject: [PATCH] bigger font and other styling

---
 assets/blog.css           | 23 +++++++++++++++++++----
 blog/index.html           |  2 +-
 templates/blog/index.html |  2 +-
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/assets/blog.css b/assets/blog.css
index 014500f..4277e5f 100644
--- a/assets/blog.css
+++ b/assets/blog.css
@@ -5,6 +5,9 @@ body { background-color: #f7f7f7
 
 body > header { background-color: #a6bcdf
               ; border-bottom: solid 1em #eee
+              ; -moz-border-bottom-left-radius: 500px 100%
+              ; -webkit-border-bottom-left-radius: 500px 100%
+              ; border-bottom-left-radius: 500px 100%
               }
 
 h1 { text-align: right
@@ -21,6 +24,8 @@ h1 a { color: #f7f7f7
      ; text-shadow: #999 1px 1px 3px
      }
 
+a#sjs:hover { color: #f7f7a7 }
+
 a { color: #22c }
 
 a.img { border: none }
@@ -36,9 +41,9 @@ a.img { border: none }
                ; text-decoration: underline
                }
 
-#index-toggle { display: block
-              ; text-align: center
-              }
+.center { text-align: center
+        ; font-size: 1.2em
+        }
 
 #index { display: none
        ; width: 60%
@@ -50,6 +55,7 @@ a.img { border: none }
        ; border-radius: 10px
        ; background-color: #eee
        ; margin: 1em auto
+       ; font-size: 1.2em
        }
 
 #index ul { padding: 0 1em
@@ -64,8 +70,9 @@ a.img { border: none }
        ; width: 80%
        ; min-width: 400px
        ; max-width: 800px
-       ; margin: 0 auto
+       ; margin: 4em auto
        ; padding: 0 3em
+       ; font-size: 1.2em
        }
 
 article { color: #222
@@ -89,8 +96,13 @@ article h1 a { color: #222
              ; text-decoration: underline
              ; border-bottom: none
              ; text-shadow: #999 1px 1px 5px
+             ; -webkit-transition: text-shadow 0.4s ease-in
              }
 
+article h1 a:hover { text-shadow: #990 1px 1px 8px
+                   ; color: #222
+                   }
+
 article h2 { font-size: 1.8em
            ; font-weight: normal
            ; margin: 1em 0
@@ -104,11 +116,14 @@ article h3 { font-size: 1.6em
 
 time { color: #444 }
 
+.gist { font-size: 0.8em }
+
 #around { width: 80%
         ; min-width: 400px
         ; max-width: 800px
         ; margin: 1em auto
         ; padding: 0 3em
+        ; font-size: 1.2em
         }
 
 #prev { float: left }
diff --git a/blog/index.html b/blog/index.html
index 4498159..ae3c5ba 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -35,7 +35,7 @@ function ready() {
   <h1><a href=index.html>sjs' blog</a></h1>
 </header>
 <nav id=breadcrumbs><a href=../>samhuri.net</a></nav>
-<a id=index-toggle href=#>&darr; show posts &darr;</a>
+<div class=center><a id=index-toggle href=#>&darr; show posts &darr;</a></div>
 <nav id=index>
   <ul>
     <li><a href=37signals-chalk-dissected.html>37signals' Chalk Dissected</a> <span class=date>November 4, 2010</span></li>
diff --git a/templates/blog/index.html b/templates/blog/index.html
index 5107627..2b3315a 100644
--- a/templates/blog/index.html
+++ b/templates/blog/index.html
@@ -35,7 +35,7 @@ function ready() {
   <h1><a href=index.html>sjs' blog</a></h1>
 </header>
 <nav id=breadcrumbs><a href=../>samhuri.net</a></nav>
-<a id=index-toggle href=#>&darr; show posts &darr;</a>
+<div class=center><a id=index-toggle href=#>&darr; show posts &darr;</a></div>
 <nav id=index>
   <ul>
     {{#posts}}