MediaWiki:Monobook.css
From Sinz Family Wiki
(Difference between revisions)
Revision as of 03:41, 2 April 2006 Mks (Talk | contribs) ← Previous diff |
Revision as of 03:46, 2 April 2006 Mks (Talk | contribs) Next diff → |
||
Line 33: | Line 33: | ||
/* needed if not already in place */ | /* needed if not already in place */ | ||
li#pt-userpage { background: none } | li#pt-userpage { background: none } | ||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | */ | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Transform the user toolbar into a sidebox */ | ||
+ | #p-personal { | ||
+ | position:relative; | ||
+ | z-index:3; | ||
+ | width: 11.6em; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #p-personal li { | ||
+ | display: list-item; | ||
+ | padding:0; | ||
+ | margin: 0 0 0 0; | ||
+ | margin-bottom: 0.1em; | ||
+ | } |
Revision as of 03:46, 2 April 2006
/* edit this file to customize the monobook skin for the entire site */
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
- p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em;
}
- content {
-moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em;
} div.pBody {
-moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em;
}
/* same following the css3 draft specs, any browsers supporting this? */
- p-cactions ul li, #p-cactions ul li a {
border-radius-topleft: 1em; border-radius-topright: 1em;
}
- content {
border-radius-topleft: 1em; border-radius-bottomleft: 1em;
} div.pBody {
border-radius-topright: 1em; border-radius-bottomright: 1em;
}
/* suppress the person icon by your username */ /* needed if not already in place */ li#pt-userpage { background: none }
/* 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;
}
- 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;
}
- 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;
- /
}
/* Transform the user toolbar into a sidebox */
- p-personal {
position:relative; z-index:3; width: 11.6em;
}
- 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;
}
- 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;
}
- p-personal li {
display: list-item; padding:0; margin: 0 0 0 0; margin-bottom: 0.1em;
}