User:Rezonansowy/scripts/FloatHead

From wikishia
File:FloatHead screenshot.png
FloatHead on Flower article

FloatHead - makes the Wikipedia head navigation floating.

Note: This probably makes Floater.js script won't work. Should work normally with Visual Editor.

Install

To use this script place the following line in your common.js page:

  • importStylesheet('User:Rezonansowy/FloatHead.css');

Credits

/*NOTE: CSS3 support needed*/

div#mw-head {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 11em;
    right: 0;
    width: auto;
    background-color: white;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAOklEQVR42lWNWwoAQAgCde9/59mgF30EOmgKeJLmUHjGpzbBdXnl6F5oV5/J9e/tr/czydmt7RT33floBCM5ZQLqdwAAAABJRU5ErkJggg=="); /*copy Vector skin background*/
    background-position: left bottom;
    background-size: auto;
    background-repeat: repeat-x;
    box-shadow: 15px 5px 20px 5px #FFF;
}
#mw-head:before {
     z-index: -1;
     content: ''; /*further hacks...*/
     position:absolute;
     top: -1px;
     left: 0;
     width: 100%;
     height: 100%;
     border-bottom: 1px solid #A7D7F9;
}
#left-navigation {
    margin-left: 0;
}

/*FIX for Visual Editor toolbar*/
.oo-ui-toolbar-bar {
    top: 80px !important;
    position: static;
}