pace-theme-flat-top.css in PACE - Page load progress bar 8
/* This is a compiled file, you should be editing the file in the templates directory */
.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: #22df80;
pointer-events: none;
}
File
css/green/pace-theme-flat-top.css
View source
- /* This is a compiled file, you should be editing the file in the templates directory */
- .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: #22df80;
-
- pointer-events: none;
- }