Template:Infobox settlement/styles.css - Revision history

VU-MaintenanceBot: Remove infobox label wrapping overrides

2026-07-04T17:24:27Z

Remove infobox label wrapping overrides

← Older revision		Revision as of 13:24, 4 July 2026
Line 96:		Line 96:
	text-align: center;		text-align: center;
	}		}


	@media screen {		@media screen {
Line 285:		Line 284:
	color: #ff6b6b;		color: #ff6b6b;
	}		}
	}

	~~/* Infobox label wrapping correction for VU infoboxes. */~~
	~~.infobox .infobox-label {~~
	~~white-space: nowrap;~~
	}		}

VU-MaintenanceBot: Prevent ordinary infobox labels from wrapping

2026-07-03T18:10:17Z

Prevent ordinary infobox labels from wrapping

← Older revision		Revision as of 14:10, 3 July 2026
Line 285:		Line 285:
	color: #ff6b6b;		color: #ff6b6b;
	}		}
			}

			/* Infobox label wrapping correction for VU infoboxes. */
			.infobox .infobox-label {
			white-space: nowrap;
	}		}

VU-MaintenanceBot: Correct dark mode infobox colors

2026-07-03T17:21:08Z

Correct dark mode infobox colors

@@ Line 102: / Line 102: @@
 	body.skin-theme-clientpref-night .infobox {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 117: / Line 117: @@
 	body.skin-theme-clientpref-night .infobox .infobox-full-data {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 152: / Line 152: @@
 	body.skin-theme-clientpref-os .infobox {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 167: / Line 167: @@
 	body.skin-theme-clientpref-os .infobox .infobox-full-data {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 195: / Line 195: @@
 	body.skin-theme-clientpref-os .infobox a:visited {
 		color: #88ccff;
+	}
+}

VU-MaintenanceBot: Add dark mode infobox styles

2026-07-03T14:40:57Z

Add dark mode infobox styles

@@ Line 95: / Line 95: @@
 .ib-settlement .infobox-header {
 	text-align: center;
+}

VU-MaintenanceBot: Center infobox section headers consistently

2026-06-23T18:14:04Z

Center infobox section headers consistently

← Older revision		Revision as of 14:14, 23 June 2026
Line 89:		Line 89:
	font-weight: normal;		font-weight: normal;
	display: inline;		display: inline;
			}

			/* Keep infobox section headers centered. */
			.infobox.ib-settlement .infobox-header,
			.ib-settlement .infobox-header {
			text-align: center;
	}		}

Per.kuskan at 09:27, 9 June 2026

2026-06-09T09:27:22Z

@@ Line 7: / Line 7: @@
+}
-/* Keep settlement infoboxes normal-sized on desktop */
+/* Do not force mobile full-width. The main table width is set by bodystyle in Template:Infobox settlement. */
 .ib-settlement td,
 .ib-settlement th {
-	border-top: 1px solid #a2a9b1;
+	border-top: 1px solid var(--border-color-base, #a2a9b1);
 	padding: 0.4em 0.6em;
+}
@@ Line 53: / Line 21: @@
 .ib-settlement .mergedtoprow .infobox-label,
 .ib-settlement .mergedtoprow .infobox-below {
-	border-top: 1px solid #a2a9b1;
+	border-top: 1px solid var(--border-color-base, #a2a9b1);
 	padding: 0.4em 0.6em 0.2em;
+}
@@ Line 68: / Line 36: @@
 .ib-settlement .mergedbottomrow .infobox-label {
 	border-top: 0;
-	border-bottom: 1px solid #a2a9b1;
+	border-bottom: 1px solid var(--border-color-base, #a2a9b1);
 	padding: 0 0.6em 0.4em;
+}
@@ Line 75: / Line 43: @@
 	border: 0;
 	padding: 0;
+}
@@ Line 92: / Line 54: @@
 	font-weight: bold;
 	text-align: center;
+}

Per.kuskan at 09:23, 9 June 2026

2026-06-09T09:23:14Z

← Older revision		Revision as of 05:23, 9 June 2026
Line 1:		Line 1:
	/* ~~{{pp\|small=y}}~~ */		/* Settlement infobox styling */

	.ib-settlement {		.ib-settlement {
	~~width: 23em;~~
	~~max-width: 100%;~~
	border-collapse: collapse;		border-collapse: collapse;
	line-height: 1.2em;		line-height: 1.2em;
			box-sizing: border-box;
	}		}

	/* ~~Fix mobile stretching~~ */		/* Keep settlement infoboxes normal-sized on desktop */
	@media (~~max~~-width: 640px) {		@media screen and (min-width: 640px) {
	.infobox.ib-settlement,		body.mediawiki table.infobox.ib-settlement,
	.ib-settlement {		body.mediawiki .infobox.ib-settlement,
			table.infobox.ib-settlement,
			.infobox.ib-settlement {
	width: 23em;		width: 23em;
	max-width: calc(~~100%~~ - ~~1em~~);		max-width: 23em;
	float: none;		}
			}

			/* Fix mobile without stretching the box or leaving an empty right side */
			@media screen and (max-width: 639px) {
			body.mediawiki table.infobox.ib-settlement,
			body.mediawiki .infobox.ib-settlement,
			table.infobox.ib-settlement,
			.infobox.ib-settlement {
			width: 23em !important;
			max-width: calc(100vw - 2em) !important;
			float: none !important;
	clear: both;		clear: both;
	margin-left: auto;		margin-left: auto !important;
	margin-right: auto;		margin-right: auto !important;
			}

			body.mediawiki table.infobox.ib-settlement table,
			body.mediawiki .infobox.ib-settlement table,
			table.infobox.ib-settlement table,
			.infobox.ib-settlement table {
			width: 100%;
			max-width: 100%;
	}		}
	}		}

	/* ~~TODO split definitions to appropriate class names when live from HTML element~~ */		/* Row spacing */
	.ib-settlement td,		.ib-settlement td,
	.ib-settlement th {		.ib-settlement th {
	border-top: 1px solid #a2a9b1;		border-top: 1px solid #a2a9b1;
	padding: ~~0.4em 0.6em~~ 0.4em 0.6em;		padding: 0.4em 0.6em;
	}		}

Line 33:		Line 54:
	.ib-settlement .mergedtoprow .infobox-below {		.ib-settlement .mergedtoprow .infobox-below {
	border-top: 1px solid #a2a9b1;		border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.2em ~~0.6em~~;		padding: 0.4em 0.6em 0.2em;
	}		}

Line 40:		Line 61:
	.ib-settlement .mergedrow .infobox-label {		.ib-settlement .mergedrow .infobox-label {
	border: 0;		border: 0;
	padding: 0 0.6em 0.2em ~~0.6em~~;		padding: 0 0.6em 0.2em;
	}		}

Line 48:		Line 69:
	border-top: 0;		border-top: 0;
	border-bottom: 1px solid #a2a9b1;		border-bottom: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em ~~0.6em~~;		padding: 0 0.6em 0.4em;
	}		}

