From 97e6d1bd22b8a0126ff8984a8637a66b2b3674ac Mon Sep 17 00:00:00 2001 From: Joe Wreschnig Date: Sun, 31 Aug 2014 23:22:35 +0200 Subject: [PATCH] Safari 6-compatible gradients. --- index.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 3d3a134..36259ad 100644 --- 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 { -- 2.30.2