User:Kiz/mbfloat.css
The UESPWiki – Your source for The Elder Scrolls since 1995
< User:Kiz
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 / Edge: 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;
}