Sexyness imporved

index.php

@@ -16,7 +16,7 @@
       <div class="navbar-fixed">
         <nav id="nav">
             <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" />
                 </a>
                 <div class="brand-logo truncate zbrand">
@@ -34,7 +34,7 @@
                     </li>
                 </ul>
 
-                <ul class="right control-list">
+                <ul class="right control-list noselect">
                   <li id="search_loader" class="valign-wrapper hide">
                       <div class="valign">
                          <div class="preloader-wrapper small active">
@@ -181,7 +181,7 @@
                     Waiting for Video
                   </div>
                 </div>
-                <div id="controls">
+                <div id="controls" class="noselect">
                   <div id="playpause">
                     <i id="play" class="mdi-av-play-arrow hide"></i>
                     <i id="pause" class="mdi-av-pause"></i>

php/footer.php

@@ -40,7 +40,7 @@
                         </form>
                         <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" >
-                                <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>
                         </p>
                     </li>

php/nochan.php

@@ -14,7 +14,7 @@ if(isset($_GET['chan'])){
     <header>
         <nav id="fp-nav">
             <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" />
                 </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"
                             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>
                 </div>
@@ -105,7 +105,6 @@ if(isset($_GET['chan'])){
                         <div class="card">
                             <a class="chan-link">
                                 <div class="chan-bg card-image cardbg"></div>
-                            </a>
                                 <div class="card-content">
                                     <p class="left-align">
                                         <span class="chan-name flow-text truncate"></span>
@@ -117,9 +116,10 @@ if(isset($_GET['chan'])){
                                         <span class="chan-songs"></span>
                                     </p>
                                 </div>
-                            <div class="card-action">
+                                <div class="card-action noselect">
                                     <a class="chan-link waves-effect waves-orange btn-flat">Listen</a>
                                 </div>
+                            </a>
                         </div>
                     </li>
                 </ul>

static/css/style.css

@@ -33,7 +33,18 @@
   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 {
     display: flex;
@@ -182,6 +193,7 @@ display: inline;
 
 .card .card-content {
     padding: 10px 20px;
+    color: rgba(0, 0, 0, 0.870588);
 }
 
 .card .card-action {
@@ -486,7 +498,7 @@ ul #chat-log{
     min-width: 64px;
     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;}
 .nav-btn:hover > .hover-text {display:inline;}
 
@@ -526,6 +538,7 @@ nav ul li:hover, nav ul li.active {
 .vote-span{
     opacity: 0.7;
     padding: 0 0 0 10px;
+    color:white !important;
 }
 
 .list-song{
@@ -547,7 +560,12 @@ nav ul li:hover, nav ul li.active {
     line-height: 2.6rem;
 }
 .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{
     float:left;
     height: 70px;