KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added loading icon for mobile, displaynone on desktop version

Browse Source
This commit is contained in:
kasperrt
2014-12-30 18:42:41 +01:00
parent 7339e662d0
commit bfd63f5d9d
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.php
View File

@@ -30,7 +30,7 @@
<div class="result hiddenAdmin" id="adminPanel"><?php include("php/panel.php");?> </div>
<div id="playlist">
<div id="wrapper">
<img src="static/ajax-loader.gif" id="loading" alt="loading">
</div>
</div>
</div>

BIN
static/ajax-loader.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

3
static/style.css
View File

@@ -89,7 +89,7 @@ input[type="radio"]{display: none;}
.button{background-color: rgba(255,255,255,0.2); border-radius: 4px; border: none;color: white;padding: 5px 15px; margin-top: 15px; transition: all 0.1s ease-in-out;}
.button:hover{background-color: rgba(255,255,255,0.4); }
#loading{display:initial;display: table-cell;vertical-align: bottom;width: 50%;position: absolute;left:25%}
@-webkit-keyframes fadein{from {opacity:0;}to{opacity:1;}}@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadecol{from {background-color:rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}@keyframes fadecol{background-color: rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-moz-keyframes fadecol{from{background-color: rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-o-keyframes fadecol{background-color: rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}
@@ -155,6 +155,7 @@ input[type="radio"]{display: none;}
.bigchan{font-size:150px;}
#channels{font-size:60px;width:99%;}
.channel{font-size:40px;}
#loading{display:block;}
}