Gebruiker:Hannes Karnoefel/vector.css
Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.
- Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
- Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
- Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.
#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.wiki.x.io/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}
@import "/w/index.php?title=MediaWiki:Gadget-popups.css&action=raw&ctype=text/css";
// 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: #5555; border-bottom: 1px dotted #dddd;}
#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: red; 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;
}