Prevent scroll-down contrast BG from overlapping in Firefox
Closes #110
This commit is contained in:
parent
5a4334106e
commit
45240cdc03
|
@ -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+ */
|
||||
|
|
Loading…
Reference in New Issue