From 4c5a52671e0065be85052a7fa3f7d51803a89c62 Mon Sep 17 00:00:00 2001 From: Ruslan Lekhman Date: Wed, 4 Mar 2026 15:54:16 -0700 Subject: [PATCH] fix: remove obsolete vendor-prefixed @keyframes and animation properties Remove `-webkit-`, `-moz-`, `-o-`, and `-ms-` prefixed `@keyframes` rules and vendor-prefixed `animation` properties from all theme templates and compiled theme files. These vendor prefixes have been unnecessary since 2013+ as all modern browsers support the unprefixed `@keyframes` and `animation` properties. The vendor-prefixed `@keyframes` rules also cause build warnings in applications using beasties (the critical CSS inliner), which fails to parse percentage selectors (0%, 50%, 100%) inside vendor-prefixed at-rules, producing: "N rules skipped due to selector errors: 0% -> Unmatched selector: %" Also removes duplicate `transform` properties inside unprefixed `@keyframes` blocks in barber-shop, flash, and mac-osx themes. Signed-off-by: Ruslan Lekhman --- templates/pace-theme-barber-shop.tmpl.css | 26 +--- templates/pace-theme-big-counter.tmpl.css | 2 +- templates/pace-theme-bounce.tmpl.css | 120 +----------------- templates/pace-theme-center-atom.tmpl.css | 17 +-- templates/pace-theme-center-circle.tmpl.css | 26 +--- templates/pace-theme-center-radar.tmpl.css | 17 +-- templates/pace-theme-center-simple.tmpl.css | 2 +- .../pace-theme-corner-indicator.tmpl.css | 8 +- templates/pace-theme-fill-left.tmpl.css | 2 +- templates/pace-theme-flash.tmpl.css | 26 +--- templates/pace-theme-flat-top.tmpl.css | 2 +- templates/pace-theme-loading-bar.tmpl.css | 2 +- templates/pace-theme-mac-osx.tmpl.css | 26 +--- templates/pace-theme-minimal.tmpl.css | 2 +- themes/black/pace-theme-barber-shop.css | 24 +--- themes/black/pace-theme-bounce.css | 120 +----------------- themes/black/pace-theme-center-atom.css | 15 --- themes/black/pace-theme-center-circle.css | 24 ---- themes/black/pace-theme-center-radar.css | 15 --- themes/black/pace-theme-center-simple.css | 2 +- themes/black/pace-theme-corner-indicator.css | 6 - themes/black/pace-theme-flash.css | 24 +--- themes/black/pace-theme-loading-bar.css | 1 - themes/black/pace-theme-mac-osx.css | 24 +--- themes/blue/pace-theme-barber-shop.css | 24 +--- themes/blue/pace-theme-bounce.css | 120 +----------------- themes/blue/pace-theme-center-atom.css | 15 --- themes/blue/pace-theme-center-circle.css | 24 ---- themes/blue/pace-theme-center-radar.css | 15 --- themes/blue/pace-theme-center-simple.css | 2 +- themes/blue/pace-theme-corner-indicator.css | 6 - themes/blue/pace-theme-flash.css | 24 +--- themes/blue/pace-theme-loading-bar.css | 1 - themes/blue/pace-theme-mac-osx.css | 24 +--- themes/green/pace-theme-barber-shop.css | 24 +--- themes/green/pace-theme-bounce.css | 120 +----------------- themes/green/pace-theme-center-atom.css | 15 --- themes/green/pace-theme-center-circle.css | 24 ---- themes/green/pace-theme-center-radar.css | 15 --- themes/green/pace-theme-center-simple.css | 2 +- themes/green/pace-theme-corner-indicator.css | 6 - themes/green/pace-theme-flash.css | 24 +--- themes/green/pace-theme-loading-bar.css | 1 - themes/green/pace-theme-mac-osx.css | 24 +--- themes/orange/pace-theme-barber-shop.css | 24 +--- themes/orange/pace-theme-bounce.css | 120 +----------------- themes/orange/pace-theme-center-atom.css | 15 --- themes/orange/pace-theme-center-circle.css | 24 ---- themes/orange/pace-theme-center-radar.css | 15 --- themes/orange/pace-theme-center-simple.css | 2 +- themes/orange/pace-theme-corner-indicator.css | 6 - themes/orange/pace-theme-flash.css | 24 +--- themes/orange/pace-theme-loading-bar.css | 1 - themes/orange/pace-theme-mac-osx.css | 24 +--- themes/pink/pace-theme-barber-shop.css | 24 +--- themes/pink/pace-theme-bounce.css | 120 +----------------- themes/pink/pace-theme-center-atom.css | 15 --- themes/pink/pace-theme-center-circle.css | 24 ---- themes/pink/pace-theme-center-radar.css | 15 --- themes/pink/pace-theme-center-simple.css | 2 +- themes/pink/pace-theme-corner-indicator.css | 6 - themes/pink/pace-theme-flash.css | 24 +--- themes/pink/pace-theme-loading-bar.css | 1 - themes/pink/pace-theme-mac-osx.css | 24 +--- themes/purple/pace-theme-barber-shop.css | 24 +--- themes/purple/pace-theme-bounce.css | 120 +----------------- themes/purple/pace-theme-center-atom.css | 15 --- themes/purple/pace-theme-center-circle.css | 24 ---- themes/purple/pace-theme-center-radar.css | 15 --- themes/purple/pace-theme-center-simple.css | 2 +- themes/purple/pace-theme-corner-indicator.css | 6 - themes/purple/pace-theme-flash.css | 24 +--- themes/purple/pace-theme-loading-bar.css | 1 - themes/purple/pace-theme-mac-osx.css | 24 +--- themes/red/pace-theme-barber-shop.css | 24 +--- themes/red/pace-theme-bounce.css | 120 +----------------- themes/red/pace-theme-center-atom.css | 15 --- themes/red/pace-theme-center-circle.css | 24 ---- themes/red/pace-theme-center-radar.css | 15 --- themes/red/pace-theme-center-simple.css | 2 +- themes/red/pace-theme-corner-indicator.css | 6 - themes/red/pace-theme-flash.css | 24 +--- themes/red/pace-theme-loading-bar.css | 1 - themes/red/pace-theme-mac-osx.css | 24 +--- themes/silver/pace-theme-barber-shop.css | 24 +--- themes/silver/pace-theme-bounce.css | 120 +----------------- themes/silver/pace-theme-center-atom.css | 15 --- themes/silver/pace-theme-center-circle.css | 24 ---- themes/silver/pace-theme-center-radar.css | 15 --- themes/silver/pace-theme-center-simple.css | 2 +- themes/silver/pace-theme-corner-indicator.css | 6 - themes/silver/pace-theme-flash.css | 24 +--- themes/silver/pace-theme-loading-bar.css | 1 - themes/silver/pace-theme-mac-osx.css | 24 +--- themes/white/pace-theme-barber-shop.css | 24 +--- themes/white/pace-theme-bounce.css | 120 +----------------- themes/white/pace-theme-center-atom.css | 15 --- themes/white/pace-theme-center-circle.css | 24 ---- themes/white/pace-theme-center-radar.css | 15 --- themes/white/pace-theme-center-simple.css | 2 +- themes/white/pace-theme-corner-indicator.css | 6 - themes/white/pace-theme-flash.css | 24 +--- themes/white/pace-theme-loading-bar.css | 1 - themes/white/pace-theme-mac-osx.css | 24 +--- themes/yellow/pace-theme-barber-shop.css | 24 +--- themes/yellow/pace-theme-bounce.css | 120 +----------------- themes/yellow/pace-theme-center-atom.css | 15 --- themes/yellow/pace-theme-center-circle.css | 24 ---- themes/yellow/pace-theme-center-radar.css | 15 --- themes/yellow/pace-theme-center-simple.css | 2 +- themes/yellow/pace-theme-corner-indicator.css | 6 - themes/yellow/pace-theme-flash.css | 24 +--- themes/yellow/pace-theme-loading-bar.css | 1 - themes/yellow/pace-theme-mac-osx.css | 24 +--- 114 files changed, 100 insertions(+), 2728 deletions(-) diff --git a/templates/pace-theme-barber-shop.tmpl.css b/templates/pace-theme-barber-shop.tmpl.css index 25a3555e..b93266a2 100644 --- a/templates/pace-theme-barber-shop.tmpl.css +++ b/templates/pace-theme-barber-shop.tmpl.css @@ -55,30 +55,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } -} \ No newline at end of file + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } +} diff --git a/templates/pace-theme-big-counter.tmpl.css b/templates/pace-theme-big-counter.tmpl.css index 31121355..c1c109a1 100644 --- a/templates/pace-theme-big-counter.tmpl.css +++ b/templates/pace-theme-big-counter.tmpl.css @@ -36,4 +36,4 @@ line-height: 1; text-align: right; color: `Color(args.color || '#000').clearer(0.8).rgbString()`; -} \ No newline at end of file +} diff --git a/templates/pace-theme-bounce.tmpl.css b/templates/pace-theme-bounce.tmpl.css index edafa93e..ed343489 100644 --- a/templates/pace-theme-bounce.tmpl.css +++ b/templates/pace-theme-bounce.tmpl.css @@ -33,10 +33,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -57,77 +53,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -160,52 +88,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -227,4 +109,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/templates/pace-theme-center-atom.tmpl.css b/templates/pace-theme-center-atom.tmpl.css index 8de39f43..e14f562c 100644 --- a/templates/pace-theme-center-atom.tmpl.css +++ b/templates/pace-theme-center-atom.tmpl.css @@ -60,9 +60,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -112,19 +109,7 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } -} \ No newline at end of file +} diff --git a/templates/pace-theme-center-circle.tmpl.css b/templates/pace-theme-center-circle.tmpl.css index dc327edc..3311c259 100644 --- a/templates/pace-theme-center-circle.tmpl.css +++ b/templates/pace-theme-center-circle.tmpl.css @@ -45,10 +45,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -63,27 +59,7 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } -} \ No newline at end of file +} diff --git a/templates/pace-theme-center-radar.tmpl.css b/templates/pace-theme-center-radar.tmpl.css index c79275bc..4f1cd8a2 100644 --- a/templates/pace-theme-center-radar.tmpl.css +++ b/templates/pace-theme-center-radar.tmpl.css @@ -40,9 +40,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -64,18 +61,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } -} \ No newline at end of file +} diff --git a/templates/pace-theme-center-simple.tmpl.css b/templates/pace-theme-center-simple.tmpl.css index 9668f202..4d4681a1 100644 --- a/templates/pace-theme-center-simple.tmpl.css +++ b/templates/pace-theme-center-simple.tmpl.css @@ -48,4 +48,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/templates/pace-theme-corner-indicator.tmpl.css b/templates/pace-theme-corner-indicator.tmpl.css index 903839ab..3f313e41 100644 --- a/templates/pace-theme-corner-indicator.tmpl.css +++ b/templates/pace-theme-corner-indicator.tmpl.css @@ -47,7 +47,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -58,15 +57,10 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } -} \ No newline at end of file +} diff --git a/templates/pace-theme-fill-left.tmpl.css b/templates/pace-theme-fill-left.tmpl.css index 1823df7d..da0e5663 100644 --- a/templates/pace-theme-fill-left.tmpl.css +++ b/templates/pace-theme-fill-left.tmpl.css @@ -18,4 +18,4 @@ right: 100%; bottom: 0; width: 100%; -} \ No newline at end of file +} diff --git a/templates/pace-theme-flash.tmpl.css b/templates/pace-theme-flash.tmpl.css index 1d64c8cd..cec968d9 100644 --- a/templates/pace-theme-flash.tmpl.css +++ b/templates/pace-theme-flash.tmpl.css @@ -47,30 +47,10 @@ border-top-color: `args.color || '#29d'`; border-left-color: `args.color || '#29d'`; 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); } -} \ No newline at end of file + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} diff --git a/templates/pace-theme-flat-top.tmpl.css b/templates/pace-theme-flat-top.tmpl.css index 197a91ad..e8fe9647 100644 --- a/templates/pace-theme-flat-top.tmpl.css +++ b/templates/pace-theme-flat-top.tmpl.css @@ -37,4 +37,4 @@ background: `args.color || "#29d"`; pointer-events: none; -} \ No newline at end of file +} diff --git a/templates/pace-theme-loading-bar.tmpl.css b/templates/pace-theme-loading-bar.tmpl.css index 5a604c1b..ac01c9d2 100644 --- a/templates/pace-theme-loading-bar.tmpl.css +++ b/templates/pace-theme-loading-bar.tmpl.css @@ -101,4 +101,4 @@ out .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/templates/pace-theme-mac-osx.tmpl.css b/templates/pace-theme-mac-osx.tmpl.css index c91226a6..22a9b953 100644 --- a/templates/pace-theme-mac-osx.tmpl.css +++ b/templates/pace-theme-mac-osx.tmpl.css @@ -57,30 +57,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } -} \ No newline at end of file + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } +} diff --git a/templates/pace-theme-minimal.tmpl.css b/templates/pace-theme-minimal.tmpl.css index 2396868b..38fccadb 100644 --- a/templates/pace-theme-minimal.tmpl.css +++ b/templates/pace-theme-minimal.tmpl.css @@ -19,4 +19,4 @@ right: 100%; width: 100%; height: 2px; -} \ No newline at end of file +} diff --git a/themes/black/pace-theme-barber-shop.css b/themes/black/pace-theme-barber-shop.css index 895611b6..1df6b0e5 100644 --- a/themes/black/pace-theme-barber-shop.css +++ b/themes/black/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/black/pace-theme-bounce.css b/themes/black/pace-theme-bounce.css index 6ef4986e..f72172a7 100644 --- a/themes/black/pace-theme-bounce.css +++ b/themes/black/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/black/pace-theme-center-atom.css b/themes/black/pace-theme-center-atom.css index 3d8f4e13..9d5778db 100644 --- a/themes/black/pace-theme-center-atom.css +++ b/themes/black/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/black/pace-theme-center-circle.css b/themes/black/pace-theme-center-circle.css index 2721f9af..27ba68a0 100644 --- a/themes/black/pace-theme-center-circle.css +++ b/themes/black/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/black/pace-theme-center-radar.css b/themes/black/pace-theme-center-radar.css index 62b15e70..2aa6797c 100644 --- a/themes/black/pace-theme-center-radar.css +++ b/themes/black/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/black/pace-theme-center-simple.css b/themes/black/pace-theme-center-simple.css index e7e368e7..f22b829a 100644 --- a/themes/black/pace-theme-center-simple.css +++ b/themes/black/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/black/pace-theme-corner-indicator.css b/themes/black/pace-theme-corner-indicator.css index 98c7cd68..bbfa1282 100644 --- a/themes/black/pace-theme-corner-indicator.css +++ b/themes/black/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/black/pace-theme-flash.css b/themes/black/pace-theme-flash.css index 089ded0e..c7598a42 100644 --- a/themes/black/pace-theme-flash.css +++ b/themes/black/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #000000; border-left-color: #000000; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/black/pace-theme-loading-bar.css b/themes/black/pace-theme-loading-bar.css index 1b942029..e5994219 100644 --- a/themes/black/pace-theme-loading-bar.css +++ b/themes/black/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/black/pace-theme-mac-osx.css b/themes/black/pace-theme-mac-osx.css index f096d2cd..c9002992 100644 --- a/themes/black/pace-theme-mac-osx.css +++ b/themes/black/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/blue/pace-theme-barber-shop.css b/themes/blue/pace-theme-barber-shop.css index e30e7d8c..9297038d 100644 --- a/themes/blue/pace-theme-barber-shop.css +++ b/themes/blue/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/blue/pace-theme-bounce.css b/themes/blue/pace-theme-bounce.css index f4798657..e00c3c20 100644 --- a/themes/blue/pace-theme-bounce.css +++ b/themes/blue/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/blue/pace-theme-center-atom.css b/themes/blue/pace-theme-center-atom.css index c178cd83..e025155e 100644 --- a/themes/blue/pace-theme-center-atom.css +++ b/themes/blue/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/blue/pace-theme-center-circle.css b/themes/blue/pace-theme-center-circle.css index 403ab0d4..6c78f952 100644 --- a/themes/blue/pace-theme-center-circle.css +++ b/themes/blue/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/blue/pace-theme-center-radar.css b/themes/blue/pace-theme-center-radar.css index 60967b28..34355016 100644 --- a/themes/blue/pace-theme-center-radar.css +++ b/themes/blue/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/blue/pace-theme-center-simple.css b/themes/blue/pace-theme-center-simple.css index 0844d31f..07148d9d 100644 --- a/themes/blue/pace-theme-center-simple.css +++ b/themes/blue/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/blue/pace-theme-corner-indicator.css b/themes/blue/pace-theme-corner-indicator.css index e0cc57e6..063bb82b 100644 --- a/themes/blue/pace-theme-corner-indicator.css +++ b/themes/blue/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/blue/pace-theme-flash.css b/themes/blue/pace-theme-flash.css index d9bca466..58fc7e33 100644 --- a/themes/blue/pace-theme-flash.css +++ b/themes/blue/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #2299dd; border-left-color: #2299dd; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/blue/pace-theme-loading-bar.css b/themes/blue/pace-theme-loading-bar.css index 8448a5e5..8575122f 100644 --- a/themes/blue/pace-theme-loading-bar.css +++ b/themes/blue/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/blue/pace-theme-mac-osx.css b/themes/blue/pace-theme-mac-osx.css index 175f3b28..c3d6275a 100644 --- a/themes/blue/pace-theme-mac-osx.css +++ b/themes/blue/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/green/pace-theme-barber-shop.css b/themes/green/pace-theme-barber-shop.css index f4a3bb05..008ffbff 100644 --- a/themes/green/pace-theme-barber-shop.css +++ b/themes/green/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/green/pace-theme-bounce.css b/themes/green/pace-theme-bounce.css index d17f375e..59b78c0f 100644 --- a/themes/green/pace-theme-bounce.css +++ b/themes/green/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/green/pace-theme-center-atom.css b/themes/green/pace-theme-center-atom.css index 54f86fd4..6bba2823 100644 --- a/themes/green/pace-theme-center-atom.css +++ b/themes/green/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/green/pace-theme-center-circle.css b/themes/green/pace-theme-center-circle.css index f34927c7..94cdee1b 100644 --- a/themes/green/pace-theme-center-circle.css +++ b/themes/green/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/green/pace-theme-center-radar.css b/themes/green/pace-theme-center-radar.css index 83534591..2b741508 100644 --- a/themes/green/pace-theme-center-radar.css +++ b/themes/green/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/green/pace-theme-center-simple.css b/themes/green/pace-theme-center-simple.css index fa1f4278..5e37100c 100644 --- a/themes/green/pace-theme-center-simple.css +++ b/themes/green/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/green/pace-theme-corner-indicator.css b/themes/green/pace-theme-corner-indicator.css index 35ad92c9..d26ef8a8 100644 --- a/themes/green/pace-theme-corner-indicator.css +++ b/themes/green/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/green/pace-theme-flash.css b/themes/green/pace-theme-flash.css index 812779ba..8301d74d 100644 --- a/themes/green/pace-theme-flash.css +++ b/themes/green/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #22df80; border-left-color: #22df80; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/green/pace-theme-loading-bar.css b/themes/green/pace-theme-loading-bar.css index 3280418c..c59ed3c5 100644 --- a/themes/green/pace-theme-loading-bar.css +++ b/themes/green/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/green/pace-theme-mac-osx.css b/themes/green/pace-theme-mac-osx.css index 56dad0d3..8f34cc4f 100644 --- a/themes/green/pace-theme-mac-osx.css +++ b/themes/green/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/orange/pace-theme-barber-shop.css b/themes/orange/pace-theme-barber-shop.css index b7ed3fbc..d6ed20e6 100644 --- a/themes/orange/pace-theme-barber-shop.css +++ b/themes/orange/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/orange/pace-theme-bounce.css b/themes/orange/pace-theme-bounce.css index f94c75d6..1b323cd3 100644 --- a/themes/orange/pace-theme-bounce.css +++ b/themes/orange/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/orange/pace-theme-center-atom.css b/themes/orange/pace-theme-center-atom.css index 9c55e381..a7bb7861 100644 --- a/themes/orange/pace-theme-center-atom.css +++ b/themes/orange/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/orange/pace-theme-center-circle.css b/themes/orange/pace-theme-center-circle.css index 0334a175..bf301ec0 100644 --- a/themes/orange/pace-theme-center-circle.css +++ b/themes/orange/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/orange/pace-theme-center-radar.css b/themes/orange/pace-theme-center-radar.css index 4c0ef391..1b6e5a44 100644 --- a/themes/orange/pace-theme-center-radar.css +++ b/themes/orange/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/orange/pace-theme-center-simple.css b/themes/orange/pace-theme-center-simple.css index 5a5e9790..719dee36 100644 --- a/themes/orange/pace-theme-center-simple.css +++ b/themes/orange/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/orange/pace-theme-corner-indicator.css b/themes/orange/pace-theme-corner-indicator.css index eda7fe4e..6050669c 100644 --- a/themes/orange/pace-theme-corner-indicator.css +++ b/themes/orange/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/orange/pace-theme-flash.css b/themes/orange/pace-theme-flash.css index b226496a..af18c284 100644 --- a/themes/orange/pace-theme-flash.css +++ b/themes/orange/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #eb7a55; border-left-color: #eb7a55; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/orange/pace-theme-loading-bar.css b/themes/orange/pace-theme-loading-bar.css index 7d468c3b..937c25e4 100644 --- a/themes/orange/pace-theme-loading-bar.css +++ b/themes/orange/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/orange/pace-theme-mac-osx.css b/themes/orange/pace-theme-mac-osx.css index 4cfe25c1..1eba7ac6 100644 --- a/themes/orange/pace-theme-mac-osx.css +++ b/themes/orange/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/pink/pace-theme-barber-shop.css b/themes/pink/pace-theme-barber-shop.css index a3b82e84..7d178e27 100644 --- a/themes/pink/pace-theme-barber-shop.css +++ b/themes/pink/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/pink/pace-theme-bounce.css b/themes/pink/pace-theme-bounce.css index 26fecda1..ff36f475 100644 --- a/themes/pink/pace-theme-bounce.css +++ b/themes/pink/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/pink/pace-theme-center-atom.css b/themes/pink/pace-theme-center-atom.css index e255d083..06c1eeeb 100644 --- a/themes/pink/pace-theme-center-atom.css +++ b/themes/pink/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/pink/pace-theme-center-circle.css b/themes/pink/pace-theme-center-circle.css index c3aa0f22..0754eeb0 100644 --- a/themes/pink/pace-theme-center-circle.css +++ b/themes/pink/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/pink/pace-theme-center-radar.css b/themes/pink/pace-theme-center-radar.css index 1c49637b..0ff65164 100644 --- a/themes/pink/pace-theme-center-radar.css +++ b/themes/pink/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/pink/pace-theme-center-simple.css b/themes/pink/pace-theme-center-simple.css index 446bd67e..e7dbb3fb 100644 --- a/themes/pink/pace-theme-center-simple.css +++ b/themes/pink/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/pink/pace-theme-corner-indicator.css b/themes/pink/pace-theme-corner-indicator.css index f971a189..1af55cdd 100644 --- a/themes/pink/pace-theme-corner-indicator.css +++ b/themes/pink/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/pink/pace-theme-flash.css b/themes/pink/pace-theme-flash.css index e428c5c1..4aa0822f 100644 --- a/themes/pink/pace-theme-flash.css +++ b/themes/pink/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #e90f92; border-left-color: #e90f92; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/pink/pace-theme-loading-bar.css b/themes/pink/pace-theme-loading-bar.css index e147a0fe..ee9b63c7 100644 --- a/themes/pink/pace-theme-loading-bar.css +++ b/themes/pink/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/pink/pace-theme-mac-osx.css b/themes/pink/pace-theme-mac-osx.css index d3b87e92..46d9292a 100644 --- a/themes/pink/pace-theme-mac-osx.css +++ b/themes/pink/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/purple/pace-theme-barber-shop.css b/themes/purple/pace-theme-barber-shop.css index 987fbec4..3f60959a 100644 --- a/themes/purple/pace-theme-barber-shop.css +++ b/themes/purple/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/purple/pace-theme-bounce.css b/themes/purple/pace-theme-bounce.css index f93f986b..04594e6d 100644 --- a/themes/purple/pace-theme-bounce.css +++ b/themes/purple/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/purple/pace-theme-center-atom.css b/themes/purple/pace-theme-center-atom.css index 33b40151..528f7bac 100644 --- a/themes/purple/pace-theme-center-atom.css +++ b/themes/purple/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/purple/pace-theme-center-circle.css b/themes/purple/pace-theme-center-circle.css index 08938b05..aceb071d 100644 --- a/themes/purple/pace-theme-center-circle.css +++ b/themes/purple/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/purple/pace-theme-center-radar.css b/themes/purple/pace-theme-center-radar.css index c05dd0cc..9736c545 100644 --- a/themes/purple/pace-theme-center-radar.css +++ b/themes/purple/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/purple/pace-theme-center-simple.css b/themes/purple/pace-theme-center-simple.css index 3b3df67a..89165215 100644 --- a/themes/purple/pace-theme-center-simple.css +++ b/themes/purple/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/purple/pace-theme-corner-indicator.css b/themes/purple/pace-theme-corner-indicator.css index 0d2060f9..91767c40 100644 --- a/themes/purple/pace-theme-corner-indicator.css +++ b/themes/purple/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/purple/pace-theme-flash.css b/themes/purple/pace-theme-flash.css index 046cbefe..b4c8aedf 100644 --- a/themes/purple/pace-theme-flash.css +++ b/themes/purple/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #7c60e0; border-left-color: #7c60e0; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/purple/pace-theme-loading-bar.css b/themes/purple/pace-theme-loading-bar.css index a62c6ba4..8e958d9c 100644 --- a/themes/purple/pace-theme-loading-bar.css +++ b/themes/purple/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/purple/pace-theme-mac-osx.css b/themes/purple/pace-theme-mac-osx.css index 6046e6bd..8d4b34d9 100644 --- a/themes/purple/pace-theme-mac-osx.css +++ b/themes/purple/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/red/pace-theme-barber-shop.css b/themes/red/pace-theme-barber-shop.css index 940bbe5c..a16ab278 100644 --- a/themes/red/pace-theme-barber-shop.css +++ b/themes/red/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/red/pace-theme-bounce.css b/themes/red/pace-theme-bounce.css index dc439663..7f8a63f3 100644 --- a/themes/red/pace-theme-bounce.css +++ b/themes/red/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/red/pace-theme-center-atom.css b/themes/red/pace-theme-center-atom.css index b25ccc1e..0632db53 100644 --- a/themes/red/pace-theme-center-atom.css +++ b/themes/red/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/red/pace-theme-center-circle.css b/themes/red/pace-theme-center-circle.css index 7af81d27..cec28a9d 100644 --- a/themes/red/pace-theme-center-circle.css +++ b/themes/red/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/red/pace-theme-center-radar.css b/themes/red/pace-theme-center-radar.css index 1603d71e..c1951128 100644 --- a/themes/red/pace-theme-center-radar.css +++ b/themes/red/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/red/pace-theme-center-simple.css b/themes/red/pace-theme-center-simple.css index e4a21117..ca4eb099 100644 --- a/themes/red/pace-theme-center-simple.css +++ b/themes/red/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/red/pace-theme-corner-indicator.css b/themes/red/pace-theme-corner-indicator.css index 9994388a..c2f4e96f 100644 --- a/themes/red/pace-theme-corner-indicator.css +++ b/themes/red/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/red/pace-theme-flash.css b/themes/red/pace-theme-flash.css index 7eb57d8b..5e415aa8 100644 --- a/themes/red/pace-theme-flash.css +++ b/themes/red/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #ee3148; border-left-color: #ee3148; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/red/pace-theme-loading-bar.css b/themes/red/pace-theme-loading-bar.css index 9d86bf83..0ce93462 100644 --- a/themes/red/pace-theme-loading-bar.css +++ b/themes/red/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/red/pace-theme-mac-osx.css b/themes/red/pace-theme-mac-osx.css index 613f7363..c6c15913 100644 --- a/themes/red/pace-theme-mac-osx.css +++ b/themes/red/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/silver/pace-theme-barber-shop.css b/themes/silver/pace-theme-barber-shop.css index 4c06fdfb..5d79d6ae 100644 --- a/themes/silver/pace-theme-barber-shop.css +++ b/themes/silver/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/silver/pace-theme-bounce.css b/themes/silver/pace-theme-bounce.css index 760dacd0..67a60424 100644 --- a/themes/silver/pace-theme-bounce.css +++ b/themes/silver/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/silver/pace-theme-center-atom.css b/themes/silver/pace-theme-center-atom.css index 4d46d800..549ce712 100644 --- a/themes/silver/pace-theme-center-atom.css +++ b/themes/silver/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/silver/pace-theme-center-circle.css b/themes/silver/pace-theme-center-circle.css index d2d3eb4e..980517c4 100644 --- a/themes/silver/pace-theme-center-circle.css +++ b/themes/silver/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/silver/pace-theme-center-radar.css b/themes/silver/pace-theme-center-radar.css index 5d506c34..7d4201cf 100644 --- a/themes/silver/pace-theme-center-radar.css +++ b/themes/silver/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/silver/pace-theme-center-simple.css b/themes/silver/pace-theme-center-simple.css index ffdd90ef..4029afd8 100644 --- a/themes/silver/pace-theme-center-simple.css +++ b/themes/silver/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/silver/pace-theme-corner-indicator.css b/themes/silver/pace-theme-corner-indicator.css index 4090e683..fb3c7ee1 100644 --- a/themes/silver/pace-theme-corner-indicator.css +++ b/themes/silver/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/silver/pace-theme-flash.css b/themes/silver/pace-theme-flash.css index b5462485..9fe10cca 100644 --- a/themes/silver/pace-theme-flash.css +++ b/themes/silver/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #d6d6d6; border-left-color: #d6d6d6; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/silver/pace-theme-loading-bar.css b/themes/silver/pace-theme-loading-bar.css index 1786717d..974ee678 100644 --- a/themes/silver/pace-theme-loading-bar.css +++ b/themes/silver/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/silver/pace-theme-mac-osx.css b/themes/silver/pace-theme-mac-osx.css index 6c84a812..e07d9ee1 100644 --- a/themes/silver/pace-theme-mac-osx.css +++ b/themes/silver/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/white/pace-theme-barber-shop.css b/themes/white/pace-theme-barber-shop.css index 90c3014c..38737ced 100644 --- a/themes/white/pace-theme-barber-shop.css +++ b/themes/white/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/white/pace-theme-bounce.css b/themes/white/pace-theme-bounce.css index ba65dcf5..8d390dea 100644 --- a/themes/white/pace-theme-bounce.css +++ b/themes/white/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/white/pace-theme-center-atom.css b/themes/white/pace-theme-center-atom.css index 48f5bc6b..c61dc4b7 100644 --- a/themes/white/pace-theme-center-atom.css +++ b/themes/white/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/white/pace-theme-center-circle.css b/themes/white/pace-theme-center-circle.css index 9709f4c1..92f8e693 100644 --- a/themes/white/pace-theme-center-circle.css +++ b/themes/white/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/white/pace-theme-center-radar.css b/themes/white/pace-theme-center-radar.css index 6783df69..1c3cb749 100644 --- a/themes/white/pace-theme-center-radar.css +++ b/themes/white/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/white/pace-theme-center-simple.css b/themes/white/pace-theme-center-simple.css index ff369fcd..17881b14 100644 --- a/themes/white/pace-theme-center-simple.css +++ b/themes/white/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/white/pace-theme-corner-indicator.css b/themes/white/pace-theme-corner-indicator.css index b1670ce3..0aede0b5 100644 --- a/themes/white/pace-theme-corner-indicator.css +++ b/themes/white/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/white/pace-theme-flash.css b/themes/white/pace-theme-flash.css index e3d458cc..b53d107a 100644 --- a/themes/white/pace-theme-flash.css +++ b/themes/white/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #ffffff; border-left-color: #ffffff; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/white/pace-theme-loading-bar.css b/themes/white/pace-theme-loading-bar.css index ec57d2be..b236ae50 100644 --- a/themes/white/pace-theme-loading-bar.css +++ b/themes/white/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/white/pace-theme-mac-osx.css b/themes/white/pace-theme-mac-osx.css index a7c27e7e..8d218bbd 100644 --- a/themes/white/pace-theme-mac-osx.css +++ b/themes/white/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } } diff --git a/themes/yellow/pace-theme-barber-shop.css b/themes/yellow/pace-theme-barber-shop.css index daaae2a4..ec3d2b1c 100644 --- a/themes/yellow/pace-theme-barber-shop.css +++ b/themes/yellow/pace-theme-barber-shop.css @@ -56,30 +56,10 @@ -o-background-size: 32px 32px; background-size: 32px 32px; - -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; - -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; animation: pace-theme-barber-shop-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-barber-shop-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-moz-keyframes pace-theme-barber-shop-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-o-keyframes pace-theme-barber-shop-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} -@-ms-keyframes pace-theme-barber-shop-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } -} @keyframes pace-theme-barber-shop-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } + 0% { transform: none; } + 100% { transform: translate(-32px, 0); } } diff --git a/themes/yellow/pace-theme-bounce.css b/themes/yellow/pace-theme-bounce.css index e1707bc9..778529a2 100644 --- a/themes/yellow/pace-theme-bounce.css +++ b/themes/yellow/pace-theme-bounce.css @@ -34,10 +34,6 @@ position: absolute; top: 0; z-index: 1911; - -webkit-animation: pace-bounce 1s infinite; - -moz-animation: pace-bounce 1s infinite; - -o-animation: pace-bounce 1s infinite; - -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } @@ -58,77 +54,9 @@ -ms-transform: scaleY(.3) !important; -o-transform: scaleY(.3) !important; transform: scaleY(.3) !important; - -webkit-animation: pace-compress .5s infinite alternate; - -moz-animation: pace-compress .5s infinite alternate; - -o-animation: pace-compress .5s infinite alternate; - -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } -@-webkit-keyframes pace-bounce { - 0% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -webkit-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -webkit-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -webkit-animation-timing-function: ease-out; - } - 95% { - top: 0; - -webkit-animation-timing-function: ease-in; - } - 100% { - top: 0; - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes pace-bounce { - 0% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 40% {} - 50% { - top: 140px; - height: 140px; - -moz-animation-timing-function: ease-out; - } - 55% { - top: 160px; - height: 120px; - border-radius: 70px / 60px; - -moz-animation-timing-function: ease-in; - } - 65% { - top: 120px; - height: 140px; - border-radius: 70px; - -moz-animation-timing-function: ease-out;} - 95% { - top: 0; - -moz-animation-timing-function: ease-in; - } - 100% {top: 0; - -moz-animation-timing-function: ease-in; - } -} - @keyframes pace-bounce { 0% { top: 0; @@ -161,52 +89,6 @@ } } -@-webkit-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -webkit-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -webkit-animation-timing-function: ease-out; - } -} - -@-moz-keyframes pace-compress { - 0% { - bottom: 0; - margin-left: -30px; - width: 60px; - height: 75px; - background: rgba(20, 20, 20, .1); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); - border-radius: 30px / 40px; - -moz-animation-timing-function: ease-in; - } - 100% { - bottom: 30px; - margin-left: -10px; - width: 20px; - height: 5px; - background: rgba(20, 20, 20, .3); - box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); - border-radius: 20px / 20px; - -moz-animation-timing-function: ease-out; - } -} - @keyframes pace-compress { 0% { bottom: 0; @@ -228,4 +110,4 @@ border-radius: 20px / 20px; animation-timing-function: ease-out; } -} \ No newline at end of file +} diff --git a/themes/yellow/pace-theme-center-atom.css b/themes/yellow/pace-theme-center-atom.css index fe16659e..f239966f 100644 --- a/themes/yellow/pace-theme-center-atom.css +++ b/themes/yellow/pace-theme-center-atom.css @@ -61,9 +61,6 @@ width: 100px; display: block; - -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; - -moz-animation: pace-theme-center-atom-spin 2s linear infinite; - -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } @@ -113,18 +110,6 @@ transform: rotate(120deg); } -@-webkit-keyframes pace-theme-center-atom-spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } -} -@-moz-keyframes pace-theme-center-atom-spin { - 0% { -moz-transform: rotate(0deg) } - 100% { -moz-transform: rotate(359deg) } -} -@-o-keyframes pace-theme-center-atom-spin { - 0% { -o-transform: rotate(0deg) } - 100% { -o-transform: rotate(359deg) } -} @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } diff --git a/themes/yellow/pace-theme-center-circle.css b/themes/yellow/pace-theme-center-circle.css index bbda8bf1..f52283aa 100644 --- a/themes/yellow/pace-theme-center-circle.css +++ b/themes/yellow/pace-theme-center-circle.css @@ -46,10 +46,6 @@ font-weight: 100; text-align: center; - -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; - -moz-animation: pace-theme-center-circle-spin linear infinite 2s; - -ms-animation: pace-theme-center-circle-spin linear infinite 2s; - -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; @@ -64,26 +60,6 @@ display: block; } -@-webkit-keyframes pace-theme-center-circle-spin { - from { -webkit-transform: rotateY(0deg) } - to { -webkit-transform: rotateY(360deg) } -} - -@-moz-keyframes pace-theme-center-circle-spin { - from { -moz-transform: rotateY(0deg) } - to { -moz-transform: rotateY(360deg) } -} - -@-ms-keyframes pace-theme-center-circle-spin { - from { -ms-transform: rotateY(0deg) } - to { -ms-transform: rotateY(360deg) } -} - -@-o-keyframes pace-theme-center-circle-spin { - from { -o-transform: rotateY(0deg) } - to { -o-transform: rotateY(360deg) } -} - @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg) } to { transform: rotateY(360deg) } diff --git a/themes/yellow/pace-theme-center-radar.css b/themes/yellow/pace-theme-center-radar.css index 4e0c2f8f..8094049a 100644 --- a/themes/yellow/pace-theme-center-radar.css +++ b/themes/yellow/pace-theme-center-radar.css @@ -41,9 +41,6 @@ -moz-box-sizing: content-box; box-sizing: content-box; - -webkit-animation: spin 1s linear infinite; - -moz-animation: spin 1s linear infinite; - -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @@ -65,18 +62,6 @@ box-sizing: content-box; } -@-webkit-keyframes spin { - 100% { -webkit-transform: rotate(359deg); } -} - -@-moz-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - -@-o-keyframes spin { - 100% { -moz-transform: rotate(359deg); } -} - @keyframes spin { 100% { transform: rotate(359deg); } } diff --git a/themes/yellow/pace-theme-center-simple.css b/themes/yellow/pace-theme-center-simple.css index 93b6f37d..f124559b 100644 --- a/themes/yellow/pace-theme-center-simple.css +++ b/themes/yellow/pace-theme-center-simple.css @@ -49,4 +49,4 @@ .pace.pace-inactive { display: none; -} \ No newline at end of file +} diff --git a/themes/yellow/pace-theme-corner-indicator.css b/themes/yellow/pace-theme-corner-indicator.css index 82761899..cc8f4338 100644 --- a/themes/yellow/pace-theme-corner-indicator.css +++ b/themes/yellow/pace-theme-corner-indicator.css @@ -48,7 +48,6 @@ height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } @@ -59,14 +58,9 @@ height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); - -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } -@-webkit-keyframes pace-theme-corner-indicator-spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } diff --git a/themes/yellow/pace-theme-flash.css b/themes/yellow/pace-theme-flash.css index 4c01ddfe..2af8c272 100644 --- a/themes/yellow/pace-theme-flash.css +++ b/themes/yellow/pace-theme-flash.css @@ -48,30 +48,10 @@ border-top-color: #fcd25a; border-left-color: #fcd25a; 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); } + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } diff --git a/themes/yellow/pace-theme-loading-bar.css b/themes/yellow/pace-theme-loading-bar.css index 43bb98db..d44e1155 100644 --- a/themes/yellow/pace-theme-loading-bar.css +++ b/themes/yellow/pace-theme-loading-bar.css @@ -183,7 +183,6 @@ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } - .pace .pace-activity { position: absolute; width: 100%; diff --git a/themes/yellow/pace-theme-mac-osx.css b/themes/yellow/pace-theme-mac-osx.css index ae0fa67b..fe1d05e3 100644 --- a/themes/yellow/pace-theme-mac-osx.css +++ b/themes/yellow/pace-theme-mac-osx.css @@ -58,30 +58,10 @@ -o-background-size: 28px 100%; background-size: 28px 100%; - -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; - -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; animation: pace-theme-mac-osx-motion 500ms linear infinite; } -@-webkit-keyframes pace-theme-mac-osx-motion { - 0% { -webkit-transform: none; transform: none; } - 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-moz-keyframes pace-theme-mac-osx-motion { - 0% { -moz-transform: none; transform: none; } - 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-o-keyframes pace-theme-mac-osx-motion { - 0% { -o-transform: none; transform: none; } - 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} -@-ms-keyframes pace-theme-mac-osx-motion { - 0% { -ms-transform: none; transform: none; } - 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } -} @keyframes pace-theme-mac-osx-motion { - 0% { transform: none; transform: none; } - 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } + 0% { transform: none; } + 100% { transform: translate(-28px, 0); } }