Template:Message/styles.css

.tpl-message {
	position: relative;
	clear: both;
	margin: 2px auto;
	background-color: #f8f9fa;
	color: #000;
	border: 1px solid #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}} */