Improve searchbar ui and add noscript tag

Author: n1rna

_includes/head.html

@@ -45,3 +45,10 @@
 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/apple-touch-icon-72x72-precomposed.png"><!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/images/apple-touch-icon-114x114-precomposed.png"><!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/images/apple-touch-icon-144x144-precomposed.png"><!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
+
+<!-- Hide Searchbar if nojs -->
+<noscript>
+  <style>
+      #searchbar { display:none; }
+  </style>
+</noscript>

_layouts/doc.html

@@ -35,7 +35,7 @@ <h1>{{ custom_title | xml_escape }}</h1>
       {% if page.btcversion != "index" %}
         {% assign groups = site.doc | where:"btcversion", page.btcversion | group_by:"btcgroup" | sort: "name" %}
         <section class="toc">
-        <input id="searchbar" type="text" value="" placeholder="Search..."/>
+        <input id="searchbar" type="text" value="" placeholder="Search ..."/>
         {% for group in groups %}
           {% if group.name != "index" %}
             <header>

_sass/elements.scss

@@ -164,3 +164,12 @@ svg:not(:root) {
 	@include rounded(4px);
 	@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
 }
+
+/*
+   Searchbar
+   ========================================================================== */
+
+#searchbar {
+  background-color: #d3d3d3;
+  border-color: #2b2b2b;
+}