Template:Notice/styles.css: Difference between revisions

Revision as of 21:35, 14 May 2023

.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 {
	background: rgba(170, 220, 0, 0.3);
	border-color: rgba(170, 220, 0, 0.5);
}
.notice-blue {
	background: rgba(0, 153, 255, 0.3);
	border-color: rgba(0, 153, 255, 0.5);
}
.notice-orange {
	background: rgba(255, 128, 0, 0.3);
	border-color: rgba(255, 128, 0, 0.5);
}
.notice-pink {
	background: rgba(240, 60, 120, 0.3);
	border-color: rgba(240, 60, 120, 0.5);
}
.notice-maroon {
	background: rgba(174, 21, 102, 0.3);
	border-color: rgba(174, 21, 102, 0.5);
}

.notice-content {
	flex-grow: 1;
}
.notice-header {
	font-weight: 600;
}
.notice-description {
	font-size: 9pt;
}