From 9fa340f6c8f8762ae358b3582188a9a5df8c2f71 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rico@ambiescent.com>
Date: Thu, 11 Oct 2012 16:23:15 +0800
Subject: [PATCH] Update styles.

---
 _prettify.scss |  4 ++--
 style.sass     | 63 +++++++++++++++++++++++++++++---------------------
 2 files changed, 39 insertions(+), 28 deletions(-)

diff --git a/_prettify.scss b/_prettify.scss
index f58809f1b..5a970e2c9 100644
--- a/_prettify.scss
+++ b/_prettify.scss
@@ -3,11 +3,11 @@
 .str { color: #080; }
 .kwd { color: #008; }
 // .com { color: #607077; background: rgba(black, 0.05); padding: 1px 3px; @include border-radius(2px); }
-.com { color: #7bd; text-shadow: 1px 1px 0 rgba(white, 0.3); }
+.com { color: #3bd; text-shadow: 1px 1px 0 rgba(white, 0.3); }
 .typ { color: #606; }
 .lit { color: #066; }
 .pun { color: #660; }
-.pln { color: #000; }
+.pln { color: #555; }
 .tag { color: #008; }
 .atn { color: #606; }
 .atv { color: #080; }
diff --git a/style.sass b/style.sass
index d43690137..27d9e6d44 100644
--- a/style.sass
+++ b/style.sass
@@ -1,20 +1,19 @@
 @import 'compass/css3'
 
 body
-  font-family: 'pt sans', sans-serif
+  font-family: Helvetica Neue, helvetica, sans-serif
   font-size: 14px
   line-height: 1.5
 
 html
-  background: #505060
+  background: #fafafa
 
 body
   width: 800px
   margin: 20px auto
-  padding: 20px
-  +border-radius(2px)
-  +box-shadow(0 2px 3px rgba(black, 0.2))
-  background: #fafafa
+  padding: 40px
+  +box-shadow(1px 0 0 rgba(black, 0.05), -1px 0 0 rgba(black, 0.05), 0 0 4px rgba(black, 0.1), 0 0 0 5px rgba(black, 0.05))
+  background: #fff
   color: #333
 
 p, ul, ol, pre
@@ -24,22 +23,22 @@ h1, h2, h3, h4, h5, h6
   margin: 40px 0 15px 0
 
 h1
-  font-family: georgia, serif
-  text-align: center
-  font-size: 24pt
+  text-align: left
+  font-size: 36pt
+  line-height: 30pt
   color: #aaa
-  font-style: italic
-  font-weight: normal
-  margin: 10px 0
-  padding: 10px 0
-  border-bottom: dotted 1px #ddd
-  border-top: dotted 1px #ddd
 
+  margin: -40px -40px 40px -40px
+  padding: 40px 40px
+  border-bottom: solid 1px #f5f5f5
+
+  font-weight: 100
+
+// Individual headings
 h2, h3
-  color: #88a
-  font-size: 1.5em
-  border-bottom: solid 1px #ddd
-  padding-bottom: 3px
+  color: #38d
+  font-size: 1.3em
+  padding-bottom: 10px
 
 h3
   font-size: 1.3em
@@ -52,15 +51,21 @@ pre, code
 pre
   line-height: 1.6
   background: #f7f7f2
-  padding: 10px 35px
-  +box-shadow(inset 0 0 5px rgba(black, 0.1))
+  padding: 20px 35px
+  +box-shadow(inset 0 3px 2px -2px rgba(black, 0.1))
+
+  text-shadow: 0 1px 0 rgba(white, 0.9)
+
+  border-top: solid 1px #ddd
+  border-bottom: solid 1px #ddd
+
   overflow-x: auto
 
-  margin-left: -20px
-  margin-right: -20px
+  margin-left: -40px
+  margin-right: -40px
 
+// Code block
 h2+pre, h3+pre
-  border-top: solid 2px #c0c0dd
   margin-top: -16px
 
 ul.pages
@@ -80,14 +85,20 @@ ul.pages
   a
     display: block
     text-decoration: none
-    padding: 2px 5px
+    padding: 3px 5px
     +border-radius(3px)
 
+    color: #888
+    font-weight: bold
+    font-size: 9pt
+
+  a:visited
+    color: #999
+
   a:hover
     background: #eee
 
   li:first-letter
     text-transform: uppercase
 
-
 @import '_prettify'