Search input style

css/style.css

@@ -23,8 +23,15 @@
     display: none;
     position: absolute;
     left: 27pt;
-    top: 15pt;
+    top: 14pt;
     width: 20%;
+    color: #fff !important;
+    border: solid;
+    padding: 5px;
+    background-color: #222 !important;
+    border-width: 1px;
+    border-radius: 3px;
+    border-color: #666;
 }
 
 a, a:visited, a:active { 
@@ -35,9 +42,9 @@ a, a:visited, a:active {
 body {
     background-color: #2E3436;
     color: #eeeeec;
-    font: normal 1em Arial, sans-serif;
-    //font-family: "Arial", sans-serif;
-    //font-size: 1em;
+    font-variant: normal;
+    font-size: 1em;
+    font-family: "Open Sans", sans-serif;
 }
 
 #dropdown-content {

index.html

@@ -15,7 +15,7 @@
 
     <div class="lessmore">
       <a id="searchButton" href="javascript:void(0)" onclick="showSearch()"><i class="fa fa-search"></i></a>   
-      <input type="text" id="searchInput">
+      <input type="search" id="searchInput" placeholder="Example: python">
 
       <a id="menu" href="javascript:void(0)" onclick="showMenu()"><i class="fa fa-bars"></i></a>
       <div id="dropdown-content">

js/script.js

@@ -234,7 +234,7 @@ function callback(messages) {
 
         // Header
             + ' <p style="color:#0099cc;font: 1.5em Open Sans, sans-serif;">'
-            + msgItem['subg'] + ' <i class="fa  fa-envelope-o"></i> <i><a class="headerLink" href="javascript:void(0)" onclick="requestTmpEcho(\'' + msgItem['echo'] + '\')">' + msgItem['echo'] + '</a></i></p></p>'
+            + msgItem['subg'] + ' <i class="fa fa-at"></i> <i><a class="headerLink" href="javascript:void(0)" onclick="requestTmpEcho(\'' + msgItem['echo'] + '\')">' + msgItem['echo'] + '</a></i></p></p>'
             + '<p>' + msg.autoLink()
             + '</p><p align="right">'