From 2b5c1a92d38d84c752243809cda21300f7e579ae Mon Sep 17 00:00:00 2001 From: schneefux Date: Sat, 15 Mar 2014 12:56:01 +0100 Subject: ersetze Brick mit jQuery Mobile; füge Ladebalken und mehr Requests hinzu MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) (limited to 'css/index.css') 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; + } +} + -- cgit v1.3.1