MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
.quote-frame {
    margin: auto;
}

.quote-r {
    vertical-align: bottom;
}

.quote-l {
    vertical-align: top;
}

.mainpage-buttons .mw-content-ltr ul {
	display: inline-grid; 
	grid-template-columns: 75px 75px 75px 75px 75px 75px; 
	grid-gap: 5px; 
	text-align: center;
	margin: 0;
}

.mainpage-buttons li {
	padding: 10px 0;
	display: block;
}

.mainpage-buttons ul li:nth-child(3n-2) {
    grid-column: 1 / span 2;
}

.mainpage-buttons ul li:nth-child(3n-1) {
    grid-column: 3 / span 2;
}

.mainpage-buttons ul li:nth-child(3n) {
    grid-column: 5 / span 2;
}

.mainpage-buttons ul li:nth-child(3n-1):last-child {
grid-column: 4 / span 3;
}

.mainpage-buttons ul li:nth-child(3n-2):last-child {
grid-column: 1 / span 6;
}

.mainpage-buttons ul li:nth-child(3n-2):nth-last-child(2) {
grid-column: 1 / span 3;
}

.Icon-Text-Grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.Icon-Grid-Cols-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

/* Requested install on backend */
.infobox {
    width: 260px;
    float: right;
    margin: 10px;
    clear: both;
    --margin-v: 10px;
    --margin-h: 10px;
}

.infobox-title {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

.infobox-caption {
    display: block;
    text-align: center;
}

.infobox-header {
    width: 100%;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
}

.infobox-label {
    display: flex;
    width: 50%;
}

.infobox-data-section {
    display: flex;
    flex-direction: row;
}

.infobox-data {
    width: 50%;
}

.infobox-label, .infobox-data {
    font-size: 0.75em;
    padding: calc(var(--margin-v) /2) calc(var(--margin-h)/2);
}

.infobox-data-section:nth-of-type(odd):last-child {
    width: 100%;
}

.data-rows-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.data-rows-2 .infobox-header,
.data-rows-2 .infobox-data-section:nth-child(odd):last-child {
    grid-column: 1 / span 2;
}

.data-rows-2 .infobox-label, .data-rows-2 .infobox-data {
    display: block;
    text-align: center;
    width: calc(100% - var(--margin-h));
}

.data-rows-2 .infobox-data-section {
    display: block;
}

.infobox-label {
    font-weight: 600;
}