MediaWiki:Common.css

Uit WikiMeneer
Versie door Thijs a (Overleg | bijdragen) op 4 jun 2015 om 10:45

Ga naar: navigatie, zoeken

Let op! Nadat u de wijzigingen hebt opgeslagen is het wellicht nodig uw browsercache te legen.

  • Firefox / Safari: houd Shift ingedrukt terwijl u 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)
  • Internet Explorer: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
  • Opera: leeg uw cache in Extra → Voorkeuren
/* CSS placed here will be applied to all skins */
/* Geeft de naam van de gebruikers een mooi kleurtje bij de Recente wijzigingen. Overal. */

.mw-userlink[title="Gebruiker:Marco"] {
	font-weight:bold !important;
	font-style:italic !important;
	color:#FFA500 !important;
}
.mw-userlink[title="Gebruiker:Rongo"] {
	font-weight:bold !important;
	font-style:italic !important;
	color:#FFD700 !important;
}
.mw-userlink[title="Gebruiker:MDV"] {
	color: #FFFF00 !important;
}
.mw-userlink[title="Gebruiker:PPP"] { 
	color: #FFD700 !important;
}
.mw-userlink[title="Gebruiker:Watje"] { 
	color: #99FF00 !important;
}
.mw-userlink[title="Gebruiker:Dinges"] {
	color:#FF00FF !important;
}
.mw-userlink[title="Gebruiker:D. G. Neree"] {
	color:#8B4513 !important;
}
.mw-userlink[title="Gebruiker:Alzheimlich"] {
	color:#006699 !important;
}
.mw-userlink[title="Gebruiker:Cruor"] {
	color:#708090 !important;
}
.mw-userlink[title="Gebruiker:Vsotvep"] {
	color:#400c1c !important;
	font-weight:bold !important;
}
.mw-userlink[title="Gebruiker:Lambic"] {
	color:#FFA07A !important;
}
.mw-userlink[title="Gebruiker:Dingaantouwtje"] {
	color:#FF1493 !important;
}
.mw-userlink[title="Gebruiker:Hedz0qxz"] {
	color:#000000 !important;
}
.mw-userlink[title="Gebruiker:Sergeant Pepper"] {
	color:#CD5C5C !important;
}
.mw-userlink[title="Gebruiker:CartoonistHenning"] {
	font-weight:bold !important;
	font-style:italic !important;
	color:#800080 !important;
}
.mw-userlink[title="Gebruiker:Jonas"] {
	color:#800000 !important;
}
.mw-userlink[title="Gebruiker:WOEI"] {
	color:#1E90FF !important;
}
.mw-userlink[title="Gebruiker:Roye7777777"] {
	font-style:italic !important;
	font-weight:bold !important;
	color:#00FF00 !important;
}
.mw-userlink[title="Gebruiker:Lars863"] {
	color:#000000 !important;
}
.mw-userlink[title="Gebruiker:Kazzy"] {
	color:#228B22 !important;
}
.mw-userlink[title="Gebruiker:Aeno"] {
	color:#00A8A8 !important;
}
.mw-userlink[title="Gebruiker:Waterdrager"] {
	color:#330066 !important;
}
.mw-userlink[title="Gebruiker:Artec"] {
	color:#FF4500 !important;
}
.mw-userlink[title="Gebruiker:Druipneus"] {
	color:#660066 !important;
}
.mw-userlink[title="Gebruiker:FeyBart"] {
	color:#DF7401 !important;
}
.mw-userlink[title="Gebruiker:Tiz"] {
	color:#EE0000 !important;
}
.mw-userlink[title="Gebruiker:Reality"] {
        color:#535399 !important;
}
.mw-userlink[title="Gebruiker:Mrlordolle"] {
        color:#0000CD !important;
}
.mw-userlink[title="Gebruiker:MisterRoy"] {
        color:#FF9F00 !important;
}
.mw-userlink[title="Gebruiker:Burgerhallojan"] {
        color:#4169E1 !important;
}
.mw-userlink[title="Gebruiker:GeorgiusNL"] {
        color:#696969 !important;
}
 
/* allows for expanding hidden sig sections (experimental) -Dawg */

.sighidden {
	display:none !important; 
}
.sigexpand:hover .sighidden { 
	display:inline !important; 
}

