Fix paroller issues.
This commit is contained in:
parent
d779c21cc1
commit
3edb414d23
@ -1,4 +1,4 @@
|
|||||||
<header class="{{ page.header }}" data-paroller-factor="0.2">
|
<header class="{{ page.header }}">
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/">Master Password</a>
|
<a href="/">Master Password</a>
|
||||||
<div class="flex-auto">
|
<div class="flex-auto">
|
||||||
@ -12,6 +12,7 @@
|
|||||||
<a href="http://help.masterpasswordapp.com">Support</a>
|
<a href="http://help.masterpasswordapp.com">Support</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<div class="hero" data-paroller-factor="-0.2" data-paroller-type="foreground"></div>
|
||||||
<!--
|
<!--
|
||||||
<div class="hero" data-paroller-factor="0.2" data-paroller-type="foreground">
|
<div class="hero" data-paroller-factor="0.2" data-paroller-type="foreground">
|
||||||
<img class="main" src="/img/hero_main.jpg" />
|
<img class="main" src="/img/hero_main.jpg" />
|
||||||
|
@ -155,26 +155,34 @@ header {
|
|||||||
// }
|
// }
|
||||||
|
|
||||||
|
|
||||||
background-color: black;
|
.hero {
|
||||||
background-size: cover !important;
|
position: absolute;
|
||||||
background: url('../img/hero_main.jpg') center top;
|
z-index: -2;
|
||||||
&[data-hero=ios] {
|
left: 0;
|
||||||
background: url('../img/hero_ios.jpg') center center;
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: -70px; /* This is to deal with some kind of weird paroller bug that gives us blank space at the bottom otherwise. */
|
||||||
|
|
||||||
|
background: black url('../img/hero_main.jpg') center center no-repeat;
|
||||||
|
background-size: cover;
|
||||||
}
|
}
|
||||||
&[data-hero=android] {
|
&[data-hero=ios] .hero {
|
||||||
background: url('../img/hero_android.jpg') center center;
|
background-image: url('../img/hero_ios.jpg');
|
||||||
}
|
}
|
||||||
&[data-hero=mac] {
|
&[data-hero=android] .hero {
|
||||||
background: url('../img/hero_mac.jpg') center top;
|
background-image: url('../img/hero_android.jpg');
|
||||||
}
|
}
|
||||||
&[data-hero=desktop] {
|
&[data-hero=mac] .hero {
|
||||||
background: url('../img/hero_desktop.jpg') center bottom;
|
background-image: url('../img/hero_mac.jpg');
|
||||||
}
|
}
|
||||||
&[data-hero=cli] {
|
&[data-hero=desktop] .hero {
|
||||||
background: url('../img/hero_cli.jpg') center bottom;
|
background-image: url('../img/hero_desktop.jpg');
|
||||||
}
|
}
|
||||||
&[data-hero=web] {
|
&[data-hero=cli] .hero {
|
||||||
background: url('../img/hero_web.jpg') center center;
|
background-image: url('../img/hero_cli.jpg');
|
||||||
|
}
|
||||||
|
&[data-hero=web] .hero {
|
||||||
|
background-image: url('../img/hero_web.jpg');
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
height: 1em;
|
height: 1em;
|
||||||
|
Loading…
Reference in New Issue
Block a user