├── .gitignore ├── Gemfile ├── LICENSE.txt ├── README.md ├── Rakefile ├── lib └── pace │ ├── rails.rb │ └── rails │ └── version.rb ├── pace-rails.gemspec └── vendor └── assets ├── javascripts └── pace │ └── pace.js └── stylesheets └── pace ├── black ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── blue ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── green ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── orange ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── pink ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── purple ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── red ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── silver ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css ├── white ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css └── yellow ├── pace-theme-barber-shop.css ├── pace-theme-big-counter.css ├── pace-theme-bounce.css ├── pace-theme-center-atom.css ├── pace-theme-center-circle.css ├── pace-theme-center-radar.css ├── pace-theme-center-simple.css ├── pace-theme-corner-indicator.css ├── pace-theme-fill-left.css ├── pace-theme-flash.css ├── pace-theme-flat-top.css ├── pace-theme-loading-bar.css ├── pace-theme-mac-osx.css └── pace-theme-minimal.css /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | *.rbc 3 | .bundle 4 | .config 5 | .yardoc 6 | Gemfile.lock 7 | InstalledFiles 8 | _yardoc 9 | coverage 10 | doc/ 11 | lib/bundler/man 12 | pkg 13 | rdoc 14 | spec/reports 15 | test/tmp 16 | test/version_tmp 17 | tmp 18 | 19 | */.DS_Store 20 | .DS_Store 21 | .DS_Store? 22 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | # Specify your gem's dependencies in pace-rails.gemspec 4 | gemspec 5 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (c) 2013 Dan Vera 2 | 3 | MIT License 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | "Software"), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Pace-Rails [![Gem Version](https://badge.fury.io/rb/pace-rails.png)](http://badge.fury.io/rb/pace-rails) 2 | 3 | Automatic web page progress bar. 4 | 5 | - [Demo](http://github.hubspot.com/pace/docs/welcome/) 6 | - [Documentation](http://github.hubspot.com/pace/) 7 | 8 | ## Rails 4+ 9 | 10 | Include pace-rails in Gemfile: 11 | 12 | ```ruby 13 | gem 'pace-rails' 14 | ``` 15 | 16 | or you can install from latest build: 17 | 18 | ```ruby 19 | gem 'pace-rails', git: 'git@github.com:yovu/pace-rails.git' 20 | ``` 21 | 22 | ## Usage 23 | 24 | Add the following to your `app/assets/javascripts/application.js` file: 25 | 26 | ```js 27 | //= require pace/pace 28 | ``` 29 | 30 | Pace supports a few [themes](http://github.hubspot.com/pace/docs/welcome/), select one of the following and have fun and create your own. 31 | 32 | In `app/assets/stylesheets/application.css`, add one of the following: 33 | 34 | Chosse a color `black | blue | green | orange | pink | purple | red | silver | white | yellow` 35 | 36 | 37 | Example ```*= require pace/blue/pace-theme-barber-shop``` 38 | 39 | ```scss 40 | /* 41 | *= require pace/color/pace-theme-barber-shop 42 | *= require pace/color/pace-theme-big-counter 43 | *= require pace/color/pace-theme-bounce 44 | *= require pace/color/pace-theme-center-atom 45 | *= require pace/color/pace-theme-center-circle 46 | *= require pace/color/pace-theme-center-radar 47 | *= require pace/color/pace-theme-center-simple 48 | *= require pace/color/pace-theme-corner-indicator 49 | *= require pace/color/pace-theme-fill-left 50 | *= require pace/color/pace-theme-flash 51 | *= require pace/color/pace-theme-flat-top 52 | *= require pace/color/pace-theme-loading-bar 53 | *= require pace/color/pace-theme-mac-osx 54 | *= require pace/color/pace-theme-minimal 55 | */ 56 | ``` 57 | 58 | You may need to restart your Rails server. 59 | 60 | ## Contributing 61 | 62 | 1. Fork it 63 | 2. Create your feature branch (`git checkout -b my-new-feature`) 64 | 3. Commit your changes (`git commit -am 'Add some feature'`) 65 | 4. Push to the branch (`git push origin my-new-feature`) 66 | 5. Create new Pull Request 67 | -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | require "bundler/gem_tasks" 2 | -------------------------------------------------------------------------------- /lib/pace/rails.rb: -------------------------------------------------------------------------------- 1 | require "pace/rails/version" 2 | 3 | module Pace 4 | module Rails 5 | class Engine < ::Rails::Engine 6 | 7 | end 8 | end 9 | end 10 | -------------------------------------------------------------------------------- /lib/pace/rails/version.rb: -------------------------------------------------------------------------------- 1 | module Pace 2 | module Rails 3 | VERSION = "0.1.3" 4 | end 5 | end 6 | -------------------------------------------------------------------------------- /pace-rails.gemspec: -------------------------------------------------------------------------------- 1 | # coding: utf-8 2 | lib = File.expand_path('../lib', __FILE__) 3 | $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib) 4 | require 'pace/rails/version' 5 | 6 | Gem::Specification.new do |spec| 7 | spec.name = "pace-rails" 8 | spec.version = Pace::Rails::VERSION 9 | spec.authors = ["Dan Vera"] 10 | spec.email = ["dan@yovu.co"] 11 | spec.description = %q{Pace automatic web page progress bar} 12 | spec.summary = %q{Pace automatic web page progress bar, integrated in Rails assets pipeline.} 13 | spec.homepage = "https://github.com/yovu/pace-rails" 14 | spec.license = "MIT" 15 | 16 | spec.files = `git ls-files`.split($/) 17 | spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) } 18 | spec.test_files = spec.files.grep(%r{^(test|spec|features)/}) 19 | spec.require_paths = ["lib"] 20 | 21 | spec.add_development_dependency "bundler", "~> 1.3" 22 | spec.add_development_dependency "rake" 23 | #spec.add_dependency "railties", "~> 4.0.0" 24 | spec.add_dependency "jquery-rails" 25 | end 26 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(0, 0, 0, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #000000; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #000000; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #000000; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #000000; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(0, 0, 0, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #000000 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #000000 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #000000; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #000000; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #000000; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(0, 0, 0, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #000000; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #000000, 0 0 5px #000000; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #000000; 49 | border-left-color: #000000; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #000000; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #000000; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/black/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #000000; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-barber-shop.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #2299dd; 26 | position: fixed; 27 | top: 0; 28 | bottom: 0; 29 | right: 100%; 30 | width: 100%; 31 | overflow: hidden; 32 | } 33 | 34 | .pace .pace-activity { 35 | position: fixed; 36 | top: 0; 37 | right: -32px; 38 | bottom: 0; 39 | left: 0; 40 | 41 | -webkit-transform: translate3d(0, 0, 0); 42 | -moz-transform: translate3d(0, 0, 0); 43 | -ms-transform: translate3d(0, 0, 0); 44 | -o-transform: translate3d(0, 0, 0); 45 | transform: translate3d(0, 0, 0); 46 | 47 | 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)); 48 | 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); 49 | 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); 50 | 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); 51 | 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); 52 | -webkit-background-size: 32px 32px; 53 | -moz-background-size: 32px 32px; 54 | -o-background-size: 32px 32px; 55 | background-size: 32px 32px; 56 | 57 | -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; 58 | -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; 59 | -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; 60 | -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; 61 | animation: pace-theme-barber-shop-motion 500ms linear infinite; 62 | } 63 | 64 | @-webkit-keyframes pace-theme-barber-shop-motion { 65 | 0% { -webkit-transform: none; transform: none; } 66 | 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } 67 | } 68 | @-moz-keyframes pace-theme-barber-shop-motion { 69 | 0% { -moz-transform: none; transform: none; } 70 | 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } 71 | } 72 | @-o-keyframes pace-theme-barber-shop-motion { 73 | 0% { -o-transform: none; transform: none; } 74 | 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } 75 | } 76 | @-ms-keyframes pace-theme-barber-shop-motion { 77 | 0% { -ms-transform: none; transform: none; } 78 | 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } 79 | } 80 | @keyframes pace-theme-barber-shop-motion { 81 | 0% { transform: none; transform: none; } 82 | 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } 83 | } 84 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(34, 153, 221, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #2299dd; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #2299dd; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #2299dd; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #2299dd; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(34, 153, 221, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #2299dd transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #2299dd transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #2299dd; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #2299dd; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #2299dd; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(34, 153, 221, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #2299dd; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #2299dd, 0 0 5px #2299dd; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #2299dd; 49 | border-left-color: #2299dd; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #2299dd; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #0087E1; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/blue/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #2299dd; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(34, 223, 128, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #22df80; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #22df80; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #22df80; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #22df80; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(34, 223, 128, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #22df80 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #22df80 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #22df80; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #22df80; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #22df80; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(34, 223, 128, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #22df80; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #22df80, 0 0 5px #22df80; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #22df80; 49 | border-left-color: #22df80; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #22df80; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #00E466; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/green/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #22df80; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(235, 122, 85, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #eb7a55; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #eb7a55; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #eb7a55; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #eb7a55; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(235, 122, 85, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #eb7a55 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #eb7a55 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #eb7a55; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #eb7a55; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #eb7a55; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(235, 122, 85, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #eb7a55; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #eb7a55, 0 0 5px #eb7a55; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #eb7a55; 49 | border-left-color: #eb7a55; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #eb7a55; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #FF2C00; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/orange/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #eb7a55; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-barber-shop.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #e90f92; 26 | position: fixed; 27 | top: 0; 28 | bottom: 0; 29 | right: 100%; 30 | width: 100%; 31 | overflow: hidden; 32 | } 33 | 34 | .pace .pace-activity { 35 | position: fixed; 36 | top: 0; 37 | right: -32px; 38 | bottom: 0; 39 | left: 0; 40 | 41 | -webkit-transform: translate3d(0, 0, 0); 42 | -moz-transform: translate3d(0, 0, 0); 43 | -ms-transform: translate3d(0, 0, 0); 44 | -o-transform: translate3d(0, 0, 0); 45 | transform: translate3d(0, 0, 0); 46 | 47 | 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)); 48 | 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); 49 | 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); 50 | 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); 51 | 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); 52 | -webkit-background-size: 32px 32px; 53 | -moz-background-size: 32px 32px; 54 | -o-background-size: 32px 32px; 55 | background-size: 32px 32px; 56 | 57 | -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite; 58 | -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite; 59 | -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite; 60 | -o-animation: pace-theme-barber-shop-motion 500ms linear infinite; 61 | animation: pace-theme-barber-shop-motion 500ms linear infinite; 62 | } 63 | 64 | @-webkit-keyframes pace-theme-barber-shop-motion { 65 | 0% { -webkit-transform: none; transform: none; } 66 | 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); } 67 | } 68 | @-moz-keyframes pace-theme-barber-shop-motion { 69 | 0% { -moz-transform: none; transform: none; } 70 | 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); } 71 | } 72 | @-o-keyframes pace-theme-barber-shop-motion { 73 | 0% { -o-transform: none; transform: none; } 74 | 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); } 75 | } 76 | @-ms-keyframes pace-theme-barber-shop-motion { 77 | 0% { -ms-transform: none; transform: none; } 78 | 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); } 79 | } 80 | @keyframes pace-theme-barber-shop-motion { 81 | 0% { transform: none; transform: none; } 82 | 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); } 83 | } 84 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(233, 15, 146, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #e90f92; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #e90f92; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #e90f92; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #e90f92; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(233, 15, 146, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #e90f92 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #e90f92 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #e90f92; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #e90f92; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #e90f92; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(233, 15, 146, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #e90f92; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #e90f92, 0 0 5px #e90f92; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #e90f92; 49 | border-left-color: #e90f92; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #e90f92; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #F40080; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/pink/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #e90f92; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(124, 96, 224, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #7c60e0; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #7c60e0; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #7c60e0; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #7c60e0; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(124, 96, 224, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #7c60e0 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #7c60e0 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #7c60e0; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #7c60e0; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #7c60e0; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(124, 96, 224, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #7c60e0; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #7c60e0, 0 0 5px #7c60e0; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #7c60e0; 49 | border-left-color: #7c60e0; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #7c60e0; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #3000FF; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/purple/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #7c60e0; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(238, 49, 72, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #ee3148; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #ee3148; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #ee3148; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #ee3148; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(238, 49, 72, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #ee3148 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #ee3148 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #ee3148; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #ee3148; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #ee3148; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(238, 49, 72, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #ee3148; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #ee3148, 0 0 5px #ee3148; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #ee3148; 49 | border-left-color: #ee3148; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #ee3148; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #FF0000; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/red/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #ee3148; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(214, 214, 214, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #d6d6d6; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #d6d6d6; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #d6d6d6; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #d6d6d6; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(214, 214, 214, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #d6d6d6 transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #d6d6d6 transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #d6d6d6; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #d6d6d6; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #d6d6d6; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(214, 214, 214, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #d6d6d6; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #d6d6d6, 0 0 5px #d6d6d6; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #d6d6d6; 49 | border-left-color: #d6d6d6; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #d6d6d6; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #ABABAB; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/silver/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #d6d6d6; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(255, 255, 255, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #ffffff; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #ffffff; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #ffffff; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #ffffff; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(255, 255, 255, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #ffffff transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #ffffff transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #ffffff; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #ffffff; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #ffffff; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(255, 255, 255, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #ffffff; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #ffffff; 49 | border-left-color: #ffffff; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #ffffff; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #CCCCCC; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/white/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #ffffff; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-big-counter.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace.pace-inactive .pace-progress { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 0; 20 | height: 5rem; 21 | width: 5rem; 22 | 23 | -webkit-transform: translate3d(0, 0, 0) !important; 24 | -ms-transform: translate3d(0, 0, 0) !important; 25 | transform: translate3d(0, 0, 0) !important; 26 | } 27 | 28 | .pace .pace-progress:after { 29 | display: block; 30 | position: absolute; 31 | top: 0; 32 | right: .5rem; 33 | content: attr(data-progress-text); 34 | font-family: "Helvetica Neue", sans-serif; 35 | font-weight: 100; 36 | font-size: 5rem; 37 | line-height: 1; 38 | text-align: right; 39 | color: rgba(252, 210, 90, 0.19999999999999996); 40 | } 41 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-center-atom.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace.pace-inactive { 3 | display: none; 4 | } 5 | 6 | .pace { 7 | -webkit-pointer-events: none; 8 | pointer-events: none; 9 | 10 | -webkit-user-select: none; 11 | -moz-user-select: none; 12 | user-select: none; 13 | 14 | z-index: 2000; 15 | position: fixed; 16 | height: 60px; 17 | width: 100px; 18 | margin: auto; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | } 24 | 25 | .pace .pace-progress { 26 | z-index: 2000; 27 | position: absolute; 28 | height: 60px; 29 | width: 100px; 30 | 31 | -webkit-transform: translate3d(0, 0, 0) !important; 32 | -ms-transform: translate3d(0, 0, 0) !important; 33 | transform: translate3d(0, 0, 0) !important; 34 | } 35 | 36 | .pace .pace-progress:before { 37 | content: attr(data-progress-text); 38 | text-align: center; 39 | color: #fff; 40 | background: #fcd25a; 41 | border-radius: 50%; 42 | font-family: "Helvetica Neue", sans-serif; 43 | font-size: 14px; 44 | font-weight: 100; 45 | line-height: 1; 46 | padding: 20% 0 7px; 47 | width: 50%; 48 | height: 40%; 49 | margin: 10px 0 0 30px; 50 | display: block; 51 | z-index: 999; 52 | position: absolute; 53 | } 54 | 55 | .pace .pace-activity { 56 | font-size: 15px; 57 | line-height: 1; 58 | z-index: 2000; 59 | position: absolute; 60 | height: 60px; 61 | width: 100px; 62 | 63 | display: block; 64 | -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; 65 | -moz-animation: pace-theme-center-atom-spin 2s linear infinite; 66 | -o-animation: pace-theme-center-atom-spin 2s linear infinite; 67 | animation: pace-theme-center-atom-spin 2s linear infinite; 68 | } 69 | 70 | .pace .pace-activity { 71 | border-radius: 50%; 72 | border: 5px solid #fcd25a; 73 | content: ' '; 74 | display: block; 75 | position: absolute; 76 | top: 0; 77 | left: 0; 78 | height: 60px; 79 | width: 100px; 80 | } 81 | 82 | .pace .pace-activity:after { 83 | border-radius: 50%; 84 | border: 5px solid #fcd25a; 85 | content: ' '; 86 | display: block; 87 | position: absolute; 88 | top: -5px; 89 | left: -5px; 90 | height: 60px; 91 | width: 100px; 92 | 93 | -webkit-transform: rotate(60deg); 94 | -moz-transform: rotate(60deg); 95 | -o-transform: rotate(60deg); 96 | transform: rotate(60deg); 97 | } 98 | 99 | .pace .pace-activity:before { 100 | border-radius: 50%; 101 | border: 5px solid #fcd25a; 102 | content: ' '; 103 | display: block; 104 | position: absolute; 105 | top: -5px; 106 | left: -5px; 107 | height: 60px; 108 | width: 100px; 109 | 110 | -webkit-transform: rotate(120deg); 111 | -moz-transform: rotate(120deg); 112 | -o-transform: rotate(120deg); 113 | transform: rotate(120deg); 114 | } 115 | 116 | @-webkit-keyframes pace-theme-center-atom-spin { 117 | 0% { -webkit-transform: rotate(0deg) } 118 | 100% { -webkit-transform: rotate(359deg) } 119 | } 120 | @-moz-keyframes pace-theme-center-atom-spin { 121 | 0% { -moz-transform: rotate(0deg) } 122 | 100% { -moz-transform: rotate(359deg) } 123 | } 124 | @-o-keyframes pace-theme-center-atom-spin { 125 | 0% { -o-transform: rotate(0deg) } 126 | 100% { -o-transform: rotate(359deg) } 127 | } 128 | @keyframes pace-theme-center-atom-spin { 129 | 0% { transform: rotate(0deg) } 130 | 100% { transform: rotate(359deg) } 131 | } 132 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-center-circle.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | -webkit-perspective: 12rem; 11 | -moz-perspective: 12rem; 12 | -ms-perspective: 12rem; 13 | -o-perspective: 12rem; 14 | perspective: 12rem; 15 | 16 | z-index: 2000; 17 | position: fixed; 18 | height: 6rem; 19 | width: 6rem; 20 | margin: auto; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | } 26 | 27 | .pace.pace-inactive .pace-progress { 28 | display: none; 29 | } 30 | 31 | .pace .pace-progress { 32 | position: fixed; 33 | z-index: 2000; 34 | display: block; 35 | position: absolute; 36 | left: 0; 37 | top: 0; 38 | height: 6rem; 39 | width: 6rem !important; 40 | line-height: 6rem; 41 | font-size: 2rem; 42 | border-radius: 50%; 43 | background: rgba(252, 210, 90, 0.8); 44 | color: #fff; 45 | font-family: "Helvetica Neue", sans-serif; 46 | font-weight: 100; 47 | text-align: center; 48 | 49 | -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; 50 | -moz-animation: pace-theme-center-circle-spin linear infinite 2s; 51 | -ms-animation: pace-theme-center-circle-spin linear infinite 2s; 52 | -o-animation: pace-theme-center-circle-spin linear infinite 2s; 53 | animation: pace-theme-center-circle-spin linear infinite 2s; 54 | 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | -ms-transform-style: preserve-3d; 58 | -o-transform-style: preserve-3d; 59 | transform-style: preserve-3d; 60 | } 61 | 62 | .pace .pace-progress:after { 63 | content: attr(data-progress-text); 64 | display: block; 65 | } 66 | 67 | @-webkit-keyframes pace-theme-center-circle-spin { 68 | from { -webkit-transform: rotateY(0deg) } 69 | to { -webkit-transform: rotateY(360deg) } 70 | } 71 | 72 | @-moz-keyframes pace-theme-center-circle-spin { 73 | from { -moz-transform: rotateY(0deg) } 74 | to { -moz-transform: rotateY(360deg) } 75 | } 76 | 77 | @-ms-keyframes pace-theme-center-circle-spin { 78 | from { -ms-transform: rotateY(0deg) } 79 | to { -ms-transform: rotateY(360deg) } 80 | } 81 | 82 | @-o-keyframes pace-theme-center-circle-spin { 83 | from { -o-transform: rotateY(0deg) } 84 | to { -o-transform: rotateY(360deg) } 85 | } 86 | 87 | @keyframes pace-theme-center-circle-spin { 88 | from { transform: rotateY(0deg) } 89 | to { transform: rotateY(360deg) } 90 | } 91 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-center-radar.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | height: 90px; 13 | width: 90px; 14 | margin: auto; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | } 20 | 21 | .pace.pace-inactive .pace-activity { 22 | display: none; 23 | } 24 | 25 | .pace .pace-activity { 26 | position: fixed; 27 | z-index: 2000; 28 | display: block; 29 | position: absolute; 30 | left: -30px; 31 | top: -30px; 32 | height: 90px; 33 | width: 90px; 34 | display: block; 35 | border-width: 30px; 36 | border-style: double; 37 | border-color: #fcd25a transparent transparent; 38 | border-radius: 50%; 39 | 40 | -webkit-animation: spin 1s linear infinite; 41 | -moz-animation: spin 1s linear infinite; 42 | -o-animation: spin 1s linear infinite; 43 | animation: spin 1s linear infinite; 44 | } 45 | 46 | .pace .pace-activity:before { 47 | content: ' '; 48 | position: absolute; 49 | top: 10px; 50 | left: 10px; 51 | height: 50px; 52 | width: 50px; 53 | display: block; 54 | border-width: 10px; 55 | border-style: solid; 56 | border-color: #fcd25a transparent transparent; 57 | border-radius: 50%; 58 | } 59 | 60 | @-webkit-keyframes spin { 61 | 100% { -webkit-transform: rotate(359deg); } 62 | } 63 | 64 | @-moz-keyframes spin { 65 | 100% { -moz-transform: rotate(359deg); } 66 | } 67 | 68 | @-o-keyframes spin { 69 | 100% { -moz-transform: rotate(359deg); } 70 | } 71 | 72 | @keyframes spin { 73 | 100% { transform: rotate(359deg); } 74 | } 75 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-center-simple.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | z-index: 2000; 11 | position: fixed; 12 | margin: auto; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | bottom: 0; 17 | height: 5px; 18 | width: 200px; 19 | background: #fff; 20 | border: 1px solid #fcd25a; 21 | 22 | overflow: hidden; 23 | } 24 | 25 | .pace .pace-progress { 26 | -webkit-box-sizing: border-box; 27 | -moz-box-sizing: border-box; 28 | -ms-box-sizing: border-box; 29 | -o-box-sizing: border-box; 30 | box-sizing: border-box; 31 | 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); 35 | -o-transform: translate3d(0, 0, 0); 36 | transform: translate3d(0, 0, 0); 37 | 38 | max-width: 200px; 39 | position: fixed; 40 | z-index: 2000; 41 | display: block; 42 | position: absolute; 43 | top: 0; 44 | right: 100%; 45 | height: 100%; 46 | width: 100%; 47 | background: #fcd25a; 48 | } 49 | 50 | .pace.pace-inactive { 51 | display: none; 52 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-corner-indicator.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace .pace-activity { 12 | display: block; 13 | position: fixed; 14 | z-index: 2000; 15 | top: 0; 16 | right: 0; 17 | width: 300px; 18 | height: 300px; 19 | background: #fcd25a; 20 | -webkit-transition: -webkit-transform 0.3s; 21 | transition: transform 0.3s; 22 | -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); 23 | transform: translateX(100%) translateY(-100%) rotate(45deg); 24 | pointer-events: none; 25 | } 26 | 27 | .pace.pace-active .pace-activity { 28 | -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); 29 | transform: translateX(50%) translateY(-50%) rotate(45deg); 30 | } 31 | 32 | .pace .pace-activity::before, 33 | .pace .pace-activity::after { 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | position: absolute; 37 | bottom: 30px; 38 | left: 50%; 39 | display: block; 40 | border: 5px solid #fff; 41 | border-radius: 50%; 42 | content: ''; 43 | } 44 | 45 | .pace .pace-activity::before { 46 | margin-left: -40px; 47 | width: 80px; 48 | height: 80px; 49 | border-right-color: rgba(0, 0, 0, .2); 50 | border-left-color: rgba(0, 0, 0, .2); 51 | -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; 52 | animation: pace-theme-corner-indicator-spin 3s linear infinite; 53 | } 54 | 55 | .pace .pace-activity::after { 56 | bottom: 50px; 57 | margin-left: -20px; 58 | width: 40px; 59 | height: 40px; 60 | border-top-color: rgba(0, 0, 0, .2); 61 | border-bottom-color: rgba(0, 0, 0, .2); 62 | -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; 63 | animation: pace-theme-corner-indicator-spin 1s linear infinite; 64 | } 65 | 66 | @-webkit-keyframes pace-theme-corner-indicator-spin { 67 | 0% { -webkit-transform: rotate(0deg); } 68 | 100% { -webkit-transform: rotate(359deg); } 69 | } 70 | @keyframes pace-theme-corner-indicator-spin { 71 | 0% { transform: rotate(0deg); } 72 | 100% { transform: rotate(359deg); } 73 | } 74 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-fill-left.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background-color: rgba(252, 210, 90, 0.19999999999999996); 16 | position: fixed; 17 | z-index: -1; 18 | top: 0; 19 | right: 100%; 20 | bottom: 0; 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-flash.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: none; 7 | user-select: none; 8 | } 9 | 10 | .pace-inactive { 11 | display: none; 12 | } 13 | 14 | .pace .pace-progress { 15 | background: #fcd25a; 16 | position: fixed; 17 | z-index: 2000; 18 | top: 0; 19 | right: 100%; 20 | width: 100%; 21 | height: 2px; 22 | } 23 | 24 | .pace .pace-progress-inner { 25 | display: block; 26 | position: absolute; 27 | right: 0px; 28 | width: 100px; 29 | height: 100%; 30 | box-shadow: 0 0 10px #fcd25a, 0 0 5px #fcd25a; 31 | opacity: 1.0; 32 | -webkit-transform: rotate(3deg) translate(0px, -4px); 33 | -moz-transform: rotate(3deg) translate(0px, -4px); 34 | -ms-transform: rotate(3deg) translate(0px, -4px); 35 | -o-transform: rotate(3deg) translate(0px, -4px); 36 | transform: rotate(3deg) translate(0px, -4px); 37 | } 38 | 39 | .pace .pace-activity { 40 | display: block; 41 | position: fixed; 42 | z-index: 2000; 43 | top: 15px; 44 | right: 15px; 45 | width: 14px; 46 | height: 14px; 47 | border: solid 2px transparent; 48 | border-top-color: #fcd25a; 49 | border-left-color: #fcd25a; 50 | border-radius: 10px; 51 | -webkit-animation: pace-spinner 400ms linear infinite; 52 | -moz-animation: pace-spinner 400ms linear infinite; 53 | -ms-animation: pace-spinner 400ms linear infinite; 54 | -o-animation: pace-spinner 400ms linear infinite; 55 | animation: pace-spinner 400ms linear infinite; 56 | } 57 | 58 | @-webkit-keyframes pace-spinner { 59 | 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60 | 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 61 | } 62 | @-moz-keyframes pace-spinner { 63 | 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 64 | 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 65 | } 66 | @-o-keyframes pace-spinner { 67 | 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 68 | 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } 69 | } 70 | @-ms-keyframes pace-spinner { 71 | 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 72 | 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 73 | } 74 | @keyframes pace-spinner { 75 | 0% { transform: rotate(0deg); transform: rotate(0deg); } 76 | 100% { transform: rotate(360deg); transform: rotate(360deg); } 77 | } 78 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-flat-top.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | 15 | -webkit-transform: translate3d(0, -50px, 0); 16 | -ms-transform: translate3d(0, -50px, 0); 17 | transform: translate3d(0, -50px, 0); 18 | 19 | -webkit-transition: -webkit-transform .5s ease-out; 20 | -ms-transition: -webkit-transform .5s ease-out; 21 | transition: transform .5s ease-out; 22 | } 23 | 24 | .pace.pace-active { 25 | -webkit-transform: translate3d(0, 0, 0); 26 | -ms-transform: translate3d(0, 0, 0); 27 | transform: translate3d(0, 0, 0); 28 | } 29 | 30 | .pace .pace-progress { 31 | display: block; 32 | position: fixed; 33 | z-index: 2000; 34 | top: 0; 35 | right: 100%; 36 | width: 100%; 37 | height: 10px; 38 | background: #fcd25a; 39 | 40 | pointer-events: none; 41 | } 42 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-mac-osx.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | 10 | overflow: hidden; 11 | position: fixed; 12 | top: 0; 13 | left: 0; 14 | z-index: 2000; 15 | width: 100%; 16 | height: 12px; 17 | background: #fff; 18 | } 19 | 20 | .pace-inactive { 21 | display: none; 22 | } 23 | 24 | .pace .pace-progress { 25 | background-color: #FFE000; 26 | position: fixed; 27 | top: 0; 28 | right: 100%; 29 | width: 100%; 30 | height: 12px; 31 | overflow: hidden; 32 | 33 | -webkit-border-radius: 0 0 4px 0; 34 | -moz-border-radius: 0 0 4px 0; 35 | -o-border-radius: 0 0 4px 0; 36 | border-radius: 0 0 4px 0; 37 | 38 | -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); 39 | -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); 40 | -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); 41 | 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); 42 | } 43 | 44 | .pace .pace-activity { 45 | position: fixed; 46 | top: 0; 47 | left: 0; 48 | right: -28px; 49 | bottom: 0; 50 | 51 | -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 52 | -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 53 | -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 54 | background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%); 55 | 56 | -webkit-background-size: 28px 100%; 57 | -moz-background-size: 28px 100%; 58 | -o-background-size: 28px 100%; 59 | background-size: 28px 100%; 60 | 61 | -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite; 62 | -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite; 63 | -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite; 64 | -o-animation: pace-theme-mac-osx-motion 500ms linear infinite; 65 | animation: pace-theme-mac-osx-motion 500ms linear infinite; 66 | } 67 | 68 | @-webkit-keyframes pace-theme-mac-osx-motion { 69 | 0% { -webkit-transform: none; transform: none; } 70 | 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } 71 | } 72 | @-moz-keyframes pace-theme-mac-osx-motion { 73 | 0% { -moz-transform: none; transform: none; } 74 | 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); } 75 | } 76 | @-o-keyframes pace-theme-mac-osx-motion { 77 | 0% { -o-transform: none; transform: none; } 78 | 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); } 79 | } 80 | @-ms-keyframes pace-theme-mac-osx-motion { 81 | 0% { -ms-transform: none; transform: none; } 82 | 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); } 83 | } 84 | @keyframes pace-theme-mac-osx-motion { 85 | 0% { transform: none; transform: none; } 86 | 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); } 87 | } 88 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/pace/yellow/pace-theme-minimal.css: -------------------------------------------------------------------------------- 1 | /* This is a compiled file, you should be editing the file in the templates directory */ 2 | .pace { 3 | -webkit-pointer-events: none; 4 | pointer-events: none; 5 | 6 | -webkit-user-select: none; 7 | -moz-user-select: none; 8 | user-select: none; 9 | } 10 | 11 | .pace-inactive { 12 | display: none; 13 | } 14 | 15 | .pace .pace-progress { 16 | background: #fcd25a; 17 | position: fixed; 18 | z-index: 2000; 19 | top: 0; 20 | right: 100%; 21 | width: 100%; 22 | height: 2px; 23 | } 24 | --------------------------------------------------------------------------------