/* == Plainlinksneverexpand ==

Onderstaande is uit [[:en:MediaWiki:Common.css]] gekopieerd.

Dit wordt o.a. gebruikt in [[Sjabloon:ref]].

''Add formatting to make sure that "external references" from [[Template:Ref]] do not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was that the HTML code contained a SPAN following the anchor A; this SPAN had the class "urlexpansion", which was not displayed on screen, but was shown when the medium was "print". The rules below ensure (a) that there is no extra padding to the right of the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for the link, and (c) that this SPAN of class "urlexpansion" is never shown.''

*/

.plainlinksneverexpand {
	background:none !important;
	padding:0 !important;
}
.logothing {
	display:block !important; 
	width:160px !important; 
	position:absolute !important; 
	left:-12.2em !important; 
	top:-2.8em !important; 
	background:none !important;
}
.plainlinksneverexpand .urlexpansion {
	display:none !important;
}

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/

.plainlinksneverexpand a {
	background:none !important;
	padding:0 !important;
}

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/

.plainlinksneverexpand a.external.autonumber:after {
	display:none !important;
}

/* Remove padding from external links displayed without icon */
#bodyContent .plainlinks a {
	padding:0 !important;
}

/* Aligning enzo */

.right {
	float:right !important;
}
.center {
	margin: 0 auto !important; 
}
.left { 
	float:left !important;
}

/*
== Tabelfuncties ==
=== Prettytable en wikitable===
Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop. 
*/

.prettytable, .prettytable table, .wikitable, .wikitable table {
	border: 1px solid #aaa !important;
 	border-collapse: collapse !important;
 	font-size: 95% !important;
 	margin: 1em 0 !important;
 	background: #f9f9f9 !important;
}
.prettytable table, .wikitable table {
	margin: 0;
}
.prettytable td, table.prettytable th, .wikitable td, table.wikitable th {
	border: 1px solid #aaa !important;
	padding: 4px !important;
}
.prettytable th, .wikitable th {
	background-color: #ddd !important;
}

/*
=== Infobox===
Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop. Deze tabel is rechts uitgelijnd.

Deze infobox-style is gekopieerd van en-wikipedia, waar deze veel gebruikt wordt.
*/

.infobox {
	border: 1px solid #aaaaaa !important;
	background-color: #f9f9f9 !important;
	color: black !important;
	margin-bottom: 0.5em !important;
	margin-left: 1em !important;
	padding: 0.2em !important;
	float: right !important;
	clear: right !important;
}
.infobox td,
.infobox th {
	vertical-align: top !important;
}
.infobox caption {
	font-size: larger !important;
	margin-left: inherit !important;
}
.infobox.bordered {
	border-collapse: collapse !important;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaaaaa !important;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0 !important;
}

.infobox.sisterproject {
	width: 20em !important;
	font-size: 90% !important;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0 !important;
	border-top: 1px solid #aaaaaa !important;
	border-right: 1px solid #aaaaaa !important;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0 !important;
	border-right: 1px solid #aaaaaa !important;
}

/*
== Hoofdpagina == 
Onderstaande wijzigingen zijn noodzakelijk voor de layout van de nieuwe hoofdpagina
*/
/* Tonen van de borders voor Internet Explorer */

.BGorange1 {
	background-image: url("http://upload.wikimedia.org/wikipedia/commons/0/02/BGorange1.jpg") !important;
	background-repeat: repeat-x !important;
}

.BGorange2 {
	background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/a7/BGorange2.jpg") !important;
	background-repeat: repeat-x !important;
}

.BGfeest {
	background-image: url("http://imagem.uncyc.org/nl/5/51/Vuurtje.jpg") !important;
	background-repeat: repeat-x !important;
}

.BGfeest2 {
	background-image: url("http://imagem.uncyc.org/nl/a/a4/666.jpg") !important;
	background-repeat: repeat-x !important;
}

.PPcornerTop { 
	background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/75/PPcornerTop2nl.gif") !important; 
	background-position:top left !important; 
	background-repeat:no-repeat !important; 
	width:10px !important; 
	height:10px !important;
}

