MediaWiki:Common.css

Uit Wouda's Wiki
Versie door Cierick Goos (overleg | bijdragen) op 30 apr 2023 om 13:54 (Aanpassingen voor verbeterde weergave op mobiele apparaten)

Opmerking: nadat u de wijzigingen hebt gepubliceerd 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 / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
  • Opera: druk op Ctrl-F5.
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */

#ca-talk { display:none!important; }		/** Verwijdert "Discussie" tab */
#ca-view { display: none !important; }		/** Verwijdert "Lezen" tab */
#footer-poweredbyico { display: none; }		/** Verwijdert Powered by MediaWiki logo */

/** Classes om titel en ondertitel goed weer te geven ook in de mobile view */
.titel {
  font-size: 3em;
  font-weight: bold;
  font-family: 'Linux Libertine','Georgia','Times',serif;
  line-height: 1;
  text-align:center;
}
.ondertitel {
  font-size: 2.1em;
  font-family: 'Linux Libertine','Georgia','Times',serif;
  line-height: 1;
  text-align:center;
}
.mobile .titel {
  font-size: 2.5em;
  font-weight: bold;
  font-family: 'Linux Libertine','Georgia','Times',serif;
  line-height: 1;
  text-align:center;
}
.mobile .ondertitel {
  font-size: 1.8em;
  font-family: 'Linux Libertine','Georgia','Times',serif;
  line-height: 1;
  text-align:center;
}

/** Classes om kolommen goed weer te geven ook in de mobile view (overgenomen van de Engelse Wikipedia) */
.column-count-2 {                       
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
}
.column-count-3 {
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
}
.column-count-4 {
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
}
.mobile .column-count-2,
.mobile .column-count-3,
.mobile .column-count-4 {
  -moz-column-count:auto!important;
  -webkit-column-count:auto!important;
  column-count:auto!important;
  -webkit-column-width:auto!important;
}

/** Voor het juist weergeven van wiskundige formules, overgenomen van de Engelse Wikipedia */
span.texhtml {
 font-family:"Nimbus Roman No9 L","Times New Roman",Times,serif;
 font-size:118%;
 line-height:1;
 white-space:nowrap;
 -webkit-font-feature-settings:"lnum","tnum","kern" 0;
 font-feature-settings:"lnum","tnum","kern" 0;
 font-variant-numeric:lining-nums tabular-nums;
 font-kerning:none
}
span.texhtml span.texhtml {
 font-size:100%
}

/** Voor het juist weergeven van Breuken waarbij teller en noemer recht boven elkaar staan, overgenomen van de Engelse Wikipedia */
.sfrac {
	white-space: nowrap;
}
.sfrac.tion,
.sfrac .tion {
	display: inline-block;
	vertical-align: -0.5em;
	font-size: 85%;
	text-align: center;
}
.sfrac .num,
.sfrac .den {
	display: block;
	line-height: 1em;
	margin: 0 0.1em;
}
.sfrac .den {
	border-top: 1px solid;
}
/* [[Template:Screen reader-only]] is canonical implementation onwiki */
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	/* white-space: nowrap; /* already have nowrap above */
}