123456789101112131415 |
- .pace {
- pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-pointer-events: none;
- }
- .pace-inactive {
- display: none;
- }
- .pace .pace-progress {
- background: rgb(104, 195, 159); transition:width 1s; left: 0px; top: 0px; height: 2px; position: fixed; z-index: 2000; -webkit-transition: width 1s; -o-transition: width 1s; -moz-transition: width 1s;
- }
- .pace .pace-progress-inner {
- width: 100px; height: 100%; right: 0px; display: block; position: absolute; opacity: 1; box-shadow: 0px 0px 10px #68c39f, 0px 0px 5px #68c39f; transform: rotate(3deg) translate(0px, -4px); -webkit-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px);
- }
- .pace .pace-activity {
- border-width: 2px; border-style: solid; border-color: rgb(104, 195, 159) transparent transparent rgb(104, 195, 159); border-radius: 10px; animation:pace-spinner 400ms linear infinite; border-image: none; left: 15px; top: 15px; width: 14px; height: 14px; display: block; position: fixed; z-index: 2000; -webkit-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite;
- }
|