|
@@ -523,17 +523,12 @@ body.desk .container.leader {
|
|
|
}
|
|
}
|
|
|
.navbar.fixed {
|
|
.navbar.fixed {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- top: -85px;
|
|
|
|
|
- -webkit-transition: all .3s ease-in-out;
|
|
|
|
|
- -moz-transition: all .3s ease-in-out;
|
|
|
|
|
- transition: all .3s ease-in-out;
|
|
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ transform: translate3d(0, -100%, 0); /* hide upward, self-relative — no hard-coded height */
|
|
|
|
|
+ transition: transform .3s ease-in-out;
|
|
|
}
|
|
}
|
|
|
.navbar.visible {
|
|
.navbar.visible {
|
|
|
- -webkit-transform: translate3d(0, 100%, 0);
|
|
|
|
|
- -moz-transform: translate3d(0, 100%, 0);
|
|
|
|
|
- -ms-transform: translate3d(0, 100%, 0);
|
|
|
|
|
- -o-transform: translate3d(0, 100%, 0);
|
|
|
|
|
- transform: translate3d(0, 100%, 0);
|
|
|
|
|
|
|
+ transform: translate3d(0, 0, 0); /* slide back to top:0 regardless of navbar height */
|
|
|
background-color: rgba(72, 76, 87, 0.7);
|
|
background-color: rgba(72, 76, 87, 0.7);
|
|
|
}
|
|
}
|
|
|
#nav {
|
|
#nav {
|