Defines the area for the main search function on each page.


Image Unavailable
Click to view in closer detail!


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.


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

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

Not defined in Base CSS.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License