.PPcornerBottom { 
	background-image: url("http://upload.wikimedia.org/wikipedia/commons/b/bb/PPcornerBottomnl2.gif") !important; 
	background-position:bottom left !important; 
	background-repeat:no-repeat !important; 
	width:10px !important; 
	height:10px !important;
}

#mw-content-text td, th {
	display: table-cell;
	vertical-align: inherit;
}

body.page-Hoofdpagina h1.firstHeading { 
	display: none !important; 
}

/*
== Iets met groen ofzo == 
ik doe iets met groen
*/

.BGgreen { 
	background-image: url("http://image.uncyc.org/nl/8/86/BGgreen1.jpg") !important;
	background-repeat: repeat-x !important;
}

.PPcornerTop1 { 
	background-image: url("http://image.uncyc.org/nl/2/22/PPcornerTop4nl.gif") !important; 
	background-position:top left !important; 
	background-repeat:no-repeat !important; 
	width:10px !important; 
	height:10px !important;
}

.PPcornerBottom1 { 
	background-image: url("http://image.uncyc.org/nl/8/80/PPcornerBottomnl4.gif") !important;
	background-position:bottom left !important; 
	background-repeat:no-repeat !important; 
	width:10px !important; 
	height:10px !important;
}

.PPcornerTop2 { 
	background-image: url("http://image.uncyc.org/nl/f/ff/PPcornerTop3nl.gif") !important; 
	background-position:top right !important; 
	background-repeat:no-repeat !important; 
	width:10px !important; 
	height:10px !important;
}

.PPcornerBottom2 { 
	background-image: url("http://upload.wikimedia.org/wikipedia/commons/b/bb/PPcornerBottomnl2.gif") !important; 
	background-position:bottom right !important; 
	background-repeat:no-repeat !important; 
	width:10px !important; 
	height:10px !important;
}

/* Naamruimtelogo's */
/* OnNieuws:, Overleg_OnNieuws: etc. */

body.ns-18 #p-logo a, body.ns-18 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/5/54/Onnieuws.png") !important; 
}
body.ns-19 #p-logo a, body.ns-19 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/5/54/Onnieuws.png") !important; 
}
body.ns-20 #p-logo a, body.ns-20 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/6/6d/Owblogo.png") !important; 
}
body.ns-21 #p-logo a, body.ns-21 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/6/6d/Owblogo.png") !important; 
}
body.ns-22 #p-logo a, body.ns-22 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/8/81/Leesvoerlogo.png") !important; 
}
body.ns-23 #p-logo a, body.ns-23 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/8/81/Leesvoerlogo.png") !important; 
}
body.ns-24 #p-logo a, body.ns-24 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/8/87/Hoe.png") !important; 
}
body.ns-25 #p-logo a, body.ns-25 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/8/87/Hoe.png") !important; 
}
body.ns-26 #p-logo a, body.ns-26 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/4/4f/Onzinnen.png") !important; 
}
body.ns-27 #p-logo a, body.ns-27 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/4/4f/Onzinnen.png") !important; 
}
body.ns-28 #p-logo a, body.ns-28 #wiki_logo {
	background-image: url("http://images.uncyc.org/nl/8/81/Leesvoerlogo.png") !important; 
}
body.ns-29 #p-logo a, body.ns-29 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/8/81/Leesvoerlogo.png") !important; 
}
body.ns-30 #p-logo a, body.ns-30 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/a/a0/Oteitklein.png") !important; 
}
body.ns-31 #p-logo a, body.ns-31 #wiki_logo { 
	background-image: url("http://images.uncyc.org/nl/a/a0/Oteitklein.png") !important; 
}

/* To make redirects show up in italics on [[Special:Allpages]]. */

.allpagesredirect a, .watchlistredir a {
	font-style:italic !important;
}

/*
==YOUTUBE==
*/

#youtube {
	margin: 0px 0px 40px 0px !important;
	float:left !important;
	width:300px !important;
	height:200px !important;
	position:relative !important;
	border:0px solid #333333 !important;
}

/* NavFrame, aka box hiding thingy from Wikipedia */

