You are here

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

pace-theme-big-counter.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-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(0, 0, 0, 0.19999999999999996);
}

File

css/pace-theme-big-counter.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-inactive .pace-progress {

  11.   display: none;

  12. }

  13. 

  14. .pace .pace-progress {

  15.   position: fixed;

  16.   z-index: 2000;

  17.   top: 0;

  18.   right: 0;

  19.   height: 5rem;

  20.   width: 5rem;

  21. }

  22. 

  23. .pace .pace-progress:after {

  24.   display: block;

  25.   position: absolute;

  26.   top: 0;

  27.   right: .5rem;

  28.   content: attr(data-progress-text);

  29.   font-family: "Helvetica Neue", sans-serif;

  30.   font-weight: 100;

  31.   font-size: 5rem;

  32.   line-height: 1;

  33.   text-align: right;

  34.   color: rgba(0, 0, 0, 0.19999999999999996);

  35. }