More actions
add infobox styling Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 6: | Line 6: | ||
.infobox { | .infobox { | ||
background:var(-- | background:var(--background-color-neutral); | ||
border:1px solid var(-- | border:1px solid var(--border-color-base); | ||
font-size:0.85em; | font-size:0.85em; | ||
width:300px; | width:300px; | ||
Line 21: | Line 21: | ||
font-size:1.15em; | font-size:1.15em; | ||
line-height:1.4em; | line-height:1.4em; | ||
background:var(-- | background:var(--background-color-disabled); | ||
padding:0.5em 0 | padding:0.5em 0 | ||
} | } | ||
Line 30: | Line 30: | ||
} | } | ||
.infobox .infobox-subheader { | .infobox .infobox-subheader { | ||
background:var(-- | background:var(--background-color-disabled); | ||
color:var(--infobox-text-color); | color:var(--infobox-text-color); | ||
line-height:2em | line-height:2em | ||
Line 38: | Line 38: | ||
} | } | ||
.infobox .infobox-subheader + .infobox-subheader { | .infobox .infobox-subheader + .infobox-subheader { | ||
border-left:2px solid var(-- | border-left:2px solid var(--background-color-neutral) | ||
} | } | ||
.infobox .infobox-image { | .infobox .infobox-image { | ||
Line 56: | Line 56: | ||
text-align:right; | text-align:right; | ||
vertical-align:top; | vertical-align:top; | ||
border-right:2px solid var(-- | border-right:2px solid var(--background-color-disabled); | ||
padding:0.25em 0.5em | padding:0.25em 0.5em | ||
} | } | ||
Line 79: | Line 79: | ||
} | } | ||
.infobox .infobox-nested + .infobox-nested { | .infobox .infobox-nested + .infobox-nested { | ||
border-left:2px solid var(-- | border-left:2px solid var(--background-color-disabled) | ||
} | } | ||
.infobox .infobox-cell-hidden { | .infobox .infobox-cell-hidden { |
Revision as of 13:18, 9 May 2025
/* CSS placed here will be applied to all skins */
img {
image-rendering: pixelated;
}
.infobox {
background:var(--background-color-neutral);
border:1px solid var(--border-color-base);
font-size:0.85em;
width:300px;
margin:0.5em 0 1em 1em;
border-collapse:collapse;
box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
float:right;
table-layout:fixed;
word-break:break-word
}
.infobox .infobox-header {
color:var(--infobox-text-color);
font-size:1.15em;
line-height:1.4em;
background:var(--background-color-disabled);
padding:0.5em 0
}
.infobox .infobox-header a {
color:inherit;
font-size:1.15em;
font-weight:bold
}
.infobox .infobox-subheader {
background:var(--background-color-disabled);
color:var(--infobox-text-color);
line-height:2em
}
.infobox .infobox-subheader a {
color:inherit
}
.infobox .infobox-subheader + .infobox-subheader {
border-left:2px solid var(--background-color-neutral)
}
.infobox .infobox-image {
text-align:center
}
.infobox .infobox-image.inventory-image {
height:32px
}
.infobox .infobox-image a.image + a.image {
margin-left:0.1em
}
.infobox .infobox-image img {
max-width:300px;
height:auto
}
.infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {
text-align:right;
vertical-align:top;
border-right:2px solid var(--background-color-disabled);
padding:0.25em 0.5em
}
.infobox td {
padding:0.25em 0.5em;
line-height:1.6em
}
.infobox td.infobox-nested {
padding:0.25em 0;
line-height:1em
}
.infobox th ~ td {
vertical-align:top
}
.infobox .infobox-padding {
height:0.5em;
padding:0;
border:0
}
.infobox .infobox-nested {
text-align:center
}
.infobox .infobox-nested + .infobox-nested {
border-left:2px solid var(--background-color-disabled)
}
.infobox .infobox-cell-hidden {
display:none
}
.infobox .infobox-full-width-content {
max-width:300px;
text-align:center;
overflow:hidden;
padding:0
}
.infobox .infobox-caption {
font-weight:bold
}
.infobox select {
max-width:300px
}