From 203c8c1449b1bfbb3bc8176b0928c9e68c20f2b0 Mon Sep 17 00:00:00 2001
From: Ant Zucaro <azucaro@gmail.com>
Date: Sun, 5 Feb 2012 09:40:11 -0500
Subject: [PATCH] Add the search bar on the right of the nav bar.

---
 xonstat/static/css/style.css | 20 +++++++++++++++++---
 xonstat/templates/nav.mako   |  8 ++++++++
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index 26f6fc4..3572e43 100755
--- 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 d5b4023..62786d7 100755
--- 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>
-- 
2.39.2