Template:EnemyInfobox/styles.css

/*Hi! I'm making a new infobox for enemies so I don't have to rely
on a modified character infobox.*/
.infobox {
	overflow: hidden;
	display: flex;
	justify-content: center;
	
	padding: 0.75rem 0.5rem;
	margin: 0.5rem;
	border: 1px solid;
	border-color: inherit;
	
	color: #ffff00; /* Default to sys/examing messages */
	background: black;

	line-height: 1.25em;
	font-size: 0.75rem;
	
	float: right;
}

.infobox#Obesk
{
	color: #ff00ff;
}

.infobox#Human
{
	color: #ffffff;
}

.infobox#Moth
{
	color: #00ffff;
}

.infobox#Mindspike
{
	color: #ffff00;
}

.infobox#Bstrd
{
	color: #ff0066;
}

.infobox #title {
	font-family: 'Libre Barcode 128 Text', cursive;
	font-size: 2.5em;
	line-height: 1.25em;
	text-transform: uppercase;
	letter-spacing: normal;
}

.infobox #title-Bstrd {
	font-family: 'Newspaper Cutout White Regular';
	font-size: 2.5em;
	line-height: 1.25em;
	text-transform: uppercase;
	letter-spacing: normal;
}

.infobox > tbody > tr:hover img {
	/* Stop the default hover from expanding the image */
	transform: unset !important;
}

.infobox > tbody > tr img {
	background: #ffffff;
	border: 1px solid;
	color: #ffff00;
}

.infobox #image-Obesk img
{
	color: #ff00ff;
}

.infobox #image-Human img
{
	color: #ffffff;
}

.infobox #image-Moth img
{
	color: #00ffff;
}

.infobox #image-Mindspike img
{
	color: #ffff00;
}

.infobox #image-Bstrd img
{
	color: #ff0066;
}