div.Boxmerge,
div.NavFrame {
	margin: 0px !important;
        padding: 2px !important;
        border: 1px solid #aaaaaa;
        border-collapse: collapse !important;
        font-size: 100% !important;
}
div.Boxmerge div.NavFrame {
        border-style: none !important;
        border-style: hidden !important;
}
div.NavFrame + div.NavFrame {
        border-top-style: none !important;
        border-top-style: hidden !important;
}
div.NavPic {
        background-color: #ffffff !important;
        margin: 0px !important;
        padding: 2px !important;
        float: left !important;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold !important;
        font-size: 100% !important;
        background-color: #efefef;
        position:relative !important;
}
div.NavFrame p {
        font-size: 100% !important;
}
div.NavFrame div.NavContent {
        font-size: 100% !important;
}
div.NavFrame div.NavContent p {
        font-size: 100% !important;
}
div.NavEnd {
        margin: 0px !important;
        padding: 0px !important;
        line-height: 1px !important;
        clear: both !important;
}
a.NavToggle {
        position:absolute !important;
        top:0px !important;
        right:3px !important;
        font-weight:normal !important;
        font-size:smaller !important;
}

/* End NavFrame */

/* Een class om een link niet te laten onderlijnen. */
.nounderlinelink a { 
	text-decoration:none !important; 
}

/* De klikknopjes. Ridge, alleen dat. */
/* NB: het werkt alleen in span, en niet in IE. */
/* 
voorbeeldje: <nowiki><span class="nounderlinelink">[[Hoofdpagina|<span class="buttonlink" style="border-width: 2px; border-color: #999999;background-color:#bbbbbb;padding:1px 5px 1px 5px;color:black;font-size:110%">Hoofdpagina</span>]]</span></nowiki>
*/
.buttonlink { 
	border-style: outset !important; 
}
.buttonlink:active { 
	border-style: inset !important; 
}

/* Voor de OnNieuws Hoofdpagina. May it work, damnit. */
.mp_header {
	background-image:url("http://images.uncyc.org/nl/f/fa/Onnieuwstransp.png") !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	width: 99% !important;
	clear: both !important;
	background-color: #FFFF9E !important;
	border: 1px solid #808080 !important; 
	padding: 1px 10px 1px 10px !important;
}

.mp_header_left {
	width: 50% !important;
	text-align: left !important;
	white-space: nowrap !important;
	vertical-align: middle !important; 
}

.welcome_to_wn {
	font-size: 200%;
	font-face: Kozuka Gothic Pro H, Arial Bold, Arial !important;
	font-weight: bold !important;
	padding-top: 3px !important;
	padding-bottom: 8px !important;
	letter-spacing: 1px !important;
}

.freenews {
	font-size: 130% !important;
	font-face: Calibri, Arial !important;
}

.mp_header_center {
	width: 2px !important;
	margin-left:auto !important;
        margin-right:auto !important;
	white-space: nowrap !important;
}

.mp_header_right {
	width: 50% !important;
	text-align: right !important;
	white-space: nowrap !important;
	vertical-align: top !important;
}

.header_lefty_text {
	font-size: 9pt !important;
	font-face: Calibri, Arial !important;
	margin-bottom: -4px !important;
}
.r7bg1, .r7bg2 {
	background:none;
}
.r7bg3 {
	background-image:url("http://images.uncyc.org/nl/a/a7/R7av.png") !important; 
	background-repeat:repeat !important; 
	width:100% !important;
	height:100% !important; 
	z-index:-3 !important;
}
.container > div {
	display: inline-block !important;
	display: -moz-inline-box !important;
	*display: inline !important; /* For IE7 */
	zoom: 1 !important; /* Trigger hasLayout */
	width: 33% !important;
	text-align: center !important;
}

.searchresults p {
	font-size:15px !important;
}

div#mw-panel div#p-Delen.portal div.body ul li#n-Facebook a {
	background-image: url("http://images.uncyc.org/no/b/ba/Facebooklogo.gif") !important;
	background-repeat: no-repeat !important;
	background-position: center left !important;
	padding-left: 20px !important;
}
 
div#mw-panel div#p-Delen.portal div.body ul li#n-Twitter a {
	background-image: url("http://images.uncyc.org/nl/a/a4/Twietertleaugeaut.png") !important;
	background-repeat: no-repeat !important;
	background-position: center left !important;
	padding-left: 20px !important;
}

 
#p-Delen ul li#n-Twitter,
#p-Delen ul li#n-Facebook {
	padding-left: 0px !important;
	margin-left: 0px !important;
}

