User:Hannes Karnoefel/monobook.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
![]() | The accompanying .js page for this skin is at User:Hannes Karnoefel/monobook.js. |
#fundraising: none
// This is a stylesheet that you can use to change
// the way Wikipedia looks when you're logged in.
// It adds subtle interactive cues to the interface.
// Instructions: Go to
// http://en.wikipedia.org/wiki/User:YOURNAME/monobook.css
// (replace YOURNAME with your username),
// edit or start the page,
// and copy all this text there.
// If you like, you can also use any
// of these chunks of code individually.
// Tested in Firefox 1.5 only.
// This chunk makes the menus draw your attention slightly
#column-one ul {opacity: 0.8;}
#column-one ul:hover {opacity: 1}
// This chunk makes the links in the body text
// less intrusive (and adds interactivity)
#bodyContent a {color: black; border-bottom: 1px solid #aaaaff;}
#bodyContent a:visited {color: #555555; border-bottom: 1px dotted #dddddd;}
#bodyContent p:hover a, #bodyContent li:hover a, #bodyContent blockquote:hover a {color: black; border-bottom: 1px solid blue; text-decoration:none;}
#bodyContent p:hover a:hover, #bodyContent li:hover a:hover, #bodyContent blockquote:hover a:hover {color: blue; text-decoration:none;}
#bodyContent a.new, #bodyContent a:visited.new {color: black; border-bottom: 1px solid red;}
#bodyContent p:hover a.new, #bodyContent li:hover a.new, #bodyContent blockquote:hover a.new {color: black; border-bottom: 1px solid red; text-decoration:none;}
#bodyContent p:hover a:hover.new, #bodyContent li:hover a:hover.new, #bodyContent blockquote:hover a:hover.new {color: red; text-decoration:none;}
// The following chunks are off by default.
// You won't want to use more than one at once.
// To turn one on, remove the slashes
// from the beginning of the line of code
// (but don't remove the slashes in front
// of the English sentances).
// This chunk is an alternate link scheme.
// Turn off the first link scheme before you
// use it by putting slashes in front of it.
//#bodyContent a {color: black; border-bottom: 1px solid #eeeeff;}
//#bodyContent a:visited {color: #555555; border-bottom: 1px dotted #dddddd;}
//#bodyContent p:hover a, #bodyContent li:hover a, #bodyContent blockquote:hover a {border-bottom: 1px solid #aaaaff;}
//#bodyContent p:hover a:hover, #bodyContent li:hover a:hover, #bodyContent blockquote:hover a:hover {color: black; border-bottom: 1px solid blue; text-decoration:none;} a:active {position: relative; top:1px; left:1px;}
//#bodyContent p:hover a.new, #bodyContent p:hover a:visited.new {color: black; border-bottom: 1px solid red;}
// This chunk makes the text double-spaced.
//#bodyContent p, #bodyContent ul, #bodyContent ol {line-height: 1.8em; margin-bottom: 1em}
// This chunk makes the lines of text narrower.
//#bodyContent p {width: 75%}
// HIGHLY EXPERIMENTAL!!! Firefox 1.5 only.
// This chunk puts the text in a two-column layout.
//#bodyContent {-moz-column-count: 2; -moz-column-gap: 50px;}
/* 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;
}