MediaWiki:Citizen.css - Revision history

Maintenance script: Wiki lane: list tables fit 1440

2026-10-30T09:45:59Z

Wiki lane: list tables fit 1440

← Older revision		Revision as of 09:45, 30 October 2026
Line 94:		Line 94:
	}		}
	.mw-parser-output table.cmpw-listtable { font-size: 0.85em; }		.mw-parser-output table.cmpw-listtable { font-size: 0.85em; }
	.mw-parser-output table.cmpw-listtable > * > tr > td { white-space: nowrap; padding-left: 0.~~45em~~; padding-right: 0.~~45em~~; }		.mw-parser-output table.cmpw-listtable > * > tr > td { white-space: nowrap; padding-left: 0.4em; padding-right: 0.4em; }
	.mw-parser-output table.cmpw-listtable > * > tr > th { padding-left: 0.45em; }		.mw-parser-output table.cmpw-listtable > * > tr > th { padding-left: 0.45em; }
	.mw-parser-output table.cmpw-listtable > * > tr > td:first-child { white-space: normal; min-width: 15em; }		.mw-parser-output table.cmpw-listtable > * > tr > td:first-child { white-space: normal; min-width: 15em; }

Maintenance script: Wiki lane: list tables fit 1440

2026-10-30T09:45:15Z

Wiki lane: list tables fit 1440

← Older revision		Revision as of 09:45, 30 October 2026
Line 96:		Line 96:
	.mw-parser-output table.cmpw-listtable > * > tr > td { white-space: nowrap; padding-left: 0.45em; padding-right: 0.45em; }		.mw-parser-output table.cmpw-listtable > * > tr > td { white-space: nowrap; padding-left: 0.45em; padding-right: 0.45em; }
	.mw-parser-output table.cmpw-listtable > * > tr > th { padding-left: 0.45em; }		.mw-parser-output table.cmpw-listtable > * > tr > th { padding-left: 0.45em; }
	.mw-parser-output table.cmpw-listtable > * > tr > td:first-child { white-space: normal; min-width: ~~16em~~; }		.mw-parser-output table.cmpw-listtable > * > tr > td:first-child { white-space: normal; min-width: 15em; }
	.mw-parser-output table.cmpw-listtable .cmpw-clip { max-width: 8em; }		.mw-parser-output table.cmpw-listtable .cmpw-clip { max-width: 8em; }
	/* All recipes column caps: cards, context, power cap (5, 6, 9); tested by, tested on (11, 12) */		/* All recipes column caps: cards, context, power cap (5, 6, 9); tested by, tested on (11, 12) */

Maintenance script: Wiki lane: one- and two-line rows in the list tables

2026-10-30T09:42:58Z

Wiki lane: one- and two-line rows in the list tables

