Template:Notice/styles.css

.notice {
	padding: .5em;
	margin: .5em 0;
	border-width: 1px 5px 1px 5px;
	border-style: solid;
	border-radius: 5px 5px 5px 5px;
	display: flex;
	flex-direction: row;
	column-gap: 1em;
}

.notice-green {
	border-color: rgb(170, 220, 0);
}
.notice-teal {
	border-color: rgb(47, 172, 172);
}
.notice-blue {
	border-color: rgb(0, 153, 255);
}
.notice-orange {
	border-color: rgb(255, 128, 0);
}
.notice-yellow {
	border-color: rgb(235, 238, 61);
}
.notice-red {
	border-color: rgb(217, 0, 0);
}
.notice-pink {
	border-color: rgb(240, 60, 120);
}
.notice-maroon {
	border-color: rgb(174, 21, 102);
}
.notice-gray {
	border-color: rgb(201, 201, 201);
}

.notice-image img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.notice-content {
	flex-grow: 1;
}
.notice-header {
	font-weight: 600;
}
.notice-header ~ .notice-description {
	font-size: 9pt;
}