diff options
Diffstat (limited to 'public/bower_components/PACE/themes/yellow/pace-theme-center-atom.css')
-rw-r--r-- | public/bower_components/PACE/themes/yellow/pace-theme-center-atom.css | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-center-atom.css b/public/bower_components/PACE/themes/yellow/pace-theme-center-atom.css new file mode 100644 index 0000000..fe16659 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-center-atom.css @@ -0,0 +1,131 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace.pace-inactive { + display: none; +} + +.pace { + -webkit-pointer-events: none; + pointer-events: none; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + + z-index: 2000; + position: fixed; + height: 60px; + width: 100px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace .pace-progress { + z-index: 2000; + position: absolute; + height: 60px; + width: 100px; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:before { + content: attr(data-progress-text); + text-align: center; + color: #fff; + background: #fcd25a; + border-radius: 50%; + font-family: "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 100; + line-height: 1; + padding: 20% 0 7px; + width: 50%; + height: 40%; + margin: 10px 0 0 30px; + display: block; + z-index: 999; + position: absolute; +} + +.pace .pace-activity { + font-size: 15px; + line-height: 1; + z-index: 2000; + position: absolute; + height: 60px; + 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; +} + +.pace .pace-activity { + border-radius: 50%; + border: 5px solid #fcd25a; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #fcd25a; + content: ' '; + display: block; + position: absolute; + top: -5px; + left: -5px; + height: 60px; + width: 100px; + + -webkit-transform: rotate(60deg); + -moz-transform: rotate(60deg); + -o-transform: rotate(60deg); + transform: rotate(60deg); +} + +.pace .pace-activity:before { + border-radius: 50%; + border: 5px solid #fcd25a; + content: ' '; + display: block; + position: absolute; + top: -5px; + left: -5px; + height: 60px; + width: 100px; + + -webkit-transform: rotate(120deg); + -moz-transform: rotate(120deg); + -o-transform: rotate(120deg); + 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) } +} |