MediaWiki:Common.css: verschil tussen versies

Huidige versie van 16 feb 2024 om 20:35

/** CSS die hier wordt geplaatst heeft invloed op alle vormgeving in desktop weergave */

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

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

/** Opmaakprofielen voor citaten */
.cquote > :nth-last-child(2) {
	margin-bottom: 0;
}
.cquote-cite {
	position: relative;
	margin: 20px -40px 0;
	text-align: right;
	font-size: 90%;
}
.cquote-cite-leeg {
	margin-top: 0;
}
.cquote > :first-child::before,
.cquote-cite::after {
	color: #00AF89;                           /** MediaWiki Utility, Green50  */
	font-size: 42px;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
	position: absolute;
}
.cquote > :first-child::before {
	content: '\201C';
	left: 10px;
	top: -19px;
}
.cquote-cite::after {
	content: '\201D';
	right: 0;
	top: -53px;
	height: 0;
}
.cquote-cite-leeg::after {
	top: -33px;
}
.citaatbox {
	position: relative;
	background-color: #FEF6E7;                /** MediaWiki Utility, Yellow90 */
	border-left: 4px solid #FFCC33;           /** MediaWiki Utility, Yellow50 */
	margin: 1em 0 1em 1em;
	padding: 1em;
	font-size: 90%;
	float: right;
	clear: right;
	max-width: 25em;
}
.citaatbox::before {
	content: '\201C';
	position: absolute;
	top: -0.3em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 3em;
	color: #00AF89;                           /** MediaWiki Utility, Green50  */
	height: 0.5em;
	line-height: 1em;
	overflow: hidden;
}
.citaatbox > blockquote {
	padding: 0;
	margin: 0 0 0.5em;
	border: none;
}
@media screen and (max-width: 600px) {
	.citaatbox {
		float: none;
		clear: none;
		margin-left: 0;
	}
}

/** Opmaakprofielen voor kolommen */
.kolommen-2,
.kolommen-3,
.kolommen-4 {                       
  column-gap: 32px;                            /** ruimte tussen de kolommen */
  margin-top:0.3em;
}
.kolommen-2 {
  columns: 350px 2;                            /** minimale kolombreedte en maximaal aantal kolommen */
}
.kolommen-3 {
  columns: 250px 3;                            /** minimale kolombreedte en maximaal aantal kolommen */
}
.kolommen-4 {
  columns: 150px 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: 1.6em;                          /** 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 */
}

/** Voor het weergeven van meerdere afbeeldingen in één kader, overgenomen van de Nederlandse Wikipedia */
div.tright {
  clear:right;
  float:right
}
div.tleft {
  float:left;
  clear:left
}
div.thumb {
  width:auto;
  background-color:transparent;
  margin-bottom:0.5em
}
div.tleft {
  margin:0.5em 1.4em 1.3em 0
}
div.tright {
  margin:0.5em 0 1.3em 1.4em
}
.thumbcaption {
  text-align:left;
  line-height:1.4em;
  padding:3px
}
.thumbcaption:empty {
  padding:0
}
div.thumbinner {
  padding:3px;
  text-align:center;
  overflow:hidden
}
@media screen {
  div.thumbinner {
    border:1px solid #c8ccd1;
    background-color:#f8f9fa;
    font-size:94%
  }
  .thumbimage {
    background-color:#f8f9fa;
    border:1px solid #c8ccd1
  }
  .thumbcaption {
    border:0;
    font-size:94%
  }
}


/** Opmaakprofiel voor schaalbare afbeelding */
.scalable img {
	max-width: 100% !important;
	height: auto !important;
}
@media all and (max-width: 720px) {
	.scalable .lazy-image-placeholder {
		width: 100% !important;
		max-height: 100%;
	}
}