aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/PACE/themes/purple/pace-theme-center-circle.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/bower_components/PACE/themes/purple/pace-theme-center-circle.css')
-rw-r--r--public/bower_components/PACE/themes/purple/pace-theme-center-circle.css90
1 files changed, 90 insertions, 0 deletions
diff --git a/public/bower_components/PACE/themes/purple/pace-theme-center-circle.css b/public/bower_components/PACE/themes/purple/pace-theme-center-circle.css
new file mode 100644
index 0000000..08938b0
--- /dev/null
+++ b/public/bower_components/PACE/themes/purple/pace-theme-center-circle.css
@@ -0,0 +1,90 @@
+/* This is a compiled file, you should be editing the file in the templates directory */
+.pace {
+ -webkit-pointer-events: none;
+ pointer-events: none;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+
+ -webkit-perspective: 12rem;
+ -moz-perspective: 12rem;
+ -ms-perspective: 12rem;
+ -o-perspective: 12rem;
+ perspective: 12rem;
+
+ z-index: 2000;
+ position: fixed;
+ height: 6rem;
+ width: 6rem;
+ margin: auto;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+.pace.pace-inactive .pace-progress {
+ display: none;
+}
+
+.pace .pace-progress {
+ position: fixed;
+ z-index: 2000;
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 6rem;
+ width: 6rem !important;
+ line-height: 6rem;
+ font-size: 2rem;
+ border-radius: 50%;
+ background: rgba(124, 96, 224, 0.8);
+ color: #fff;
+ font-family: "Helvetica Neue", sans-serif;
+ 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;
+ -moz-transform-style: preserve-3d;
+ -ms-transform-style: preserve-3d;
+ -o-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+}
+
+.pace .pace-progress:after {
+ content: attr(data-progress-text);
+ 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) }
+}