#p-Delen ul {
	padding-left: 0px !important;
	margin-left: 0px !important;
	list-style-type: none !important;
}
div#mw-panel div#p-Delen.portal div.body ul li {
	padding: 0px 0px 0.5em !important;
        margin: 0px 0px 0px -5px !important;
}

div#mw-panel {
        padding-top: 0em !important;
}
/* opmaak voor een paar pagina's */
.ruitjesschrift {
        background-image:url("http://images.uncyc.org/nl/5/5c/Ruitj.png") !important;
        background-position:left top !important;
        background-repeat:repeat !important;
        background-color:#DDD !important;
}
.regen {
        background-image:url("http://images.uncyc.org/nl/5/5f/Regenani.gif") !important;
        background-position:left top !important;
        background-repeat:repeat !important;
        background-color:transparent !important;
}
.rastz {
        background-image:url("http://images.uncyc.org/nl/0/09/Rastertje.png") !important;
        background-position:left top !important;
        background-repeat:repeat !important;
        background-color:#252525 !important;
}
.gramfout {
        background-image:url("http://images.uncyc.org/nl/6/6d/Streepies.png") !important;
        background-position:bottom !important;
        background-repeat:repeat-x !important;
        background-color:#FFFFFF !important;
}
/* 

dit alles is voor de infoboxen 

*/
/**
* achtergrondkleur target reference lichtblauw
* zodat de gewenste referentie makkelijk te vinden is
* overgenomen uit en.wikipedia, werkt niet in Internet Explorer en oudere versies van andere browsers welke nog niet CSS3
* ondersteunen
*/
ol.references > li:target {
	background-color: #DEF;
}
 /**
 * class "prettytable" is een oude nog van voordat "wikitable" in de software
 * kwam. Hier behouden voor compatibiliteit.
 * Synchroniseer met "wikitable" stijl in mediawiki-core/skins/common/shared.css
 */
table.prettytable {
	margin: 1em 1em 1em 0;
	background-color: #f9f9f9;
	border: 1px #aaa solid;
	border-collapse: collapse;
	color: black;
}
table.prettytable > tr > th,
table.prettytable > tr > td,
table.prettytable > * > tr > th,
table.prettytable > * > tr > td {
	border: 1px #aaa solid;
	padding: 0.2em;
}
table.prettytable > tr > th,
table.prettytable > * > tr > th {
	background-color: #f2f2f2;
	text-align: center;
}
table.prettytable > caption {
	font-weight: bold;
}
 
/**
 * Aangepaste stijl voor kopjes voor wikitable/prettytable
 */
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.prettytable > tr > th,
table.prettytable > * > tr > th {
	background-color: #ddd;
}
 
/**
 * Infobox
 * Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop. Deze tabel is rechts uitgelijnd.
 * (Deze infobox-style is gekopieerd van en-wikipedia, waar deze veel gebruikt wordt.
 */
.infobox {
	border: 1px solid #aaaaaa;
	background-color: #f9f9f9;
	color: black;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
	float: right;
	clear: right;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	border-right: 1px solid #aaaaaa;
}
 
/**
 * Kopcellen links uitlijnen.
 */
.thleft th,
th.thleft {
	text-align: left;
}
/* Weg met de facebook link in de KeyCAPTCHA */

div.captcha div#s_s_c_div_adv, div.captcha div#s_s_c_div_adv, div.captcha div.pluginSkinLight.pluginFontVerdana, div.captchaa table.uiGrid.pluginConnectButtonLayoutRoot {
        width:0px !important;
        height:0px !important;
        visibility:hidden !important; 
        display:none !important;
}

div#div_for_keycaptcha div#s_s_c_div_adv, div#div_for_keycaptcha div#s_s_c_div_adv div.captcha div.pluginSkinLight.pluginFontVerdana {
        width:0px !important;
        height:0px !important;
        visibility:hidden !important; 
        display:none !important;
}

form#editform #facebook {
        display:none !important;
}

div#HPlinksmoba, div#HPlinksmobb, div#HPlinksmobc {
        display:none !important;
}


.choose .option {
        display:none; !important;
}

#ca-talk { display:none!important; }
#ca-history { display:none!important; }