More actions
extract infobox styling |
No edit summary |
||
Line 3: | Line 3: | ||
img { | img { | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | |||
/* Template:Infobox */ | |||
.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 | |||
} | } |
Latest revision as of 01:01, 10 May 2025
/* CSS placed here will be applied to all skins */
img {
image-rendering: pixelated;
}
/* Template:Infobox */
.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
}