← Older revision		Revision as of 09:42, 30 October 2026
Line 84:		Line 84:
	vertical-align: bottom;		vertical-align: bottom;
	}		}
	/* the list tables (All recipes, All platforms, the list on Unlocks): one line ~~per~~ value, the name column ~~may wrap~~		/* the list tables (All recipes, All platforms, the list on Unlocks): every text value on one line with an ellipsis
	~~once;~~ rows stay one or two lines high */		(full value in its tooltip), the name column at most two lines, so rows stay one or two lines high */
	.mw-parser-output table.cmpw-listtable { font-size: 0.~~9em~~; }		.cmpw-clip2 {
	.mw-parser-output table.cmpw-listtable > * > tr > td { white-space: nowrap; padding-left: 0.~~5em~~; padding-right: 0.~~5em~~; }		display: -webkit-box;
	.mw-parser-output table.cmpw-listtable > * > tr > td:first-child { white-space: normal; min-width: ~~12em~~; max-width: ~~19em~~; }		-webkit-box-orient: vertical;
	.mw-~~parser~~-~~output~~ table.cmpw-listtable ~~> * > tr > th~~ { ~~padding~~-~~left~~: 0.~~5em~~; }		-webkit-line-clamp: 2;
	.mw-~~parser~~-~~output~~ table.cmpw-listtable .cmpw-clip { max-width: 11em; }		line-clamp: 2;
			overflow: hidden;
			}
			.mw-parser-output table.cmpw-listtable { font-size: 0.85em; }
			.mw-parser-output table.cmpw-listtable > * > tr > td { white-space: nowrap; padding-left: 0.45em; padding-right: 0.45em; }
			.mw-parser-output table.cmpw-listtable > * > tr > th { padding-left: 0.45em; }
			.mw-parser-output table.cmpw-listtable > * > tr > td:first-child { white-space: normal; min-width: 16em; }
			.mw-parser-output table.cmpw-listtable .cmpw-clip { max-width: 8em; }
			/* All recipes column caps: cards, context, power cap (5, 6, 9); tested by, tested on (11, 12) */
			.cmpw-list--recipes table.cmpw-listtable td:nth-child(5) .cmpw-clip,
			.cmpw-list--recipes table.cmpw-listtable td:nth-child(6) .cmpw-clip,
			.cmpw-list--recipes table.cmpw-listtable td:nth-child(9) .cmpw-clip,
			.cmpw-list--recipes table.cmpw-listtable td:nth-child(12) .cmpw-clip { max-width: 6em; }
			.cmpw-list--recipes table.cmpw-listtable td:nth-child(11) .cmpw-clip { max-width: 7em; }
			/* All platforms has room for longer result columns */
			.cmpw-list--platforms table.cmpw-listtable .cmpw-clip { max-width: 11em; }
	/* list pages use the full width Citizen allows instead of its 1080px reading measure */		/* list pages use the full width Citizen allows instead of its 1080px reading measure */
	body.page-All_recipes,		body.page-All_recipes,
Line 133:		Line 148:
	display: none;		display: none;
	}		}
	.mw-parser-output table.cmpw-listtable .cmpw-clip { max-width: 8em; }		.mw-parser-output table.cmpw-listtable .cmpw-clip,
			.cmpw-list--platforms table.cmpw-listtable .cmpw-clip { max-width: 8em; }
			.cmpw-clip2 { -webkit-line-clamp: 3; line-clamp: 3; }
	/* PageForms' "Add a ..." boxes (size=50) stay inside the column */		/* PageForms' "Add a ..." boxes (size=50) stay inside the column */
	.mw-parser-output .pfFormInput,		.mw-parser-output .pfFormInput,

Maintenance script: Wiki lane: readable list tables (fewer columns, one-line cells), Cards per host on platforms

2026-10-30T09:40:29Z

Wiki lane: readable list tables (fewer columns, one-line cells), Cards per host on platforms

Show changes

Maintenance script: Wiki lane: phone-width form boxes

2026-10-30T08:29:38Z

Wiki lane: phone-width form boxes

← Older revision		Revision as of 08:29, 30 October 2026
Line 74:		Line 74:
	}		}
	.mw-parser-output .dataTables_wrapper { max-width: 100%; }		.mw-parser-output .dataTables_wrapper { max-width: 100%; }
			/* PageForms' "Add a ..." boxes (size=50) stay inside the column */
			.mw-parser-output .pfFormInput,
			.mw-parser-output .pfFormInputWrapper,
			.mw-parser-output .pfFormInputWrapper .oo-ui-widget,
			.mw-parser-output .pfFormInputWrapper input { max-width: 100%; box-sizing: border-box; }
	.cmpw-phone-only { display: block; margin: 0.5em 0; color: var( --color-subtle, #a6acb4 ); font-size: 0.9em; }		.cmpw-phone-only { display: block; margin: 0.5em 0; color: var( --color-subtle, #a6acb4 ); font-size: 0.9em; }
	/* All recipes: Recipe, Variant, Decode tok/s, Status on phones (columns 1, 5, 9, 14) */		/* All recipes: Recipe, Variant, Decode tok/s, Status on phones (columns 1, 5, 9, 14) */

Maintenance script: Wiki lane: phone-width list tables

2026-10-30T08:28:41Z

Wiki lane: phone-width list tables

← Older revision		Revision as of 08:28, 30 October 2026
Line 102:		Line 102:
	.mw-parser-output .cmpw-list table.cargoDynamicTable { table-layout: auto !important; font-size: 0.92em; }		.mw-parser-output .cmpw-list table.cargoDynamicTable { table-layout: auto !important; font-size: 0.92em; }
	.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > th { white-space: normal; min-width: 0; padding: 6px 18px 6px 6px; }		.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > th { white-space: normal; min-width: 0; padding: 6px 18px 6px 6px; }
	.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td { padding: 6px; }		.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td { padding: 6px 5px; }
	.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: ~~7em~~; }		.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: 6.5em; }
	}		}

