MediaWiki:Common.css
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 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%;
}
}