You are here

Home » API reference » PACE - Page load progress bar 7

pace-theme-fill-left.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 {
  background-color: rgba(0, 0, 0, 0.19999999999999996);
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

File

css/pace-theme-fill-left.css
View source 
  1. /* This is a compiled file, you should be editing the file in the templates directory */

  2. .pace {

  3.   -webkit-pointer-events: none;

  4.   pointer-events: none;

  5.   -webkit-user-select: none;

  6.   -moz-user-select: none;

  7.   user-select: none;

  8. }

  9. 

  10. .pace .pace-progress {

  11.   background-color: rgba(0, 0, 0, 0.19999999999999996);

  12.   position: fixed;

  13.   z-index: -1;

  14.   top: 0;

  15.   left: 0;

  16.   bottom: 0;

  17. 

  18.   -webkit-transition: width 1s;

  19.   -moz-transition: width 1s;

  20.   -o-transition: width 1s;

  21.   transition: width 1s;

  22. }