Description The invisible block behind the top Wikidot toolbar that gives the toolbar height. Containers Contained by #html-body

Outline Click to view in closer detail!

Details

By itself, the Wikidot toolbar is set to be in a fixed position. Therefore, it overlaps the top of the page at all times. The <div> block with the #navi-bar-shadow id is positioned at the very top of the page and has a height equal to the height of the toolbar. This way, the toolbar does not accidentally overlap whatever is located at the top of the page.

For use in customizing a page or toolbar, it is better to use the #navi-bar id instead.

Examples

On this page, we set the height of #navi-bar-shadow to 0 to demonstrate what would happen if it did not exist. It should be apparent that without it, the Wikidot toolbar covers the account information which is vital to the page.

#navi-bar-shadow{    height: 0; }

Try It on the CSS Zone Sandbox!

Base CSS

#navi-bar-shadow {
    height: 25px;
    /* only ie6: */
    _display: none;
}