More actions
No edit summary |
No edit summary |
||
| Line 40: | Line 40: | ||
width: 60%; | width: 60%; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | |||
.frontpage-container-row { | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
margin-bottom: var( --space-md ); | |||
} | |||
.frontpage-container-row * { | |||
flex: 1; | |||
background: var( --color-surface-2 ); | |||
border-radius: var( --border-radius--medium ); | |||
margin: 0.5em; | |||
} | } | ||
Revision as of 03:07, 21 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;
}
.frontpage-container-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: var( --space-md );
}
.frontpage-container-row * {
flex: 1;
background: var( --color-surface-2 );
border-radius: var( --border-radius--medium );
margin: 0.5em;
}