Search This Blog

Thursday, February 24, 2011

Styles to customize the search control in SharePoint 2010


/* Start:Custom search icon and search box styling */

td.ms-sbgo
{
background-color:transparent;
padding-bottom:0px;
padding-top:0px;
border:solid 0px #949494;
}

td.ms-sbgo a
{
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 4px !important;
}

td.ms-sbgo a
{
background-image: url("/Style Library/Images/search-bt.gif");
background-repeat: no-repeat;
background-position: top left;
float:left;
}
td.ms-sbgo a img
{
visibility: hidden;
height: 27px;
width: 77px;
}

.s4-search input.ms-sbplain 
{
            width:191px !important;
            background:transparent url("/Style Library/Images/textbox-bg.gif") 0 0 no-repeat;
            font-size:12px !important;
            height:25px;
            border:1px solid #d4d4d4;
}

.s4-search .srch-gosearchimg
 {
           height:27px !important;
}

/* End: Custom search icon and search box styling  */

No comments:

Post a Comment