Difference between revisions of "MediaWiki:Monobook.css"
Jump to navigation
Jump to search
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...") |
imported>Tinker |
||
Line 36: | Line 36: | ||
padding-top: 0; | padding-top: 0; | ||
} | } | ||
+ | /* Transform the user toolbar into a sidebox */ | ||
+ | div#p-personal { | ||
+ | position:relative; | ||
+ | z-index:3; | ||
+ | width: 11.6em; | ||
+ | } | ||
+ | |||
+ | div#p-personal .pBody { | ||
+ | width: 10.7em; | ||
+ | border: none; | ||
+ | margin: 0 0 0.1em 0em; | ||
+ | float: none; | ||
+ | overflow: hidden; | ||
+ | font-size: 95%; | ||
+ | background: White; | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #aaaaaa; | ||
+ | padding: 0 0.8em 0.3em .5em; | ||
+ | } | ||
+ | |||
+ | div#p-personal ul { | ||
+ | line-height: 1.5em; | ||
+ | list-style-type: square; | ||
+ | list-style-image: url("/style/monobook/bullet.gif"); | ||
+ | |||
+ | font-size:95%; | ||
+ | margin: 0 0 0 1.5em; | ||
+ | padding:0; | ||
+ | text-align:left; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | div#p-personal li { | ||
+ | display: list-item; | ||
+ | padding:0; | ||
+ | margin: 0 0 0 0; | ||
+ | margin-bottom: 0.1em; | ||
+ | } | ||
+ | |||
+ | /* suppress the person icon by your username */ | ||
+ | /* needed if not already in place */ | ||
+ | li#pt-userpage { background: none } |
Revision as of 16:52, 21 July 2016
/* 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;
}
/* Transform the user toolbar into a sidebox */
div#p-personal {
position:relative;
z-index:3;
width: 11.6em;
}
div#p-personal .pBody {
width: 10.7em;
border: none;
margin: 0 0 0.1em 0em;
float: none;
overflow: hidden;
font-size: 95%;
background: White;
border-collapse: collapse;
border: 1px solid #aaaaaa;
padding: 0 0.8em 0.3em .5em;
}
div#p-personal ul {
line-height: 1.5em;
list-style-type: square;
list-style-image: url("/style/monobook/bullet.gif");
font-size:95%;
margin: 0 0 0 1.5em;
padding:0;
text-align:left;
text-transform: none;
}
div#p-personal li {
display: list-item;
padding:0;
margin: 0 0 0 0;
margin-bottom: 0.1em;
}
/* suppress the person icon by your username */
/* needed if not already in place */
li#pt-userpage { background: none }