@porlyp asked on Twitter if it was possible to change the styling of the search scopes drop down menu in SharePoint using just CSS. Here is a sample of what we are targeting:
Application screens (a.k.a. “_layouts” screens) usually don’t display the search in the header. There does appear to be a few screens out there that do, and depending on your design for application screens, this may throw a wrench in how your page looks. To stop the search from showing in any application screen, add the following CSS style to your theme or alternate CSS file:
A common request is to alter the default look of the search input and button area to something that better matches a design or fits better in space that is available. When working with the default search, you are limited to the CSS classes provided to you and the layout that ships with SharePoint. It is possible to create your own search display by deploying a Feature. Note I am not referring to search results, just the search box area available on most SharePoint pages, generally located in the header section. Continue reading SharePoint 2007 Design Tip: Create a custom search input interface
I banged my head on this one for awhile and finally just had to pick apart the View Source code for a MOSS page….
If you are creating a custom Master Page for MOSS 2007 and use the Search user control (<SharePoint:DelegateControl runat=”server” ControlId=”SmallSearchInputBox”/>) you may have issues getting the search inputs to align to the right. That is how it is in the default look and feel, yet when you use this user control in your custom master page it mysteriously scoots over to the left. Continue reading SharePoint CSS Trick: Align your Search Inputs