Updated UI a bit again

res/search.css

@@ -103,6 +103,11 @@ nav .wrapper {
     left: 0;
     right: 0;
     box-shadow: 0 -1px 0 #e0e0e0,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
+    transition: background .15s;
+}
+
+nav.search .wrapper {
+    background: #fff;
 }
 
 nav input[type=text]::-moz-placeholder {
@@ -387,6 +392,12 @@ nav input[type=text]:focus + #searchicon {
     padding: 3px;
     cursor: pointer;
     color: #fff;
+    transition: all .15s;
+}
+
+nav.search #actions > * {
+    color: #000;
+    opacity: 0.6;
 }
 
 #actions >*:hover:before {

res/search.js

@@ -63,10 +63,12 @@ $("nav").click(function (e) {
 $("#q").focus(function (){
     $("#autocomplete").addClass("active");
     $("#results").addClass("hidden");
+    $("nav").addClass("search");
 });
 $("#q").blur(function () {
     $("#autocomplete").removeClass("active");
     $("#results").removeClass("hidden");
+    $("nav").removeClass("search");
 });
 
 var sendercolor = function (nick) {