White design

static/style.css

@@ -1,5 +1,5 @@
 body {
-    background:#000;
+    background:#EFEFEF;
     margin:0;
 }
 
@@ -64,7 +64,7 @@ body {
 }
 
 .top,.top a {
-    color:#fff;
+    color: #2D2D2D;
     text-decoration:none;
 }
 
@@ -145,7 +145,7 @@ body {
 
 .small {
     font-size:5vw;
-    color:#E2E2E2;
+    color: #FAFAFA;
     text-decoration:none;
 }
 
@@ -162,20 +162,20 @@ body {
 }
 
 .footer a {
-    color:rgba(254,254,254,0.42);
+    color: rgba(45, 45, 45, 0.7);
     text-decoration:none;
     display: inline;
 }
 
 .footer a:hover {
-    color:grey;
+    color:#000;
 }
 
 .footer {
     font-size:15px;
     position:absolute;
     width:99%;
-    color:rgba(192,192,192,0.42)!important;
+    color: rgba(45, 45, 45, 0.5)!important;
 /*margin-top: 50px;*/
     word-spacing:2px;
     bottom:0;
@@ -201,7 +201,7 @@ body {
     padding:7px;
     display:inline-block;
     font-weight:700;
-    color:#C4C4C4!important;
+    color: #808080!important;
     font-size:18px;
 }
 
@@ -236,7 +236,7 @@ body {
 }
 
 .chan {
-    color:#CCC;
+    color:rgba(0, 0, 0, 0.4);
     cursor:pointer;
     display:inline;
 }
@@ -276,7 +276,7 @@ body {
 
 #results {
     position:absolute;
-    background-color:rgba(0,0,0,0.2);
+    background-color:rgba(0,0,0,0.5);
     font-size:14px;
     width:88.5%;
     border-radius: 0px 3px 3px 0px;
@@ -370,7 +370,7 @@ body {
 }
 
 .ltitle {
-    color:#FFF;
+    color:#0F0F0F;
     overflow:hidden;
     height:40px;
 }
@@ -379,12 +379,12 @@ body {
     position:relative;
     margin-top:-0-5em;
     font-size:18px;
-    color:#fff;
+    color:#0F0F0F;
 }
 
 #plus,#minus {
     text-decoration:none;
-    color:#eee;
+    color:#222;
     margin-left:2px;
     padding-left:3px;
     padding-right:3px;
@@ -466,7 +466,7 @@ input[type="radio"] {
 }
 
 .toggler label:hover {
-    border-bottom:solid 1px #fff
+    border-bottom:solid 1px #0F0F0F;
 }
 
 .radio:checked + span {
@@ -494,11 +494,11 @@ input[type="radio"] {
 
 #adminPanel {
     border-bottom:none;
-    color:#fff;
+    color: #fff;
     height:270px;
     padding:10px;
     overflow:hidden;
-    background-color:rgba(0,0,0,0.2);
+    background-color:rgba(0,0,0,0.5);
     transition:height .5s;
     -webkit-filter:brightness(100%) !important;
     filter:brightness(100%) !important;
@@ -542,7 +542,7 @@ input[type="radio"] {
 #search {
     padding-left:50px;
     background:url(search2.png)no-repeat 10px 50%;
-    background-color:rgba(255,255,255,0.2);
+    background-color: rgba(0, 0, 0, 0.5);
     background-size:2%;
     transition:box-shadow .5s;
 }
@@ -589,12 +589,19 @@ input[type="radio"] {
     transition: all 0.5s ease;
 }
 
+#zicon:hover + .fchan{
+    opacity:1;
+    margin-top:0%;
+    margin-bottom:0.5%;
+}
+
 .fchan {
-    color:#fff;
-    font-size:3vw;
-    padding-top:25%;
-    padding:0;
-    margin:0;
+    color: #2D2D2D;
+    font-size: 5vw;
+    opacity: 0;
+    margin-top:-1%;
+    margin-bottom:1.5%;
+    transition: opacity .4s ease, margin .5s ease;
 }
 
 #settings{