Naar inhoud springen

Sjabloon:Citaatbox/styles.css: verschil tussen versies

Uit Wikipedia, de vrije encyclopedie
Verwijderde inhoud Toegevoegde inhoud
Aanhalingsteken; +cat
Via Codex
 
(15 tussenliggende versies door 2 gebruikers niet weergegeven)
Regel 1: Regel 1:
.citaatbox {
.citaatbox {
position: relative;
position: relative;
background-color: var(--background-color-neutral-subtle, #f8f9fa);
border: 1px solid #b2b7f2;
border-left: 4px solid var(--border-color-muted, #eaecf0);
margin: 1em 0 1em 1em;
margin: 1em 0 1em 1em;
padding: 1em;
padding: 1em;
font-size: 90%;
font-size: 90%;
float: right;
float: right;
max-width: 30em;
clear: right;
max-width: 25em;
}

.citaatbox.links {
margin: 1em 1em 1em 0;
float: left;
clear: left;
}
}


Regel 12: Regel 20:
content: "“";
content: "“";
position: absolute;
position: absolute;
top: -0.55em;
top: -0.3em;
font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
font-size: 4em;
font-weight: bold;
color: #b2b7f2;
z-index: -1;
font-size: 3em;
color: #a3d3ff;
height: 0.5em;
line-height: 1em;
overflow: hidden;
}
}


Regel 22: Regel 34:
margin: 0 0 0.5em;
margin: 0 0 0.5em;
border: none;
border: none;
}

@media screen and (max-width: 640px) {
.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]] */