pace-theme-flat-top.css in PACE - Page load progress bar 7
/* 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;
}
.pace .pace-progress {
display: block;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 12px;
background: #29d;
-webkit-transition: -webkit-transform .3s, width 1s;
-moz-transition: width 1s;
-o-transform: width 1s;
transition: transform .3s, width 1s;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
pointer-events: none;
}
.pace.pace-active .pace-progress {
-webkit-transform: translateY(0);
transform: translateY(0);
}
File
css/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;
- }
-
- .pace .pace-progress {
- display: block;
- position: fixed;
- z-index: 2000;
- top: 0;
- left: 0;
- height: 12px;
- background: #29d;
-
- -webkit-transition: -webkit-transform .3s, width 1s;
- -moz-transition: width 1s;
- -o-transform: width 1s;
- transition: transform .3s, width 1s;
-
- -webkit-transform: translateY(-50px);
- transform: translateY(-50px);
-
- pointer-events: none;
- }
-
- .pace.pace-active .pace-progress {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }