.pace {-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none } .pace-inactive {display:none } .pace .pace-progress {background:aqua;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px } .pace .pace-progress-inner {display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px aqua,0 0 5px aqua;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px) } .pace .pace-activity {display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:aqua;border-left-color:aqua;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite } @-webkit-keyframes pace-spinner {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg) } 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg) }} @-moz-keyframes pace-spinner {0% {-moz-transform:rotate(0deg);transform:rotate(0deg) } 100% {-moz-transform:rotate(360deg);transform:rotate(360deg) }} @-o-keyframes pace-spinner {0% {-o-transform:rotate(0deg);transform:rotate(0deg) } 100% {-o-transform:rotate(360deg);transform:rotate(360deg) }} @-ms-keyframes pace-spinner {0% {-ms-transform:rotate(0deg);transform:rotate(0deg) } 100% {-ms-transform:rotate(360deg);transform:rotate(360deg) }} @keyframes pace-spinner {0% {transform:rotate(0deg);transform:rotate(0deg) } 100% {transform:rotate(360deg);transform:rotate(360deg) }}