Safari 6-compatible gradients.

diff --git a/index.html b/index.html
index 3d3a134..36259ad 100644 (file)
--- a/index.html
+++ b/index.html
@@ -166,7 +166,8 @@
       }
 
       body {
-          background-image: linear-gradient(#1e03e9, #185cfa 70%, transparent 71%);
+          background: -webkit-linear-gradient(top, #1e03e9 0%, #185cfa 70%, transparent 71%);
+          background: linear-gradient(#1e03e9 0%, #185cfa 70%, transparent 71%);
           min-height: 100%;
       }
 
@@ -175,7 +176,8 @@
       .spring .hour6, .autumn .hour6, .winter .hour6,
       .spring .hour19, .autumn .hour19, .winter .hour19,
       .winter .hour7, .winter .hour18 {
-          background-image: linear-gradient(#070b5c, #002675 70%, rgba(0, 38, 117, 0.4) 71%);
+          background-image: -webkit-linear-gradient(top, #070b5c 0%, #002675 70%, rgba(0, 38, 117, 0.4) 71%);
+          background-image: linear-gradient(#070b5c 0%, #002675 70%, rgba(0, 38, 117, 0.4) 71%);
       }
 
       @media (max-width: 799px) {
@@ -183,12 +185,12 @@
       }
 
       @media (max-width: 639px) {
-          html { font-size: 12px; }
+          html { font-size: 13px; }
           main { height: 12em; }
       }
 
       @media (max-width: 479px) {
-          main { height: 15em; }
+          main { height: 13.5em; }
       }
 
       dt {