MediaWiki:Common.css: verschil tussen versies
Geen bewerkingssamenvatting |
k (Inhoud aangevuld) |
||
(57 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
Regel 1: | Regel 1: | ||
/** CSS die hier wordt geplaatst heeft invloed op alle | /** CSS die hier wordt geplaatst heeft invloed op alle vormgeving in desktop weergave */ | ||
#ca-talk { display:none!important; } | #ca-talk { display:none!important; } /** Verwijdert "Discussie" tab */ | ||
#ca- | #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%; | |||
} | |||
} |
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%; } }