Template:Banner/styles.css

.banner-wrapper {
	position: relative;
	display: inline-block;
	width: 21px;
	height: 41px;
}

.banner-wrapper p {
	line-height: 0;
	margin: 0;
}

.banner-wrapper .banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.banner-color-white {
	filter: hue-rotate(169.992deg) saturate(0.0235) brightness(3.5);
}
.banner-color-orange {
	filter: hue-rotate(27deg) saturate(0.8835) brightness(4.4765);
}
.banner-color-magenta {
	filter: hue-rotate(304.956deg) saturate(0.608) brightness(4.2805);
}
.banner-color-light_blue {
	filter: hue-rotate(194.616deg) saturate(0.7339) brightness(4.3549);
}
.banner-color-yellow {
	filter: hue-rotate(48.204deg) saturate(0.7598) brightness(4.4961);
}
.banner-color-lime {
	filter: hue-rotate(85.356deg) saturate(0.8442) brightness(4.2804);
}
.banner-color-pink {
	filter: hue-rotate(342.108deg) saturate(0.428) brightness(4.6529);
}
.banner-color-gray {
	filter: hue-rotate(196.38deg) saturate(0.1341) brightness(1.3216);
}
.banner-color-light_gray {
	filter: hue-rotate(60.012deg) saturate(0.0382) brightness(3.1157);
}
.banner-color-cyan {
	filter: hue-rotate(180deg) saturate(0.859) brightness(2.1118);
}
.banner-color-purple {
	filter: hue-rotate(278.964deg) saturate(0.7283) brightness(1.7216);
}
.banner-color-blue {
	filter: hue-rotate(235.62deg) saturate(0.6471) brightness(1.6667);
}
.banner-color-brown {
	filter: hue-rotate(25.2deg) saturate(0.6183) brightness(1.2137);
}
.banner-color-green {
	filter: hue-rotate(77.652deg) saturate(0.8226) brightness(2.4863);
}
.banner-color-red {
	filter: hue-rotate(3.492deg) saturate(0.7841) brightness(1.1902);
}
.banner-color-black {
	filter: hue-rotate(240.012deg) saturate(0.1212) brightness(0.6294);
}