diff options
Diffstat (limited to 'public/bower_components/PACE/themes')
140 files changed, 12220 insertions, 0 deletions
diff --git a/public/bower_components/PACE/themes/black/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/black/pace-theme-barber-shop.css new file mode 100644 index 0000000..b47be4c --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #000000; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-big-counter.css b/public/bower_components/PACE/themes/black/pace-theme-big-counter.css new file mode 100644 index 0000000..99d53ac --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(0, 0, 0, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-bounce.css b/public/bower_components/PACE/themes/black/pace-theme-bounce.css new file mode 100644 index 0000000..6ef4986 --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #000000; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/black/pace-theme-center-atom.css b/public/bower_components/PACE/themes/black/pace-theme-center-atom.css new file mode 100644 index 0000000..3d8f4e1 --- /dev/null +++ b/public/bower_components/PACE/themes/black/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: #000000; + 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 #000000; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #000000; + 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 #000000; + 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) } +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-center-circle.css b/public/bower_components/PACE/themes/black/pace-theme-center-circle.css new file mode 100644 index 0000000..2721f9a --- /dev/null +++ b/public/bower_components/PACE/themes/black/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(0, 0, 0, 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) } +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-center-radar.css b/public/bower_components/PACE/themes/black/pace-theme-center-radar.css new file mode 100644 index 0000000..214667e --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #000000 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #000000 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/black/pace-theme-center-simple.css b/public/bower_components/PACE/themes/black/pace-theme-center-simple.css new file mode 100644 index 0000000..e7e368e --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #000000; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #000000; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/black/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/black/pace-theme-corner-indicator.css new file mode 100644 index 0000000..98c7cd6 --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #000000; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/black/pace-theme-fill-left.css b/public/bower_components/PACE/themes/black/pace-theme-fill-left.css new file mode 100644 index 0000000..474ce65 --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(0, 0, 0, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-flash.css b/public/bower_components/PACE/themes/black/pace-theme-flash.css new file mode 100644 index 0000000..089ded0 --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #000000; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #000000, 0 0 5px #000000; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-flat-top.css b/public/bower_components/PACE/themes/black/pace-theme-flat-top.css new file mode 100644 index 0000000..0fa069b --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #000000; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/black/pace-theme-loading-bar.css new file mode 100644 index 0000000..1b94202 --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #000000; + color: #000000; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/black/pace-theme-mac-osx.css new file mode 100644 index 0000000..f096d2c --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #000000; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #000000, inset 0 -1px #000000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #000000, inset 0 -1px #000000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #000000, inset 0 -1px #000000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #000000, inset 0 -1px #000000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/black/pace-theme-minimal.css b/public/bower_components/PACE/themes/black/pace-theme-minimal.css new file mode 100644 index 0000000..671ef84 --- /dev/null +++ b/public/bower_components/PACE/themes/black/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #000000; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/blue/pace-theme-barber-shop.css new file mode 100644 index 0000000..f4285bd --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #2299dd; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-big-counter.css b/public/bower_components/PACE/themes/blue/pace-theme-big-counter.css new file mode 100644 index 0000000..d9c576d --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(34, 153, 221, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-bounce.css b/public/bower_components/PACE/themes/blue/pace-theme-bounce.css new file mode 100644 index 0000000..f479865 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #2299dd; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/blue/pace-theme-center-atom.css b/public/bower_components/PACE/themes/blue/pace-theme-center-atom.css new file mode 100644 index 0000000..c178cd8 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/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: #2299dd; + 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 #2299dd; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #2299dd; + 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 #2299dd; + 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) } +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-center-circle.css b/public/bower_components/PACE/themes/blue/pace-theme-center-circle.css new file mode 100644 index 0000000..403ab0d --- /dev/null +++ b/public/bower_components/PACE/themes/blue/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(34, 153, 221, 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) } +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-center-radar.css b/public/bower_components/PACE/themes/blue/pace-theme-center-radar.css new file mode 100644 index 0000000..018362f --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #2299dd transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #2299dd transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/blue/pace-theme-center-simple.css b/public/bower_components/PACE/themes/blue/pace-theme-center-simple.css new file mode 100644 index 0000000..0844d31 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #2299dd; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #2299dd; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/blue/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/blue/pace-theme-corner-indicator.css new file mode 100644 index 0000000..e0cc57e --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #2299dd; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/blue/pace-theme-fill-left.css b/public/bower_components/PACE/themes/blue/pace-theme-fill-left.css new file mode 100644 index 0000000..acbaf45 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(34, 153, 221, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-flash.css b/public/bower_components/PACE/themes/blue/pace-theme-flash.css new file mode 100644 index 0000000..d9bca46 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #2299dd; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #2299dd, 0 0 5px #2299dd; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-flat-top.css b/public/bower_components/PACE/themes/blue/pace-theme-flat-top.css new file mode 100644 index 0000000..6a76bbf --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #2299dd; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/blue/pace-theme-loading-bar.css new file mode 100644 index 0000000..8448a5e --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #2299dd; + color: #2299dd; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #2299dd, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/blue/pace-theme-mac-osx.css new file mode 100644 index 0000000..175f3b2 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #0087E1; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/blue/pace-theme-minimal.css b/public/bower_components/PACE/themes/blue/pace-theme-minimal.css new file mode 100644 index 0000000..a344a19 --- /dev/null +++ b/public/bower_components/PACE/themes/blue/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #2299dd; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/green/pace-theme-barber-shop.css new file mode 100644 index 0000000..d06a96c --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #22df80; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-big-counter.css b/public/bower_components/PACE/themes/green/pace-theme-big-counter.css new file mode 100644 index 0000000..7317468 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(34, 223, 128, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-bounce.css b/public/bower_components/PACE/themes/green/pace-theme-bounce.css new file mode 100644 index 0000000..d17f375 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #22df80; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/green/pace-theme-center-atom.css b/public/bower_components/PACE/themes/green/pace-theme-center-atom.css new file mode 100644 index 0000000..54f86fd --- /dev/null +++ b/public/bower_components/PACE/themes/green/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: #22df80; + 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 #22df80; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #22df80; + 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 #22df80; + 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) } +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-center-circle.css b/public/bower_components/PACE/themes/green/pace-theme-center-circle.css new file mode 100644 index 0000000..f34927c --- /dev/null +++ b/public/bower_components/PACE/themes/green/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(34, 223, 128, 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) } +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-center-radar.css b/public/bower_components/PACE/themes/green/pace-theme-center-radar.css new file mode 100644 index 0000000..c0b7674 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #22df80 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #22df80 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/green/pace-theme-center-simple.css b/public/bower_components/PACE/themes/green/pace-theme-center-simple.css new file mode 100644 index 0000000..fa1f427 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #22df80; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #22df80; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/green/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/green/pace-theme-corner-indicator.css new file mode 100644 index 0000000..35ad92c --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #22df80; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/green/pace-theme-fill-left.css b/public/bower_components/PACE/themes/green/pace-theme-fill-left.css new file mode 100644 index 0000000..3bfa926 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(34, 223, 128, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-flash.css b/public/bower_components/PACE/themes/green/pace-theme-flash.css new file mode 100644 index 0000000..812779b --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #22df80; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #22df80, 0 0 5px #22df80; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-flat-top.css b/public/bower_components/PACE/themes/green/pace-theme-flat-top.css new file mode 100644 index 0000000..75c6327 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #22df80; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/green/pace-theme-loading-bar.css new file mode 100644 index 0000000..3280418 --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #22df80; + color: #22df80; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #22df80, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/green/pace-theme-mac-osx.css new file mode 100644 index 0000000..56dad0d --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #00E466; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #009140, inset 0 -1px #009140, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #009140, inset 0 -1px #009140, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #009140, inset 0 -1px #009140, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #009140, inset 0 -1px #009140, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/green/pace-theme-minimal.css b/public/bower_components/PACE/themes/green/pace-theme-minimal.css new file mode 100644 index 0000000..914d0fb --- /dev/null +++ b/public/bower_components/PACE/themes/green/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #22df80; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/orange/pace-theme-barber-shop.css new file mode 100644 index 0000000..129924e --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #eb7a55; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-big-counter.css b/public/bower_components/PACE/themes/orange/pace-theme-big-counter.css new file mode 100644 index 0000000..00308d9 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(235, 122, 85, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-bounce.css b/public/bower_components/PACE/themes/orange/pace-theme-bounce.css new file mode 100644 index 0000000..f94c75d --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #eb7a55; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/orange/pace-theme-center-atom.css b/public/bower_components/PACE/themes/orange/pace-theme-center-atom.css new file mode 100644 index 0000000..9c55e38 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/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: #eb7a55; + 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 #eb7a55; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #eb7a55; + 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 #eb7a55; + 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) } +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-center-circle.css b/public/bower_components/PACE/themes/orange/pace-theme-center-circle.css new file mode 100644 index 0000000..0334a17 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/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(235, 122, 85, 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) } +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-center-radar.css b/public/bower_components/PACE/themes/orange/pace-theme-center-radar.css new file mode 100644 index 0000000..4b0addc --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #eb7a55 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #eb7a55 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/orange/pace-theme-center-simple.css b/public/bower_components/PACE/themes/orange/pace-theme-center-simple.css new file mode 100644 index 0000000..5a5e979 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #eb7a55; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #eb7a55; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/orange/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/orange/pace-theme-corner-indicator.css new file mode 100644 index 0000000..eda7fe4 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #eb7a55; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/orange/pace-theme-fill-left.css b/public/bower_components/PACE/themes/orange/pace-theme-fill-left.css new file mode 100644 index 0000000..a775dae --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(235, 122, 85, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-flash.css b/public/bower_components/PACE/themes/orange/pace-theme-flash.css new file mode 100644 index 0000000..b226496 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #eb7a55; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #eb7a55, 0 0 5px #eb7a55; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-flat-top.css b/public/bower_components/PACE/themes/orange/pace-theme-flat-top.css new file mode 100644 index 0000000..7e2c1ab --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #eb7a55; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/orange/pace-theme-loading-bar.css new file mode 100644 index 0000000..7d468c3 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #eb7a55; + color: #eb7a55; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #eb7a55, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/orange/pace-theme-mac-osx.css new file mode 100644 index 0000000..4cfe25c --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #FF2C00; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #BF1B00, inset 0 -1px #BF1B00, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #BF1B00, inset 0 -1px #BF1B00, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #BF1B00, inset 0 -1px #BF1B00, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #BF1B00, inset 0 -1px #BF1B00, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/orange/pace-theme-minimal.css b/public/bower_components/PACE/themes/orange/pace-theme-minimal.css new file mode 100644 index 0000000..e02aab1 --- /dev/null +++ b/public/bower_components/PACE/themes/orange/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #eb7a55; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/pink/pace-theme-barber-shop.css new file mode 100644 index 0000000..deb3d5e --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #e90f92; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-big-counter.css b/public/bower_components/PACE/themes/pink/pace-theme-big-counter.css new file mode 100644 index 0000000..396f7aa --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(233, 15, 146, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-bounce.css b/public/bower_components/PACE/themes/pink/pace-theme-bounce.css new file mode 100644 index 0000000..26fecda --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #e90f92; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/pink/pace-theme-center-atom.css b/public/bower_components/PACE/themes/pink/pace-theme-center-atom.css new file mode 100644 index 0000000..e255d08 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/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: #e90f92; + 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 #e90f92; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #e90f92; + 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 #e90f92; + 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) } +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-center-circle.css b/public/bower_components/PACE/themes/pink/pace-theme-center-circle.css new file mode 100644 index 0000000..c3aa0f2 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/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(233, 15, 146, 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) } +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-center-radar.css b/public/bower_components/PACE/themes/pink/pace-theme-center-radar.css new file mode 100644 index 0000000..45e3a10 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #e90f92 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #e90f92 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/pink/pace-theme-center-simple.css b/public/bower_components/PACE/themes/pink/pace-theme-center-simple.css new file mode 100644 index 0000000..446bd67 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #e90f92; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #e90f92; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/pink/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/pink/pace-theme-corner-indicator.css new file mode 100644 index 0000000..f971a18 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #e90f92; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/pink/pace-theme-fill-left.css b/public/bower_components/PACE/themes/pink/pace-theme-fill-left.css new file mode 100644 index 0000000..aaa1f85 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(233, 15, 146, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-flash.css b/public/bower_components/PACE/themes/pink/pace-theme-flash.css new file mode 100644 index 0000000..e428c5c --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #e90f92; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #e90f92, 0 0 5px #e90f92; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-flat-top.css b/public/bower_components/PACE/themes/pink/pace-theme-flat-top.css new file mode 100644 index 0000000..fff9781 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #e90f92; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/pink/pace-theme-loading-bar.css new file mode 100644 index 0000000..e147a0f --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #e90f92; + color: #e90f92; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #e90f92, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/pink/pace-theme-mac-osx.css new file mode 100644 index 0000000..d3b87e9 --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #F40080; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #9F0053, inset 0 -1px #9F0053, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #9F0053, inset 0 -1px #9F0053, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #9F0053, inset 0 -1px #9F0053, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #9F0053, inset 0 -1px #9F0053, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/pink/pace-theme-minimal.css b/public/bower_components/PACE/themes/pink/pace-theme-minimal.css new file mode 100644 index 0000000..619bdcd --- /dev/null +++ b/public/bower_components/PACE/themes/pink/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #e90f92; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/purple/pace-theme-barber-shop.css new file mode 100644 index 0000000..1f323bb --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #7c60e0; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-big-counter.css b/public/bower_components/PACE/themes/purple/pace-theme-big-counter.css new file mode 100644 index 0000000..51ac58e --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(124, 96, 224, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-bounce.css b/public/bower_components/PACE/themes/purple/pace-theme-bounce.css new file mode 100644 index 0000000..f93f986 --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #7c60e0; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/purple/pace-theme-center-atom.css b/public/bower_components/PACE/themes/purple/pace-theme-center-atom.css new file mode 100644 index 0000000..33b4015 --- /dev/null +++ b/public/bower_components/PACE/themes/purple/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: #7c60e0; + 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 #7c60e0; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #7c60e0; + 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 #7c60e0; + 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) } +} 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) } +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-center-radar.css b/public/bower_components/PACE/themes/purple/pace-theme-center-radar.css new file mode 100644 index 0000000..428a2f9 --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #7c60e0 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #7c60e0 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/purple/pace-theme-center-simple.css b/public/bower_components/PACE/themes/purple/pace-theme-center-simple.css new file mode 100644 index 0000000..3b3df67 --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #7c60e0; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #7c60e0; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/purple/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/purple/pace-theme-corner-indicator.css new file mode 100644 index 0000000..0d2060f --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #7c60e0; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/purple/pace-theme-fill-left.css b/public/bower_components/PACE/themes/purple/pace-theme-fill-left.css new file mode 100644 index 0000000..d5b3897 --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(124, 96, 224, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-flash.css b/public/bower_components/PACE/themes/purple/pace-theme-flash.css new file mode 100644 index 0000000..046cbef --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #7c60e0; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #7c60e0, 0 0 5px #7c60e0; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-flat-top.css b/public/bower_components/PACE/themes/purple/pace-theme-flat-top.css new file mode 100644 index 0000000..e13cc88 --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #7c60e0; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/purple/pace-theme-loading-bar.css new file mode 100644 index 0000000..a62c6ba --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #7c60e0; + color: #7c60e0; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #7c60e0, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/purple/pace-theme-mac-osx.css new file mode 100644 index 0000000..6046e6b --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #3000FF; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #1D00AF, inset 0 -1px #1D00AF, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #1D00AF, inset 0 -1px #1D00AF, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #1D00AF, inset 0 -1px #1D00AF, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #1D00AF, inset 0 -1px #1D00AF, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/purple/pace-theme-minimal.css b/public/bower_components/PACE/themes/purple/pace-theme-minimal.css new file mode 100644 index 0000000..f81c2ae --- /dev/null +++ b/public/bower_components/PACE/themes/purple/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #7c60e0; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/red/pace-theme-barber-shop.css new file mode 100644 index 0000000..0c90ed6 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #ee3148; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-big-counter.css b/public/bower_components/PACE/themes/red/pace-theme-big-counter.css new file mode 100644 index 0000000..dc3dcdd --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(238, 49, 72, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-bounce.css b/public/bower_components/PACE/themes/red/pace-theme-bounce.css new file mode 100644 index 0000000..dc43966 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #ee3148; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/red/pace-theme-center-atom.css b/public/bower_components/PACE/themes/red/pace-theme-center-atom.css new file mode 100644 index 0000000..b25ccc1 --- /dev/null +++ b/public/bower_components/PACE/themes/red/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: #ee3148; + 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 #ee3148; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #ee3148; + 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 #ee3148; + 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) } +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-center-circle.css b/public/bower_components/PACE/themes/red/pace-theme-center-circle.css new file mode 100644 index 0000000..7af81d2 --- /dev/null +++ b/public/bower_components/PACE/themes/red/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(238, 49, 72, 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) } +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-center-radar.css b/public/bower_components/PACE/themes/red/pace-theme-center-radar.css new file mode 100644 index 0000000..f16ae0a --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #ee3148 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #ee3148 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/red/pace-theme-center-simple.css b/public/bower_components/PACE/themes/red/pace-theme-center-simple.css new file mode 100644 index 0000000..e4a2111 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #ee3148; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #ee3148; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/red/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/red/pace-theme-corner-indicator.css new file mode 100644 index 0000000..9994388 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #ee3148; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/red/pace-theme-fill-left.css b/public/bower_components/PACE/themes/red/pace-theme-fill-left.css new file mode 100644 index 0000000..eb7c57d --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(238, 49, 72, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-flash.css b/public/bower_components/PACE/themes/red/pace-theme-flash.css new file mode 100644 index 0000000..7eb57d8 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #ee3148; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #ee3148, 0 0 5px #ee3148; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-flat-top.css b/public/bower_components/PACE/themes/red/pace-theme-flat-top.css new file mode 100644 index 0000000..02bc696 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #ee3148; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/red/pace-theme-loading-bar.css new file mode 100644 index 0000000..9d86bf8 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #ee3148; + color: #ee3148; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #ee3148, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/red/pace-theme-mac-osx.css new file mode 100644 index 0000000..613f736 --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #FF0000; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/red/pace-theme-minimal.css b/public/bower_components/PACE/themes/red/pace-theme-minimal.css new file mode 100644 index 0000000..c84e12b --- /dev/null +++ b/public/bower_components/PACE/themes/red/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #ee3148; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/silver/pace-theme-barber-shop.css new file mode 100644 index 0000000..18addba --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #d6d6d6; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-big-counter.css b/public/bower_components/PACE/themes/silver/pace-theme-big-counter.css new file mode 100644 index 0000000..8b88b8d --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(214, 214, 214, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-bounce.css b/public/bower_components/PACE/themes/silver/pace-theme-bounce.css new file mode 100644 index 0000000..760dacd --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #d6d6d6; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/silver/pace-theme-center-atom.css b/public/bower_components/PACE/themes/silver/pace-theme-center-atom.css new file mode 100644 index 0000000..4d46d80 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/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: #d6d6d6; + 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 #d6d6d6; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #d6d6d6; + 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 #d6d6d6; + 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) } +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-center-circle.css b/public/bower_components/PACE/themes/silver/pace-theme-center-circle.css new file mode 100644 index 0000000..d2d3eb4 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/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(214, 214, 214, 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) } +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-center-radar.css b/public/bower_components/PACE/themes/silver/pace-theme-center-radar.css new file mode 100644 index 0000000..c3bc55d --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #d6d6d6 transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #d6d6d6 transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/silver/pace-theme-center-simple.css b/public/bower_components/PACE/themes/silver/pace-theme-center-simple.css new file mode 100644 index 0000000..ffdd90e --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #d6d6d6; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #d6d6d6; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/silver/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/silver/pace-theme-corner-indicator.css new file mode 100644 index 0000000..4090e68 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #d6d6d6; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/silver/pace-theme-fill-left.css b/public/bower_components/PACE/themes/silver/pace-theme-fill-left.css new file mode 100644 index 0000000..1193580 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(214, 214, 214, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-flash.css b/public/bower_components/PACE/themes/silver/pace-theme-flash.css new file mode 100644 index 0000000..b546248 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #d6d6d6; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #d6d6d6, 0 0 5px #d6d6d6; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-flat-top.css b/public/bower_components/PACE/themes/silver/pace-theme-flat-top.css new file mode 100644 index 0000000..b7c46c5 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #d6d6d6; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/silver/pace-theme-loading-bar.css new file mode 100644 index 0000000..1786717 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #d6d6d6; + color: #d6d6d6; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #d6d6d6, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/silver/pace-theme-mac-osx.css new file mode 100644 index 0000000..6c84a81 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #ABABAB; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #6B6B6B, inset 0 -1px #6B6B6B, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #6B6B6B, inset 0 -1px #6B6B6B, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #6B6B6B, inset 0 -1px #6B6B6B, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #6B6B6B, inset 0 -1px #6B6B6B, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/silver/pace-theme-minimal.css b/public/bower_components/PACE/themes/silver/pace-theme-minimal.css new file mode 100644 index 0000000..9255af3 --- /dev/null +++ b/public/bower_components/PACE/themes/silver/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #d6d6d6; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/white/pace-theme-barber-shop.css new file mode 100644 index 0000000..9eb7e75 --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #ffffff; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-big-counter.css b/public/bower_components/PACE/themes/white/pace-theme-big-counter.css new file mode 100644 index 0000000..4ffdda4 --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(255, 255, 255, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-bounce.css b/public/bower_components/PACE/themes/white/pace-theme-bounce.css new file mode 100644 index 0000000..ba65dcf --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #ffffff; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/white/pace-theme-center-atom.css b/public/bower_components/PACE/themes/white/pace-theme-center-atom.css new file mode 100644 index 0000000..48f5bc6 --- /dev/null +++ b/public/bower_components/PACE/themes/white/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: #ffffff; + 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 #ffffff; + content: ' '; + display: block; + position: absolute; + top: 0; + left: 0; + height: 60px; + width: 100px; +} + +.pace .pace-activity:after { + border-radius: 50%; + border: 5px solid #ffffff; + 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 #ffffff; + 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) } +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-center-circle.css b/public/bower_components/PACE/themes/white/pace-theme-center-circle.css new file mode 100644 index 0000000..9709f4c --- /dev/null +++ b/public/bower_components/PACE/themes/white/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(255, 255, 255, 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) } +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-center-radar.css b/public/bower_components/PACE/themes/white/pace-theme-center-radar.css new file mode 100644 index 0000000..adc9f68 --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #ffffff transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #ffffff transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/white/pace-theme-center-simple.css b/public/bower_components/PACE/themes/white/pace-theme-center-simple.css new file mode 100644 index 0000000..ff369fc --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #ffffff; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #ffffff; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/white/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/white/pace-theme-corner-indicator.css new file mode 100644 index 0000000..b1670ce --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #ffffff; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/white/pace-theme-fill-left.css b/public/bower_components/PACE/themes/white/pace-theme-fill-left.css new file mode 100644 index 0000000..ca74632 --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(255, 255, 255, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-flash.css b/public/bower_components/PACE/themes/white/pace-theme-flash.css new file mode 100644 index 0000000..e3d458c --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #ffffff; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-flat-top.css b/public/bower_components/PACE/themes/white/pace-theme-flat-top.css new file mode 100644 index 0000000..a07a599 --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #ffffff; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/white/pace-theme-loading-bar.css new file mode 100644 index 0000000..ec57d2b --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #ffffff; + color: #ffffff; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/white/pace-theme-mac-osx.css new file mode 100644 index 0000000..a7c27e7 --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #CCCCCC; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #808080, inset 0 -1px #808080, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #808080, inset 0 -1px #808080, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #808080, inset 0 -1px #808080, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #808080, inset 0 -1px #808080, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/white/pace-theme-minimal.css b/public/bower_components/PACE/themes/white/pace-theme-minimal.css new file mode 100644 index 0000000..25c203a --- /dev/null +++ b/public/bower_components/PACE/themes/white/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #ffffff; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-barber-shop.css b/public/bower_components/PACE/themes/yellow/pace-theme-barber-shop.css new file mode 100644 index 0000000..34b89dd --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-barber-shop.css @@ -0,0 +1,83 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #fcd25a; + position: fixed; + top: 0; + bottom: 0; + right: 100%; + width: 100%; + overflow: hidden; +} + +.pace .pace-activity { + position: fixed; + top: 0; + right: -32px; + bottom: 0; + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + -webkit-background-size: 32px 32px; + -moz-background-size: 32px 32px; + -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); } +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-big-counter.css b/public/bower_components/PACE/themes/yellow/pace-theme-big-counter.css new file mode 100644 index 0000000..bb5f529 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-big-counter.css @@ -0,0 +1,40 @@ +/* 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; +} + +.pace.pace-inactive .pace-progress { + display: none; +} + +.pace .pace-progress { + position: fixed; + z-index: 2000; + top: 0; + right: 0; + height: 5rem; + width: 5rem; + + -webkit-transform: translate3d(0, 0, 0) !important; + -ms-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} + +.pace .pace-progress:after { + display: block; + position: absolute; + top: 0; + right: .5rem; + content: attr(data-progress-text); + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + font-size: 5rem; + line-height: 1; + text-align: right; + color: rgba(252, 210, 90, 0.19999999999999996); +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-bounce.css b/public/bower_components/PACE/themes/yellow/pace-theme-bounce.css new file mode 100644 index 0000000..e1707bc --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-bounce.css @@ -0,0 +1,231 @@ +/* This is a compiled file, you should be editing the file in the templates directory */ +.pace { + width: 140px; + height: 300px; + position: fixed; + top: -90px; + right: -20px; + z-index: 2000; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; + -webkit-transition: all 2s linear 0s; + -moz-transition: all 2s linear 0s; + transition: all 2s linear 0s; +} + +.pace.pace-active { + -webkit-transform: scale(.25); + -moz-transform: scale(.25); + -ms-transform: scale(.25); + -o-transform: scale(.25); + transform: scale(.25); + opacity: 1; +} + +.pace .pace-activity { + width: 140px; + height: 140px; + border-radius: 70px; + background: #fcd25a; + 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; +} + +.pace .pace-progress { + position: absolute; + display: block; + left: 50%; + bottom: 0; + z-index: 1910; + 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-transform: scaleY(.3) !important; + -moz-transform: scaleY(.3) !important; + -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; + animation-timing-function: ease-in; + } + 50% { + top: 140px; + height: 140px; + animation-timing-function: ease-out; + } + 55% { + top: 160px; + height: 120px; + border-radius: 70px / 60px; + animation-timing-function: ease-in; + } + 65% { + top: 120px; + height: 140px; + border-radius: 70px; + animation-timing-function: ease-out; + } + 95% { + top: 0; + animation-timing-function: ease-in; + } + 100% { + top: 0; + animation-timing-function: ease-in; + } +} + +@-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; + 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; + 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; + animation-timing-function: ease-out; + } +}
\ No newline at end of file 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) } +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-center-circle.css b/public/bower_components/PACE/themes/yellow/pace-theme-center-circle.css new file mode 100644 index 0000000..bbda8bf --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/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(252, 210, 90, 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) } +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-center-radar.css b/public/bower_components/PACE/themes/yellow/pace-theme-center-radar.css new file mode 100644 index 0000000..3259336 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-center-radar.css @@ -0,0 +1,74 @@ +/* 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; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #fcd25a transparent transparent; + border-radius: 50%; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #fcd25a transparent transparent; + border-radius: 50%; +} + +@-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/public/bower_components/PACE/themes/yellow/pace-theme-center-simple.css b/public/bower_components/PACE/themes/yellow/pace-theme-center-simple.css new file mode 100644 index 0000000..93b6f37 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-center-simple.css @@ -0,0 +1,52 @@ +/* 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; + + z-index: 2000; + position: fixed; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 5px; + width: 200px; + background: #fff; + border: 1px solid #fcd25a; + + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + max-width: 200px; + position: fixed; + z-index: 2000; + display: block; + position: absolute; + top: 0; + right: 100%; + height: 100%; + width: 100%; + background: #fcd25a; +} + +.pace.pace-inactive { + display: none; +}
\ No newline at end of file diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-corner-indicator.css b/public/bower_components/PACE/themes/yellow/pace-theme-corner-indicator.css new file mode 100644 index 0000000..8276189 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-corner-indicator.css @@ -0,0 +1,73 @@ +/* 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; +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 0; + width: 300px; + height: 300px; + background: #fcd25a; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); + transform: translateX(100%) translateY(-100%) rotate(45deg); + pointer-events: none; +} + +.pace.pace-active .pace-activity { + -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); +} + +.pace .pace-activity::before, +.pace .pace-activity::after { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + bottom: 30px; + left: 50%; + display: block; + border: 5px solid #fff; + border-radius: 50%; + content: ''; +} + +.pace .pace-activity::before { + margin-left: -40px; + width: 80px; + 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; +} + +.pace .pace-activity::after { + bottom: 50px; + margin-left: -20px; + width: 40px; + 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/public/bower_components/PACE/themes/yellow/pace-theme-fill-left.css b/public/bower_components/PACE/themes/yellow/pace-theme-fill-left.css new file mode 100644 index 0000000..03a2333 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-fill-left.css @@ -0,0 +1,22 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: rgba(252, 210, 90, 0.19999999999999996); + position: fixed; + z-index: -1; + top: 0; + right: 100%; + bottom: 0; + width: 100%; +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-flash.css b/public/bower_components/PACE/themes/yellow/pace-theme-flash.css new file mode 100644 index 0000000..4c01ddf --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-flash.css @@ -0,0 +1,77 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #fcd25a; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #fcd25a, 0 0 5px #fcd25a; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + 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); } +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-flat-top.css b/public/bower_components/PACE/themes/yellow/pace-theme-flat-top.css new file mode 100644 index 0000000..b2efa0f --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-flat-top.css @@ -0,0 +1,41 @@ +/* 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; + + position: fixed; + top: 0; + left: 0; + width: 100%; + + -webkit-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + + -webkit-transition: -webkit-transform .5s ease-out; + -ms-transition: -webkit-transform .5s ease-out; + transition: transform .5s ease-out; +} + +.pace.pace-active { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pace .pace-progress { + display: block; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 10px; + background: #fcd25a; + + pointer-events: none; +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-loading-bar.css b/public/bower_components/PACE/themes/yellow/pace-theme-loading-bar.css new file mode 100644 index 0000000..43bb98d --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-loading-bar.css @@ -0,0 +1,198 @@ +/* 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-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + z-index: 2000; + position: fixed; + margin: auto; + top: 12px; + left: 0; + right: 0; + bottom: 0; + width: 200px; + height: 50px; + overflow: hidden; +} + +.pace .pace-progress { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + + display: block; + position: absolute; + right: 100%; + margin-right: -7px; + width: 93%; + top: 7px; + height: 14px; + font-size: 12px; + background: #fcd25a; + color: #fcd25a; + line-height: 60px; + font-weight: bold; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; + + -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; + -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; + box-shadow: 120px 0 #fff, 240px 0 #fff; +} + +.pace .pace-progress:after { + content: attr(data-progress-text); + display: inline-block; + position: fixed; + width: 45px; + text-align: right; + right: 0; + padding-right: 16px; + top: 4px; +} + +.pace .pace-progress[data-progress-text="0%"]:after { right: -200px } +.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } +.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } +.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } +.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } +.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } +.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } +.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } +.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } +.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } +.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } +.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } +.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } +.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } +.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } +.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } +.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } +.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } +.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } +.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } +.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } +.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } +.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } +.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } +.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } +.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } +.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } +.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } +.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } +.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } +.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } +.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } +.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } +.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } +.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } +.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } +.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } +.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } +.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } +.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } +.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } +.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } +.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } +.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } +.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } +.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } +.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } +.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } +.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } +.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } +.pace .pace-progress[data-progress-text="50%"]:after { right: -107px } +.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } +.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } +.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } +.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } +.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } +.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } +.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } +.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } +.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } +.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } +.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } +.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } +.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } +.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } +.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } +.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } +.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } +.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } +.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } +.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } +.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } +.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } +.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } +.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } +.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } +.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } +.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } +.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } +.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } +.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } +.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } +.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } +.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } +.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } +.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } +.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } +.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } +.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } +.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } +.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } +.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } +.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } +.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } +.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } +.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } +.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } +.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } +.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } +.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%; + height: 28px; + z-index: 2001; + box-shadow: inset 0 0 0 2px #fcd25a, inset 0 0 0 7px #FFF; + border-radius: 10px; +} + +.pace.pace-inactive { + display: none; +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-mac-osx.css b/public/bower_components/PACE/themes/yellow/pace-theme-mac-osx.css new file mode 100644 index 0000000..ae0fa67 --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-mac-osx.css @@ -0,0 +1,87 @@ +/* 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; + + overflow: hidden; + position: fixed; + top: 0; + left: 0; + z-index: 2000; + width: 100%; + height: 12px; + background: #fff; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background-color: #FFE000; + position: fixed; + top: 0; + right: 100%; + width: 100%; + height: 12px; + overflow: hidden; + + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -o-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; + + -webkit-box-shadow: inset -1px 0 #E49900, inset 0 -1px #E49900, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -moz-box-shadow: inset -1px 0 #E49900, inset 0 -1px #E49900, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + -o-box-shadow: inset -1px 0 #E49900, inset 0 -1px #E49900, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); + box-shadow: inset -1px 0 #E49900, inset 0 -1px #E49900, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3); +} + +.pace .pace-activity { + position: fixed; + top: 0; + left: 0; + right: -28px; + bottom: 0; + + -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); + + -webkit-background-size: 28px 100%; + -moz-background-size: 28px 100%; + -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); } +} diff --git a/public/bower_components/PACE/themes/yellow/pace-theme-minimal.css b/public/bower_components/PACE/themes/yellow/pace-theme-minimal.css new file mode 100644 index 0000000..02b080c --- /dev/null +++ b/public/bower_components/PACE/themes/yellow/pace-theme-minimal.css @@ -0,0 +1,23 @@ +/* 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; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #fcd25a; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} |