Sjabloon:Citaatbox/styles.css: verschil tussen versies
Uiterlijk
Verwijderde inhoud Toegevoegde inhoud
Achtergrondkleur |
Via Codex |
||
(4 tussenliggende versies door 2 gebruikers niet weergegeven) | |||
Regel 1: | Regel 1: | ||
.citaatbox { |
.citaatbox { |
||
position: relative; |
position: relative; |
||
background-color: var(--background-color-neutral, #f8f9fa); |
background-color: var(--background-color-neutral-subtle, #f8f9fa); |
||
border-left: 4px solid #eaecf0; |
border-left: 4px solid var(--border-color-muted, #eaecf0); |
||
margin: 1em 0 1em 1em; |
margin: 1em 0 1em 1em; |
||
padding: 1em; |
padding: 1em; |
||
Regel 9: | Regel 9: | ||
clear: right; |
clear: right; |
||
max-width: 25em; |
max-width: 25em; |
||
} |
|||
.citaatbox.links { |
|||
margin: 1em 1em 1em 0; |
|||
⚫ | |||
clear: left; |
|||
} |
} |
||
Regel 15: | Regel 21: | ||
position: absolute; |
position: absolute; |
||
top: -0.3em; |
top: -0.3em; |
||
font-family: |
font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif; |
||
font-weight: bold; |
font-weight: bold; |
||
font-size: 3em; |
font-size: 3em; |
||
color: # |
color: #a3d3ff; |
||
height: 0.5em; |
height: 0.5em; |
||
line-height: 1em; |
line-height: 1em; |
||
Regel 30: | Regel 36: | ||
} |
} |
||
@media screen and (max-width: |
@media screen and (max-width: 640px) { |
||
.citaatbox |
.citaatbox, |
||
.citaatbox.links { |
|||
⚫ | |||
float: unset; |
|||
clear: unset; |
|||
margin: 1em 0; |
|||
max-width: unset; |
|||
} |
} |
||
} |
} |
Huidige versie van 12 jul 2024 om 21:27
.citaatbox {
position: relative;
background-color: var(--background-color-neutral-subtle, #f8f9fa);
border-left: 4px solid var(--border-color-muted, #eaecf0);
margin: 1em 0 1em 1em;
padding: 1em;
font-size: 90%;
float: right;
clear: right;
max-width: 25em;
}
.citaatbox.links {
margin: 1em 1em 1em 0;
float: left;
clear: left;
}
.citaatbox::before {
content: "“";
position: absolute;
top: -0.3em;
font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
font-weight: bold;
font-size: 3em;
color: #a3d3ff;
height: 0.5em;
line-height: 1em;
overflow: hidden;
}
.citaatbox > blockquote {
padding: 0;
margin: 0 0 0.5em;
border: none;
}
@media screen and (max-width: 640px) {
.citaatbox,
.citaatbox.links {
float: unset;
clear: unset;
margin: 1em 0;
max-width: unset;
}
}
/* [[Categorie:Wikipedia:TemplateStyles-pagina's]] */