Update site to look better on IE.

rstacruz · rstacruz · commit b03730c44558 · 2011-11-14T00:00:34.000+08:00
diff --git a/site/index.haml b/site/index.haml
@@ -279,7 +279,7 @@ title: Your new Proton site
         .code
           %h3 Custom duration (jQuery style)
           %pre
-            != "$('.box').transition({ opacity: 0 }, <b>'fast'</b>);"
+            != "$('.box').transition({ opacity: 0 }, <b>'slow'</b>);"
 
         .field{style: 'height: 150px'}
           .box{style: 'left: 180px; top: 45px;'}
diff --git a/site/style.sass b/site/style.sass
@@ -5,6 +5,7 @@
 $liteslate: #7bd
 $slate: #7bd
 $box:   #7bd
+$bg:    #fafafa
 $yellow: #fafae0
 
 html, body
@@ -18,7 +19,7 @@ body, td, label
 body
   line-height: 1.5
   color: #555
-  background: #fafafa
+  background: $bg
   text-shadow: 1px 1px 0 rgba(white, 0.4)
 
 #all
@@ -138,8 +139,8 @@ article
     display: block
     position: absolute
     +border-radius(2px)
-    background: rgba($box, 0.8)
-    +box-shadow(inset 0 0 2px rgba(white, 0.5))
+    background: $box
+    +box-shadow(inset 1px 1px 0 rgba(white, 0.3))
     border: solid 1px $box
 
   .ghost
@@ -155,14 +156,14 @@ h2
   +border-radius(2px)
   margin-bottom: -10px
   border-bottom: solid 1px rgba($slate, 0.1)
-  background: rgba($slate, 0.1)
+  background: mix($slate, $bg, 20%)
   line-height: 20pt
 
   font-weight: 800
 
 h2 + .info
   margin-top: 10px
-  background: rgba($slate, 0.08)
+  background: mix($slate, $bg, 8%)
   padding: 10px 50px
   text-align: center
   margin-bottom: -10px
