4.504
bewerkingen
k
Inhoud aangevuld
kGeen bewerkingssamenvatting |
k (Inhoud aangevuld) |
||
| (11 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
| Regel 37: | Regel 37: | ||
.cquote > :first-child::before, | .cquote > :first-child::before, | ||
.cquote-cite::after { | .cquote-cite::after { | ||
color: # | color: #00AF89; /** MediaWiki Utility, Green50 */ | ||
font-size: 42px; | font-size: 42px; | ||
font-family: 'Times New Roman', Times, serif; | font-family: 'Times New Roman', Times, serif; | ||
| Regel 56: | Regel 56: | ||
.cquote-cite-leeg::after { | .cquote-cite-leeg::after { | ||
top: -33px; | 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; | |||
} | |||
} | } | ||
| Regel 62: | Regel 97: | ||
.kolommen-3, | .kolommen-3, | ||
.kolommen-4 { | .kolommen-4 { | ||
column-gap: | column-gap: 32px; /** ruimte tussen de kolommen */ | ||
margin-top:0.3em; | margin-top:0.3em; | ||
} | } | ||
.kolommen-2 { | .kolommen-2 { | ||
columns: | columns: 350px 2; /** minimale kolombreedte en maximaal aantal kolommen */ | ||
} | } | ||
.kolommen-3 { | .kolommen-3 { | ||
columns: | columns: 250px 3; /** minimale kolombreedte en maximaal aantal kolommen */ | ||
} | } | ||
.kolommen-4 { | .kolommen-4 { | ||
columns: | columns: 150px 4; /** minimale kolombreedte en maximaal aantal kolommen */ | ||
} | } | ||
.kolommen-2 :first-child, | .kolommen-2 :first-child, | ||
| Regel 90: | Regel 125: | ||
} | } | ||
.krant p { | .krant p { | ||
text-indent: | text-indent: 1.6em; /** inspringen bij begin van een paragraaf */ | ||
margin-top: 0; /** geen extra regelafstand boven een paragraaf */ | margin-top: 0; /** geen extra regelafstand boven een paragraaf */ | ||
margin-bottom: 0; /** geen extra regelafstand onder een paragraaf */ | margin-bottom: 0; /** geen extra regelafstand onder een paragraaf */ | ||
| Regel 147: | Regel 182: | ||
width: 1px; | width: 1px; | ||
/* white-space: nowrap; /* already have nowrap above */ | /* 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%; | |||
} | |||
} | } | ||