Module:Infobox/styles.css

/*
--------------------------------------------------------------------------------
--                      Origin : https://starcitizen.tool                     --
--------------------------------------------------------------------------------
*/

.infobox {
	max-width: 400px;
	font-size: 0.875rem;
	background-color: var( --color-surface-2 );
    border-radius: var( --border-radius--large );
    border-collapse: collapse;
    line-height: var( --line-height-sm );
}

/* We use grid to create the infobox layout */
.infobox tbody,
.infobox th,
.infobox td {
	display: block;
}

.infobox tr {
	display: grid;
	margin-left: 1rem;
	margin-right: 1rem;
}

.infobox tr + tr {
	margin-top: 0.5rem;
}

.infobox th {
	text-align: start;
}

.infobox-image,
.infobox-above,
.infobox-below {
	margin-left: -1rem;
	margin-right: -1rem;
}

.infobox-image {
	position: relative;
}

.infobox-image img {
	max-width: 100%;
    height: auto;
	border-top-left-radius: var( --border-radius--large );
	border-top-right-radius: var( --border-radius--large );
}

.infobox-caption {
    text-align: center;
    color: var( --color-base--subtle );
    background-color: var( --background-color-overlay );
    letter-spacing: 0.025em;
}

.infobox-title,
.infobox-header {
	margin-top: 0.5rem;
	color: var( --color-base--emphasized );
}

.infobox-title {
    font-size: var( --font-size-h3 );
}

.infobox-header {
	font-size: 1rem;
    border-top: 1px solid;
    border-color: var( --border-color-base );
    padding-top: 0.5rem;
}

.infobox-label {
	color: var( --color-base--subtle );
    font-size: 0.8125rem;
    font-weight: var( --font-weight-normal );
    letter-spacing: 0.05em;
}