Line 56:		Line 77:
	}		}

			/* Keep local dark mode colors instead of forcing light blue */
	.ib-settlement .infobox-header,		.ib-settlement .infobox-header,
	.ib-settlement .infobox-below {		.ib-settlement .infobox-below {
Line 64:		Line 86:
	font-size: 125%;		font-size: 125%;
	line-height: 1.3em;		line-height: 1.3em;
			text-align: center;
	}		}

	.ib-settlement .infobox-subheader {		.ib-settlement .infobox-subheader {
	~~background-color: #cddeff;~~
	~~color: inherit;~~
	font-weight: bold;		font-weight: bold;
			text-align: center;
	}		}

Line 86:		Line 108:

	.ib-settlement-caption {		.ib-settlement-caption {
	padding: 0.3em 0 0 0;		padding: 0.3em 0 0;
	}		}

Per.kuskan at 09:18, 9 June 2026

2026-06-09T09:18:41Z

Show changes

VU-MaintenanceBot: Add dark-mode-safe styling for settlement infobox

2026-06-08T20:39:34Z

Add dark-mode-safe styling for settlement infobox

Show changes

Walter61: 1 revision imported

2026-02-18T08:27:29Z

1 revision imported

← Older revision		Revision as of 04:27, 18 February 2026
(No difference)