Style:Infobox
.mixin-floating-box();
margin: 0 0 0.5em 1em;
width: 250px;
padding: 0;
border-collapse: collapse;
>.name,
>.type {
background-color: var(--infobox-bgcolor,#000);
color: var(--infobox-fgcolor,#fff);
font-weight: bold;
text-align: center;
}
>.image {
background-color: var(--infobox-imagebgcolor,#fff);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
>.website {
text-align: center;
font-size: smaller;
}
.pf2e-trait-container {
padding: 0.25em 0.5em 0;
}
>.table {
display: grid;
grid-template-columns: min-content 1fr;
>* {
padding: 0.25em 0.5em 0;
}
>.key {
font-weight: bold;
}
>.works-by {
text-align: center;
font-size: smaller;
font-weight: bold;
}
>.full-width {
grid-column-end: span 2;
}
>.no-padding {
padding: 0;
}
>.footnote,
>.source {
border-top: 1px solid @menu-border-color-thin;
text-align: right;
font-size: 80%;
margin: 0.5em;
padding: 0;
}
>.source+.footnote {
border-top: none;
margin-top: -.5em;
}
}
@media @min-small-width {
float: right;
clear: right;
}
@media not @min-small-width {
width: 90%;
margin-left: auto;
margin-right: auto;
}
/*specifically only for book releases*/
.infobox-book-releases {
grid-column: span 2;
margin-bottom: .5rem;
>.infobox-book-releases-title {
font-weight: bold;
}
>.name {
margin-left: .75em;
}
>.table {
font-size: 90%;
margin-left: 1.5rem;
margin-top: -.2rem;
line-height: 120%;
display: grid;
grid-template-columns: 2.9rem 1fr;
}
}
/*if a semamtic infobox without any content is called this styles the resulting banner*/
&.no-content {
padding: 10px;
width: 80%;
float: none;
margin: auto;
font-weight: bold;
> .title {
font-size: 150%;
color: DarkRed;
}
> a.new {
display: inline-block;
padding: .2rem .4rem;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
color: #202122;
border-radius: 2px;
text-decoration: none;
}
}