diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2014-03-15 12:56:01 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2016-08-15 19:46:41 +0200 |
| commit | 2b5c1a92d38d84c752243809cda21300f7e579ae (patch) | |
| tree | 199e01d39b4ed524e8000fc00d88b05e0e309510 /css/index.css | |
| parent | 0e267a97dd42e5381e7704e151057e674fa8e0c3 (diff) | |
| download | wvs-vplan-2b5c1a92d38d84c752243809cda21300f7e579ae.tar.gz wvs-vplan-2b5c1a92d38d84c752243809cda21300f7e579ae.zip | |
ersetze Brick mit jQuery Mobile; füge Ladebalken und mehr Requests hinzu
Diffstat (limited to 'css/index.css')
| -rw-r--r-- | css/index.css | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/css/index.css b/css/index.css index 0f732cf..005a017 100644 --- a/css/index.css +++ b/css/index.css @@ -49,3 +49,61 @@ body { .viewLayout { } + +.loadingbar { + position: absolute; + top: calc(50% - 6px); + left: calc(50% - 160px); + text-align: center; + width: 320px; + font-weight: bold; +} + +.loader { + width: 320px; + height: 8px; + background-image: linear-gradient(135deg, #6187f2 0%, #6187f2 25%, #5679da 25%, #5679da + 50%, #6187f2 50%, #6187f2 75%, #5679da 75%, #5679da 100%); + background-repeat: repeat; + background-position: 0px 0px; + background-size: 16px 16px; + background-clip: content-box; + animation: loading 1s linear infinite; + -o-animation: loading 1s linear infinite; + -moz-animation: loading 1s linear infinite; + -webkit-animation: loading 1s linear infinite; +} + +@keyframes loading { + from { + background-position:0px 0px; + } + to { + background-position: -16px 0px; + } +} +@-webkit-keyframes loading { + from { + background-position:0px 0px; + } + to { + background-position: -16px 0px; + } +} +@-moz-keyframes loading { + from { + background-position:0px 0px; + } + to { + background-position: -16px 0px; + } +} +@-o-keyframes loading { + from { + background-position:0px 0px; + } + to { + background-position: -16px 0px; + } +} + |