Maintenance script: Wiki lane: phone-width list tables

2026-10-30T08:28:14Z

Wiki lane: phone-width list tables

← Older revision		Revision as of 08:28, 30 October 2026
Line 98:		Line 98:
	}		}
	/* the trimmed list tables fit a phone: their header cells may wrap (never below 4.5em), the name column keeps 8em */		/* the trimmed list tables fit a phone: their header cells may wrap (never below 4.5em), the name column keeps 8em */
	.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > th { white-space: normal; min-width: 4.~~5em~~; }		/* DataTables sets table-layout: fixed inline and reserves 31px per header for its sort arrows; on phones the
	.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: ~~8em~~; }		trimmed list tables size their columns to the content instead */
			.mw-parser-output .cmpw-list table.cargoDynamicTable { table-layout: auto !important; font-size: 0.92em; }
			.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > th { white-space: normal; min-width: 0; padding: 6px 18px 6px 6px; }
			.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td { padding: 6px; }
			.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: 7em; }
	}		}

Maintenance script: Wiki lane: phone-width list tables

2026-10-30T08:27:26Z

Wiki lane: phone-width list tables

← Older revision		Revision as of 08:27, 30 October 2026
Line 97:		Line 97:
	display: none;		display: none;
	}		}
	.cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: ~~9em~~; }		/* the trimmed list tables fit a phone: their header cells may wrap (never below 4.5em), the name column keeps 8em */
			.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > th { white-space: normal; min-width: 4.5em; }
			.mw-parser-output .cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: 8em; }
	}		}

Maintenance script: Wiki lane: phone-width tables and infobox, header v2

2026-10-30T08:25:31Z

Wiki lane: phone-width tables and infobox, header v2

← Older revision		Revision as of 08:25, 30 October 2026
Line 43:		Line 43:
	/* header.css (loaded after the site CSS) sets position: relative, hence the higher specificity */		/* header.css (loaded after the site CSS) sets position: relative, hence the higher specificity */
	body .cmp-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }		body .cmp-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
	~~body { padding-top: 96px; }~~		body { padding-top: var(--cmp-header-h, 60px); }
	~~@media (min-width: 980px) {~~		/* Citizen's own header is a bottom bar below 1120 px and a left rail from 1120 px: only the rail starts under our bar */
	body { padding-top: var(--cmp-header-h, 60px); }		@media (min-width: 1120px) {
	.citizen-header { top: var(--cmp-header-h, 60px); }		.citizen-header { top: var(--cmp-header-h, 60px); }
	}		}
