More actions
Content deleted Content added
mNo edit summary Tags: Undo Reverted |
Pexy changed the content model of the page Template:EnemyInfobox/styles.css from "CSS" to "Sanitized CSS" Tag: content model change |
||
(5 intermediate revisions by the same user not shown) | |||
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 |
background: black; |
||
line-height: 1.25em; |
line-height: 1.25em; |
||
font-size: 0.75rem; |
font-size: 0.75rem; |
||
float: right; |
float: right; |
||
} |
|||
.infobox#Obesk |
|||
#Obesk, #image-Obesk img { |
|||
{ |
|||
color: #ff00ff; |
|||
color: #ff00ff; |
|||
} |
|||
} |
|||
.infobox#Human |
|||
#Human, #image-Human img { |
|||
{ |
|||
color: #ffffff; |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
.infobox#Moth |
|||
#Moth, #image-Moth img { |
|||
{ |
|||
color: #00ffff; |
|||
color: #00ffff; |
|||
} |
|||
} |
|||
.infobox#Mindspike |
|||
{ |
|||
color: #ffff00; |
|||
color: #ffff00; |
|||
} |
|||
} |
|||
.infobox#Bstrd |
|||
#Bstrd, #image-Bstrd img { |
|||
{ |
|||
color: #ff0066; |
|||
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 |
|||
& > tbody > tr { |
|||
{ |
|||
color: #ff0066; |
|||
&:hover img { |
|||
/* Stop the default hover from expanding the image */ |
|||
transform: unset !important; |
|||
} |
|||
img { |
|||
background: #ffffff; |
|||
border: 1px solid; |
|||
color: #ffff00; |
|||
} |
|||
} |
|||
} |
} |
Latest revision as of 16:58, 4 July 2024
/*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;
}