mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 01:22:16 +02:00
Implement Online/Offline connection indicator
This commit is contained in:
Hadi Nategh
parent
3daa25ca1a
commit
54cafd15d7
@ -314,6 +314,44 @@
|
||||
}
|
||||
});
|
||||
|
||||
// Offline/Online checking part
|
||||
if (typeof window.Offline != 'undefined')
|
||||
{
|
||||
Offline.options = {
|
||||
// Should we check the connection status immediatly on page load.
|
||||
checkOnLoad: false,
|
||||
|
||||
// Should we monitor AJAX requests to help decide if we have a connection.
|
||||
interceptRequests: true,
|
||||
|
||||
// Should we automatically retest periodically when the connection is down (set to false to disable).
|
||||
reconnect: {
|
||||
// How many seconds should we wait before rechecking.
|
||||
initialDelay: 3,
|
||||
|
||||
// How long should we wait between retries.
|
||||
//delay: (1.5 * last delay, capped at 1 hour)
|
||||
},
|
||||
|
||||
// Should we store and attempt to remake requests which fail while the connection is down.
|
||||
requests: true,
|
||||
|
||||
checks: {
|
||||
xhr: {
|
||||
url: egw.webserverUrl+'/api/templates/default/images/favicon.png?'+Date.now()
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
window.Offline.on('down', function(){
|
||||
this.loading_prompt('connectionLost', true, '', null);
|
||||
}, egw(window));
|
||||
window.Offline.on('up', function(){
|
||||
jQuery('#egw_message').click()
|
||||
this.loading_prompt('connectionLost', false);
|
||||
}, egw(window));
|
||||
}
|
||||
|
||||
// set app-header
|
||||
if (window.framework && egw_script.getAttribute('data-app-header'))
|
||||
{
|
||||
|
||||
8
api/js/offline/LICENSE
Normal file
8
api/js/offline/LICENSE
Normal file
@ -0,0 +1,8 @@
|
||||
Copyright (c) 2014 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.
|
||||
|
||||
150
api/js/offline/README.md
Normal file
150
api/js/offline/README.md
Normal file
@ -0,0 +1,150 @@
|
||||
Offline
|
||||
======
|
||||
|
||||
**Note to users pre-0.6.0: Offline previously used a cloudfront hosted file as one of it's methods of detecting the connection status. This method is now deprecated and the image has been removed. Please upgrade to Offline 0.7.0+.**
|
||||
|
||||
Improve the experience of your app when your users lose connection.
|
||||
|
||||
- Monitors ajax requests looking for failure
|
||||
- Confirms the connection status by requesting an image or fake resource
|
||||
- Automatically grabs ajax requests made while the connection is down and remakes them
|
||||
after the connection is restored.
|
||||
- Simple UI with beautiful themes
|
||||
- 3kb minified and compressed
|
||||
|
||||
Install with Eager
|
||||
------------------
|
||||
|
||||
The easiest way to add Offline to your site is with [Eager](http://eager.io).
|
||||
Click Install to see a live preview of Offline on your website.
|
||||
|
||||
<a href="https://eager.io/app/NnkeiqegQ2K4/install?source=button">
|
||||
<img src="https://install.eager.io/install-button.png" border="0" width="126">
|
||||
</a>
|
||||
|
||||
|
||||
Manual Installation
|
||||
-------------------
|
||||
|
||||
Include [the javascript](https://raw.github.com/HubSpot/offline/v0.7.14/offline.min.js), one of [the themes](http://github.hubspot.com/offline/docs/welcome/), and one of [the
|
||||
languages](https://github.com/HubSpot/offline/tree/master/themes) on your site. You're done!
|
||||
|
||||
To use only the JavaScript API without a UI indicator, simply leave out the CSS file.
|
||||
|
||||
If you'd like to get a peek at how it looks on your site, disconnect your internet, or try out the [simulator](http://craigshoemaker.github.io/offlinejs-simulate-ui/).
|
||||
|
||||
Advanced
|
||||
--------
|
||||
|
||||
Optionally, you can provide some configuration by setting `Offline.options` after
|
||||
bringing in the script.
|
||||
|
||||
Options (any can be provided as a function), with their defaults:
|
||||
|
||||
```javascript
|
||||
{
|
||||
// Should we check the connection status immediatly on page load.
|
||||
checkOnLoad: false,
|
||||
|
||||
// Should we monitor AJAX requests to help decide if we have a connection.
|
||||
interceptRequests: true,
|
||||
|
||||
// Should we automatically retest periodically when the connection is down (set to false to disable).
|
||||
reconnect: {
|
||||
// How many seconds should we wait before rechecking.
|
||||
initialDelay: 3,
|
||||
|
||||
// How long should we wait between retries.
|
||||
delay: (1.5 * last delay, capped at 1 hour)
|
||||
},
|
||||
|
||||
// Should we store and attempt to remake requests which fail while the connection is down.
|
||||
requests: true,
|
||||
|
||||
// Should we show a snake game while the connection is down to keep the user entertained?
|
||||
// It's not included in the normal build, you should bring in js/snake.js in addition to
|
||||
// offline.min.js.
|
||||
game: false
|
||||
}
|
||||
```
|
||||
|
||||
Properties
|
||||
----------
|
||||
|
||||
`Offline.check()`: Check the current status of the connection.
|
||||
|
||||
`Offline.state`: The current state of the connection 'up' or 'down'
|
||||
|
||||
`Offline.on(event, handler, context)`: Bind an event. Events:
|
||||
|
||||
- up: The connection has gone from down to up
|
||||
- down: The connection has gone from up to down
|
||||
- confirmed-up: A connection test has succeeded, fired even if the connection was already up
|
||||
- confirmed-down: A connection test has failed, fired even if the connection was already down
|
||||
- checking: We are testing the connection
|
||||
- reconnect:started: We are beginning the reconnect process
|
||||
- reconnect:stopped: We are done attempting to reconnect
|
||||
- reconnect:tick: Fired every second during a reconnect attempt, when a check is not happening
|
||||
- reconnect:connecting: We are reconnecting now
|
||||
- reconnect:failure: A reconnect check attempt failed
|
||||
- requests:flush: Any pending requests have been remade
|
||||
- requests:hold: A new request is being held
|
||||
|
||||
`Offline.off(event, handler)`: Unbind an event
|
||||
|
||||
Checking
|
||||
--------
|
||||
|
||||
By default, Offline makes an XHR request to load your `/favicon.ico` to check the connection. If you don't
|
||||
have such a file, it will 404 in the console, but otherwise work fine (even a 404 means the connection is up).
|
||||
You can change the URL it hits (an endpoint which will respond with a quick 204 is perfect):
|
||||
|
||||
```javascript
|
||||
Offline.options = {checks: {xhr: {url: '/connection-test'}}};
|
||||
```
|
||||
|
||||
Make sure that the URL you check has the same origin as your page (the connection method, domain and port all must be the same), or you
|
||||
will run into CORS issues. You can add `Access-Control` headers to the endpoint to fix it on modern browsers, but it will still cause issues on
|
||||
IE9 and below.
|
||||
|
||||
If you do want to run tests on a different domain, try the image method. It loads an image, which are allowed to cross domains.
|
||||
|
||||
```javascript
|
||||
Offline.options = {checks: {image: {url: 'my-image.gif'}, active: 'image'}}
|
||||
```
|
||||
|
||||
The one cavet is that with the image method, we can't distinguish a 404 from a genuine connection issue, so any error at all will
|
||||
appear to Offline as a connection issue.
|
||||
|
||||
Offline also includes a check called `'up'` and another called `'down'` which will always report being up or down respectively for
|
||||
testing. You can activate them by setting the `active` option, adding a data attribute to your script tag with the name
|
||||
`data-simulate` and value `'up'` or `'down'`, or by setting `localStorage.OFFLINE_SIMULATE` to `'up'` or `'down'`.
|
||||
|
||||
Reconnect
|
||||
---------
|
||||
|
||||
The reconnect module automatically retests the connection periodically when it is down.
|
||||
A successful AJAX request will also trigger a silent recheck (if `interceptRequests` is not false).
|
||||
|
||||
You can disable the reconnect module by setting the `reconnect` to false. Reconnect can be
|
||||
configured by setting options on the reconnect setting.
|
||||
|
||||
Requests
|
||||
--------
|
||||
|
||||
The requests module holds any failed AJAX requests and, after deduping them, remakes them when the connection
|
||||
is restored.
|
||||
|
||||
You can disable it by setting the `requests` setting to false.
|
||||
|
||||
You can also set deDupBody to be true if you want deduping to also take into account the content of the request.
|
||||
|
||||
Dependencies
|
||||
------------
|
||||
|
||||
None!
|
||||
|
||||
Browser Support
|
||||
---------------
|
||||
|
||||
Modern Chrome, Firefox, Safari and IE8+
|
||||
2
api/js/offline/offline.min.js
vendored
Normal file
2
api/js/offline/offline.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8
api/js/offline/themes/offline-language-de-indicator.css
Normal file
8
api/js/offline/themes/offline-language-de-indicator.css
Normal file
@ -0,0 +1,8 @@
|
||||
/* line 5, ../sass/offline-language-german-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Online";
|
||||
}
|
||||
/* line 10, ../sass/offline-language-german-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Offline";
|
||||
}
|
||||
109
api/js/offline/themes/offline-language-de.css
Normal file
109
api/js/offline/themes/offline-language-de.css
Normal file
@ -0,0 +1,109 @@
|
||||
@charset "UTF-8";
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Verbinden";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Dein Computer ist mit dem Internet verbunden.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Deing Gerät ist mit dem Internet verbunden.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Dein Gerät ist online.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Dein Computer wurde vom Internet getrennt.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Dein Gerät wurde vom Internet getrennt.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Keine Internetverbindung.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Versuche Verbindung wiederherzustellen...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Keine Verbindung. Verbinde nochmal in " attr(data-retry-in-value) " Sekunden...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Verbinde in " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Keine Verbindung. Verbinde nochmal in " attr(data-retry-in-value) " Sekunde...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Verbinde in " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Keine Verbindung. Verbinde nochmal in " attr(data-retry-in-value) " Minuten...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Verbinde in " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Keine Verbindung. Verbinde nochmal in " attr(data-retry-in-value) " Minute...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Verbinde in " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Keine Verbindung. Verbinde nochmal in " attr(data-retry-in-value) " Stunden...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Verbinde in " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Keine Verbindung. Verbinde nochmal in " attr(data-retry-in-value) " Stunde...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Verbinde in " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "Verbindung Fehlgeschlagen.";
|
||||
}
|
||||
8
api/js/offline/themes/offline-language-en-indicator.css
Normal file
8
api/js/offline/themes/offline-language-en-indicator.css
Normal file
@ -0,0 +1,8 @@
|
||||
/* line 5, ../sass/offline-language-english-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Online";
|
||||
}
|
||||
/* line 10, ../sass/offline-language-english-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Offline";
|
||||
}
|
||||
108
api/js/offline/themes/offline-language-en.css
Normal file
108
api/js/offline/themes/offline-language-en.css
Normal file
@ -0,0 +1,108 @@
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Reconnect";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Your computer is connected to the internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Your device is connected to the internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Your device is connected.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Your computer lost its internet connection.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Your device lost its internet connection.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Your device isn't connected.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Attempting to reconnect...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Reconnecting in " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Reconnecting in " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Reconnecting in " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Reconnecting in " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Reconnecting in " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Reconnecting in " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "Connection attempt failed.";
|
||||
}
|
||||
9
api/js/offline/themes/offline-language-es-indicator.css
Normal file
9
api/js/offline/themes/offline-language-es-indicator.css
Normal file
@ -0,0 +1,9 @@
|
||||
@charset "UTF-8";
|
||||
/* line 3, ../sass/offline-language-spanish-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "En línea";
|
||||
}
|
||||
/* line 6, ../sass/offline-language-spanish-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Fuera de línea";
|
||||
}
|
||||
109
api/js/offline/themes/offline-language-es.css
Normal file
109
api/js/offline/themes/offline-language-es.css
Normal file
@ -0,0 +1,109 @@
|
||||
@charset "UTF-8";
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Reconectar";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Tu computador está conectado a internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Tu dispositivo está conectado a internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Tu dispositivo está conectado.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Tu computador perdió su conexión a internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Tu dispositivo perdió su conexión a internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Tu dispositivo no está conectado.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Intentando reconectar...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " segundos...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Reconectando en " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " segundo...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Reconectando en " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " minutos...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Reconectando en " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " minuto...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Reconectando en " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " horas...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Reconectando en " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " hora...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Reconectando en " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "Intento fallido.";
|
||||
}
|
||||
9
api/js/offline/themes/offline-language-fr-indicator.css
Normal file
9
api/js/offline/themes/offline-language-fr-indicator.css
Normal file
@ -0,0 +1,9 @@
|
||||
@charset "UTF-8";
|
||||
/* line 5, ../sass/offline-language-french-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Connecté";
|
||||
}
|
||||
/* line 10, ../sass/offline-language-french-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Pas connecté";
|
||||
}
|
||||
109
api/js/offline/themes/offline-language-fr.css
Normal file
109
api/js/offline/themes/offline-language-fr.css
Normal file
@ -0,0 +1,109 @@
|
||||
@charset "UTF-8";
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Reconnecter";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Votre ordinateur est connecté à Internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Votre appareil est connecté à Internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Votre appareil est connecté.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Votre ordinateur a perdu sa connexion Internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Votre appareil a perdu sa connexion Internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Votre appareil n'est pas branché.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Tentative de reconnexion...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Connexion perdue. Reconnexion dans" attr(data-retry-in-value) " secondes...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Reconnexion dans " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Connexion perdue. Reconnexion dans" attr(data-retry-in-value) " seconde...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Reconnexion dans " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Connexion perdue. Reconnexion dans" attr(data-retry-in-value) " minutes...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Reconnexion dans " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Connexion perdue. Reconnexion dans" attr(data-retry-in-value) " minute...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Reconnexion dans " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Connexion perdue. Reconnexion dans" attr(data-retry-in-value) " heures...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Reconnexion dans " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Connexion perdue. Reconnexion dans" attr(data-retry-in-value) " heure...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Reconnexion dans " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "La tentative de connexion a échoué.";
|
||||
}
|
||||
8
api/js/offline/themes/offline-language-nl-indicator.css
Normal file
8
api/js/offline/themes/offline-language-nl-indicator.css
Normal file
@ -0,0 +1,8 @@
|
||||
/* line 5, ../sass/offline-language-dutch-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Online";
|
||||
}
|
||||
/* line 10, ../sass/offline-language-dutch-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Offline";
|
||||
}
|
||||
108
api/js/offline/themes/offline-language-nl.css
Normal file
108
api/js/offline/themes/offline-language-nl.css
Normal file
@ -0,0 +1,108 @@
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Opnieuw";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Computer verbonden met internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Apparaat verbonden met internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Apparaat verbonden met internet.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Computer niet verbonden met internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Apparaat niet verbonden met internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Apparaat niet verbonden met internet.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Opnieuw proberen...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Internetverbinding kwijt. Opnieuw proberen over " attr(data-retry-in-value) " seconden...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Opnieuw proberen over " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Internetverbinding kwijt. Opnieuw proberen over " attr(data-retry-in-value) " seconde...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Opnieuw proberen over " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Internetverbinding kwijt. Opnieuw proberen over " attr(data-retry-in-value) " minuten...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Opnieuw proberen over " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Internetverbinding kwijt. Opnieuw proberen over " attr(data-retry-in-value) " minuut...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Opnieuw proberen over " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Internetverbinding kwijt. Opnieuw proberen over " attr(data-retry-in-value) " uren...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Opnieuw proberen over " attr(data-retry-in-value) "u...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Internetverbinding kwijt. Opnieuw proberen over " attr(data-retry-in-value) " uur...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Opnieuw proberen over " attr(data-retry-in-value) "u...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "Poging mislukt.";
|
||||
}
|
||||
8
api/js/offline/themes/offline-language-pt-indicator.css
Normal file
8
api/js/offline/themes/offline-language-pt-indicator.css
Normal file
@ -0,0 +1,8 @@
|
||||
/* line 5, ../sass/offline-language-portuguese-brazil-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Conectado";
|
||||
}
|
||||
/* line 10, ../sass/offline-language-portuguese-brazil-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Desconectado";
|
||||
}
|
||||
109
api/js/offline/themes/offline-language-pt.css
Normal file
109
api/js/offline/themes/offline-language-pt.css
Normal file
@ -0,0 +1,109 @@
|
||||
@charset "UTF-8";
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Reconectar";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Seu computador está conectado à internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "O dispositivo está conectado à internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "O dispositivo está conectado.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "O computador perdeu sua conexão com a internet.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "O dispositivo perdeu sua conexão com a internet.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Seu dispositivo não está conectado.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Tentando reconectar...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Conexão perdida. reconectando em " attr(data-retry-in-value) " segundos...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Reconectando em " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Conexão perdida. reconectando em " attr(data-retry-in-value) " segundo...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Reconectando em " attr(data-retry-in-value) "s...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Conexão perdida. reconectando em " attr(data-retry-in-value) " minutos...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Reconectando em " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Conexão perdida. reconectando em " attr(data-retry-in-value) " minuto...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Reconectando em " attr(data-retry-in-value) "m...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Conexão perdida. reconectando em " attr(data-retry-in-value) " horas...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Reconectando em " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Conexão perdida. reconectando em " attr(data-retry-in-value) " hora...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Reconectando em " attr(data-retry-in-value) "h...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "Tentativa de conexão falhou.";
|
||||
}
|
||||
9
api/js/offline/themes/offline-language-tr-indicator.css
Normal file
9
api/js/offline/themes/offline-language-tr-indicator.css
Normal file
@ -0,0 +1,9 @@
|
||||
@charset "UTF-8";
|
||||
/* line 5, ../sass/offline-language-turkish-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Çevrimiçi";
|
||||
}
|
||||
/* line 10, ../sass/offline-language-turkish-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Çevrimdışı";
|
||||
}
|
||||
109
api/js/offline/themes/offline-language-tr.css
Normal file
109
api/js/offline/themes/offline-language-tr.css
Normal file
@ -0,0 +1,109 @@
|
||||
@charset "UTF-8";
|
||||
/* line 6, ../sass/_content.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
content: "Yeniden bağlan";
|
||||
}
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Bilgisayarınız internete bağlı.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Cihazınız internete bağlı.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 11, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:before {
|
||||
content: "Cihazınız bağlı.";
|
||||
}
|
||||
}
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Bilgisayarınız internet bağlantısı kesildi.";
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Cihazınızın internet bağlantısı kesildi.";
|
||||
}
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 22, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:before {
|
||||
content: "Cihazınız internete bağlı değil.";
|
||||
}
|
||||
}
|
||||
/* line 33, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
|
||||
content: "Yeniden bağlanmaya çalışıyor...";
|
||||
}
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: "Bağlantı kesildi. " attr(data-retry-in-value) " saniye içinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 42, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
|
||||
content: " " attr(data-retry-in-value) "saniye içinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
}
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: "Bağlantı kesildi. " attr(data-retry-in-value) " saniye içinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 50, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
|
||||
content: " " attr(data-retry-in-value) "saniye içinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
}
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: "Bağlantı kesildi. " attr(data-retry-in-value) " dakika içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 58, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
|
||||
content: " " attr(data-retry-in-value) "dakika içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
}
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: "Bağlantı kesildi. " attr(data-retry-in-value) " dakika içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 66, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
|
||||
content: " " attr(data-retry-in-value) "dakika içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
}
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: "Bağlantı kesildi. " attr(data-retry-in-value) " saat içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 74, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
|
||||
content: " " attr(data-retry-in-value) "saat içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
}
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: "Bağlantı kesildi. " attr(data-retry-in-value) " saat içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
/* line 82, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
|
||||
content: " " attr(data-retry-in-value) "saat içersinde tekrar bağlanmayı deneyecek...";
|
||||
}
|
||||
}
|
||||
/* line 90, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 93, ../sass/_content.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
|
||||
content: "Bağlantı denemesi başarısız oldu.";
|
||||
}
|
||||
75
api/js/offline/themes/offline-theme-chrome-indicator.css
Normal file
75
api/js/offline/themes/offline-theme-chrome-indicator.css
Normal file
@ -0,0 +1,75 @@
|
||||
/* line 3, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 6, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 2000;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 13, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 16, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
display: block;
|
||||
}
|
||||
/* line 19, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/offline-theme-chrome-indicator.sass */
|
||||
.offline-ui {
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
-moz-border-radius: 4px 4px 0 0;
|
||||
-ms-border-radius: 4px 4px 0 0;
|
||||
-o-border-radius: 4px 4px 0 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
font-family: "Lucida Grande", sans-serif;
|
||||
font-size: 12px;
|
||||
padding: 7px;
|
||||
background: #f6f6f6;
|
||||
color: #888888;
|
||||
bottom: 0;
|
||||
left: 20px;
|
||||
}
|
||||
/* line 19, ../sass/offline-theme-chrome-indicator.sass */
|
||||
.offline-ui .offline-ui-content {
|
||||
padding-left: 16px;
|
||||
}
|
||||
/* line 22, ../sass/offline-theme-chrome-indicator.sass */
|
||||
.offline-ui .offline-ui-content:after {
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 1px;
|
||||
left: 8px;
|
||||
margin: auto;
|
||||
height: 9px;
|
||||
width: 9px;
|
||||
}
|
||||
/* line 36, ../sass/offline-theme-chrome-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:after {
|
||||
background: #80d580;
|
||||
}
|
||||
/* line 41, ../sass/offline-theme-chrome-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:after {
|
||||
background: #ec8787;
|
||||
}
|
||||
600
api/js/offline/themes/offline-theme-chrome.css
Normal file
600
api/js/offline/themes/offline-theme-chrome.css
Normal file
@ -0,0 +1,600 @@
|
||||
/* line 4, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 7, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 100000;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 45px;
|
||||
font-size: 12pt;
|
||||
line-height: 16px;
|
||||
}
|
||||
/* line 17, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 20, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
display: none;
|
||||
}
|
||||
/* line 24, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 29, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-up.offline-ui-up-5s {
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
/* line 37, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
|
||||
display: block;
|
||||
}
|
||||
/* line 42, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 16, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui {
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
|
||||
font-family: "Lucida Grande", sans-serif;
|
||||
font-size: 14px;
|
||||
padding: 1em;
|
||||
width: 38em;
|
||||
max-width: 100%;
|
||||
background: #f6f6f6;
|
||||
color: #444444;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 27, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui .offline-ui-content {
|
||||
padding-left: 2em;
|
||||
}
|
||||
/* line 30, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
/* line 33, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui .offline-ui-content:after {
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 1em;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
/* line 45, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
|
||||
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(38%, #ededed), color-stop(100%, #dedede));
|
||||
background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
|
||||
background-image: -moz-linear-gradient(#ededed, #ededed 38%, #dedede);
|
||||
background-image: -o-linear-gradient(#ededed, #ededed 38%, #dedede);
|
||||
background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
|
||||
position: absolute;
|
||||
right: 4em;
|
||||
top: 1em;
|
||||
bottom: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
text-shadow: 0 1px 0 #f0f0f0;
|
||||
padding: 0 1em;
|
||||
line-height: 1.6em;
|
||||
height: 1.7em;
|
||||
margin: auto;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
/* line 63, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
-webkit-animation: offline-dropout forwards 0.5s 2s;
|
||||
-moz-animation: offline-dropout forwards 0.5s 2s;
|
||||
-ms-animation: offline-dropout forwards 0.5s 2s;
|
||||
-o-animation: offline-dropout forwards 0.5s 2s;
|
||||
animation: offline-dropout forwards 0.5s 2s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
/* line 66, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:after {
|
||||
background: #80d580;
|
||||
}
|
||||
/* line 69, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
-webkit-animation: offline-dropin 0.5s;
|
||||
-moz-animation: offline-dropin 0.5s;
|
||||
-ms-animation: offline-dropin 0.5s;
|
||||
-o-animation: offline-dropin 0.5s;
|
||||
animation: offline-dropin 0.5s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
/* line 72, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:after {
|
||||
background: #ec8787;
|
||||
}
|
||||
/* line 75, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 3em;
|
||||
}
|
||||
/* line 78, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after, .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after {
|
||||
background: #ec8787;
|
||||
}
|
||||
/* line 81, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
|
||||
-webkit-animation: offline-rotation 0.7s linear infinite;
|
||||
-moz-animation: offline-rotation 0.7s linear infinite;
|
||||
-ms-animation: offline-rotation 0.7s linear infinite;
|
||||
-o-animation: offline-rotation 0.7s linear infinite;
|
||||
animation: offline-rotation 0.7s linear infinite;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
border-top-color: rgba(0, 0, 0, 0.5);
|
||||
border-left-color: rgba(0, 0, 0, 0.5);
|
||||
opacity: 0.7;
|
||||
}
|
||||
/* line 98, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 11em;
|
||||
}
|
||||
/* line 101, ../sass/offline-theme-chrome.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
|
||||
padding-right: 0;
|
||||
}
|
||||
75
api/js/offline/themes/offline-theme-dark-indicator.css
Normal file
75
api/js/offline/themes/offline-theme-dark-indicator.css
Normal file
@ -0,0 +1,75 @@
|
||||
/* line 3, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 6, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 2000;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 13, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 16, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
display: block;
|
||||
}
|
||||
/* line 19, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/offline-theme-dark-indicator.sass */
|
||||
.offline-ui {
|
||||
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
-moz-border-radius: 4px 4px 0 0;
|
||||
-ms-border-radius: 4px 4px 0 0;
|
||||
-o-border-radius: 4px 4px 0 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 300;
|
||||
padding: 1em;
|
||||
background: black;
|
||||
color: #cccccc;
|
||||
bottom: 0;
|
||||
left: 20px;
|
||||
}
|
||||
/* line 19, ../sass/offline-theme-dark-indicator.sass */
|
||||
.offline-ui .offline-ui-content {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
/* line 22, ../sass/offline-theme-dark-indicator.sass */
|
||||
.offline-ui .offline-ui-content:after {
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 1em;
|
||||
margin: auto;
|
||||
height: 0.8em;
|
||||
width: 0.8em;
|
||||
}
|
||||
/* line 36, ../sass/offline-theme-dark-indicator.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:after {
|
||||
background: #80d580;
|
||||
}
|
||||
/* line 41, ../sass/offline-theme-dark-indicator.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:after {
|
||||
background: #e24949;
|
||||
}
|
||||
594
api/js/offline/themes/offline-theme-dark.css
Normal file
594
api/js/offline/themes/offline-theme-dark.css
Normal file
@ -0,0 +1,594 @@
|
||||
/* line 4, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 7, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 100000;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* line 17, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 20, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
display: none;
|
||||
}
|
||||
/* line 24, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 29, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-up.offline-ui-up-5s {
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
/* line 37, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
|
||||
display: block;
|
||||
}
|
||||
/* line 42, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 16, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
-ms-border-radius: 0 0 4px 4px;
|
||||
-o-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
font-weight: 300;
|
||||
padding: 1em;
|
||||
width: 38em;
|
||||
max-width: 100%;
|
||||
background: black;
|
||||
color: #cccccc;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (max-width: 38em) {
|
||||
/* line 16, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
/* line 30, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui .offline-ui-content {
|
||||
padding-left: 2em;
|
||||
}
|
||||
/* line 33, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
/* line 36, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui .offline-ui-content:after {
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 1em;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
/* line 48, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
position: absolute;
|
||||
right: 3em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
line-height: 3.5em;
|
||||
height: 3.5em;
|
||||
margin: auto;
|
||||
padding: 0 1em;
|
||||
}
|
||||
/* line 61, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
-webkit-animation: offline-dropout forwards 0.5s 2s;
|
||||
-moz-animation: offline-dropout forwards 0.5s 2s;
|
||||
-ms-animation: offline-dropout forwards 0.5s 2s;
|
||||
-o-animation: offline-dropout forwards 0.5s 2s;
|
||||
animation: offline-dropout forwards 0.5s 2s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
/* line 64, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-up .offline-ui-content:after {
|
||||
background: #80d580;
|
||||
}
|
||||
/* line 67, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
-webkit-animation: offline-dropin 0.5s;
|
||||
-moz-animation: offline-dropin 0.5s;
|
||||
-ms-animation: offline-dropin 0.5s;
|
||||
-o-animation: offline-dropin 0.5s;
|
||||
animation: offline-dropin 0.5s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
/* line 70, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down .offline-ui-content:after {
|
||||
background: #e24949;
|
||||
}
|
||||
/* line 73, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 3em;
|
||||
}
|
||||
/* line 76, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after, .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after {
|
||||
background: #e24949;
|
||||
}
|
||||
/* line 79, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
|
||||
-webkit-animation: offline-rotation 0.7s linear infinite;
|
||||
-moz-animation: offline-rotation 0.7s linear infinite;
|
||||
-ms-animation: offline-rotation 0.7s linear infinite;
|
||||
-o-animation: offline-rotation 0.7s linear infinite;
|
||||
animation: offline-rotation 0.7s linear infinite;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border: 2px solid transparent;
|
||||
border-top-color: rgba(255, 255, 255, 0.5);
|
||||
border-left-color: rgba(255, 255, 255, 0.5);
|
||||
opacity: 0.7;
|
||||
}
|
||||
/* line 96, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 11em;
|
||||
}
|
||||
/* line 99, ../sass/offline-theme-dark.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
|
||||
padding-right: 0;
|
||||
}
|
||||
51
api/js/offline/themes/offline-theme-default-indicator.css
Normal file
51
api/js/offline/themes/offline-theme-default-indicator.css
Normal file
@ -0,0 +1,51 @@
|
||||
/* line 3, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 6, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 2000;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 13, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 16, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
display: block;
|
||||
}
|
||||
/* line 19, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 11, ../sass/offline-theme-default-indicator.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
max-width: 100%;
|
||||
bottom: 1em;
|
||||
left: 1em;
|
||||
}
|
||||
/* line 19, ../sass/offline-theme-default-indicator.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
background: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
/* line 23, ../sass/offline-theme-default-indicator.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
background: #ec8787;
|
||||
color: #551313;
|
||||
}
|
||||
416
api/js/offline/themes/offline-theme-default.css
Normal file
416
api/js/offline/themes/offline-theme-default.css
Normal file
@ -0,0 +1,416 @@
|
||||
/* line 4, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 7, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 100000;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* line 17, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 20, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
display: none;
|
||||
}
|
||||
/* line 24, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 29, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-up.offline-ui-up-5s {
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
/* line 37, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
|
||||
display: block;
|
||||
}
|
||||
/* line 42, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 21, ../sass/offline-theme-default.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
top: 1em;
|
||||
width: 38em;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (max-width: 38em) {
|
||||
/* line 21, ../sass/offline-theme-default.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
border-radius: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
/* line 34, ../sass/offline-theme-default.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
/* line 37, ../sass/offline-theme-default.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
position: absolute;
|
||||
right: 3em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
line-height: 3.5em;
|
||||
height: 3.5em;
|
||||
margin: auto;
|
||||
padding: 0 1em;
|
||||
}
|
||||
/* line 50, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
-webkit-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-moz-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-ms-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-o-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
/* line 55, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
-webkit-animation: offline-fadein 0.5s;
|
||||
-moz-animation: offline-fadein 0.5s;
|
||||
-ms-animation: offline-fadein 0.5s;
|
||||
-o-animation: offline-fadein 0.5s;
|
||||
animation: offline-fadein 0.5s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: #ec8787;
|
||||
color: #551313;
|
||||
}
|
||||
/* line 60, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
background: #f8ecad;
|
||||
color: #7c6d1f;
|
||||
padding-right: 3em;
|
||||
}
|
||||
/* line 65, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
|
||||
-webkit-animation: offline-rotation 0.7s linear infinite;
|
||||
-moz-animation: offline-rotation 0.7s linear infinite;
|
||||
-ms-animation: offline-rotation 0.7s linear infinite;
|
||||
-o-animation: offline-rotation 0.7s linear infinite;
|
||||
animation: offline-rotation 0.7s linear infinite;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
border-top-color: #7c6d1f;
|
||||
border-left-color: #7c6d1f;
|
||||
opacity: 0.7;
|
||||
}
|
||||
/* line 82, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 11em;
|
||||
}
|
||||
/* line 85, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
|
||||
padding-right: 0;
|
||||
}
|
||||
431
api/js/offline/themes/offline-theme-hubspot.css
Normal file
431
api/js/offline/themes/offline-theme-hubspot.css
Normal file
@ -0,0 +1,431 @@
|
||||
/* line 4, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 7, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 2000;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* line 17, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 20, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
display: none;
|
||||
}
|
||||
/* line 24, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 29, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-up.offline-ui-up-5s {
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
/* line 37, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
|
||||
display: block;
|
||||
}
|
||||
/* line 42, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-fadein {
|
||||
/* line 6, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 8, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-fadeout-and-hide {
|
||||
/* line 20, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 23, ../sass/_keyframes.sass */
|
||||
99% {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 26, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 21, ../sass/offline-theme-default.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
top: 1em;
|
||||
width: 38em;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (max-width: 38em) {
|
||||
/* line 21, ../sass/offline-theme-default.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
border-radius: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
/* line 34, ../sass/offline-theme-default.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
/* line 37, ../sass/offline-theme-default.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
position: absolute;
|
||||
right: 3em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
line-height: 3.5em;
|
||||
height: 3.5em;
|
||||
margin: auto;
|
||||
padding: 0 1em;
|
||||
}
|
||||
/* line 50, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
-webkit-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-moz-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-ms-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-o-animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
animation: offline-fadeout-and-hide forwards 0.5s 2s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
/* line 55, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
-webkit-animation: offline-fadein 0.5s;
|
||||
-moz-animation: offline-fadein 0.5s;
|
||||
-ms-animation: offline-fadein 0.5s;
|
||||
-o-animation: offline-fadein 0.5s;
|
||||
animation: offline-fadein 0.5s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: #ec8787;
|
||||
color: #551313;
|
||||
}
|
||||
/* line 60, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
background: #f8ecad;
|
||||
color: #7c6d1f;
|
||||
padding-right: 3em;
|
||||
}
|
||||
/* line 65, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
|
||||
-webkit-animation: offline-rotation 0.7s linear infinite;
|
||||
-moz-animation: offline-rotation 0.7s linear infinite;
|
||||
-ms-animation: offline-rotation 0.7s linear infinite;
|
||||
-o-animation: offline-rotation 0.7s linear infinite;
|
||||
animation: offline-rotation 0.7s linear infinite;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
border-top-color: #7c6d1f;
|
||||
border-left-color: #7c6d1f;
|
||||
opacity: 0.7;
|
||||
}
|
||||
/* line 82, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 11em;
|
||||
}
|
||||
/* line 85, ../sass/offline-theme-default.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/* line 5, ../sass/offline-theme-hubspot.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
-ms-border-radius: 0 0 4px 4px;
|
||||
-o-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
font-family: "Helvetica Neue", Helvetica, sans-serif, sans-serif;
|
||||
font-size: 13px;
|
||||
top: 42px;
|
||||
}
|
||||
51
api/js/offline/themes/offline-theme-slide-indicator.css
Normal file
51
api/js/offline/themes/offline-theme-slide-indicator.css
Normal file
@ -0,0 +1,51 @@
|
||||
/* line 3, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 6, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 2000;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 13, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
/* line 16, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
display: block;
|
||||
}
|
||||
/* line 19, ../sass/_offline-theme-base-indicator.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 11, ../sass/offline-theme-slide-indicator.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
-moz-border-radius: 4px 4px 0 0;
|
||||
-ms-border-radius: 4px 4px 0 0;
|
||||
-o-border-radius: 4px 4px 0 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
max-width: 100%;
|
||||
bottom: 0;
|
||||
left: 1em;
|
||||
}
|
||||
/* line 19, ../sass/offline-theme-slide-indicator.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
background: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
/* line 23, ../sass/offline-theme-slide-indicator.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
background: #ec8787;
|
||||
color: #551313;
|
||||
}
|
||||
563
api/js/offline/themes/offline-theme-slide.css
Normal file
563
api/js/offline/themes/offline-theme-slide.css
Normal file
@ -0,0 +1,563 @@
|
||||
/* line 4, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 7, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui {
|
||||
display: none;
|
||||
position: fixed;
|
||||
background: white;
|
||||
z-index: 100000;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 45px;
|
||||
font-size: 12pt;
|
||||
line-height: 16px;
|
||||
}
|
||||
/* line 17, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-content:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 20, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
display: none;
|
||||
}
|
||||
/* line 24, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui .offline-ui-retry:before {
|
||||
display: inline;
|
||||
}
|
||||
/* line 29, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-up.offline-ui-up-5s {
|
||||
display: block;
|
||||
}
|
||||
/* line 32, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
display: block;
|
||||
}
|
||||
/* line 37, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
|
||||
display: block;
|
||||
}
|
||||
/* line 42, ../sass/_offline-theme-base.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-dropin {
|
||||
/* line 40, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_keyframes.sass */
|
||||
1% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/_keyframes.sass */
|
||||
2% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-dropout {
|
||||
/* line 57, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
/* line 59, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: translateY(-800px);
|
||||
-webkit-transform: translateY(-800px);
|
||||
-moz-transform: translateY(-800px);
|
||||
-ms-transform: translateY(-800px);
|
||||
-o-transform: translateY(-800px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes offline-rotation {
|
||||
/* line 64, ../sass/_keyframes.sass */
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* line 66, ../sass/_keyframes.sass */
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* line 21, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
-ms-border-radius: 0 0 4px 4px;
|
||||
-o-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
width: 38em;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (max-width: 38em) {
|
||||
/* line 21, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
/* line 32, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui .offline-ui-retry {
|
||||
position: absolute;
|
||||
right: 3em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
line-height: 3.5em;
|
||||
height: 3.5em;
|
||||
margin: auto;
|
||||
padding: 0 1em;
|
||||
}
|
||||
/* line 45, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui.offline-ui-up {
|
||||
-webkit-animation: offline-dropout forwards 0.5s 2s;
|
||||
-moz-animation: offline-dropout forwards 0.5s 2s;
|
||||
-ms-animation: offline-dropout forwards 0.5s 2s;
|
||||
-o-animation: offline-dropout forwards 0.5s 2s;
|
||||
animation: offline-dropout forwards 0.5s 2s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
/* line 50, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui.offline-ui-down {
|
||||
-webkit-animation: offline-dropin 0.5s;
|
||||
-moz-animation: offline-dropin 0.5s;
|
||||
-ms-animation: offline-dropin 0.5s;
|
||||
-o-animation: offline-dropin 0.5s;
|
||||
animation: offline-dropin 0.5s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: #ec8787;
|
||||
color: #551313;
|
||||
}
|
||||
/* line 55, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
background: #f8ecad;
|
||||
color: #7c6d1f;
|
||||
padding-right: 3em;
|
||||
}
|
||||
/* line 60, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
|
||||
-webkit-animation: offline-rotation 0.7s linear infinite;
|
||||
-moz-animation: offline-rotation 0.7s linear infinite;
|
||||
-ms-animation: offline-rotation 0.7s linear infinite;
|
||||
-o-animation: offline-rotation 0.7s linear infinite;
|
||||
animation: offline-rotation 0.7s linear infinite;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
border-top-color: #7c6d1f;
|
||||
border-left-color: #7c6d1f;
|
||||
opacity: 0.7;
|
||||
}
|
||||
/* line 77, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting {
|
||||
padding-right: 11em;
|
||||
}
|
||||
/* line 80, ../sass/offline-theme-slide.sass */
|
||||
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
|
||||
padding-right: 0;
|
||||
}
|
||||
@ -13,6 +13,9 @@
|
||||
{meta_robots}
|
||||
<link rel="icon" href="{img_icon}" type="image/x-ico" />
|
||||
<link rel="shortcut icon" href="{img_shortcut}" />
|
||||
<link rel="stylesheet" href="/egroupware/api/js/offline/themes/offline-theme-slide.css">
|
||||
<link rel="stylesheet" href="{webserver_url}/api/js/offline/themes/offline-language-{lang_code}.css">
|
||||
<script src="{webserver_url}/api/js/offline/offline.min.js"></script>
|
||||
{css_file}
|
||||
<style type="text/css">
|
||||
{app_css}
|
||||
|
||||
@ -12,6 +12,9 @@
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="viewport" content="user-scalable=no,width=device-width" />
|
||||
<link rel="apple-touch-icon" href="{webserver_url}/api/templates/default/images/logo64x64.png" />
|
||||
<link rel="stylesheet" href="/egroupware/api/js/offline/themes/offline-theme-slide.css">
|
||||
<link rel="stylesheet" href="{webserver_url}/api/js/offline/themes/offline-language-{lang_code}.css">
|
||||
<script src="{webserver_url}/api/js/offline/offline.min.js"></script>
|
||||
{pngfix}
|
||||
{meta_robots}
|
||||
<link rel="icon" href="{img_icon}" type="image/x-ico" />
|
||||
|
||||
Loading…
Reference in New Issue
Block a user