12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- .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: #fff;
- position: fixed;
- z-index: 2000;
- top: 0;
- right: 100%;
- width: 100%;
- height: 2px;
- }
- .pace .pace-progress-inner {
- display: block;
- position: absolute;
- right: 0px;
- width: 100px;
- height: 100%;
- box-shadow: 0 0 10px #fff, 0 0 5px #fff;
- 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: 50%;
- width: 14px;
- height: 14px;
- border: solid 2px transparent;
- border-top-color: #fff;
- border-left-color: #fff;
- 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;
- }
- @media (max-width: 767px) {
- .pace .pace-activity {
- top: 15px;
- right: 15px;
- width: 14px;
- height: 14px;
- }
- }
- @-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); }
- }
|