Description Defines the area for the main search function on each page. Containers Contained by #header Contains: #search-top-box-form

Outline Click to view in closer detail!

Details

This is the main ID for the overall search function usually found at the top corner of every Wikidot page. This would include the text field and button. The search function is technically contained within the #header selector, so positioning is relative to that. The input area and button can be manipulated individually via the #search-top-box-input and .button selectors, respectively.

Search functions can be defined by users on pages using [[module Search]]. This ID does not relate to these individual search forms.

Examples

The generic use of this ID is typically for positioning. However, you can perform simple tricks using this ID in conjunction with contained selectors. For instance, this site, as you can see in the top right hand corner, has a search function which lacks the button. This is achieved with the code below:

#search-top-box .button {
    visibility: hidden;
}

Try It on the CSS Zone Sandbox!

Base CSS

#search-top-box{
    position: absolute;
    right: 1em;
    top: 3em;
    z-index:10;
}
 
#search-top-box input.empty{
    color: #AAA;
}