Template:Item Infobox/styles.css - Revision history

NewAdmin: Remove the gap between infobox headers and card borders

2026-08-03T08:02:07Z

Remove the gap between infobox headers and card borders

← Older revision		Revision as of 08:02, 3 August 2026
Line 11:		Line 11:
	border-radius: 12px;		border-radius: 12px;
	border-collapse: separate;		border-collapse: separate;
			border-spacing: 0;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.4);		box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
	}		}

NewAdmin at 16:24, 10 June 2025

2025-06-10T16:24:21Z

← Older revision		Revision as of 16:24, 10 June 2025
Line 5:		Line 5:
	width: 220px;		width: 220px;

	background-color: #~~000~~; /* ← black */		background-color: #fefefe; /* ← black */
	color: #fff; /* default text inside cells */		color: #fff; /* default text inside cells */

	border: 4px solid #~~8BC34A~~; ~~/* lime-green accent */~~		border: 4px solid #000000;
	border-radius: 12px;		border-radius: 12px;
	border-collapse: separate;		border-collapse: separate;
Line 15:		Line 15:

	table.item-infobox th.header-main {		table.item-infobox th.header-main {
	background-color: #~~4CAF50~~; /* darker header strip */		background-color: #000000; /* darker header strip */
	color: #fff;		color: #fff;
	font-size: 140%;		font-size: 140%;

NewAdmin at 16:14, 10 June 2025

2025-06-10T16:14:03Z

← Older revision		Revision as of 16:14, 10 June 2025
Line 5:		Line 5:
	width: 220px;		width: 220px;

	background-color: #~~fefefe~~;		background-color: #000; /* ← black */
			color: #fff; /* default text inside cells */

	~~/* static accent colour for every item page */~~		border: 4px solid #8BC34A; /* lime-green accent */
	border: 4px solid #8BC34A;
	border-radius: 12px;		border-radius: 12px;

	border-collapse: separate;		border-collapse: separate;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1);		box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
	}		}

	table.item-infobox th.header-main {		table.item-infobox th.header-main {
	~~/* same accent colour, darker shade */~~		background-color: #4CAF50; /* darker header strip */
	background-color: #4CAF50;
	color: #fff;		color: #fff;

	font-size: 140%;		font-size: 140%;
	text-align: center;		text-align: center;

NewAdmin: Created page with "/* ═════════════ Item infobox (minimal) ═════════════ / table.item-infobox { float: right; clear: right; width: 220px; background-color: #fefefe; / static accent colour for every item page / border: 4px solid #8BC34A; border-radius: 12px; border-collapse: separate; box-shadow: 0 0 0 2px rgba(0,0,0,0.1); } table.item-infobox th.header-main { / same accent colour, darker shade */ background-c..."

2025-06-10T16:04:31Z

Created page with "═════════════ Item infobox (minimal) ═════════════: table.item-infobox { float: right; clear: right; width: 220px; background-color: #fefefe; static accent colour for every item page: border: 4px solid #8BC34A; border-radius: 12px; border-collapse: separate; box-shadow: 0 0 0 2px rgba(0,0,0,0.1); } table.item-infobox th.header-main { same accent colour, darker shade: background-c..."

New page

/* ═════════════ Item infobox (minimal) ═════════════ */
table.item-infobox {
float: right;
clear: right;
width: 220px;

background-color: #fefefe;

/* static accent colour for every item page */
border: 4px solid #8BC34A;
border-radius: 12px;

border-collapse: separate;
box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

table.item-infobox th.header-main {
/* same accent colour, darker shade */
background-color: #4CAF50;
color: #fff;

font-size: 140%;
text-align: center;
padding: 6px 0;
}

table.item-infobox td.img-cell {
text-align: center;
padding: 8px 0;
}