Panel/themes/Obsidian/css/pace/center-rotate.css
2026-05-03 23:31:07 +00:00

1 line
No EOL
2 KiB
CSS

.pace,.pace .pace-progress{z-index:2000;height:60px;width:100px}.pace.pace-inactive{display:none}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0}.pace .pace-progress{position:absolute;-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.pace .pace-progress:before{content:attr(data-progress-text);text-align:center;color:#fff;background:cyan;border-radius:50%;font-family:"Helvetica Neue",sans-serif;font-size:14px;font-weight:100;line-height:1;padding:20% 0 7px;width:50%;height:40%;margin:10px 0 0 30px;display:block;z-index:999;position:absolute}.pace .pace-activity{font-size:9px;margin:0 19px auto;text-indent:-9999em;width:8em;height:8em;border-radius:50%;background:rgba(0,255,255,0.501);background:-moz-linear-gradient(left,rgba(0,255,255,0.501) 10%,rgba(255,255,255,0) 42%);background:-webkit-linear-gradient(left,rgba(0,255,255,0.501) 10%,rgba(255,255,255,0) 42%);background:-o-linear-gradient(left,rgba(0,255,255,0.501) 10%,rgba(255,255,255,0) 42%);background:-ms-linear-gradient(to right,rgba(0,255,255,0.501) 10%,rgba(255,255,255,0) 42%);background:linear-gradient(to right,rgba(0,255,255,0.501) 10%,rgba(255,255,255,0) 42%);position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.pace .pace-activity:after,.pace .pace-activity:before{content:'';position:absolute;top:0;left:0}.pace .pace-activity:before{width:50%;height:50%;border-radius:100% 0 0}.pace .pace-activity:after{background:cyan;width:75%;height:75%;border-radius:50%;margin:auto;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}