Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:EnemyInfobox/styles.css: Difference between revisions

Template page
Content added Content deleted
(Pexy changed the content model of the page Template:EnemyInfobox/styles.css from "Sanitized CSS" to "CSS": testing)
Tag: content model change
(massively optimized to utilize nesting, and some less notable improvements)
Tag: Reverted
Line 1: Line 1:
/*Hi! I'm making a new infobox for enemies so I don't have to rely
/*Hi! I'm making a new infobox for enemies so I don't have to rely
on a modified character infobox.*/
on a modified character infobox.*/

.infobox {
td { /*wow td corrucord*/
padding: 0 10px;
}

infobox {
overflow: hidden;
overflow: hidden;
display: flex;
display: flex;
justify-content: center;
justify-content: center;
padding: 0.75rem 0.5rem;
padding: 0.75rem 0.5rem;
margin: 0.5rem;
margin: 0.5rem;
border: 1px solid;
border: 1px solid;
border-color: inherit;
border-color: inherit;
color: #ffff00; /* Default to sys/examing messages */
color: #ffff00; /* Default to sys/examing messages */
background: black;
background-color: #000000;

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


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


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


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


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


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


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


.infobox #title-Bstrd {
#title-Bstrd {
font-family: 'Newspaper Cutout White Regular';
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;
}


& > tbody > tr {
.infobox #image-Bstrd img
{
&:hover img {
color: #ff0066;
/* Stop the default hover from expanding the image */
transform: unset !important;
}
img {
background: #ffffff;
border: 1px solid;
color: #ffff00;
}
}
}
}

Revision as of 00:33, 3 July 2024

/*Hi! I'm making a new infobox for enemies so I don't have to rely
on a modified character infobox.*/

td { /*wow td corrucord*/
	padding: 0 10px;
}

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-color: #000000;
	line-height: 1.25em;
	font-size: 0.75rem;
	float: right;

	#Obesk, #image-Obesk img {
		color: #ff00ff;
	}

	#Human, #image-Human img {
		color: #ffffff;
	}

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

	#Mindspike, #image-Mindspike img {
		color: #ffff00;
	}

	#Bstrd, #image-Bstrd img {
		color: #ff0066;
	}

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

	#title-Bstrd {
		font-family: 'Newspaper Cutout White Regular';
	}

	& > tbody > tr {
		
		&:hover img {
			/* Stop the default hover from expanding the image */
			transform: unset !important;
		}
		
		img {
			background: #ffffff;
			border: 1px solid;
			color: #ffff00;
		} 
	}
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.