More actions
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
background: var( --color-surface-2 ); | background: var( --color-surface-2 ); | ||
border-radius: var( --border-radius--medium ); | border-radius: var( --border-radius--medium ); | ||
display: | display: table; | ||
min-width: 25em; | min-width: 25em; | ||
max-width: 30em; | max-width: 30em; | ||
| Line 12: | Line 12: | ||
margin-right: 0; | margin-right: 0; | ||
margin-top: 0; | margin-top: 0; | ||
overflow: hidden; | |||
} | } | ||
Revision as of 21:46, 12 November 2023
.infobox {
margin-bottom: var( --space-md );
background: var( --color-surface-2 );
border-radius: var( --border-radius--medium );
display: table;
min-width: 25em;
max-width: 30em;
border-collapse: collapse;
float: right;
clear: right;
margin: 2em;
margin-right: 0;
margin-top: 0;
overflow: hidden;
}
.infobox tbody tr {
border-top: 1px solid var(--border-color-base);
}
.infobox tbody tr:nth-child(1) { border: none; }
.infobox tbody tr * {
vertical-align: middle;
padding: var(--space-sm) 0;
}
.infobox tbody tr .infobox-heading {
text-align: center;
padding-left: 1em;
padding-right: 1em;
background: var(--color-primary--hover);
color: white;
}
.infobox tbody tr th {
width: 40%;
text-align: left;
padding-left: 1em;
}
.infobox tbody tr td {
width: 60%;
padding-right: 1em;
}