Style search field

This commit is contained in:
Wesley Moore 2010-02-02 21:08:33 +11:00
parent bb2c46a19e
commit 466312f552
6 changed files with 62 additions and 5 deletions

View file

@ -27,13 +27,16 @@
%> %>
<li><a href="<%= path %>"<%= %Q{class="active"} if @item.identifier == path %>><%= label %></a> (<%= count %>)</li> <li><a href="<%= path %>"<%= %Q{class="active"} if @item.identifier == path %>><%= label %></a> (<%= count %>)</li>
<% end %> <% 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> </ul>
<div id="search">
<label>Quick Search:</label>
<input type="text" name="q" />
</div>
<ul class="articles"> <ul class="articles">
<%= yield %> <%= yield %>
</ul> </ul>

View file

@ -227,3 +227,52 @@ ul.menu li:first-child {
#flickr li img:hover { #flickr li img:hover {
top: -75px; 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;
}

BIN
output/images/srch_bg.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 B

BIN
output/images/srch_l.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 B

BIN
output/images/srch_r.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 357 B

View file

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