Template:Plant Update/styles.css - Revision history

MTRNord: Fix print layout sizing

2026-04-22T22:47:01Z

Fix print layout sizing

← Older revision		Revision as of 22:47, 22 April 2026
Line 11:		Line 11:
	.infobox ~ .plant-update {		.infobox ~ .plant-update {
	width: calc(100% - 21em);		width: calc(100% - 21em);
			}

			@media print {
			.infobox ~ .plant-update {
			width: calc(100% - 25em);
			}
	}		}

MTRNord: Fix size and floating of the image

2026-04-22T15:59:16Z

Fix size and floating of the image

@@ Line 11: / Line 11: @@
 .infobox ~ .plant-update {
    width: calc(100% - 21em);
+}

MTRNord: Fix it next to the infobox (maybe?)

2026-04-22T15:43:14Z

Fix it next to the infobox (maybe?)

← Older revision		Revision as of 15:43, 22 April 2026
Line 7:		Line 7:
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
	background: #ffffff;		background: #ffffff;
			}

			.infobox ~ .plant-update {
			width: calc(100% - 21em);
	}		}

MTRNord: Fix darkmode

2026-04-21T22:26:16Z

Fix darkmode

← Older revision		Revision as of 22:26, 21 April 2026
Line 35:		Line 35:
	}		}

	@media ~~(prefers-color-scheme: dark)~~ {		/* Status badges — manual Night toggle */
	.plant-update {		@media screen {
			html.skin-theme-clientpref-night .plant-update {
	background: #202122;		background: #202122;
	}		}

	.plant-update th,		html.skin-theme-clientpref-night .plant-update th,
	.plant-update td {		html.skin-theme-clientpref-night .plant-update td {
	border-color: #595959;		border-color: #595959;
	}		}

	.plant-update-date,		html.skin-theme-clientpref-night .plant-update-date,
	.plant-update-status {		html.skin-theme-clientpref-night .plant-update-status {
	background: rgba(76, 174, 80, 0.15);		background: rgba(76, 174, 80, 0.15);
	color: #eaecf0;		color: #eaecf0;
	}		}

	.plant-update-notes {		html.skin-theme-clientpref-night .plant-update-notes {
			border-top-color: #404244;
			color: #eaecf0;
			}
			}

			/* Status badges — OS dark preference */
			@media screen and (prefers-color-scheme: dark) {
			html.skin-theme-clientpref-os .plant-update {
			background: #202122;
			}

			html.skin-theme-clientpref-os .plant-update th,
			html.skin-theme-clientpref-os .plant-update td {
			border-color: #595959;
			}

			html.skin-theme-clientpref-os .plant-update-date,
			html.skin-theme-clientpref-os .plant-update-status {
			background: rgba(76, 174, 80, 0.15);
			color: #eaecf0;
			}

			html.skin-theme-clientpref-os .plant-update-notes {
	border-top-color: #404244;		border-top-color: #404244;
	color: #eaecf0;		color: #eaecf0;
Line 67:		Line 91:
	border-radius: 4px;		border-radius: 4px;
	border: 1px solid #eaecf0;		border: 1px solid #eaecf0;
			}
			/* Status badges — manual Night toggle */
			@media screen {
			html.skin-theme-clientpref-night .plant-update img {
			border-color: #404244;
			}
	}		}

	@media (prefers-color-scheme: dark) {		/* Status badges — OS dark preference */
	.plant-update img {		@media screen and (prefers-color-scheme: dark) {
			html.skin-theme-clientpref-os .plant-update img {
	border-color: #404244;		border-color: #404244;
	}		}
	}		}

MTRNord: Created page with "/* Plant Update Log Styles - Dark/Light Theme Support */ .plant-update { width: 100%; margin: 1em 0; border-collapse: collapse; border: 1px solid #a2a9b1; background: #ffffff; } .plant-update th, .plant-update td { border: 1px solid #a2a9b1; padding: 0.75em; } .plant-update-date { font-weight: bold; width: 150px; background: #e8f5e9; color: #202122; } .plant-update-status { font-weight: bold; background: #e8f5e9; color: #202122; } .plant-..."

2026-04-21T22:21:26Z

Created page with "Plant Update Log Styles - Dark/Light Theme Support: .plant-update { width: 100%; margin: 1em 0; border-collapse: collapse; border: 1px solid #a2a9b1; background: #ffffff; } .plant-update th, .plant-update td { border: 1px solid #a2a9b1; padding: 0.75em; } .plant-update-date { font-weight: bold; width: 150px; background: #e8f5e9; color: #202122; } .plant-update-status { font-weight: bold; background: #e8f5e9; color: #202122; } .plant-..."

New page

/* Plant Update Log Styles - Dark/Light Theme Support */

.plant-update {
width: 100%;
margin: 1em 0;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background: #ffffff;
}

.plant-update th,
.plant-update td {
border: 1px solid #a2a9b1;
padding: 0.75em;
}

.plant-update-date {
font-weight: bold;
width: 150px;
background: #e8f5e9;
color: #202122;
}

.plant-update-status {
font-weight: bold;
background: #e8f5e9;
color: #202122;
}

.plant-update-notes {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px solid #eaecf0;
color: #202122;
}

@media (prefers-color-scheme: dark) {
.plant-update {
background: #202122;
}

.plant-update th,
.plant-update td {
border-color: #595959;
}

.plant-update-date,
.plant-update-status {
background: rgba(76, 174, 80, 0.15);
color: #eaecf0;
}

.plant-update-notes {
border-top-color: #404244;
color: #eaecf0;
}
}

.plant-update strong {
color: inherit;
}

.plant-update img {
max-width: 100%;
height: auto;
margin: 0.5em 0;
border-radius: 4px;
border: 1px solid #eaecf0;
}

@media (prefers-color-scheme: dark) {
.plant-update img {
border-color: #404244;
}
}