Template:Notice/styles.css: Difference between revisions

From Inkipedia, the Splatoon wiki
(Adding gray color option)
(Removing alpha)
Line 11: Line 11:


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



Revision as of 21:51, 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 {
	border-color: rgb(170, 220, 0);
}
.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-pink {
	border-color: rgb(240, 60, 120);
}
.notice-maroon {
	border-color: rgb(174, 21, 102);
}
.notice-gray {
	border-color: rgb(201, 201, 201);
}

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