The invisible block behind the top Wikidot toolbar that gives the toolbar height.


Image Unavailable
Click to view in closer detail!


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.


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;

Not defined in Base CSS.

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