/*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;
}
td { /*wow td corrucord*/
padding-left: 10px;
padding-right: 10px;
}
.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;
}