From 45240cdc038de0442baa0b70a971b91b6adedaf3 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Sun, 27 Jul 2014 16:46:37 +0200 Subject: [PATCH] Prevent scroll-down contrast BG from overlapping in Firefox Closes #110 --- assets/css/screen.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 4e809e2..e7e4424 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -519,17 +519,17 @@ margin on the iframe, cause it breaks stuff. */ .home-template .main-header:after { display: block; content: " "; - width: 300px; - height: 300px; + width: 150px; + height: 130px; border-radius: 100%; position: absolute; - bottom: -150px; + bottom: 0; left: 50%; - margin-left: -150px; - background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); - background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); - background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); - background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); + margin-left: -75px; + background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.15)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); + background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); + background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); } /* Hide when there's no cover image or on page2+ */