User:Kiz/mbfloat.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* This style sheet mimics both functions in the sheets mentioned below, which fixes both the sidebar and caction/personal toolbars (located above the page) in place on the page as you scroll. */
/* Inspiration and code snippets from both WP:User:Rezonansowy/FloatHead.css and WP:User:BrandonXLF/FloatSide.css */
/* Only extensively tested in uespmonobook - not in uespvector */
/* NOT compatible with the gadget: Drop Down Menus (due to the moving UI) */


#column-one {
    position: fixed;
    overflow: visible;
    height: 100%;
}

div#p-cactions {
    position: fixed;
    z-index: 5;
    top: 1em;
    left: 13.65em;
    right: 0;
    width: auto;
    height: 2em;
    background-image: url(https://dev.uesp.net/w/extensions/UespCustomCode/files/Parchment_bg.jpg);
    background-position: top 0.2em left 1em;
    background-size: auto 2.7em;
    background-repeat: repeat-x;
    overflow: visible;
    background-repeat: repeat-x;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #aaa;
}

div#p-personal {
    position: fixed;
    z-index: 4;
    top: 0em;
    left: 13em;
    right: 0;
    width: auto;
    height: 2em;
    background-image: url(https://dev.uesp.net/w/extensions/UespCustomCode/files/Parchment_bg.jpg);
    background-position: top left 1em;
    background-size: auto 3.5em;
    background-repeat: repeat-x;
    overflow: visible;
    border-left-style: solid;
    border-width: 1px;
    border-color: #aaa;
}

#p-cactions li {
    border: 1px solid #aaa;
    padding: 0 0 0.3em 0;
    margin: 0 0 0 0;
    background: papayawhip;
}

#content {
    z-index: -1;
    content: '';
    position: absolute;
    width: 89.9%;
    top: -1px;
    left: 0;
    border-bottom: 1px solid #A7D7F9;
}

div#footer {
    background-color: white;
    border-top: 1px solid #fabd23;
    border-bottom: 1px solid #fabd23;
    margin: .6em 0 1em 0;
    overflow: hidden;
    padding: .4em 0 .3em 0;
    text-align: center;
    font-size: 90%;
    position: relative;
    top: -100em;
}

#column-content {
    height: 2em;
}

div#bodyContent.mw-body-content {
    z-index: 2;
}

div#content.mw-boy {
    z-index: -1;
}