More actions
No edit summary Tag: Reverted |
add infobox styling Tag: Reverted |
||
Line 6: | Line 6: | ||
.infobox { | .infobox { | ||
background:var(--body-light); | |||
border:1px solid var(--body-border); | |||
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(--body-dark); | |||
padding:0.5em 0 | |||
} | |||
.infobox .infobox-header a { | |||
color:inherit; | |||
font-size:1.15em; | |||
font-weight:bold | |||
} | |||
.infobox .infobox-subheader { | |||
background:var(--body-dark); | |||
color:var(--infobox-text-color); | |||
line-height:2em | |||
} | |||
.infobox .infobox-subheader a { | |||
color:inherit | |||
} | |||
.infobox .infobox-subheader + .infobox-subheader { | |||
border-left:2px solid var(--body-light) | |||
} | |||
.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(--body-dark); | |||
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(--body-dark) | |||
} | |||
.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 | |||
} | } |
Revision as of 13:12, 9 May 2025
/* CSS placed here will be applied to all skins */
img {
image-rendering: pixelated;
}
.infobox {
background:var(--body-light);
border:1px solid var(--body-border);
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(--body-dark);
padding:0.5em 0
}
.infobox .infobox-header a {
color:inherit;
font-size:1.15em;
font-weight:bold
}
.infobox .infobox-subheader {
background:var(--body-dark);
color:var(--infobox-text-color);
line-height:2em
}
.infobox .infobox-subheader a {
color:inherit
}
.infobox .infobox-subheader + .infobox-subheader {
border-left:2px solid var(--body-light)
}
.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(--body-dark);
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(--body-dark)
}
.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
}