Add Search Box in Thesis Theme

Functions
function custom_search_widget() { ?>
<div class="widget widget_search">
<form method="get" class="search_form" action="<?php bloginfo('home'); ?>/">
<p>
<input type="text" id="s" name="s" value="<?php _e('Search in site...','ramoservice'); ?>" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
<input type="submit" value="" id="searchsubmit">
</p>
</form>
</div>
<?php }
add_action('thesis_hook_before_sidebars' , 'custom_search_widget');
Styling
.widget_search {
border-bottom:1px solid #DFDFDF;
border-top:1px solid #FFFFFF;
clear:both;
height:1%;
overflow:hidden;
padding:3px 3px 4px;
}
.search_form {
border-bottom:1px solid #DFDFDF;
border-top:1px solid #FFFFFF;
clear:both;
height:1%;
overflow:hidden;
padding:3px 3px 4px;
position:relative;
width:234px;
}
input#s {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DFDFDF;
color:#666666;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:24px;
line-height:normal;
padding:4.4px;
width:225px;
}
#searchsubmit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/search.alpha.png) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:36px;
position:absolute;
right:12px;
text-indent:-9999px;
top:15px;
width:14px;
}
Tagged as:
THESIS