MediaWiki:Mobile.css: verschil tussen versies

Versie van 15 jan 2024 22:03

/* All CSS here will be loaded for users of the mobile site */

/** Opmaak voor titel en ondertitel classes */
.titel,
.ondertitel {
  font-family: 'Linux Libertine','Georgia','Times',serif;
  line-height: 1.2;
  text-align:center;
}
.titel {
  font-size: 2.5em;
  font-weight: bold;
  margin: 0.2em 0em 0.1em 0em;
}
.ondertitel {
  font-size: 1.8em;
  margin: 0.1em 0em 0.2em 0em;
}

/** Opmaakprofielen voor kolommen */
.kolommen-2,
.kolommen-3,
.kolommen-4 {                       
  column-gap: 2em;                             /** ruimte tussen de kolommen */
  margin-top:0.3em;
}
.kolommen-2 {
  columns: 18em 2;                             /** minimale kolombreedte en maximaal aantal kolommen */
}
.kolommen-3 {
  columns: 12em 3;                             /** minimale kolombreedte en maximaal aantal kolommen */
}
.kolommen-4 {
  columns: 9em 4;                              /** minimale kolombreedte en maximaal aantal kolommen */
}
.kolommen-2 :first-child,
.kolommen-3 :first-child,
.kolommen-4 :first-child {
  margin-top: 0;                               /** geen boven marge voor eerste element binnen een kolom */
}
.kolommen-2 li,
.kolommen-3 li,
.kolommen-4 li {
  break-inside:avoid;                          /** voorkom kolom breaks binnen een item van een lijst */
}

/** Opmaakprofiel voor tekst zoals in een krant */
.krant {
  text-align:justify;                          /** tekst uitvullen over hele (kolom) breedte */
}
.krant p {
  text-indent: 2em;                            /** inspringen bij begin van een paragraaf */
  margin-top: 0;                               /** geen extra regelafstand boven een paragraaf */
  margin-bottom: 0;                            /** geen extra regelafstand onder een paragraaf */
}
.krant ol {
  margin-top: 0;                               /** geen extra regelafstand boven een lijst*/
}
.krant li {
  margin-bottom: 0;                            /** geen extra regelafstand onder een item in een lijst */
}

/** 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 */
}