Plantilla:Aviso/styles.css

/* Avisos: {{Aviso}}, {{Esbozo}}, {{Spoiler}}, {{Borrar}}... */
.mc-aviso {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 1em;
	padding: 12px 16px;
	border: 1px solid rgba(37, 87, 194, 0.28);
	border-left: 5px solid #2557c2;
	border-radius: 12px;
	background-color: rgba(37, 87, 194, 0.07);
	line-height: 1.5;
}
.mc-aviso__icono {
	flex: none;
	font-size: 1.5em;
	line-height: 1.1;
}
.mc-aviso__cuerpo {
	flex: 1;
	min-width: 0;
}
.mc-aviso__titulo {
	font-weight: 700;
}
.mc-aviso--aviso { border-color: rgba(244, 197, 66, 0.5); border-left-color: #e0a800; background-color: rgba(244, 197, 66, 0.1); }
.mc-aviso--peligro { border-color: rgba(229, 56, 59, 0.35); border-left-color: #e5383b; background-color: rgba(229, 56, 59, 0.08); }
.mc-aviso--spoiler { border-color: rgba(229, 56, 59, 0.35); border-left-color: #e5383b; background-color: rgba(229, 56, 59, 0.06); }
.mc-aviso--exito { border-color: rgba(47, 166, 106, 0.35); border-left-color: #2fa66a; background-color: rgba(47, 166, 106, 0.08); }
.mc-aviso--organizacion { border-color: rgba(20, 22, 28, 0.4); border-left-color: #14161c; background-color: rgba(20, 22, 28, 0.08); }
.mc-aviso--pequeño {
	padding: 8px 12px;
	font-size: 0.9em;
}

/* {{Cita}} */
.mc-cita {
	position: relative;
	margin: 1em 0 1.2em;
	padding: 14px 20px 14px 50px;
	border-radius: 14px;
	background-color: rgba(127, 140, 170, 0.08);
}
.mc-cita::before {
	content: "“";
	position: absolute;
	left: 14px;
	top: 0;
	font-size: 3.2em;
	line-height: 1;
	color: #f4c542;
	font-family: Georgia, serif;
}
.mc-cita__texto {
	font-size: 1.08em;
	font-style: italic;
}
.mc-cita__autor {
	margin-top: 6px;
	font-size: 0.9em;
	opacity: 0.75;
}