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

Sexyness imporved

Browse Source
This commit is contained in:
Nicolas A. Tonne
2015-08-04 21:35:37 +02:00
parent 34a954646d
commit 8c71a79740
4 changed files with 40 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.php
View File

@@ -16,7 +16,7 @@
<div class="navbar-fixed"> <div class="navbar-fixed">
<nav id="nav"> <nav id="nav">
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="/" class="brand-logo hide-on-med-and-down"> <a href="/" class="brand-logo hide-on-med-and-down noselect">
<img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff" /> <img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff" />
</a> </a>
<div class="brand-logo truncate zbrand"> <div class="brand-logo truncate zbrand">
@@ -34,7 +34,7 @@
</li> </li>
</ul> </ul>
<ul class="right control-list"> <ul class="right control-list noselect">
<li id="search_loader" class="valign-wrapper hide"> <li id="search_loader" class="valign-wrapper hide">
<div class="valign"> <div class="valign">
<div class="preloader-wrapper small active"> <div class="preloader-wrapper small active">
@@ -181,7 +181,7 @@
Waiting for Video Waiting for Video
</div> </div>
</div> </div>
<div id="controls"> <div id="controls" class="noselect">
<div id="playpause"> <div id="playpause">
<i id="play" class="mdi-av-play-arrow hide"></i> <i id="play" class="mdi-av-play-arrow hide"></i>
<i id="pause" class="mdi-av-pause"></i> <i id="pause" class="mdi-av-pause"></i>

2
php/footer.php
View File

@@ -40,7 +40,7 @@
</form> </form>
<p> <p>
<a href="//chart.googleapis.com/chart?chs=500x500&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;choe=UTF-8&amp;chld=L%7C1" > <a href="//chart.googleapis.com/chart?chs=500x500&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;choe=UTF-8&amp;chld=L%7C1" >
<img src="//chart.googleapis.com/chart?chs=150x150&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;choe=UTF-8&amp;chld=L%7C1" alt="QRCode for link" title="QR code for this page, for easy sharing!" /> <img class="card rounded" src="//chart.googleapis.com/chart?chs=150x150&amp;cht=qr&amp;chl=http://<?php echo $_SERVER['HTTP_HOST'].'/'.$list; ?>&amp;choe=UTF-8&amp;chld=L%7C1" alt="QRCode for link" title="QR code for this page, for easy sharing!" />
</a> </a>
</p> </p>
</li> </li>

32
php/nochan.php
View File

@@ -14,7 +14,7 @@ if(isset($_GET['chan'])){
<header> <header>
<nav id="fp-nav"> <nav id="fp-nav">
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="#" class="brand-logo hide-on-small-only"> <a href="#" class="brand-logo hide-on-small-only noselect">
<img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff" /> <img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff" />
</a> </a>
<a href="//zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a> <a href="//zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
@@ -88,7 +88,7 @@ if(isset($_GET['chan'])){
maxlength="18" maxlength="18"
data-length="18" data-length="18"
/> />
<label for="search">Find or create radio channel</label> <label for="search" class="noselect">Find or create radio channel</label>
<datalist id="searches"> <datalist id="searches">
</datalist> </datalist>
</div> </div>
@@ -105,21 +105,21 @@ if(isset($_GET['chan'])){
<div class="card"> <div class="card">
<a class="chan-link"> <a class="chan-link">
<div class="chan-bg card-image cardbg"></div> <div class="chan-bg card-image cardbg"></div>
<div class="card-content">
<p class="left-align">
<span class="chan-name flow-text truncate"></span>
<br>
<span class="highlighted">Viewers:&nbsp;</span>
<span class="chan-views"></span>
<br>
<span class="highlighted">Songs:&nbsp;</span>
<span class="chan-songs"></span>
</p>
</div>
<div class="card-action noselect">
<a class="chan-link waves-effect waves-orange btn-flat">Listen</a>
</div>
</a> </a>
<div class="card-content">
<p class="left-align">
<span class="chan-name flow-text truncate"></span>
<br>
<span class="highlighted">Viewers:&nbsp;</span>
<span class="chan-views"></span>
<br>
<span class="highlighted">Songs:&nbsp;</span>
<span class="chan-songs"></span>
</p>
</div>
<div class="card-action">
<a class="chan-link waves-effect waves-orange btn-flat">Listen</a>
</div>
</div> </div>
</li> </li>
</ul> </ul>

22
static/css/style.css
View File

@@ -33,7 +33,18 @@
border-radius:0px; border-radius:0px;
} }
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rounded{
border-radius: 4px;
}
body { body {
display: flex; display: flex;
@@ -182,6 +193,7 @@ display: inline;
.card .card-content { .card .card-content {
padding: 10px 20px; padding: 10px 20px;
color: rgba(0, 0, 0, 0.870588);
} }
.card .card-action { .card .card-action {
@@ -486,7 +498,7 @@ ul #chat-log{
min-width: 64px; min-width: 64px;
float:right; float:right;
} }
.nav-btn:hover{background-color:rgb(0,0,0);} .nav-btn:hover{background-color:rgba(0,0,0,0.6);}
.hover-text{display:none;} .hover-text{display:none;}
.nav-btn:hover > .hover-text {display:inline;} .nav-btn:hover > .hover-text {display:inline;}
@@ -526,6 +538,7 @@ nav ul li:hover, nav ul li.active {
.vote-span{ .vote-span{
opacity: 0.7; opacity: 0.7;
padding: 0 0 0 10px; padding: 0 0 0 10px;
color:white !important;
} }
.list-song{ .list-song{
@@ -547,7 +560,12 @@ nav ul li:hover, nav ul li.active {
line-height: 2.6rem; line-height: 2.6rem;
} }
.card-image{cursor:pointer} .card-image{cursor:pointer}
.card{margin:5px 0 5px 0 !important;} .card{
margin:5px 0 5px 0 !important;
}
.card:hover{
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.16), 0 5px 10px 0 rgba(0,0,0,0.12);
}
.result img{ .result img{
float:left; float:left;
height: 70px; height: 70px;