Template:Message/styles.css

.tpl-message {
	position: relative;
	clear: both;
	margin: 2px auto;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	color: var(--color-base, #202122);
	border: 1px solid var(--border-color-base, #a2a9b1);
	padding: 2px;
	min-height: 40px;
}
.tpl-message::after {
	content: "";
	display: block;
	clear: both;
}

.tpl-message-information:not([dir]) {
	border-left: 10px solid #1e90ff;
}
.tpl-message-information[dir="ltr"] {
	/* @noflip */
	border-left: 10px solid #1e90ff;
}
.tpl-message-information[dir="rtl"] {
	/* @noflip */
	border-right: 10px solid #1e90ff;
}
.tpl-message-attention:not([dir]) {
	border-left: 10px solid #f28500;
}
.tpl-message-attention[dir="ltr"] {
	/* @noflip */
	border-left: 10px solid #f28500;
}
.tpl-message-attention[dir="rtl"] {
	/* @noflip */
	border-right: 10px solid #f28500;
}
.tpl-message-important:not([dir]) {
	border-left: 10px solid #b22222;
}
.tpl-message-important[dir="ltr"] {
	/* @noflip */
	border-left: 10px solid #b22222;
}
.tpl-message-important[dir="rtl"] {
	/* @noflip */
	border-right: 10px solid #b22222;
}

.tpl-message-icon {
	position: absolute;
	top: 2px;
}
.tpl-message:not([dir]) .tpl-message-icon {
	left: 7px;
}
.tpl-message[dir="ltr"] .tpl-message-icon {
	/* @noflip */
	left: 7px;
}
.tpl-message[dir="rtl"] .tpl-message-icon {
	/* @noflip */
	right: 7px;
}

.tpl-message-content {
	position: relative;
	padding: 0 5px 0 54px;
	min-height: 40px;
}
.tpl-message[dir="ltr"] .tpl-message-content {
	/* @noflip */
	padding: 0 5px 0 54px;
}
.tpl-message[dir="rtl"] .tpl-message-content {
	/* @noflip */
	padding: 0 54px 0 5px;
}
/* {{PP-template}} */