From 466312f552ef7aca774fb42a531cfd2d241ed2e4 Mon Sep 17 00:00:00 2001
From: Wesley Moore <wez@wezm.net>
Date: Tue, 2 Feb 2010 21:08:33 +1100
Subject: [PATCH] Style search field

---
 layouts/articles.html     |  13 ++++++----
 output/css/style.css      |  49 ++++++++++++++++++++++++++++++++++++++
 output/images/srch_bg.gif | Bin 0 -> 65 bytes
 output/images/srch_l.gif  | Bin 0 -> 303 bytes
 output/images/srch_r.gif  | Bin 0 -> 357 bytes
 output/js/articles.js     |   5 ++++
 6 files changed, 62 insertions(+), 5 deletions(-)
 create mode 100755 output/images/srch_bg.gif
 create mode 100755 output/images/srch_l.gif
 create mode 100644 output/images/srch_r.gif

diff --git a/layouts/articles.html b/layouts/articles.html
index 721ff9a..b6f6ec4 100644
--- a/layouts/articles.html
+++ b/layouts/articles.html
@@ -27,13 +27,16 @@
       %>
       <li><a href="<%= path %>"<%= %Q{class="active"} if @item.identifier == path %>><%= label %></a> (<%= count %>)</li>
       <% end %>
+      <li id="search">
+        <fieldset>
+          <label for="query">Search</label>
+          <input type="text" name="q" id="query" value="" />
+          <!-- <input type="submit" name="submitquery" id="submitquery" value="Go" />  -->
+          <span class="sbox_r"></span>
+        </fieldset>
+      </li>
     </ul>
 
-    <div id="search">
-      <label>Quick Search:</label>
-      <input type="text" name="q" />
-    </div>
-
     <ul class="articles">
       <%= yield %>
     </ul>
diff --git a/output/css/style.css b/output/css/style.css
index 084bde9..6b95df2 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -227,3 +227,52 @@ ul.menu li:first-child {
 #flickr li img:hover {
   top: -75px;
 }
+
+/* Search Form //----------------------------------------------------------*/
+/* Via http://www.brandspankingnew.net/archive/2005/08/adding_an_os_x.html */
+#search {
+  margin: 0;
+  padding: 0;
+  display: block;
+  float: left;
+  margin-right: 20px;
+  background: #fff url(/images/srch_l.gif) 0 0 no-repeat;
+  padding-left: 19px;
+}
+#search fieldset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+#search label { 
+  color: #999; 
+  display: none; 
+}
+#search input { 
+  /* Reset (for Safari) */
+  border: 0;
+  margin: 0;
+  outline: 0;
+  vertical-align: middle;
+  height: 19px; 
+  width: 180px; 
+  width: 132px;
+  padding: 3px;
+
+  background: #fff url(/images/srch_bg.gif) 0 0 repeat-x;
+  float: left;
+  font: 11px/13px "Lucida Grande", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
+  color: #000;
+}
+#search .sbox_r {
+  background: #fff url(/images/srch_r.gif) 0 0 no-repeat;
+  float: left;
+  width: 19px;
+  height: 19px;
+}
+#search .sbox_r_f2 {
+  background: #fff url(/images/srch_r.gif) 0 -19px no-repeat;
+  float: left;
+  width: 19px;
+  height: 19px;
+}
diff --git a/output/images/srch_bg.gif b/output/images/srch_bg.gif
new file mode 100755
index 0000000000000000000000000000000000000000..6a523ba8fcf1400053a9725a5e6d6c5c6976ee21
GIT binary patch
literal 65
zcmZ?wbhEHbWMmL#Sj50kUS9tH|Nk2|Zk#!D=HthYKsEyyDE?$&6=7gy&;jv4Y8jZ>
NIGiv33s7OO1^`K570Uns

literal 0
HcmV?d00001

diff --git a/output/images/srch_l.gif b/output/images/srch_l.gif
new file mode 100755
index 0000000000000000000000000000000000000000..6d95bf35d9a2681b02edff0614d715f1e77e6944
GIT binary patch
literal 303
zcmZ?wbhEHb6lM@+IKse?mX`MY`}b?tt}S1_yt=yj=+UE3pFZvE>?|!U-MV$_`}gnv
z|NlR8=FEHd?wvVvrnR+o&z?PN*RBPM0L2-I0E$0ZSVe$V>44ON>||hF^FXP~_mGXp
zs&$Je%J{H|mgG)m4(4ck^xxsAlVIlurV|r`I3+nm7>{xncyLVTRljn8p<-{(>lF-!
zEMlAom@hThFm$Fm6~xIf2&`aoiglAJjZ0Hviz`)PZsyKsP0lJ}Qx*(iWn?X9PA_Hc
z;*E`uV@cv>Dp6wO70l;nW?@*Q%a;_$wv~-{-3BG525;pREG!e1xZL+G=iRG(wCi~L
U{*$)nk9%=#UwY%_Qbh)90GP#U5&!@I

literal 0
HcmV?d00001

diff --git a/output/images/srch_r.gif b/output/images/srch_r.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7a6d1c49bbd4eda0646185d5c903773085082684
GIT binary patch
literal 357
zcmZ?wbhEHb6lPFkIKlt||NsC0@#Dw$@893QfB)>+v!_p=-n)12+O=zE&YU@V^yr>F
zd$w%ZvUcs-#fuluoH?_#wY9Xgbp7^YV6B7+#h)yU3=BdHIv}MWI~iCXC8+eNe9>`V
zu*&Q8KJU*qJR5~7)(NvMvgy5&<-x;K)!VlA1do6~uj}TYB^=9L4m&mK@(K0m6&7T4
zbh3Q@sTRAMC+0gtV}Z3W+wX<%-sv87XRi-tZfw#n>Fg?DZ+BLiAgHF{qCbtx(3pqS
z+}fJe&LKRQY3TybW^=n}4i+Z=Kv&io+*_kr*K>q9vuxS6m1`Yqv@^$6M)oONOPM$l
zwYO+qI>5-3>b(E*HZ9gHovoKnTwy$X^!Q25({~EB_U_+y@M?+6=J#B4%75%x&9zqR
aTFtcvFW0OEGs0P={ze`NP@E{hU=0Av4vMb;

literal 0
HcmV?d00001

diff --git a/output/js/articles.js b/output/js/articles.js
index 5b62a40..8234837 100644
--- a/output/js/articles.js
+++ b/output/js/articles.js
@@ -78,6 +78,11 @@
       // the event now, to handle the hash the page may have loaded with.
       $(window).trigger('hashchange', true);
       $('.pagination').slideDown('fast');
+      
+      if(navigator.userAgent.toLowerCase().indexOf('webkit') >= 0) {
+        // WebKit browser
+        $('#search input').css('paddingTop', 0);
+      }
     });
   };