sidebar shadow and search styling

adapt.css

@@ -108,7 +108,7 @@ hr { /* make <hr> 1px wide and LUH-green */
 #wikihead {
   position:absolute;
   right:10px;
-  top:80px;
+  top:75px;
   font-size:85%;
 }
 #wikihead form { display:none; }
@@ -176,8 +176,26 @@ h2.wikiaction { margin:0px }
 
 /* For the (Site.)Search page */
 .searchbox {
-  margin-right:2px;
-  max-width:100%;
+  margin-right: 2px;
+  max-width: 100%;
+  border: 0;
+  height: 17px;
+  padding: 4px;
+  box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
+  transition: all .2s ease-out;
+}
+.searchbox:hover, .searchbox:focus {
+  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
+}
+.searchbutton {
+  border: 0;
+  height: 25px;
+  margin-left: -5px;
+  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
+  transition: all .2s ease-out;
+}
+.searchbutton:hover, .searchbutton:focus {
+  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
 }
 
 #wikifoot {
@@ -210,22 +228,23 @@ appears on the left side of the page.
   left: 0;
   bottom: 0;
   z-index: 1000; /* so the menu or its navicon stays above all content */
-  overflow-y: auto;
+  overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   background: #eaeaea;
-}
-/* Sidebar headings */
-/* All anchors inside the menu should be styled like this. */
-#menu {
+  box-shadow: 0 0px 5px 0 rgba(0,0,0,0.3);
   color: #000;
   padding-top: 4em;
 }
+#menu:hover {
+  overflow-y: auto;
+}
 #menu a {
   color: #222;
   border: none;
   padding: 6px 0 4px 6px;
   border-left: 7px solid transparent;
   font-size:85%;
+  transition: all .2s ease-out;
 }
 #menu li a {
   border-left-color: #CCDCEB;