MediaWiki:Common.css: verschil tussen versies
k (Aanpassingen voor verbeterde weergave op mobiele apparaten) |
k (Aanpassingen voor verbeterde weergave op mobiele apparaten) |
||
| Regel 6: | Regel 6: | ||
/** Classes om titel en ondertitel goed weer te geven ook in de mobile view */ | /** Classes om titel en ondertitel goed weer te geven ook in de mobile view */ | ||
.titel, | |||
.ondertitel, | .ondertitel, | ||
.ondertitel { | .mobile .titel, | ||
.mobile .ondertitel { | |||
font-family: 'Linux Libertine','Georgia','Times',serif; | |||
line-height: 1; | |||
text-align:center; | |||
} | } | ||
.titel { | .titel { | ||
font-size: 3em; | font-size: 3em; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.ondertitel { | .ondertitel { | ||
font-size: 2.1em; | font-size: 2.1em; | ||
} | } | ||
.mobile .titel { | .mobile .titel { | ||
font-size: 2.5em; | font-size: 2.5em; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.mobile .ondertitel { | .mobile .ondertitel { | ||
font-size: 1.8em; | font-size: 1.8em; | ||
} | } | ||
Versie van 30 apr 2023 14:01
/** 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,
.ondertitel,
.mobile .titel,
.mobile .ondertitel {
font-family: 'Linux Libertine','Georgia','Times',serif;
line-height: 1;
text-align:center;
}
.titel {
font-size: 3em;
font-weight: bold;
}
.ondertitel {
font-size: 2.1em;
}
.mobile .titel {
font-size: 2.5em;
font-weight: bold;
}
.mobile .ondertitel {
font-size: 1.8em;
}
/** 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 */
}