Drupal Search Box CSS example



form input[type="submit"] {
background: url(images/btn-bg.gif) no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
float:none;
width: 144px;
height: 28px;
cursor: pointer;
}
/*search form */
#search-theme-form {
margin: 12px 0 0 0;
padding: 0 0 0 0;
}
#search-theme-form input[type="text"] {
width: 135px;
height: 21px;
padding: 2px 5px 1px 5px;
border: 1px solid #bed881;
background: #fff;
margin: 0 0 0 0;
color: #000000;
font-weight: normal;
}
#search-theme-form input[type="submit"] {
background: url(images/search-btn-bg.gif) no-repeat;
border: none;
margin: 0 0 0 0;
width: 67px;
height: 26px;
/*vertical-align: middle;*/
float: none;
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: