Add page loading indicator using PACE.js.
Signed-off-by: Eric Riggs <ericriggs42@gmail.com>
This commit is contained in:
Eric Riggs
committed by
Roberto Rosario
Roberto Rosario
parent
05dc569a6f
commit
c2e25e6d0d
@@ -26,6 +26,7 @@ Next (2018-XX-XX)
|
||||
- Add template and modal to display server side errors.
|
||||
- Remove the unused scrollable_content internal feature.
|
||||
- Remove unused animate.css package.
|
||||
- Add page loading indicator.
|
||||
|
||||
2.8 (2018-02-27)
|
||||
================
|
||||
|
||||
2
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/.gitignore
vendored
Normal file
2
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
node_modules
|
||||
.DS_Store
|
||||
3
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/.hsdoc
vendored
Normal file
3
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/.hsdoc
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
title: "Pace"
|
||||
source: "pace.coffee"
|
||||
assets: "{templates/*,themes/*,docs/welcome/*,docs/lib/*,docs/resources/*.css,*.js}"
|
||||
68
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/Gruntfile.coffee
vendored
Normal file
68
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/Gruntfile.coffee
vendored
Normal file
@@ -0,0 +1,68 @@
|
||||
Path = require('path')
|
||||
fs = require('fs')
|
||||
|
||||
ThemeUtils = require('./docs/lib/themes.coffee')
|
||||
|
||||
themeColors =
|
||||
black: '#000000'
|
||||
white: '#ffffff'
|
||||
silver: '#d6d6d6'
|
||||
red: '#ee3148'
|
||||
orange: '#eb7a55'
|
||||
yellow: '#fcd25a'
|
||||
green: '#22df80'
|
||||
blue: '#2299dd'
|
||||
pink: '#e90f92'
|
||||
purple: '#7c60e0'
|
||||
|
||||
module.exports = (grunt) ->
|
||||
grunt.registerTask 'themes', 'Compile the pace theme files', ->
|
||||
done = @async()
|
||||
|
||||
options = grunt.config('themes')
|
||||
|
||||
grunt.file.glob options.src, (err, files) ->
|
||||
for colorName, color of themeColors
|
||||
for file in files
|
||||
body = ThemeUtils.compileTheme fs.readFileSync(file).toString(), {color}
|
||||
|
||||
body = "/* This is a compiled file, you should be editing the file in the templates directory */\n" + body
|
||||
|
||||
name = Path.basename file
|
||||
name = name.replace '.tmpl', ''
|
||||
path = Path.join options.dest, colorName, name
|
||||
|
||||
fs.writeFileSync path, body
|
||||
|
||||
done()
|
||||
|
||||
grunt.initConfig
|
||||
pkg: grunt.file.readJSON("package.json")
|
||||
coffee:
|
||||
compile:
|
||||
files:
|
||||
'pace.js': 'pace.coffee'
|
||||
'docs/lib/themes.js': 'docs/lib/themes.coffee'
|
||||
|
||||
watch:
|
||||
coffee:
|
||||
files: ['pace.coffee', 'docs/lib/themes.coffee', 'templates/*']
|
||||
tasks: ["coffee", "uglify", "themes"]
|
||||
|
||||
uglify:
|
||||
options:
|
||||
banner: "/*! <%= pkg.name %> <%= pkg.version %> */\n"
|
||||
|
||||
dist:
|
||||
src: 'pace.js'
|
||||
dest: 'pace.min.js'
|
||||
|
||||
themes:
|
||||
src: 'templates/*.tmpl.css'
|
||||
dest: 'themes'
|
||||
|
||||
grunt.loadNpmTasks 'grunt-contrib-watch'
|
||||
grunt.loadNpmTasks 'grunt-contrib-uglify'
|
||||
grunt.loadNpmTasks 'grunt-contrib-coffee'
|
||||
|
||||
grunt.registerTask 'default', ['coffee', 'uglify', 'themes']
|
||||
8
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/LICENSE
vendored
Normal file
8
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/LICENSE
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
Copyright (c) 2013 HubSpot, Inc.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
27
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/README.md
vendored
Normal file
27
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/README.md
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
pace
|
||||
====
|
||||
|
||||
<a href="https://eager.io/app/kYKTiQjoVjQk/install?source=button">
|
||||
<img src="https://install.eager.io/install-button.png" border="0" width="126">
|
||||
</a>
|
||||
|
||||
An automatic web page progress bar.
|
||||
|
||||
Include [pace.js](https://raw.github.com/HubSpot/pace/v0.7.1/pace.min.js) and a [theme](http://github.hubspot.com/pace/docs/welcome/) of your choice to your page and you are done!
|
||||
|
||||
Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
|
||||
|
||||
If you use AMD or Browserify, require pace.js and call `pace.start()` as early in the loading process as is possible.
|
||||
|
||||
### [Demo](http://github.hubspot.com/pace/docs/welcome/)
|
||||
|
||||
### [Documentation](http://github.hubspot.com/pace/)
|
||||
|
||||
### Example
|
||||
|
||||
```html
|
||||
<head>
|
||||
<script src="/pace/pace.js"></script>
|
||||
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
|
||||
</head>
|
||||
```
|
||||
35
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/bower.json
vendored
Normal file
35
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/bower.json
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"name": "PACE",
|
||||
"main": "pace.js",
|
||||
"version": "0.7.8",
|
||||
"homepage": "http://github.hubspot.com/pace/docs/welcome",
|
||||
"authors": [
|
||||
"Zack Bloom <zackbloom@gmail.com>",
|
||||
"Adam Schwartz <adam.flynn.schwartz@gmail.com>"
|
||||
],
|
||||
"description": "Automatic page load progress bar",
|
||||
"keywords": [
|
||||
"loading",
|
||||
"load",
|
||||
"pageload",
|
||||
"progress",
|
||||
"activity",
|
||||
"ajax",
|
||||
"spinner",
|
||||
"progress",
|
||||
"bar",
|
||||
"automatic",
|
||||
"client-side"
|
||||
],
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
".*",
|
||||
"Gruntfile.coffee",
|
||||
"bower_components",
|
||||
"docs",
|
||||
"node_modules",
|
||||
"package.json",
|
||||
"templates",
|
||||
"tests"
|
||||
]
|
||||
}
|
||||
291
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/intro.md
vendored
Normal file
291
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/intro.md
vendored
Normal file
@@ -0,0 +1,291 @@
|
||||
pace
|
||||
====
|
||||
|
||||
Include [pace.js](https://raw.github.com/HubSpot/pace/v0.7.1/pace.min.js) and the
|
||||
[theme](http://github.hubspot.com/pace/docs/welcome/) css of your choice on your page
|
||||
(as early as is possible), and you're done!
|
||||
|
||||
Pace will automatically monitor your ajax requests, event loop lag, document
|
||||
ready state, and elements on your page to decide the progress. On ajax navigation
|
||||
it will begin again!
|
||||
|
||||
If you use AMD or Browserify, require in pace.js and call `pace.start()` as early in
|
||||
the loading process as is possible.
|
||||
|
||||
Install with Eager
|
||||
------------------
|
||||
|
||||
The easiest way to add Pace to your site is with [Eager](http://eager.io).
|
||||
Click Install to see a live preview of Pace on your website.
|
||||
|
||||
<iframe style="height: 48px; width: 180px" src="//install.eager.io?appId=kYKTiQjoVjQk" allowtransparency="true" scroll="no" frameBorder="0"></iframe>
|
||||
|
||||
Example
|
||||
-------
|
||||
|
||||
```html
|
||||
<head>
|
||||
<script src="/pace/pace.js"></script>
|
||||
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
|
||||
</head>
|
||||
```
|
||||
|
||||
Configuration
|
||||
-------------
|
||||
|
||||
Pace is fully automatic, no configuration is necessary to get started.
|
||||
|
||||
If you would like to make some tweaks, here's how:
|
||||
|
||||
You can set `window.paceOptions` before bringing in the file:
|
||||
|
||||
```javascript
|
||||
paceOptions = {
|
||||
// Disable the 'elements' source
|
||||
elements: false,
|
||||
|
||||
// Only show the progress on regular and ajax-y page navigation,
|
||||
// not every request
|
||||
restartOnRequestAfter: false
|
||||
}
|
||||
```
|
||||
|
||||
You can also put options on the script tag:
|
||||
|
||||
```html
|
||||
<script data-pace-options='{ "ajax": false }' src='pace.js'></script>
|
||||
```
|
||||
|
||||
If you're using AMD or Browserify, you can pass your options to `start`:
|
||||
|
||||
```javascript
|
||||
define(['pace'], function(pace){
|
||||
pace.start({
|
||||
document: false
|
||||
});
|
||||
});
|
||||
```
|
||||
|
||||
Themes
|
||||
------
|
||||
|
||||
Pace includes a bunch of [themes](http://github.hubspot.com/pace/docs/welcome/)
|
||||
to get you started. Just include the appropriate css file. Send us a PR with
|
||||
any interesting themes you create.
|
||||
|
||||
Collectors
|
||||
----------
|
||||
|
||||
Collectors are the bits of code which gather progress information. Pace includes four default collectors:
|
||||
|
||||
- Ajax
|
||||
|
||||
Monitors all ajax requests on the page
|
||||
|
||||
- Elements
|
||||
|
||||
Checks for the existance of specific elements on the page
|
||||
|
||||
- Document
|
||||
|
||||
Checks the document readyState
|
||||
|
||||
- Event Lag
|
||||
|
||||
Checks for event loop lag signaling that javascript is being executed
|
||||
|
||||
They can each be configured or disabled through configuration options of the same name.
|
||||
|
||||
```javascript
|
||||
paceOptions = {
|
||||
ajax: false, // disabled
|
||||
document: false, // disabled
|
||||
eventLag: false, // disabled
|
||||
elements: {
|
||||
selectors: ['.my-page']
|
||||
}
|
||||
};
|
||||
```
|
||||
|
||||
Add your own classes to `paceOptions.extraSources` to add more sources. Each source should either
|
||||
have a `.progress` property, or a `.elements` property which is a list of objects with
|
||||
`.progress` properties. Pace will automatically handle all scaling to make the progress
|
||||
changes look smooth to the user.
|
||||
|
||||
Elements
|
||||
--------
|
||||
|
||||
Elements being rendered to the screen is one way for us to decide that the page has been
|
||||
rendered. If you would like to use that source of information (not required at all),
|
||||
specify one or more selectors. You can comma seperate the selectors to propertly handle
|
||||
error states, where the progress bar should disappear, but the element we are looking for
|
||||
may never appear:
|
||||
|
||||
```javascript
|
||||
paceOptions = {
|
||||
elements: {
|
||||
selectors: ['.timeline,.timeline-error', '.user-profile,.profile-error']
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Pace will consider the elements test successful when each selector matches something. For
|
||||
this example, when either `.timeline` or `.timeline-error` exist, and either `.user-profile`
|
||||
or `.profile-error` exist.
|
||||
|
||||
Restart Rules
|
||||
-------------
|
||||
|
||||
Most users want the progress bar to automatically restart when a pushState event occurs
|
||||
(generally means ajax navigation is occuring). You can disable this:
|
||||
|
||||
```javascript
|
||||
paceOptions = {
|
||||
restartOnPushState: false
|
||||
}
|
||||
```
|
||||
|
||||
You can also have pace restart on every ajax request which lasts longer than x ms. You'll want to
|
||||
disable this if you make ajax requests the user doesn't need to know about, like precaching:
|
||||
|
||||
```javascript
|
||||
paceOptions = {
|
||||
restartOnRequestAfter: false
|
||||
}
|
||||
```
|
||||
|
||||
You can always trigger a restart manually by calling `Pace.restart()`
|
||||
|
||||
See [the source](https://github.com/HubSpot/pace/blob/master/pace.coffee) for a full list of all options.
|
||||
|
||||
API
|
||||
---
|
||||
|
||||
Pace exposes the following methods:
|
||||
|
||||
- `Pace.start`: Show the progress bar and start updating. Called automatically if you don't use AMD or CommonJS.
|
||||
|
||||
- `Pace.restart`: Show the progress bar if it's hidden and start reporting the progress from scratch. Called automatically
|
||||
whenever `pushState` or `replaceState` is called by default.
|
||||
|
||||
- `Pace.stop`: Hide the progress bar and stop updating it.
|
||||
|
||||
- `Pace.track`: Explicitly track one or more requests, see Tracking below
|
||||
|
||||
- `Pace.ignore`: Expliticly ignore one or more requests, see Tracking below
|
||||
|
||||
Events
|
||||
------
|
||||
|
||||
Pace fires the following events:
|
||||
|
||||
- `start`: When pace is initially started, or as a part of a restart
|
||||
- `stop`: When pace is manually stopped, or as a part of a restart
|
||||
- `restart`: When pace is restarted (manually, or by a new AJAX request)
|
||||
- `done`: When pace is finished
|
||||
- `hide`: When the pace is hidden (can be later than `done`, based on `ghostTime` and `minTime`)
|
||||
|
||||
You can bind onto events using the `on`, `off` and `once` methods:
|
||||
|
||||
- `Pace.on(event, handler, [context])`: Call `handler` (optionally with context) when `event` is triggered
|
||||
- `Pace.off(event, [handler])`: Unbind the provided `event` and `handler` combination.
|
||||
- `Pace.once(event, handler, [context])`: Bind `handler` to the next (and only the next) incidence of `event`
|
||||
|
||||
Tracking
|
||||
--------
|
||||
|
||||
By default, Pace will show any ajax requests which begin as a part of a normal or ajax-y page load, or which last longer than
|
||||
500ms.
|
||||
|
||||
You can disable all ajax tracking by setting `ajax` to false:
|
||||
|
||||
```javascript
|
||||
Pace.options = {
|
||||
ajax: false
|
||||
}
|
||||
```
|
||||
|
||||
You can disable ajax tracking except on page navigation by setting `restartOnRequestAfter` to false:
|
||||
|
||||
```javascript
|
||||
Pace.options = {
|
||||
restartOnRequestAfter: false
|
||||
}
|
||||
```
|
||||
|
||||
You can manually disable tracking for a specific request or requests by triggering them within a `Pace.ignore` callback:
|
||||
|
||||
```javascript
|
||||
Pace.ignore(function(){
|
||||
$.ajax(...)
|
||||
});
|
||||
```
|
||||
|
||||
You can force the progress bar to be shown for a specific request by triggering them within a `Pace.track` callback:
|
||||
|
||||
```javascript
|
||||
Pace.track(function(){
|
||||
$.ajax(...)
|
||||
});
|
||||
```
|
||||
|
||||
You can also ignore URLs based on a pattern:
|
||||
|
||||
```javascript
|
||||
Pace.options = {
|
||||
ajax: {
|
||||
ignoreURLs: ['some-substring', /some-regexp/]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Dependencies
|
||||
------------
|
||||
|
||||
None!
|
||||
|
||||
Support
|
||||
-------
|
||||
|
||||
Pace is designed to support IE8+ (standards mode), FF 3.5+, Chrome, Safari 4+, Opera 10.5+, and all modern
|
||||
mobile browsers. If you run into a compatibility issue, or can make a case for supporting something else,
|
||||
please create an issue.
|
||||
|
||||
Size
|
||||
----
|
||||
|
||||
pace.js is 4kb minified and gzipped. The themes vary between 0.5 and 4kb.
|
||||
|
||||
Issues
|
||||
------
|
||||
|
||||
We have obviously not tested this on every website. If you run into an issue, or find a way the automatic
|
||||
detection could be better, please [create an Issue](https://github.com/HubSpot/pace/issues/new). If you can include a test case, that's even better.
|
||||
|
||||
Contributing
|
||||
------------
|
||||
|
||||
PRs Welcome!
|
||||
|
||||
Building requires node.js.
|
||||
|
||||
```bash
|
||||
npm install
|
||||
grunt
|
||||
```
|
||||
|
||||
You can also run `grunt watch` to have it automatically build as you make changes.
|
||||
|
||||
There is no need to include compiled files in PRs.
|
||||
|
||||
Credits
|
||||
-------
|
||||
|
||||
[HubSpot](http://dev.hubspot.com)
|
||||
|
||||
Javascript by [Zack Bloom](http://twitter.com/zackbloom)
|
||||
CSS by [Adam Schwartz](http://twitter.com/adamfschwartz)
|
||||
|
||||
Themes inspired by [Mary Lou](http://tympanus.net/codrops/2013/09/18/creative-loading-effects/)
|
||||
|
||||
Project inspired by [nprogress](http://ricostacruz.com/nprogress/)
|
||||
24
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/lib/color.js
vendored
Normal file
24
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/lib/color.js
vendored
Normal file
File diff suppressed because one or more lines are too long
27
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/lib/themes.coffee
vendored
Normal file
27
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/lib/themes.coffee
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
if module?
|
||||
vm = require('vm')
|
||||
|
||||
# Used by the eval'd code
|
||||
Color = require('color')
|
||||
|
||||
loadTheme = (name, cb) ->
|
||||
$.ajax
|
||||
url: "/pace/templates/pace-theme-#{ name }.tmpl.css"
|
||||
success: cb
|
||||
|
||||
compileTheme = (body, args={}) ->
|
||||
body.replace /`([\s\S]*?)`/gm, (match, code) ->
|
||||
if module?
|
||||
val = vm.runInNewContext code, {args, Color}
|
||||
else
|
||||
# It matters that args is in the context
|
||||
Color = window.Color
|
||||
val = eval(code)
|
||||
|
||||
val
|
||||
|
||||
if module?
|
||||
module.exports = {compileTheme}
|
||||
else
|
||||
window.loadTheme = loadTheme
|
||||
window.compileTheme = compileTheme
|
||||
44
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/lib/themes.js
vendored
Normal file
44
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/lib/themes.js
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
(function() {
|
||||
var Color, compileTheme, loadTheme, vm;
|
||||
|
||||
if (typeof module !== "undefined" && module !== null) {
|
||||
vm = require('vm');
|
||||
Color = require('color');
|
||||
}
|
||||
|
||||
loadTheme = function(name, cb) {
|
||||
return $.ajax({
|
||||
url: "/pace/templates/pace-theme-" + name + ".tmpl.css",
|
||||
success: cb
|
||||
});
|
||||
};
|
||||
|
||||
compileTheme = function(body, args) {
|
||||
if (args == null) {
|
||||
args = {};
|
||||
}
|
||||
return body.replace(/`([\s\S]*?)`/gm, function(match, code) {
|
||||
var val;
|
||||
if (typeof module !== "undefined" && module !== null) {
|
||||
val = vm.runInNewContext(code, {
|
||||
args: args,
|
||||
Color: Color
|
||||
});
|
||||
} else {
|
||||
Color = window.Color;
|
||||
val = eval(code);
|
||||
}
|
||||
return val;
|
||||
});
|
||||
};
|
||||
|
||||
if (typeof module !== "undefined" && module !== null) {
|
||||
module.exports = {
|
||||
compileTheme: compileTheme
|
||||
};
|
||||
} else {
|
||||
window.loadTheme = loadTheme;
|
||||
window.compileTheme = compileTheme;
|
||||
}
|
||||
|
||||
}).call(this);
|
||||
68
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/resources/barber-pole-orange.css
vendored
Normal file
68
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/resources/barber-pole-orange.css
vendored
Normal file
@@ -0,0 +1,68 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #EE5C00;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 42px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
75
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/resources/flash-white.css
vendored
Normal file
75
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/resources/flash-white.css
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background: #fcfffc;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px #fcfffc, 0 0 5px #fcfffc;
|
||||
opacity: 1.0;
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-moz-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
-o-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: solid 2px transparent;
|
||||
border-top-color: #fcfffc;
|
||||
border-left-color: #fcfffc;
|
||||
border-radius: 10px;
|
||||
-webkit-animation: pace-spinner 400ms linear infinite;
|
||||
-moz-animation: pace-spinner 400ms linear infinite;
|
||||
-ms-animation: pace-spinner 400ms linear infinite;
|
||||
-o-animation: pace-spinner 400ms linear infinite;
|
||||
animation: pace-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes pace-spinner {
|
||||
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-o-keyframes pace-spinner {
|
||||
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-ms-keyframes pace-spinner {
|
||||
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes pace-spinner {
|
||||
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
extends index
|
||||
|
||||
append early-head
|
||||
<script src="/pace/pace.js"></script>
|
||||
<link rel="stylesheet" href="/pace/docs/resources/barber-pole-orange.css"></link>
|
||||
@@ -0,0 +1,5 @@
|
||||
extends index
|
||||
|
||||
append early-head
|
||||
<script src="/pace/pace.js"></script>
|
||||
<link rel="stylesheet" href="/pace/docs/resources/barber-pole-orange.css"></link>
|
||||
704
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/welcome/index.html
vendored
Normal file
704
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/docs/welcome/index.html
vendored
Normal file
File diff suppressed because it is too large
Load Diff
136
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/install.json
vendored
Normal file
136
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/install.json
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
{
|
||||
"resources": {
|
||||
"head": [
|
||||
{
|
||||
"type": "script",
|
||||
"if": "options.advancedOptions.disableOnPushState",
|
||||
"contents": "window.paceOptions = window.paceOptions || {}; window.paceOptions.restartOnPushState = false;"
|
||||
},
|
||||
{
|
||||
"type": "script",
|
||||
"if": "options.advancedOptions.disableOnAJAX",
|
||||
"contents": "window.paceOptions = window.paceOptions || {}; window.paceOptions.restartOnRequestAfter = false;"
|
||||
},
|
||||
{
|
||||
"type": "script",
|
||||
"if": "options.hidePage",
|
||||
"contents": "window.paceOptions = window.paceOptions || {}; window.paceOptions.hidePage = true;"
|
||||
},
|
||||
|
||||
{
|
||||
"type": "script",
|
||||
"src": "./pace.js"
|
||||
},
|
||||
{
|
||||
"type": "style",
|
||||
"src": "./themes/{{ options.color }}/pace-theme-{{ options.theme }}.css"
|
||||
}
|
||||
]
|
||||
},
|
||||
"options": {
|
||||
"properties": {
|
||||
"color": {
|
||||
"order": 1,
|
||||
"title": "Color",
|
||||
"type": "string",
|
||||
"enum": [
|
||||
"black",
|
||||
"white",
|
||||
"silver",
|
||||
"red",
|
||||
"orange",
|
||||
"yellow",
|
||||
"green",
|
||||
"blue",
|
||||
"pink",
|
||||
"purple"
|
||||
],
|
||||
"enumNames": {
|
||||
"black": "Black",
|
||||
"white": "White",
|
||||
"silver": "Silver",
|
||||
"red": "Red",
|
||||
"orange": "Orange",
|
||||
"yellow": "Yellow",
|
||||
"green": "Green",
|
||||
"blue": "Blue",
|
||||
"pink": "Pink",
|
||||
"purple": "Purple"
|
||||
},
|
||||
"default": "blue"
|
||||
},
|
||||
"theme": {
|
||||
"order": 2,
|
||||
"title": "Theme",
|
||||
"type": "string",
|
||||
"enum": [
|
||||
"barber-shop",
|
||||
"big-counter",
|
||||
"bounce",
|
||||
"center-atom",
|
||||
"center-circle",
|
||||
"center-radar",
|
||||
"center-simple",
|
||||
"corner-indicator",
|
||||
"fill-left",
|
||||
"flash",
|
||||
"flat-top",
|
||||
"loading-bar",
|
||||
"mac-osx",
|
||||
"minimal"
|
||||
],
|
||||
"enumNames": {
|
||||
"barber-shop": "Barber Shop",
|
||||
"big-counter": "Big Counter",
|
||||
"bounce": "Bounce",
|
||||
"center-atom": "Center Atom",
|
||||
"center-circle": "Center Circle",
|
||||
"center-radar": "Center Radar",
|
||||
"center-simple": "Center Simple",
|
||||
"corner-indicator": "Corner Indicator",
|
||||
"fill-left": "Fill Left",
|
||||
"flash": "Flash",
|
||||
"flat-top": "Flat Top",
|
||||
"loading-bar": "Loading Bar",
|
||||
"mac-osx": "Mac OS X",
|
||||
"minimal": "Minimal"
|
||||
},
|
||||
"default": "barber-shop"
|
||||
},
|
||||
"hidePage": {
|
||||
"order": 3,
|
||||
"title": "Hide everything but PACE until the page has fully loaded",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"showAdvanced": {
|
||||
"order": 3,
|
||||
"title": "Show advanced options",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"advancedOptions": {
|
||||
"order": 4,
|
||||
"showIf": {
|
||||
"showAdvanced": true
|
||||
},
|
||||
"notitle": true,
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"disableOnPushState": {
|
||||
"order": 1,
|
||||
"title": "Don’t restart the progress bar during <code class=\"inline\">pushState</code> navigations",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"disableOnAJAX": {
|
||||
"order": 2,
|
||||
"title": "Don’t restart the progress bar during long AJAX requests",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
760
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/pace.coffee
vendored
Normal file
760
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/pace.coffee
vendored
Normal file
File diff suppressed because it is too large
Load Diff
935
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/pace.js
vendored
Normal file
935
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/pace.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/pace.min.js
vendored
Normal file
2
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/pace.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
24
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/package.json
vendored
Normal file
24
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/package.json
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"name": "pace",
|
||||
"version": "0.7.8",
|
||||
"description": "Automatic page load progress bar",
|
||||
"authors": [
|
||||
"Zack Bloom <zackbloom@gmail.com>",
|
||||
"Adam Schwartz <adam.flynn.schwartz@gmail.com>"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "pace.js",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/HubSpot/pace.git"
|
||||
},
|
||||
"devDependencies": {
|
||||
"grunt-contrib-coffee": "~0.7.0",
|
||||
"coffee-script": "~1.6.3",
|
||||
"grunt-contrib-uglify": "~0.2.4",
|
||||
"grunt-cli": "~0.1.9",
|
||||
"grunt": "~0.4.1",
|
||||
"grunt-contrib-watch": "~0.5.3",
|
||||
"color": "~0.4.4"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: `args.color || "#29d"`;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: .5rem;
|
||||
content: attr(data-progress-text);
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
color: `Color(args.color || '#000').clearer(0.8).rgbString()`;
|
||||
}
|
||||
230
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-bounce.tmpl.css
vendored
Normal file
230
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-bounce.tmpl.css
vendored
Normal file
@@ -0,0 +1,230 @@
|
||||
.pace {
|
||||
width: 140px;
|
||||
height: 300px;
|
||||
position: fixed;
|
||||
top: -90px;
|
||||
right: -20px;
|
||||
z-index: 2000;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear 0s;
|
||||
-moz-transition: all 2s linear 0s;
|
||||
transition: all 2s linear 0s;
|
||||
}
|
||||
|
||||
.pace.pace-active {
|
||||
-webkit-transform: scale(.25);
|
||||
-moz-transform: scale(.25);
|
||||
-ms-transform: scale(.25);
|
||||
-o-transform: scale(.25);
|
||||
transform: scale(.25);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
background: `args.color || "#29d"`;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1911;
|
||||
-webkit-animation: pace-bounce 1s infinite;
|
||||
-moz-animation: pace-bounce 1s infinite;
|
||||
-o-animation: pace-bounce 1s infinite;
|
||||
-ms-animation: pace-bounce 1s infinite;
|
||||
animation: pace-bounce 1s infinite;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 1910;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-transform: scaleY(.3);
|
||||
-moz-transform: scaleY(.3);
|
||||
-ms-transform: scaleY(.3);
|
||||
-o-transform: scaleY(.3);
|
||||
transform: scaleY(.3);
|
||||
-webkit-animation: pace-compress .5s infinite alternate;
|
||||
-moz-animation: pace-compress .5s infinite alternate;
|
||||
-o-animation: pace-compress .5s infinite alternate;
|
||||
-ms-animation: pace-compress .5s infinite alternate;
|
||||
animation: pace-compress .5s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-moz-animation-timing-function: ease-out;}
|
||||
95% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
169
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-center-atom.tmpl.css
vendored
Normal file
169
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-center-atom.tmpl.css
vendored
Normal file
@@ -0,0 +1,169 @@
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
.pace .pace-progress:before {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: `args.color || "#29d"`;
|
||||
border-radius: 50%;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
padding: 20% 0 7px;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
margin: 10px 0 0 30px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
border-radius: 50%;
|
||||
border: 5px solid `args.color || "#29d"`;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-animation: spin-3 2s linear infinite;
|
||||
-moz-animation: spin-3 2s linear infinite;
|
||||
-o-animation: spin-3 2s linear infinite;
|
||||
animation: spin-3 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
border-radius: 50%;
|
||||
border: 5px solid `args.color || "#29d"`;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-animation: spin-1 2s linear infinite;
|
||||
-moz-animation: spin-1 2s linear infinite;
|
||||
-o-animation: spin-1 2s linear infinite;
|
||||
animation: spin-1 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:after{
|
||||
border-radius: 50%;
|
||||
border: 5px solid `args.color || "#29d"`;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: spin-2 2s linear infinite;
|
||||
-moz-animation: spin-2 2s linear infinite;
|
||||
-o-animation: spin-2 2s linear infinite;
|
||||
animation: spin-2 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-1 {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100%{ -webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes spin-1 {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100%{ -moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes spin-1 {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100%{ -o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes spin-1 {
|
||||
0% { transform: rotate(0deg); }
|
||||
100%{ transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-2 {
|
||||
0% { -webkit-transform: rotate(59.8deg); }
|
||||
100%{ -webkit-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-moz-keyframes spin-2 {
|
||||
0% { -moz-transform: rotate(59.8deg); }
|
||||
100%{ -moz-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-o-keyframes spin-2 {
|
||||
0% { -o-transform: rotate(59.8deg); }
|
||||
100%{ -o-transform: rotate(418.8deg);}
|
||||
}
|
||||
@keyframes spin-2 {
|
||||
0% { transform: rotate(59.8deg); }
|
||||
100%{ transform: rotate(418.8deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-3 {
|
||||
0% { -webkit-transform: rotate(119.6deg); }
|
||||
100%{ -webkit-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-moz-keyframes spin-3 {
|
||||
0% { -moz-transform: rotate(119.6deg); }
|
||||
100%{ -moz-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-o-keyframes spin-3 {
|
||||
0% { -o-transform: rotate(119.6deg); }
|
||||
100%{ -o-transform: rotate(478.6deg);}
|
||||
}
|
||||
@keyframes spin-3 {
|
||||
0% { transform: rotate(119.6deg); }
|
||||
100%{ transform: rotate(478.6deg);}
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-perspective: 12rem;
|
||||
-moz-perspective: 12rem;
|
||||
-ms-perspective: 12rem;
|
||||
-o-perspective: 12rem;
|
||||
perspective: 12rem;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 6rem;
|
||||
width: 6rem !important;
|
||||
line-height: 6rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 50%;
|
||||
background: `Color(args.color || '#29d').clearer(0.2).rgbString()`;
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
|
||||
-webkit-animation: pace-3d-spinner linear infinite 2s;
|
||||
-moz-animation: pace-3d-spinner linear infinite 2s;
|
||||
-ms-animation: pace-3d-spinner linear infinite 2s;
|
||||
-o-animation: pace-3d-spinner linear infinite 2s;
|
||||
animation: pace-3d-spinner linear infinite 2s;
|
||||
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-moz-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-ms-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-o-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-o-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-3d-spinner {
|
||||
from {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-activity {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: -30px;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
display: block;
|
||||
border-width: 30px;
|
||||
border-style: double;
|
||||
border-color: `args.color || "#29d"` transparent transparent;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
-moz-animation: spin 1s linear infinite;
|
||||
-o-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
border-width: 10px;
|
||||
border-style: solid;
|
||||
border-color: `args.color || "#29d"` transparent transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 5px;
|
||||
width: 200px;
|
||||
background: #fff;
|
||||
border: 1px solid `args.color || "#29d"`;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 200px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: `args.color || "#29d"`;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: `args.color || "#29d"`;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-activity {
|
||||
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.pace .pace-activity::before,
|
||||
.pace .pace-activity::after {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.pace .pace-activity::before {
|
||||
margin-left: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-right-color: rgba(0, 0, 0, .2);
|
||||
border-left-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 3s linear infinite;
|
||||
animation: pace-rotation 3s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity::after {
|
||||
bottom: 50px;
|
||||
margin-left: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-top-color: rgba(0, 0, 0, .2);
|
||||
border-bottom-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 1s linear infinite;
|
||||
animation: pace-rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-rotation {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes pace-rotation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: `Color(args.color).clearer(0.8).rgbString() || "rgba(0, 0, 0, 0.2)"`;
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
75
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-flash.tmpl.css
vendored
Normal file
75
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-flash.tmpl.css
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background: `args.color || "#29d"`;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`;
|
||||
opacity: 1.0;
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-moz-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
-o-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: solid 2px transparent;
|
||||
border-top-color: `args.color || '#29d'`;
|
||||
border-left-color: `args.color || '#29d'`;
|
||||
border-radius: 10px;
|
||||
-webkit-animation: pace-spinner 400ms linear infinite;
|
||||
-moz-animation: pace-spinner 400ms linear infinite;
|
||||
-ms-animation: pace-spinner 400ms linear infinite;
|
||||
-o-animation: pace-spinner 400ms linear infinite;
|
||||
animation: pace-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes pace-spinner {
|
||||
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-o-keyframes pace-spinner {
|
||||
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-ms-keyframes pace-spinner {
|
||||
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes pace-spinner {
|
||||
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
background: `args.color || "#29d"`;
|
||||
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
|
||||
-webkit-transform: translateY(-50px);
|
||||
transform: translateY(-50px);
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-progress {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
.pace {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
border: 2px solid `args.color || "#29d"`;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 190px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
background: `args.color || "#29d"`;
|
||||
color: `args.color || "#29d"`;
|
||||
line-height: 60px;
|
||||
font-weight: bold;
|
||||
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
95
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-mac-osx.tmpl.css
vendored
Normal file
95
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-mac-osx.tmpl.css
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: `args.color || "#78c0f0"`;
|
||||
|
||||
color: `Color(args.color || "#78c0f0").lighten(0.25).hexString();`;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-border-radius: 0 0 4px 0;
|
||||
-moz-border-radius: 0 0 4px 0;
|
||||
-o-border-radius: 0 0 4px 0;
|
||||
border-radius: 0 0 4px 0;
|
||||
|
||||
-webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -28px;
|
||||
bottom: 0;
|
||||
|
||||
`
|
||||
var out = '';
|
||||
var prefixes = ['-o-', '-moz-', '-webkit-', ''];
|
||||
|
||||
var baseColor = args.color || '#78c0f0';
|
||||
var startColor = Color(baseColor).darken(0.3).clearer(0.4);
|
||||
var endColor = Color(baseColor).clearer(1);
|
||||
|
||||
for(var i in prefixes){
|
||||
var prefix = prefixes[i];
|
||||
|
||||
out += " background-image: " + prefix + "radial-gradient(" + startColor.rgbString() + " 0%, " + endColor.rgbString() + " 100%);\n";
|
||||
}
|
||||
|
||||
out.substring(2)
|
||||
`
|
||||
|
||||
-webkit-background-size: 28px 100%;
|
||||
-moz-background-size: 28px 100%;
|
||||
-o-background-size: 28px 100%;
|
||||
background-size: 28px 100%;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
17
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-minimal.tmpl.css
vendored
Normal file
17
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/templates/pace-theme-minimal.tmpl.css
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
.pace .pace-progress {
|
||||
background: `args.color || "#29d"`;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
35
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/tests/demo.html
vendored
Normal file
35
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/tests/demo.html
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
<head>
|
||||
<link rel="stylesheet" href="../themes/pace-theme-barber-shop.css" />
|
||||
|
||||
<script>
|
||||
paceOptions = {
|
||||
elements: true
|
||||
};
|
||||
</script>
|
||||
<script src="../pace.js"></script>
|
||||
<script>
|
||||
function load(time){
|
||||
var x = new XMLHttpRequest()
|
||||
x.open('GET', "http://localhost:5646/walter/" + time, true);
|
||||
x.send();
|
||||
};
|
||||
|
||||
load(20);
|
||||
load(100);
|
||||
load(500);
|
||||
load(2000);
|
||||
load(3000);
|
||||
|
||||
setTimeout(function(){
|
||||
Pace.ignore(function(){
|
||||
load(3100);
|
||||
});
|
||||
}, 4000);
|
||||
|
||||
Pace.on('hide', function(){
|
||||
console.log('done');
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
@@ -0,0 +1,67 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #000000;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: .5rem;
|
||||
content: attr(data-progress-text);
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
color: rgba(0, 0, 0, 0.19999999999999996);
|
||||
}
|
||||
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-bounce.css
vendored
Normal file
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-bounce.css
vendored
Normal file
@@ -0,0 +1,231 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
width: 140px;
|
||||
height: 300px;
|
||||
position: fixed;
|
||||
top: -90px;
|
||||
right: -20px;
|
||||
z-index: 2000;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear 0s;
|
||||
-moz-transition: all 2s linear 0s;
|
||||
transition: all 2s linear 0s;
|
||||
}
|
||||
|
||||
.pace.pace-active {
|
||||
-webkit-transform: scale(.25);
|
||||
-moz-transform: scale(.25);
|
||||
-ms-transform: scale(.25);
|
||||
-o-transform: scale(.25);
|
||||
transform: scale(.25);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
background: #000000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1911;
|
||||
-webkit-animation: pace-bounce 1s infinite;
|
||||
-moz-animation: pace-bounce 1s infinite;
|
||||
-o-animation: pace-bounce 1s infinite;
|
||||
-ms-animation: pace-bounce 1s infinite;
|
||||
animation: pace-bounce 1s infinite;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 1910;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-transform: scaleY(.3);
|
||||
-moz-transform: scaleY(.3);
|
||||
-ms-transform: scaleY(.3);
|
||||
-o-transform: scaleY(.3);
|
||||
transform: scaleY(.3);
|
||||
-webkit-animation: pace-compress .5s infinite alternate;
|
||||
-moz-animation: pace-compress .5s infinite alternate;
|
||||
-o-animation: pace-compress .5s infinite alternate;
|
||||
-ms-animation: pace-compress .5s infinite alternate;
|
||||
animation: pace-compress .5s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-moz-animation-timing-function: ease-out;}
|
||||
95% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-center-atom.css
vendored
Normal file
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-center-atom.css
vendored
Normal file
@@ -0,0 +1,170 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
.pace .pace-progress:before {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #000000;
|
||||
border-radius: 50%;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
padding: 20% 0 7px;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
margin: 10px 0 0 30px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #000000;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-animation: spin-3 2s linear infinite;
|
||||
-moz-animation: spin-3 2s linear infinite;
|
||||
-o-animation: spin-3 2s linear infinite;
|
||||
animation: spin-3 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #000000;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-animation: spin-1 2s linear infinite;
|
||||
-moz-animation: spin-1 2s linear infinite;
|
||||
-o-animation: spin-1 2s linear infinite;
|
||||
animation: spin-1 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:after{
|
||||
border-radius: 50%;
|
||||
border: 5px solid #000000;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: spin-2 2s linear infinite;
|
||||
-moz-animation: spin-2 2s linear infinite;
|
||||
-o-animation: spin-2 2s linear infinite;
|
||||
animation: spin-2 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-1 {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100%{ -webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes spin-1 {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100%{ -moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes spin-1 {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100%{ -o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes spin-1 {
|
||||
0% { transform: rotate(0deg); }
|
||||
100%{ transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-2 {
|
||||
0% { -webkit-transform: rotate(59.8deg); }
|
||||
100%{ -webkit-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-moz-keyframes spin-2 {
|
||||
0% { -moz-transform: rotate(59.8deg); }
|
||||
100%{ -moz-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-o-keyframes spin-2 {
|
||||
0% { -o-transform: rotate(59.8deg); }
|
||||
100%{ -o-transform: rotate(418.8deg);}
|
||||
}
|
||||
@keyframes spin-2 {
|
||||
0% { transform: rotate(59.8deg); }
|
||||
100%{ transform: rotate(418.8deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-3 {
|
||||
0% { -webkit-transform: rotate(119.6deg); }
|
||||
100%{ -webkit-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-moz-keyframes spin-3 {
|
||||
0% { -moz-transform: rotate(119.6deg); }
|
||||
100%{ -moz-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-o-keyframes spin-3 {
|
||||
0% { -o-transform: rotate(119.6deg); }
|
||||
100%{ -o-transform: rotate(478.6deg);}
|
||||
}
|
||||
@keyframes spin-3 {
|
||||
0% { transform: rotate(119.6deg); }
|
||||
100%{ transform: rotate(478.6deg);}
|
||||
}
|
||||
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-center-circle.css
vendored
Normal file
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-center-circle.css
vendored
Normal file
@@ -0,0 +1,110 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-perspective: 12rem;
|
||||
-moz-perspective: 12rem;
|
||||
-ms-perspective: 12rem;
|
||||
-o-perspective: 12rem;
|
||||
perspective: 12rem;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 6rem;
|
||||
width: 6rem !important;
|
||||
line-height: 6rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
|
||||
-webkit-animation: pace-3d-spinner linear infinite 2s;
|
||||
-moz-animation: pace-3d-spinner linear infinite 2s;
|
||||
-ms-animation: pace-3d-spinner linear infinite 2s;
|
||||
-o-animation: pace-3d-spinner linear infinite 2s;
|
||||
animation: pace-3d-spinner linear infinite 2s;
|
||||
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-moz-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-ms-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-o-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-o-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-3d-spinner {
|
||||
from {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-activity {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: -30px;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
display: block;
|
||||
border-width: 30px;
|
||||
border-style: double;
|
||||
border-color: #000000 transparent transparent;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
-moz-animation: spin 1s linear infinite;
|
||||
-o-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
border-width: 10px;
|
||||
border-style: solid;
|
||||
border-color: #000000 transparent transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 5px;
|
||||
width: 200px;
|
||||
background: #fff;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 200px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #000000;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-activity {
|
||||
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.pace .pace-activity::before,
|
||||
.pace .pace-activity::after {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.pace .pace-activity::before {
|
||||
margin-left: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-right-color: rgba(0, 0, 0, .2);
|
||||
border-left-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 3s linear infinite;
|
||||
animation: pace-rotation 3s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity::after {
|
||||
bottom: 50px;
|
||||
margin-left: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-top-color: rgba(0, 0, 0, .2);
|
||||
border-bottom-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 1s linear infinite;
|
||||
animation: pace-rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-rotation {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes pace-rotation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
21
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-fill-left.css
vendored
Normal file
21
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-fill-left.css
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: rgba(0, 0, 0, 0.19999999999999996);
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-flash.css
vendored
Normal file
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-flash.css
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background: #000000;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px #000000, 0 0 5px #000000;
|
||||
opacity: 1.0;
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-moz-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
-o-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: solid 2px transparent;
|
||||
border-top-color: #000000;
|
||||
border-left-color: #000000;
|
||||
border-radius: 10px;
|
||||
-webkit-animation: pace-spinner 400ms linear infinite;
|
||||
-moz-animation: pace-spinner 400ms linear infinite;
|
||||
-ms-animation: pace-spinner 400ms linear infinite;
|
||||
-o-animation: pace-spinner 400ms linear infinite;
|
||||
animation: pace-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes pace-spinner {
|
||||
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-o-keyframes pace-spinner {
|
||||
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-ms-keyframes pace-spinner {
|
||||
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes pace-spinner {
|
||||
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-flat-top.css
vendored
Normal file
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-flat-top.css
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
background: #000000;
|
||||
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
|
||||
-webkit-transform: translateY(-50px);
|
||||
transform: translateY(-50px);
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-progress {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
border: 2px solid #000000;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 190px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
background: #000000;
|
||||
color: #000000;
|
||||
line-height: 60px;
|
||||
font-weight: bold;
|
||||
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-mac-osx.css
vendored
Normal file
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-mac-osx.css
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #000000;
|
||||
|
||||
color: #000000;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-border-radius: 0 0 4px 0;
|
||||
-moz-border-radius: 0 0 4px 0;
|
||||
-o-border-radius: 0 0 4px 0;
|
||||
border-radius: 0 0 4px 0;
|
||||
|
||||
-webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -28px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -o-radial-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: radial-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
|
||||
|
||||
-webkit-background-size: 28px 100%;
|
||||
-moz-background-size: 28px 100%;
|
||||
-o-background-size: 28px 100%;
|
||||
background-size: 28px 100%;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-minimal.css
vendored
Normal file
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/black/pace-theme-minimal.css
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace .pace-progress {
|
||||
background: #000000;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #2299dd;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: .5rem;
|
||||
content: attr(data-progress-text);
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
color: rgba(34, 153, 221, 0.19999999999999996);
|
||||
}
|
||||
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-bounce.css
vendored
Normal file
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-bounce.css
vendored
Normal file
@@ -0,0 +1,231 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
width: 140px;
|
||||
height: 300px;
|
||||
position: fixed;
|
||||
top: -90px;
|
||||
right: -20px;
|
||||
z-index: 2000;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear 0s;
|
||||
-moz-transition: all 2s linear 0s;
|
||||
transition: all 2s linear 0s;
|
||||
}
|
||||
|
||||
.pace.pace-active {
|
||||
-webkit-transform: scale(.25);
|
||||
-moz-transform: scale(.25);
|
||||
-ms-transform: scale(.25);
|
||||
-o-transform: scale(.25);
|
||||
transform: scale(.25);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
background: #2299dd;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1911;
|
||||
-webkit-animation: pace-bounce 1s infinite;
|
||||
-moz-animation: pace-bounce 1s infinite;
|
||||
-o-animation: pace-bounce 1s infinite;
|
||||
-ms-animation: pace-bounce 1s infinite;
|
||||
animation: pace-bounce 1s infinite;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 1910;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-transform: scaleY(.3);
|
||||
-moz-transform: scaleY(.3);
|
||||
-ms-transform: scaleY(.3);
|
||||
-o-transform: scaleY(.3);
|
||||
transform: scaleY(.3);
|
||||
-webkit-animation: pace-compress .5s infinite alternate;
|
||||
-moz-animation: pace-compress .5s infinite alternate;
|
||||
-o-animation: pace-compress .5s infinite alternate;
|
||||
-ms-animation: pace-compress .5s infinite alternate;
|
||||
animation: pace-compress .5s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-moz-animation-timing-function: ease-out;}
|
||||
95% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-center-atom.css
vendored
Normal file
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-center-atom.css
vendored
Normal file
@@ -0,0 +1,170 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
.pace .pace-progress:before {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #2299dd;
|
||||
border-radius: 50%;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
padding: 20% 0 7px;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
margin: 10px 0 0 30px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #2299dd;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-animation: spin-3 2s linear infinite;
|
||||
-moz-animation: spin-3 2s linear infinite;
|
||||
-o-animation: spin-3 2s linear infinite;
|
||||
animation: spin-3 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #2299dd;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-animation: spin-1 2s linear infinite;
|
||||
-moz-animation: spin-1 2s linear infinite;
|
||||
-o-animation: spin-1 2s linear infinite;
|
||||
animation: spin-1 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:after{
|
||||
border-radius: 50%;
|
||||
border: 5px solid #2299dd;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: spin-2 2s linear infinite;
|
||||
-moz-animation: spin-2 2s linear infinite;
|
||||
-o-animation: spin-2 2s linear infinite;
|
||||
animation: spin-2 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-1 {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100%{ -webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes spin-1 {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100%{ -moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes spin-1 {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100%{ -o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes spin-1 {
|
||||
0% { transform: rotate(0deg); }
|
||||
100%{ transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-2 {
|
||||
0% { -webkit-transform: rotate(59.8deg); }
|
||||
100%{ -webkit-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-moz-keyframes spin-2 {
|
||||
0% { -moz-transform: rotate(59.8deg); }
|
||||
100%{ -moz-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-o-keyframes spin-2 {
|
||||
0% { -o-transform: rotate(59.8deg); }
|
||||
100%{ -o-transform: rotate(418.8deg);}
|
||||
}
|
||||
@keyframes spin-2 {
|
||||
0% { transform: rotate(59.8deg); }
|
||||
100%{ transform: rotate(418.8deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-3 {
|
||||
0% { -webkit-transform: rotate(119.6deg); }
|
||||
100%{ -webkit-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-moz-keyframes spin-3 {
|
||||
0% { -moz-transform: rotate(119.6deg); }
|
||||
100%{ -moz-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-o-keyframes spin-3 {
|
||||
0% { -o-transform: rotate(119.6deg); }
|
||||
100%{ -o-transform: rotate(478.6deg);}
|
||||
}
|
||||
@keyframes spin-3 {
|
||||
0% { transform: rotate(119.6deg); }
|
||||
100%{ transform: rotate(478.6deg);}
|
||||
}
|
||||
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-center-circle.css
vendored
Normal file
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-center-circle.css
vendored
Normal file
@@ -0,0 +1,110 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-perspective: 12rem;
|
||||
-moz-perspective: 12rem;
|
||||
-ms-perspective: 12rem;
|
||||
-o-perspective: 12rem;
|
||||
perspective: 12rem;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 6rem;
|
||||
width: 6rem !important;
|
||||
line-height: 6rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(34, 153, 221, 0.8);
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
|
||||
-webkit-animation: pace-3d-spinner linear infinite 2s;
|
||||
-moz-animation: pace-3d-spinner linear infinite 2s;
|
||||
-ms-animation: pace-3d-spinner linear infinite 2s;
|
||||
-o-animation: pace-3d-spinner linear infinite 2s;
|
||||
animation: pace-3d-spinner linear infinite 2s;
|
||||
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-moz-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-ms-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-o-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-o-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-3d-spinner {
|
||||
from {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-activity {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: -30px;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
display: block;
|
||||
border-width: 30px;
|
||||
border-style: double;
|
||||
border-color: #2299dd transparent transparent;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
-moz-animation: spin 1s linear infinite;
|
||||
-o-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
border-width: 10px;
|
||||
border-style: solid;
|
||||
border-color: #2299dd transparent transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 5px;
|
||||
width: 200px;
|
||||
background: #fff;
|
||||
border: 1px solid #2299dd;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 200px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: #2299dd;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #2299dd;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-activity {
|
||||
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.pace .pace-activity::before,
|
||||
.pace .pace-activity::after {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.pace .pace-activity::before {
|
||||
margin-left: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-right-color: rgba(0, 0, 0, .2);
|
||||
border-left-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 3s linear infinite;
|
||||
animation: pace-rotation 3s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity::after {
|
||||
bottom: 50px;
|
||||
margin-left: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-top-color: rgba(0, 0, 0, .2);
|
||||
border-bottom-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 1s linear infinite;
|
||||
animation: pace-rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-rotation {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes pace-rotation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
21
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-fill-left.css
vendored
Normal file
21
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-fill-left.css
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: rgba(34, 153, 221, 0.19999999999999996);
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-flash.css
vendored
Normal file
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-flash.css
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background: #2299dd;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px #2299dd, 0 0 5px #2299dd;
|
||||
opacity: 1.0;
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-moz-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
-o-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: solid 2px transparent;
|
||||
border-top-color: #2299dd;
|
||||
border-left-color: #2299dd;
|
||||
border-radius: 10px;
|
||||
-webkit-animation: pace-spinner 400ms linear infinite;
|
||||
-moz-animation: pace-spinner 400ms linear infinite;
|
||||
-ms-animation: pace-spinner 400ms linear infinite;
|
||||
-o-animation: pace-spinner 400ms linear infinite;
|
||||
animation: pace-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes pace-spinner {
|
||||
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-o-keyframes pace-spinner {
|
||||
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-ms-keyframes pace-spinner {
|
||||
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes pace-spinner {
|
||||
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-flat-top.css
vendored
Normal file
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-flat-top.css
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
background: #2299dd;
|
||||
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
|
||||
-webkit-transform: translateY(-50px);
|
||||
transform: translateY(-50px);
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-progress {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
border: 2px solid #2299dd;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 190px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
background: #2299dd;
|
||||
color: #2299dd;
|
||||
line-height: 60px;
|
||||
font-weight: bold;
|
||||
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-mac-osx.css
vendored
Normal file
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-mac-osx.css
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #2299dd;
|
||||
|
||||
color: #5AB2E5;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-border-radius: 0 0 4px 0;
|
||||
-moz-border-radius: 0 0 4px 0;
|
||||
-o-border-radius: 0 0 4px 0;
|
||||
border-radius: 0 0 4px 0;
|
||||
|
||||
-webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -28px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -o-radial-gradient(rgba(24, 107, 154, 0.6) 0%, rgba(34, 153, 221, 0) 100%);
|
||||
background-image: -moz-radial-gradient(rgba(24, 107, 154, 0.6) 0%, rgba(34, 153, 221, 0) 100%);
|
||||
background-image: -webkit-radial-gradient(rgba(24, 107, 154, 0.6) 0%, rgba(34, 153, 221, 0) 100%);
|
||||
background-image: radial-gradient(rgba(24, 107, 154, 0.6) 0%, rgba(34, 153, 221, 0) 100%);
|
||||
|
||||
|
||||
-webkit-background-size: 28px 100%;
|
||||
-moz-background-size: 28px 100%;
|
||||
-o-background-size: 28px 100%;
|
||||
background-size: 28px 100%;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-minimal.css
vendored
Normal file
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/blue/pace-theme-minimal.css
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace .pace-progress {
|
||||
background: #2299dd;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #22df80;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: .5rem;
|
||||
content: attr(data-progress-text);
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
color: rgba(34, 223, 128, 0.19999999999999996);
|
||||
}
|
||||
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-bounce.css
vendored
Normal file
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-bounce.css
vendored
Normal file
@@ -0,0 +1,231 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
width: 140px;
|
||||
height: 300px;
|
||||
position: fixed;
|
||||
top: -90px;
|
||||
right: -20px;
|
||||
z-index: 2000;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear 0s;
|
||||
-moz-transition: all 2s linear 0s;
|
||||
transition: all 2s linear 0s;
|
||||
}
|
||||
|
||||
.pace.pace-active {
|
||||
-webkit-transform: scale(.25);
|
||||
-moz-transform: scale(.25);
|
||||
-ms-transform: scale(.25);
|
||||
-o-transform: scale(.25);
|
||||
transform: scale(.25);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
background: #22df80;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1911;
|
||||
-webkit-animation: pace-bounce 1s infinite;
|
||||
-moz-animation: pace-bounce 1s infinite;
|
||||
-o-animation: pace-bounce 1s infinite;
|
||||
-ms-animation: pace-bounce 1s infinite;
|
||||
animation: pace-bounce 1s infinite;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 1910;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-transform: scaleY(.3);
|
||||
-moz-transform: scaleY(.3);
|
||||
-ms-transform: scaleY(.3);
|
||||
-o-transform: scaleY(.3);
|
||||
transform: scaleY(.3);
|
||||
-webkit-animation: pace-compress .5s infinite alternate;
|
||||
-moz-animation: pace-compress .5s infinite alternate;
|
||||
-o-animation: pace-compress .5s infinite alternate;
|
||||
-ms-animation: pace-compress .5s infinite alternate;
|
||||
animation: pace-compress .5s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-moz-animation-timing-function: ease-out;}
|
||||
95% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-center-atom.css
vendored
Normal file
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-center-atom.css
vendored
Normal file
@@ -0,0 +1,170 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
.pace .pace-progress:before {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #22df80;
|
||||
border-radius: 50%;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
padding: 20% 0 7px;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
margin: 10px 0 0 30px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #22df80;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-animation: spin-3 2s linear infinite;
|
||||
-moz-animation: spin-3 2s linear infinite;
|
||||
-o-animation: spin-3 2s linear infinite;
|
||||
animation: spin-3 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #22df80;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-animation: spin-1 2s linear infinite;
|
||||
-moz-animation: spin-1 2s linear infinite;
|
||||
-o-animation: spin-1 2s linear infinite;
|
||||
animation: spin-1 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:after{
|
||||
border-radius: 50%;
|
||||
border: 5px solid #22df80;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: spin-2 2s linear infinite;
|
||||
-moz-animation: spin-2 2s linear infinite;
|
||||
-o-animation: spin-2 2s linear infinite;
|
||||
animation: spin-2 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-1 {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100%{ -webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes spin-1 {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100%{ -moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes spin-1 {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100%{ -o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes spin-1 {
|
||||
0% { transform: rotate(0deg); }
|
||||
100%{ transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-2 {
|
||||
0% { -webkit-transform: rotate(59.8deg); }
|
||||
100%{ -webkit-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-moz-keyframes spin-2 {
|
||||
0% { -moz-transform: rotate(59.8deg); }
|
||||
100%{ -moz-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-o-keyframes spin-2 {
|
||||
0% { -o-transform: rotate(59.8deg); }
|
||||
100%{ -o-transform: rotate(418.8deg);}
|
||||
}
|
||||
@keyframes spin-2 {
|
||||
0% { transform: rotate(59.8deg); }
|
||||
100%{ transform: rotate(418.8deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-3 {
|
||||
0% { -webkit-transform: rotate(119.6deg); }
|
||||
100%{ -webkit-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-moz-keyframes spin-3 {
|
||||
0% { -moz-transform: rotate(119.6deg); }
|
||||
100%{ -moz-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-o-keyframes spin-3 {
|
||||
0% { -o-transform: rotate(119.6deg); }
|
||||
100%{ -o-transform: rotate(478.6deg);}
|
||||
}
|
||||
@keyframes spin-3 {
|
||||
0% { transform: rotate(119.6deg); }
|
||||
100%{ transform: rotate(478.6deg);}
|
||||
}
|
||||
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-center-circle.css
vendored
Normal file
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-center-circle.css
vendored
Normal file
@@ -0,0 +1,110 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-perspective: 12rem;
|
||||
-moz-perspective: 12rem;
|
||||
-ms-perspective: 12rem;
|
||||
-o-perspective: 12rem;
|
||||
perspective: 12rem;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 6rem;
|
||||
width: 6rem !important;
|
||||
line-height: 6rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(34, 223, 128, 0.8);
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
|
||||
-webkit-animation: pace-3d-spinner linear infinite 2s;
|
||||
-moz-animation: pace-3d-spinner linear infinite 2s;
|
||||
-ms-animation: pace-3d-spinner linear infinite 2s;
|
||||
-o-animation: pace-3d-spinner linear infinite 2s;
|
||||
animation: pace-3d-spinner linear infinite 2s;
|
||||
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-moz-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-ms-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-o-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-o-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-3d-spinner {
|
||||
from {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-activity {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: -30px;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
display: block;
|
||||
border-width: 30px;
|
||||
border-style: double;
|
||||
border-color: #22df80 transparent transparent;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
-moz-animation: spin 1s linear infinite;
|
||||
-o-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
border-width: 10px;
|
||||
border-style: solid;
|
||||
border-color: #22df80 transparent transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 5px;
|
||||
width: 200px;
|
||||
background: #fff;
|
||||
border: 1px solid #22df80;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 200px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: #22df80;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #22df80;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-activity {
|
||||
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.pace .pace-activity::before,
|
||||
.pace .pace-activity::after {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.pace .pace-activity::before {
|
||||
margin-left: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-right-color: rgba(0, 0, 0, .2);
|
||||
border-left-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 3s linear infinite;
|
||||
animation: pace-rotation 3s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity::after {
|
||||
bottom: 50px;
|
||||
margin-left: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-top-color: rgba(0, 0, 0, .2);
|
||||
border-bottom-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 1s linear infinite;
|
||||
animation: pace-rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-rotation {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes pace-rotation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
21
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-fill-left.css
vendored
Normal file
21
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-fill-left.css
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: rgba(34, 223, 128, 0.19999999999999996);
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-flash.css
vendored
Normal file
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-flash.css
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background: #22df80;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px #22df80, 0 0 5px #22df80;
|
||||
opacity: 1.0;
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-moz-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
-o-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: solid 2px transparent;
|
||||
border-top-color: #22df80;
|
||||
border-left-color: #22df80;
|
||||
border-radius: 10px;
|
||||
-webkit-animation: pace-spinner 400ms linear infinite;
|
||||
-moz-animation: pace-spinner 400ms linear infinite;
|
||||
-ms-animation: pace-spinner 400ms linear infinite;
|
||||
-o-animation: pace-spinner 400ms linear infinite;
|
||||
animation: pace-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes pace-spinner {
|
||||
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-o-keyframes pace-spinner {
|
||||
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-ms-keyframes pace-spinner {
|
||||
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes pace-spinner {
|
||||
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-flat-top.css
vendored
Normal file
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-flat-top.css
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
background: #22df80;
|
||||
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
|
||||
-webkit-transform: translateY(-50px);
|
||||
transform: translateY(-50px);
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-progress {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
border: 2px solid #22df80;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 190px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
background: #22df80;
|
||||
color: #22df80;
|
||||
line-height: 60px;
|
||||
font-weight: bold;
|
||||
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-mac-osx.css
vendored
Normal file
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-mac-osx.css
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #22df80;
|
||||
|
||||
color: #58E79F;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-border-radius: 0 0 4px 0;
|
||||
-moz-border-radius: 0 0 4px 0;
|
||||
-o-border-radius: 0 0 4px 0;
|
||||
border-radius: 0 0 4px 0;
|
||||
|
||||
-webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -28px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -o-radial-gradient(rgba(22, 156, 89, 0.6) 0%, rgba(34, 223, 128, 0) 100%);
|
||||
background-image: -moz-radial-gradient(rgba(22, 156, 89, 0.6) 0%, rgba(34, 223, 128, 0) 100%);
|
||||
background-image: -webkit-radial-gradient(rgba(22, 156, 89, 0.6) 0%, rgba(34, 223, 128, 0) 100%);
|
||||
background-image: radial-gradient(rgba(22, 156, 89, 0.6) 0%, rgba(34, 223, 128, 0) 100%);
|
||||
|
||||
|
||||
-webkit-background-size: 28px 100%;
|
||||
-moz-background-size: 28px 100%;
|
||||
-o-background-size: 28px 100%;
|
||||
background-size: 28px 100%;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-minimal.css
vendored
Normal file
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/green/pace-theme-minimal.css
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace .pace-progress {
|
||||
background: #22df80;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #eb7a55;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: .5rem;
|
||||
content: attr(data-progress-text);
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
color: rgba(235, 122, 85, 0.19999999999999996);
|
||||
}
|
||||
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-bounce.css
vendored
Normal file
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-bounce.css
vendored
Normal file
@@ -0,0 +1,231 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
width: 140px;
|
||||
height: 300px;
|
||||
position: fixed;
|
||||
top: -90px;
|
||||
right: -20px;
|
||||
z-index: 2000;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear 0s;
|
||||
-moz-transition: all 2s linear 0s;
|
||||
transition: all 2s linear 0s;
|
||||
}
|
||||
|
||||
.pace.pace-active {
|
||||
-webkit-transform: scale(.25);
|
||||
-moz-transform: scale(.25);
|
||||
-ms-transform: scale(.25);
|
||||
-o-transform: scale(.25);
|
||||
transform: scale(.25);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
background: #eb7a55;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1911;
|
||||
-webkit-animation: pace-bounce 1s infinite;
|
||||
-moz-animation: pace-bounce 1s infinite;
|
||||
-o-animation: pace-bounce 1s infinite;
|
||||
-ms-animation: pace-bounce 1s infinite;
|
||||
animation: pace-bounce 1s infinite;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 1910;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-transform: scaleY(.3);
|
||||
-moz-transform: scaleY(.3);
|
||||
-ms-transform: scaleY(.3);
|
||||
-o-transform: scaleY(.3);
|
||||
transform: scaleY(.3);
|
||||
-webkit-animation: pace-compress .5s infinite alternate;
|
||||
-moz-animation: pace-compress .5s infinite alternate;
|
||||
-o-animation: pace-compress .5s infinite alternate;
|
||||
-ms-animation: pace-compress .5s infinite alternate;
|
||||
animation: pace-compress .5s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-moz-animation-timing-function: ease-out;}
|
||||
95% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-center-atom.css
vendored
Normal file
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-center-atom.css
vendored
Normal file
@@ -0,0 +1,170 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
.pace .pace-progress:before {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #eb7a55;
|
||||
border-radius: 50%;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
padding: 20% 0 7px;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
margin: 10px 0 0 30px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #eb7a55;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-animation: spin-3 2s linear infinite;
|
||||
-moz-animation: spin-3 2s linear infinite;
|
||||
-o-animation: spin-3 2s linear infinite;
|
||||
animation: spin-3 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #eb7a55;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-animation: spin-1 2s linear infinite;
|
||||
-moz-animation: spin-1 2s linear infinite;
|
||||
-o-animation: spin-1 2s linear infinite;
|
||||
animation: spin-1 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:after{
|
||||
border-radius: 50%;
|
||||
border: 5px solid #eb7a55;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: spin-2 2s linear infinite;
|
||||
-moz-animation: spin-2 2s linear infinite;
|
||||
-o-animation: spin-2 2s linear infinite;
|
||||
animation: spin-2 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-1 {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100%{ -webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes spin-1 {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100%{ -moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes spin-1 {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100%{ -o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes spin-1 {
|
||||
0% { transform: rotate(0deg); }
|
||||
100%{ transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-2 {
|
||||
0% { -webkit-transform: rotate(59.8deg); }
|
||||
100%{ -webkit-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-moz-keyframes spin-2 {
|
||||
0% { -moz-transform: rotate(59.8deg); }
|
||||
100%{ -moz-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-o-keyframes spin-2 {
|
||||
0% { -o-transform: rotate(59.8deg); }
|
||||
100%{ -o-transform: rotate(418.8deg);}
|
||||
}
|
||||
@keyframes spin-2 {
|
||||
0% { transform: rotate(59.8deg); }
|
||||
100%{ transform: rotate(418.8deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-3 {
|
||||
0% { -webkit-transform: rotate(119.6deg); }
|
||||
100%{ -webkit-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-moz-keyframes spin-3 {
|
||||
0% { -moz-transform: rotate(119.6deg); }
|
||||
100%{ -moz-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-o-keyframes spin-3 {
|
||||
0% { -o-transform: rotate(119.6deg); }
|
||||
100%{ -o-transform: rotate(478.6deg);}
|
||||
}
|
||||
@keyframes spin-3 {
|
||||
0% { transform: rotate(119.6deg); }
|
||||
100%{ transform: rotate(478.6deg);}
|
||||
}
|
||||
@@ -0,0 +1,110 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-perspective: 12rem;
|
||||
-moz-perspective: 12rem;
|
||||
-ms-perspective: 12rem;
|
||||
-o-perspective: 12rem;
|
||||
perspective: 12rem;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 6rem;
|
||||
width: 6rem !important;
|
||||
line-height: 6rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(235, 122, 85, 0.8);
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
|
||||
-webkit-animation: pace-3d-spinner linear infinite 2s;
|
||||
-moz-animation: pace-3d-spinner linear infinite 2s;
|
||||
-ms-animation: pace-3d-spinner linear infinite 2s;
|
||||
-o-animation: pace-3d-spinner linear infinite 2s;
|
||||
animation: pace-3d-spinner linear infinite 2s;
|
||||
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-moz-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-ms-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-o-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-o-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-3d-spinner {
|
||||
from {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-activity {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: -30px;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
display: block;
|
||||
border-width: 30px;
|
||||
border-style: double;
|
||||
border-color: #eb7a55 transparent transparent;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
-moz-animation: spin 1s linear infinite;
|
||||
-o-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
border-width: 10px;
|
||||
border-style: solid;
|
||||
border-color: #eb7a55 transparent transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 5px;
|
||||
width: 200px;
|
||||
background: #fff;
|
||||
border: 1px solid #eb7a55;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 200px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: #eb7a55;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #eb7a55;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-activity {
|
||||
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.pace .pace-activity::before,
|
||||
.pace .pace-activity::after {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.pace .pace-activity::before {
|
||||
margin-left: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-right-color: rgba(0, 0, 0, .2);
|
||||
border-left-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 3s linear infinite;
|
||||
animation: pace-rotation 3s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity::after {
|
||||
bottom: 50px;
|
||||
margin-left: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-top-color: rgba(0, 0, 0, .2);
|
||||
border-bottom-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 1s linear infinite;
|
||||
animation: pace-rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-rotation {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes pace-rotation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: rgba(235, 122, 85, 0.19999999999999996);
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-flash.css
vendored
Normal file
76
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-flash.css
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background: #eb7a55;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px #eb7a55, 0 0 5px #eb7a55;
|
||||
opacity: 1.0;
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-moz-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
-o-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: solid 2px transparent;
|
||||
border-top-color: #eb7a55;
|
||||
border-left-color: #eb7a55;
|
||||
border-radius: 10px;
|
||||
-webkit-animation: pace-spinner 400ms linear infinite;
|
||||
-moz-animation: pace-spinner 400ms linear infinite;
|
||||
-ms-animation: pace-spinner 400ms linear infinite;
|
||||
-o-animation: pace-spinner 400ms linear infinite;
|
||||
animation: pace-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-moz-keyframes pace-spinner {
|
||||
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-o-keyframes pace-spinner {
|
||||
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@-ms-keyframes pace-spinner {
|
||||
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes pace-spinner {
|
||||
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-flat-top.css
vendored
Normal file
31
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-flat-top.css
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
background: #eb7a55;
|
||||
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
|
||||
-webkit-transform: translateY(-50px);
|
||||
transform: translateY(-50px);
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-progress {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
border: 2px solid #eb7a55;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 190px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
background: #eb7a55;
|
||||
color: #eb7a55;
|
||||
line-height: 60px;
|
||||
font-weight: bold;
|
||||
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-mac-osx.css
vendored
Normal file
85
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-mac-osx.css
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #eb7a55;
|
||||
|
||||
color: #F4B39E;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-border-radius: 0 0 4px 0;
|
||||
-moz-border-radius: 0 0 4px 0;
|
||||
-o-border-radius: 0 0 4px 0;
|
||||
border-radius: 0 0 4px 0;
|
||||
|
||||
-webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
-o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -28px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -o-radial-gradient(rgba(201, 68, 24, 0.6) 0%, rgba(235, 122, 85, 0) 100%);
|
||||
background-image: -moz-radial-gradient(rgba(201, 68, 24, 0.6) 0%, rgba(235, 122, 85, 0) 100%);
|
||||
background-image: -webkit-radial-gradient(rgba(201, 68, 24, 0.6) 0%, rgba(235, 122, 85, 0) 100%);
|
||||
background-image: radial-gradient(rgba(201, 68, 24, 0.6) 0%, rgba(235, 122, 85, 0) 100%);
|
||||
|
||||
|
||||
-webkit-background-size: 28px 100%;
|
||||
-moz-background-size: 28px 100%;
|
||||
-o-background-size: 28px 100%;
|
||||
background-size: 28px 100%;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
||||
}
|
||||
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-minimal.css
vendored
Normal file
18
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/orange/pace-theme-minimal.css
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace .pace-progress {
|
||||
background: #eb7a55;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
72
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-barber-shop.css
vendored
Normal file
72
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-barber-shop.css
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
background-color: #29d;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-transition: width 1s;
|
||||
-moz-transition: width 1s;
|
||||
-o-transition: width 1s;
|
||||
transition: width 1s;
|
||||
}
|
||||
|
||||
.pace .pace-progress-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -32px;
|
||||
bottom: 0;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
|
||||
-webkit-background-size: 32px 32px;
|
||||
-moz-background-size: 32px 32px;
|
||||
-o-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
|
||||
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
||||
-o-animation: pace-stripe-animation 500ms linear infinite;
|
||||
animation: pace-stripe-animation 500ms linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-stripe-animation {
|
||||
0% { -webkit-transform: none; transform: none; }
|
||||
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-moz-keyframes pace-stripe-animation {
|
||||
0% { -moz-transform: none; transform: none; }
|
||||
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-o-keyframes pace-stripe-animation {
|
||||
0% { -o-transform: none; transform: none; }
|
||||
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@-ms-keyframes pace-stripe-animation {
|
||||
0% { -ms-transform: none; transform: none; }
|
||||
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
@keyframes pace-stripe-animation {
|
||||
0% { transform: none; transform: none; }
|
||||
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
|
||||
}
|
||||
35
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-big-counter.css
vendored
Normal file
35
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-big-counter.css
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: .5rem;
|
||||
content: attr(data-progress-text);
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
color: rgba(0, 0, 0, 0.19999999999999996);
|
||||
}
|
||||
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-bounce.css
vendored
Normal file
231
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-bounce.css
vendored
Normal file
@@ -0,0 +1,231 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
width: 140px;
|
||||
height: 300px;
|
||||
position: fixed;
|
||||
top: -90px;
|
||||
right: -20px;
|
||||
z-index: 2000;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear 0s;
|
||||
-moz-transition: all 2s linear 0s;
|
||||
transition: all 2s linear 0s;
|
||||
}
|
||||
|
||||
.pace.pace-active {
|
||||
-webkit-transform: scale(.25);
|
||||
-moz-transform: scale(.25);
|
||||
-ms-transform: scale(.25);
|
||||
-o-transform: scale(.25);
|
||||
transform: scale(.25);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
background: #29d;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1911;
|
||||
-webkit-animation: pace-bounce 1s infinite;
|
||||
-moz-animation: pace-bounce 1s infinite;
|
||||
-o-animation: pace-bounce 1s infinite;
|
||||
-ms-animation: pace-bounce 1s infinite;
|
||||
animation: pace-bounce 1s infinite;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 1910;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-transform: scaleY(.3);
|
||||
-moz-transform: scaleY(.3);
|
||||
-ms-transform: scaleY(.3);
|
||||
-o-transform: scaleY(.3);
|
||||
transform: scaleY(.3);
|
||||
-webkit-animation: pace-compress .5s infinite alternate;
|
||||
-moz-animation: pace-compress .5s infinite alternate;
|
||||
-o-animation: pace-compress .5s infinite alternate;
|
||||
-ms-animation: pace-compress .5s infinite alternate;
|
||||
animation: pace-compress .5s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
40% {}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
-moz-animation-timing-function: ease-out;}
|
||||
95% {
|
||||
top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {top: 0;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-bounce {
|
||||
0% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
50% {
|
||||
top: 140px;
|
||||
height: 140px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
55% {
|
||||
top: 160px;
|
||||
height: 120px;
|
||||
border-radius: 70px / 60px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
65% {
|
||||
top: 120px;
|
||||
height: 140px;
|
||||
border-radius: 70px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-compress {
|
||||
0% {
|
||||
bottom: 0;
|
||||
margin-left: -30px;
|
||||
width: 60px;
|
||||
height: 75px;
|
||||
background: rgba(20, 20, 20, .1);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
|
||||
border-radius: 30px / 40px;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
bottom: 30px;
|
||||
margin-left: -10px;
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
background: rgba(20, 20, 20, .3);
|
||||
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
|
||||
border-radius: 20px / 20px;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-atom.css
vendored
Normal file
170
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-atom.css
vendored
Normal file
@@ -0,0 +1,170 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
.pace .pace-progress:before {
|
||||
content: attr(data-progress-text);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #29d;
|
||||
border-radius: 50%;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
line-height: 1;
|
||||
padding: 20% 0 7px;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
margin: 10px 0 0 30px;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #29d;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-animation: spin-3 2s linear infinite;
|
||||
-moz-animation: spin-3 2s linear infinite;
|
||||
-o-animation: spin-3 2s linear infinite;
|
||||
animation: spin-3 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
z-index: 2000;
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
border-radius: 50%;
|
||||
border: 5px solid #29d;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-animation: spin-1 2s linear infinite;
|
||||
-moz-animation: spin-1 2s linear infinite;
|
||||
-o-animation: spin-1 2s linear infinite;
|
||||
animation: spin-1 2s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:after{
|
||||
border-radius: 50%;
|
||||
border: 5px solid #29d;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: spin-2 2s linear infinite;
|
||||
-moz-animation: spin-2 2s linear infinite;
|
||||
-o-animation: spin-2 2s linear infinite;
|
||||
animation: spin-2 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-1 {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100%{ -webkit-transform: rotate(359deg);}
|
||||
}
|
||||
@-moz-keyframes spin-1 {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100%{ -moz-transform: rotate(359deg);}
|
||||
}
|
||||
@-o-keyframes spin-1 {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100%{ -o-transform: rotate(359deg);}
|
||||
}
|
||||
@keyframes spin-1 {
|
||||
0% { transform: rotate(0deg); }
|
||||
100%{ transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-2 {
|
||||
0% { -webkit-transform: rotate(59.8deg); }
|
||||
100%{ -webkit-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-moz-keyframes spin-2 {
|
||||
0% { -moz-transform: rotate(59.8deg); }
|
||||
100%{ -moz-transform: rotate(418.8deg);}
|
||||
}
|
||||
@-o-keyframes spin-2 {
|
||||
0% { -o-transform: rotate(59.8deg); }
|
||||
100%{ -o-transform: rotate(418.8deg);}
|
||||
}
|
||||
@keyframes spin-2 {
|
||||
0% { transform: rotate(59.8deg); }
|
||||
100%{ transform: rotate(418.8deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-3 {
|
||||
0% { -webkit-transform: rotate(119.6deg); }
|
||||
100%{ -webkit-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-moz-keyframes spin-3 {
|
||||
0% { -moz-transform: rotate(119.6deg); }
|
||||
100%{ -moz-transform: rotate(478.6deg);}
|
||||
}
|
||||
@-o-keyframes spin-3 {
|
||||
0% { -o-transform: rotate(119.6deg); }
|
||||
100%{ -o-transform: rotate(478.6deg);}
|
||||
}
|
||||
@keyframes spin-3 {
|
||||
0% { transform: rotate(119.6deg); }
|
||||
100%{ transform: rotate(478.6deg);}
|
||||
}
|
||||
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-circle.css
vendored
Normal file
110
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-circle.css
vendored
Normal file
@@ -0,0 +1,110 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-perspective: 12rem;
|
||||
-moz-perspective: 12rem;
|
||||
-ms-perspective: 12rem;
|
||||
-o-perspective: 12rem;
|
||||
perspective: 12rem;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 6rem;
|
||||
width: 6rem !important;
|
||||
line-height: 6rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(34, 153, 221, 0.8);
|
||||
color: #fff;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
|
||||
-webkit-animation: pace-3d-spinner linear infinite 2s;
|
||||
-moz-animation: pace-3d-spinner linear infinite 2s;
|
||||
-ms-animation: pace-3d-spinner linear infinite 2s;
|
||||
-o-animation: pace-3d-spinner linear infinite 2s;
|
||||
animation: pace-3d-spinner linear infinite 2s;
|
||||
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.pace .pace-progress:after {
|
||||
content: attr(data-progress-text);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-moz-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-ms-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes pace-3d-spinner {
|
||||
from {
|
||||
-o-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
-o-transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pace-3d-spinner {
|
||||
from {
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotateY(360deg);
|
||||
}
|
||||
}
|
||||
71
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-radar.css
vendored
Normal file
71
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-radar.css
vendored
Normal file
@@ -0,0 +1,71 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.pace.pace-inactive .pace-activity {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: -30px;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
display: block;
|
||||
border-width: 30px;
|
||||
border-style: double;
|
||||
border-color: #29d transparent transparent;
|
||||
border-radius: 50%;
|
||||
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
-moz-animation: spin 1s linear infinite;
|
||||
-o-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
border-width: 10px;
|
||||
border-style: solid;
|
||||
border-color: #29d transparent transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
54
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-simple.css
vendored
Normal file
54
mayan/apps/appearance/static/appearance/vendors/pace-0.7.8/themes/pace-theme-center-simple.css
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
z-index: 2000;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 5px;
|
||||
width: 200px;
|
||||
background: #fff;
|
||||
border: 1px solid #29d;
|
||||
}
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-transition: width 1s ease-in-out 1s linear;
|
||||
-moz-transition: width 1s ease-in-out 1s linear;
|
||||
-ms-transition: width 1s ease-in-out 1s linear;
|
||||
-o-transition: width 1s ease-in-out 1s linear;
|
||||
transition: width 1s ease-in-out 1s linear;
|
||||
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
||||
max-width: 200px;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: #29d;
|
||||
}
|
||||
|
||||
.pace.pace-inactive {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/* This is a compiled file, you should be editing the file in the templates directory */
|
||||
.pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #29d;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.pace.pace-active .pace-activity {
|
||||
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.pace .pace-activity::before,
|
||||
.pace .pace-activity::after {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.pace .pace-activity::before {
|
||||
margin-left: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-right-color: rgba(0, 0, 0, .2);
|
||||
border-left-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 3s linear infinite;
|
||||
animation: pace-rotation 3s linear infinite;
|
||||
}
|
||||
|
||||
.pace .pace-activity::after {
|
||||
bottom: 50px;
|
||||
margin-left: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-top-color: rgba(0, 0, 0, .2);
|
||||
border-bottom-color: rgba(0, 0, 0, .2);
|
||||
-webkit-animation: pace-rotation 1s linear infinite;
|
||||
animation: pace-rotation 1s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pace-rotation {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes pace-rotation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user