Add the search bar on the right of the nav bar.

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index 26f6fc48ae3ce5b7b315456669d4b87ab379172d..3572e43c08816f220e8681a3266c23d01d51d955 100755 (executable)
--- a/xonstat/static/css/style.css
+++ b/xonstat/static/css/style.css
@@ -656,9 +656,9 @@ input, textarea {
 }
 input:focus, textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
   outline: 0;
   outline: thin dotted \9;
   /* IE6-8 */
@@ -3410,3 +3410,17 @@ a.thumbnail:hover {
     top: -35px;
     text-align: center;
 }
+#navsearch {
+  float: right;
+  margin-bottom: 0px;
+  padding-top: 6px;
+}
+#navsearch input, #navsearch select{
+  background-color: #606060;
+  border: 1px solid #202020;
+  color: #AAA;
+  margin-bottom: 0px;
+}
+#navsearch select {
+  width: 80px;
+}

diff --git a/xonstat/templates/nav.mako b/xonstat/templates/nav.mako
index d5b4023a4fb61c973f8254f70e6140a704ea2fb6..62786d72267ebf09a2704472459d5b45568b4b50 100755 (executable)
--- a/xonstat/templates/nav.mako
+++ b/xonstat/templates/nav.mako
@@ -36,6 +36,14 @@
                 % endif
                 ><a href="${request.route_url('map_index')}" title="Map Index">Maps</a></li>
             </ul>
+            <form id="navsearch" action="#" method="get">
+              <input type="text" class="input-small" placeholder="search" />
+              <select id="sselect">
+                <option>players</option>
+                <option>servers</option>
+                <option>maps</option>
+              </select>
+            </form>
           </div><!--/.nav-collapse -->
         </div>
       </div>