Template:Ivory messagebox/styles.css

/* {{pp-template}} */
.ivmbox {
	margin-bottom: 1em;
	border: 1px solid var(--border-color-base, #a2a9b1);
	background-color: var(--background-color-warning-subtle, #fdf2d5);
	padding: 0.5em;
	display: flex;
	align-items: center;
}

@media screen {
	html.skin-theme-clientpref-night .ivmbox[style*="background"] {
		background-color: var(--background-color-warning-subtle, ivory) !important;
		color: inherit;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ivmbox[style*="background"] {
		background-color: var(--background-color-warning-subtle, ivory) !important;
		color: inherit;
	}
}

.ivmbox-image {
	padding-left: 1px;
	padding-right: 0.5em;
	max-width: 100px;
	flex: 1 0 25px;
}

.ivmbox-text {
	padding: 0.5em 0;
}

.ivmbox-text > :first-child {
	margin-top: 0;
}

.ivmbox-text > :last-child {
	margin-bottom: 0;
}