MediaWiki:Monobook.css
Revision as of 16:49, 21 July 2016 by imported>Tinker (Created page with "→CSS placed here will affect users of the MonoBook skin: →Fix the sidebar's position while you scroll: div[id=column-one] { /* Using the attribute selector hides thi...")
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.
/* CSS placed here will affect users of the MonoBook skin */
/* Fix the sidebar's position while you scroll */
div[id=column-one] { /* Using the attribute selector hides this from IE */
position: fixed;
height: 100%; /* If you shrink the browser too small, the side column will */
overflow: auto; /* become scrollable, so stuff is always accessible, albeit ugly */
z-index: 2;
}
div#p-lang .pBody ul{ /* Sets the language box to a fixed height and scrollable if too long to fit */
height: 10em;
overflow: auto;
}
body { /* Fix the background image, too, so it looks nice as you scroll */
background-attachment: fixed;
}
div#footer { /* Fix the footer so it looks nice and doesn't overlap the sidebar */
margin-left: 13.6em;
border-left: solid 1px rgb(250, 189, 35);
/* Uncomment this if you use rounded edges: */
/*
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
*/
}
/* Don't use any logo, move the boxes onto that area instead */
div#p-logo {
display: none;
}
div#column-one {
padding-top: 0;
}