|
|
|
|
|
.pace { |
|
|
-webkit-pointer-events: none; |
|
|
pointer-events: none; |
|
|
|
|
|
-webkit-user-select: none; |
|
|
-moz-user-select: none; |
|
|
user-select: none; |
|
|
|
|
|
position: fixed; |
|
|
top: 0; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
|
|
|
-webkit-transform: translate3d(0, -50px, 0); |
|
|
-ms-transform: translate3d(0, -50px, 0); |
|
|
transform: translate3d(0, -50px, 0); |
|
|
|
|
|
-webkit-transition: -webkit-transform .5s ease-out; |
|
|
-ms-transition: -webkit-transform .5s ease-out; |
|
|
transition: transform .5s ease-out; |
|
|
} |
|
|
|
|
|
.pace.pace-active { |
|
|
-webkit-transform: translate3d(0, 0, 0); |
|
|
-ms-transform: translate3d(0, 0, 0); |
|
|
transform: translate3d(0, 0, 0); |
|
|
} |
|
|
|
|
|
.pace .pace-progress { |
|
|
display: block; |
|
|
position: fixed; |
|
|
z-index: 2000; |
|
|
top: 0; |
|
|
right: 100%; |
|
|
width: 100%; |
|
|
height: 10px; |
|
|
background: #d6d6d6; |
|
|
|
|
|
pointer-events: none; |
|
|
} |
|
|
|