Template:Infobox building/styles.css - Revision history

VU-MaintenanceBot: Remove infobox label wrapping overrides

2026-07-04T17:24:12Z

Remove infobox label wrapping overrides

← Older revision		Revision as of 13:24, 4 July 2026
Line 229:		Line 229:
	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:09:14Z

Prevent ordinary infobox labels from wrapping

← Older revision		Revision as of 14:09, 3 July 2026
Line 229:		Line 229:
	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:19:58Z

Correct dark mode infobox colors

@@ Line 46: / Line 46: @@
 	body.skin-theme-clientpref-night .infobox {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 61: / Line 61: @@
 	body.skin-theme-clientpref-night .infobox .infobox-full-data {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 96: / Line 96: @@
 	body.skin-theme-clientpref-os .infobox {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 111: / Line 111: @@
 	body.skin-theme-clientpref-os .infobox .infobox-full-data {
 		background-color: #1e1e1e;
-		color: #d0d0d0;
+		color: #ffffff;
 		border-color: #444;
+	}
@@ Line 139: / Line 139: @@
 	body.skin-theme-clientpref-os .infobox a:visited {
 		color: #88ccff;
+	}
+}

VU-MaintenanceBot: Add dark mode infobox styles

2026-07-03T14:39:00Z

Add dark mode infobox styles

New page

/* Dark-mode-safe styling for Template:Infobox building. */

.infobox {
border-color: #a2a9b1;
background-color: #f8f9fa;
color: #202122;
}

.infobox th,
.infobox td,
.infobox .infobox-label,
.infobox .infobox-data,
.infobox .infobox-full-data {
border-color: #a2a9b1;
color: #202122;
}

.infobox .infobox-above,
.infobox .infobox-title,
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-below,
.infobox caption,
.infobox th[colspan] {
background-color: #eaf3ff;
color: #202122;
}

.infobox a:link,
.infobox a:visited {
color: #36c;
}

.infobox a.new:link,
.infobox a.new:visited {
color: #d33;
}

.infobox img {
max-width: 100%;
height: auto;
}

@media screen {
html.skin-theme-clientpref-night .infobox,
body.skin-theme-clientpref-night .infobox {
background-color: #1e1e1e;
color: #d0d0d0;
border-color: #444;
}

html.skin-theme-clientpref-night .infobox th,
html.skin-theme-clientpref-night .infobox td,
html.skin-theme-clientpref-night .infobox .infobox-label,
html.skin-theme-clientpref-night .infobox .infobox-data,
html.skin-theme-clientpref-night .infobox .infobox-full-data,
body.skin-theme-clientpref-night .infobox th,
body.skin-theme-clientpref-night .infobox td,
body.skin-theme-clientpref-night .infobox .infobox-label,
body.skin-theme-clientpref-night .infobox .infobox-data,
body.skin-theme-clientpref-night .infobox .infobox-full-data {
background-color: #1e1e1e;
color: #d0d0d0;
border-color: #444;
}

html.skin-theme-clientpref-night .infobox .infobox-above,
html.skin-theme-clientpref-night .infobox .infobox-title,
html.skin-theme-clientpref-night .infobox .infobox-header,
html.skin-theme-clientpref-night .infobox .infobox-subheader,
html.skin-theme-clientpref-night .infobox .infobox-below,
html.skin-theme-clientpref-night .infobox caption,
html.skin-theme-clientpref-night .infobox th[colspan],
body.skin-theme-clientpref-night .infobox .infobox-above,
body.skin-theme-clientpref-night .infobox .infobox-title,
body.skin-theme-clientpref-night .infobox .infobox-header,
body.skin-theme-clientpref-night .infobox .infobox-subheader,
body.skin-theme-clientpref-night .infobox .infobox-below,
body.skin-theme-clientpref-night .infobox caption,
body.skin-theme-clientpref-night .infobox th[colspan] {
background-color: #1B223D !important;
color: #e0f0ff !important;
border-color: #3a506b;
}

html.skin-theme-clientpref-night .infobox a:link,
html.skin-theme-clientpref-night .infobox a:visited,
body.skin-theme-clientpref-night .infobox a:link,
body.skin-theme-clientpref-night .infobox a:visited {
color: #88ccff;
}
}

@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox,
body.skin-theme-clientpref-os .infobox {
background-color: #1e1e1e;
color: #d0d0d0;
border-color: #444;
}

html.skin-theme-clientpref-os .infobox th,
html.skin-theme-clientpref-os .infobox td,
html.skin-theme-clientpref-os .infobox .infobox-label,
html.skin-theme-clientpref-os .infobox .infobox-data,
html.skin-theme-clientpref-os .infobox .infobox-full-data,
body.skin-theme-clientpref-os .infobox th,
body.skin-theme-clientpref-os .infobox td,
body.skin-theme-clientpref-os .infobox .infobox-label,
body.skin-theme-clientpref-os .infobox .infobox-data,
body.skin-theme-clientpref-os .infobox .infobox-full-data {
background-color: #1e1e1e;
color: #d0d0d0;
border-color: #444;
}

html.skin-theme-clientpref-os .infobox .infobox-above,
html.skin-theme-clientpref-os .infobox .infobox-title,
html.skin-theme-clientpref-os .infobox .infobox-header,
html.skin-theme-clientpref-os .infobox .infobox-subheader,
html.skin-theme-clientpref-os .infobox .infobox-below,
html.skin-theme-clientpref-os .infobox caption,
html.skin-theme-clientpref-os .infobox th[colspan],
body.skin-theme-clientpref-os .infobox .infobox-above,
body.skin-theme-clientpref-os .infobox .infobox-title,
body.skin-theme-clientpref-os .infobox .infobox-header,
body.skin-theme-clientpref-os .infobox .infobox-subheader,
body.skin-theme-clientpref-os .infobox .infobox-below,
body.skin-theme-clientpref-os .infobox caption,
body.skin-theme-clientpref-os .infobox th[colspan] {
background-color: #1B223D !important;
color: #e0f0ff !important;
border-color: #3a506b;
}

html.skin-theme-clientpref-os .infobox a:link,
html.skin-theme-clientpref-os .infobox a:visited,
body.skin-theme-clientpref-os .infobox a:link,
body.skin-theme-clientpref-os .infobox a:visited {
color: #88ccff;
}
}