Line 70:		Line 70:
	}		}
	.mw-parser-output table.wikitable > * > tr > td,		.mw-parser-output table.wikitable > * > tr > td,
	.mw-parser-output table.cargoTable ~~> * > tr > td,~~		.mw-parser-output table.cargoTable > * > tr > td {
	~~.mw-parser-output table.cargoDynamicTable~~ > * > tr > td {
	min-width: 9em;		min-width: 9em;
	}		}
	.mw-parser-output .dataTables_wrapper { max-width: 100%; }		.mw-parser-output .dataTables_wrapper { max-width: 100%; }
	.cmpw-phone-only { display: block; margin: 0.5em 0; color: var( --color-subtle, #a6acb4 ); font-size: 0.9em; }		.cmpw-phone-only { display: block; margin: 0.5em 0; color: var( --color-subtle, #a6acb4 ); font-size: 0.9em; }
	/* All recipes: Recipe, Variant~~, Cards~~, Decode tok/s, Status on phones (columns 1, 5~~, 6~~, 9, 14) */		/* All recipes: Recipe, Variant, Decode tok/s, Status on phones (columns 1, 5, 9, 14) */
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(6),
	.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(2),		.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(2),
	.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(3),		.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(3),
Line 97:		Line 97:
	display: none;		display: none;
	}		}
	.cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: ~~11em~~; }		.cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: 9em; }
	}		}

Maintenance script: Wiki lane: phone-width tables and infobox, category pages

2026-10-30T08:22:36Z

Wiki lane: phone-width tables and infobox, category pages

← Older revision		Revision as of 08:22, 30 October 2026
Line 50:		Line 50:
	/* the header markup arrives through the site notice slot; keep that slot from adding its own spacing */		/* the header markup arrives through the site notice slot; keep that slot from adding its own spacing */
	#siteNotice:has(> .cmp-header) { margin: 0; padding: 0; }		#siteNotice:has(> .cmp-header) { margin: 0; padding: 0; }

			/* ---------- tables below 720 px (phones): every table scrolls sideways inside its own box instead of squashing its
			columns, header cells stay on one line, and the page itself never scrolls sideways. Covers wikitables and Cargo's
			query tables (cargoTable, and cargoDynamicTable, which Citizen leaves out of its overflow wrapper). ---------- */
			.cmpw-phone-only { display: none; }
			@media screen and (max-width: 720px) {
			.mw-parser-output table.wikitable,
			.mw-parser-output table.cargoTable,
			.mw-parser-output table.cargoDynamicTable {
			display: block;
			max-width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			}
			.mw-parser-output table.wikitable > * > tr > th,
			.mw-parser-output table.cargoTable > * > tr > th,
			.mw-parser-output table.cargoDynamicTable > * > tr > th {
			white-space: nowrap;
			}
			.mw-parser-output table.wikitable > * > tr > td,
			.mw-parser-output table.cargoTable > * > tr > td,
			.mw-parser-output table.cargoDynamicTable > * > tr > td {
			min-width: 9em;
			}
			.mw-parser-output .dataTables_wrapper { max-width: 100%; }
			.cmpw-phone-only { display: block; margin: 0.5em 0; color: var( --color-subtle, #a6acb4 ); font-size: 0.9em; }
			/* All recipes: Recipe, Variant, Cards, Decode tok/s, Status on phones (columns 1, 5, 6, 9, 14) */
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(2),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(3),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(4),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(7),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(8),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(10),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(11),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(12),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(13),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(15),
			.cmpw-list--recipes table.cargoDynamicTable tr > :nth-child(16),
			/* All platforms: Platform, Variant, Gen2, ReBAR / BAR1, P2P, Status on phones (columns 1, 5, 8, 9, 10, 11) */
			.cmpw-list--platforms table.cargoDynamicTable tr > :nth-child(2),
			.cmpw-list--platforms table.cargoDynamicTable tr > :nth-child(3),
			.cmpw-list--platforms table.cargoDynamicTable tr > :nth-child(4),
			.cmpw-list--platforms table.cargoDynamicTable tr > :nth-child(6),
			.cmpw-list--platforms table.cargoDynamicTable tr > :nth-child(7),
			.cmpw-list--platforms table.cargoDynamicTable tr > :nth-child(12) {
			display: none;
			}
			.cmpw-list table.cargoDynamicTable > * > tr > td:first-child { min-width: 11em; }
			}