Template:Infobox/styles.css - Revision history

Tyraeis: Replace 1px border with a border radius

2026-03-20T03:02:37Z

Replace 1px border with a border radius

← Older revision		Revision as of 03:02, 20 March 2026
Line 1:		Line 1:
	.infobox {		.infobox {
	background: var(--background-color-neutral-subtle, #DEDEDE);		background: var(--background-color-neutral-subtle, #DEDEDE);
	border: ~~1px solid~~ var(--border-~~color~~-~~base, #a2a9b1~~);		border: none;
			border-radius: var(--border-radius-large);
	color: var(--color-base, black);		color: var(--color-base, black);
	padding: 0.2em;		padding: 0.2em;

Tyraeis: Replace infobox styles with a new, less noisy version based on Wikipedia's styles

2026-03-19T23:30:09Z

Replace infobox styles with a new, less noisy version based on Wikipedia's styles

← Older revision		Revision as of 23:30, 19 March 2026
Line 1:		Line 1:
	~~/* Infobox CSS */~~

	~~/* The main box */~~
	.infobox {		.infobox {
	background: #DEDEDE;		background: var(--background-color-neutral-subtle, #DEDEDE);
	border-~~spacing~~: ~~3px~~;		border: 1px solid var(--border-color-base, #a2a9b1);
	~~margin~~: 0 0 .~~5em~~;		color: var(--color-base, black);
	~~width~~: ~~100~~%;		padding: 0.2em;
	~~padding~~: 0.~~2em~~;		font-size: 88%;
	~~line~~-~~height~~: 1.5em;		line-height: 1.5em;
			border-spacing: 3px;
			margin: 0.5em 0;
	}		}
	.infobox~~>caption~~ {
	background: ~~#183d62;~~		@media screen {
	color: #~~fff~~;		.infobox {
	~~padding: .5em;~~		background-color: var(--background-color-neutral-subtle, #f8f9fa);
	~~font-size: 1.4em;~~		}
	}		}
	.infobox th {
	~~font-weight~~: ~~bold~~;		@media (max-width: 640px) {
	}		.infobox {
	.infobox ~~th:only-child~~ {		width: 100%;
	~~background~~: ~~rgba(24, 61, 98, 0.6)~~;		}
	~~color: #EEE;~~
			.infobox .nowrap {
			white-space: normal;
			}
	}		}

	.infobox ~~tr.even, .infobox tr.alt, .infobox tr~~:~~nth-of-type(2n) {~~		@media (min-width: 640px) {
	~~background~~: ~~#CFCFD8~~;		.infobox {
	}		/* @noflip */
	~~.infobox .plainlinks>ul {~~		margin-left: 1em;
	~~margin~~: 0;		/* @noflip */
			float: right;
			/* @noflip */
			clear: right;
			width: 22em;
			}
	}		}

	~~/* ---- Infobox ---- */~~		.infobox th,
	.infobox {		.infobox td {
	~~background: var(--color-surface-2) !important;~~		/* @noflip */
	~~border: 1px solid var(--color~~-~~surface-3) !important;~~		text-align: left;
	~~color~~: ~~var(--color-base) !important~~;		vertical-align: top;
	}
	~~.infobox > caption {~~
	~~background: var(-~~-~~color-primary) !important;~~
	~~color~~: ~~var(--color-primary--text, #fff) !important~~;
	}		}
	.infobox th {		.infobox th {
	~~color~~: ~~var(--color-base) !important~~;		font-weight: bold;
	}		}
	~~/* Section headers (Properties, Recipes, Logic, Construction, Stage 1, etc.) */~~
	.infobox th:only-child {		.infobox th:only-child {
	background: var(--color-surface-3) ~~!important;~~		background: var(--color-surface-3, rgba(24, 61, 98, 0.6));
	~~color: var(--color-base~~) ~~!important~~;
	}		}
	.infobox td {
	~~color~~: ~~var(~~-~~-color-base) !important~~;		.infobox caption {
	}		font-size: 125%;
	~~.infobox tr:nth~~-~~of-type(2n) {~~		font-weight: bold;
	~~background~~: ~~var(--color-surface-3) !important~~;		text-align: center;
	}		padding: 0.2em;
	.~~infobox a {~~
	~~color: var(--color-link) !important~~;
	}		}

	~~/* Infobox large screen */~~		.infobox .plainlinks>ul {
	~~@media only screen and (min-width: 50em) {~~		margin: 0;

	.infobox {
	~~float: right;~~
	~~clear: right;~~
	~~width: 23em;~~
	margin: 0~~.5em 0 0.5em 1em~~;
	}
	}		}

Tyraeis: Temporarily duplicate global infobox styles for migration to templatestyles

2026-03-19T23:19:35Z

Temporarily duplicate global infobox styles for migration to templatestyles

New page

/* Infobox CSS */

/* The main box */
.infobox {
background: #DEDEDE;
border-spacing: 3px;
margin: 0 0 .5em;
width: 100%;
padding: 0.2em;
line-height: 1.5em;
}
.infobox>caption {
background: #183d62;
color: #fff;
padding: .5em;
font-size: 1.4em;
}
.infobox th {
font-weight: bold;
}
.infobox th:only-child {
background: rgba(24, 61, 98, 0.6);
color: #EEE;
}

.infobox tr.even, .infobox tr.alt, .infobox tr:nth-of-type(2n) {
background: #CFCFD8;
}
.infobox .plainlinks>ul {
margin: 0;
}

/* ---- Infobox ---- */
.infobox {
background: var(--color-surface-2) !important;
border: 1px solid var(--color-surface-3) !important;
color: var(--color-base) !important;
}
.infobox > caption {
background: var(--color-primary) !important;
color: var(--color-primary--text, #fff) !important;
}
.infobox th {
color: var(--color-base) !important;
}
/* Section headers (Properties, Recipes, Logic, Construction, Stage 1, etc.) */
.infobox th:only-child {
background: var(--color-surface-3) !important;
color: var(--color-base) !important;
}
.infobox td {
color: var(--color-base) !important;
}
.infobox tr:nth-of-type(2n) {
background: var(--color-surface-3) !important;
}
.infobox a {
color: var(--color-link) !important;
}

/* Infobox large screen */
@media only screen and (min-width: 50em) {

.infobox {
float: right;
clear: right;
width: 23em;
margin: 0.5em 0 0.5em 1em;
}
}