MediaWiki:Mobile.css: verschil tussen versies
k (Aanpassingen voor verbeterde weergave op mobiele apparaten) Label: Ongedaan gemaakt |
k (Aanpassingen voor verbeterde weergave op mobiele apparaten) Label: Ongedaan gemaakt |
||
Regel 1: | Regel 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/** Opmaak voor titel en ondertitel classes */ | /** Opmaak voor titel en ondertitel classes */ | ||
Regel 18: | Regel 16: | ||
font-size: 1.8em; | font-size: 1.8em; | ||
margin: 0.1em 0em 0.2em 0em; | 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-indent: 2em; /** inspringen bij begin van een paragraaf */ | |||
text-align:justify; /** tekst uitvullen over hele (kolom) breedte */ | |||
} | |||
.krant p { | |||
margin-top: 0; /** geen extra regelafstand boven een paragraaf */ | |||
margin-bottom: 0; /** geen extra regelafstand onder een paragraaf */ | |||
} | } | ||
Versie van 2 mei 2023 13:01
/* 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-indent: 2em; /** inspringen bij begin van een paragraaf */ text-align:justify; /** tekst uitvullen over hele (kolom) breedte */ } .krant p { margin-top: 0; /** geen extra regelafstand boven een paragraaf */ margin-bottom: 0; /** geen extra regelafstand onder een paragraaf */ } /** 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 */ }