MediaWiki:Common.css - Revision history

Admin at 08:35, 22 October 2026

2026-10-22T08:35:02Z

← Older revision		Revision as of 08:35, 22 October 2026
Line 1,517:		Line 1,517:

	/* B. two-pane contrast */		/* B. two-pane contrast */
	.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }		.sump-versus {
	.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }		display: grid;
	.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	.sump-versus__head { font-weight:700; margin-bottom:.35rem; }		gap: 1rem;
	@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }		margin: 1.25rem 0;
			max-width: 100%;
			}
			.sump-versus__pane {
			display: flex;
			flex-direction: column;
			min-width: 0;
			border: 1px solid #e0e0e0;
			border-radius: 6px;
			padding: .85rem 1rem;
			background: #fafafa;
			}
			.sump-versus__pane--accent { background: var(--sump-tint); border-color: var(--sump-accent, #666); }
			.sump-versus__head { font-weight: 700; margin-bottom: .35rem; }
			@media (max-width: 560px) { .sump-versus { grid-template-columns: minmax(0, 1fr); } }

	.sump-versus__fig { margin-top: auto; padding-top: 1em; margin-bottom:.6rem; }		.sump-versus__fig { margin-top: auto; padding-top: 1em; margin-bottom: .6rem; min-width: 0; }
	.sump-versus__fig ~~img~~ { display:block; width~~:100%; height~~:auto; }		/* MW media wrappers (figure/span/a, legacy .thumb) must not carry the image's pixel width */
	~~.sump-versus__fig--small {~~		.sump-versus__fig :is(figure, span, a, .thumb, .thumbinner) {
	max-width: 60%;		display: block !important;
	margin~~-left~~: ~~auto~~;		width: auto !important;
	~~margin-right~~: ~~auto~~;		max-width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			background: none !important;
	}		}
	.sump-versus__fig--~~small img~~ {		.sump-versus__fig figcaption,
	~~width~~: ~~100%~~;		.sump-versus__fig .thumbcaption,
	~~height: auto;~~		.sump-versus__fig .magnify { display: none !important; }
			.sump-versus__fig img {
	display: block;		display: block;
			width: 100% !important;
			max-width: 100% !important;
			height: auto !important;
	}		}

Admin at 08:29, 22 October 2026

2026-10-22T08:29:35Z

← Older revision		Revision as of 08:29, 22 October 2026
Line 333:		Line 333:

	.dreamer-card__meta:empty { display: none; }		.dreamer-card__meta:empty { display: none; }

			.dreamer-card__imgwrap img,
			.dreamer-card__imgwrap .mw-file-element {
			display: block;
			width: 100% !important;
			height: 100% !important;
			max-width: none !important;
			object-fit: cover;
			object-position: center top;
			border: none !important;
			border-radius: 0;
			}

			.dreamer-card__imgwrap span,
			.dreamer-card__imgwrap figcaption { display: none; }
			.dreamer-card__imgwrap figure > a,
			.dreamer-card__imgwrap figure > span { display: block !important; width: 100%; height: 100%; }

Admin at 22:29, 21 October 2026

2026-10-21T22:29:13Z

@@ Line 746: / Line 746: @@
    color: #666;
    line-height: 1.5;
+}

Admin at 09:56, 20 October 2026

2026-10-20T09:56:40Z

← Older revision		Revision as of 09:56, 20 October 2026
Line 680:		Line 680:

	/* headline image */		/* headline image */
	.living-lab-detail__hero { margin: 0 0 6px; }		.living-lab-detail__hero { margin: 0 0 6px; max-width: 100%; }
	.living-lab-detail__hero ~~img~~ {		.living-lab-detail__hero :is(figure, span, a) {
	~~height~~: ~~auto~~;		display: block;
	display: block;		max-width: 100%;
			margin: 0;
			}
			.living-lab-detail__hero img {
			display: block;
			max-width: 100% !important;
			height: auto !important;
	border-radius: 8px;		border-radius: 8px;
	}		}
	~~.living-lab-detail__hero-caption {~~
	~~font-size: var(--dreams-small);~~
	~~color: #666;~~
	~~margin: 6px 0 20px;~~
	~~line-height: 1.5;~~
	}
	~~.living-lab-detail__hero-credit { color: #888; }~~
	.living-lab-detail__hero-caption {		.living-lab-detail__hero-caption {
	font-size: var(--dreams-small);		font-size: var(--dreams-small);
Line 699:		Line 698:
	line-height: 1.5;		line-height: 1.5;
	}		}
			.living-lab-detail__hero-credit { color: #888; }

	.living-lab-detail__lead {		.living-lab-detail__lead {
	font-size: 1.05em;		font-size: 1.05em;
	line-height: 1.7;		line-height: 1.7;
	color: #333;		color: #333;
	margin: 0 0 20px;		margin: 0 0 20px;
	}		}

Line 714:		Line 714:
	.living-lab-detail__interventions li i { color: #666; }		.living-lab-detail__interventions li i { color: #666; }

	~~.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }~~		/* gallery */
	~~.living-lab-detail__figure img { border-radius: 6px; display: block; }~~
	~~.living-lab-detail__figure { flex: 0 1 auto; }~~
	~~.living-lab-detail__figure img { border-radius: 6px; display: block; }~~

	~~.living-lab-detail__quote {~~
	~~border-left: 3px solid var(--dreams-primary);~~
	~~padding: 4px 0 4px 16px;~~
	~~margin: 24px 0; font-size: 1.12em;~~
	~~line-height: 1.6; color: #333;~~
	}
	~~.living-lab-detail__quote cite {~~
	~~display: block;~~
	~~font-style: normal;~~
	~~font-size: var(--dreams-small);~~
	~~color: #666;~~
	~~margin-top: 8px;~~
	}

	.living-lab-detail__gallery {		.living-lab-detail__gallery {
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));		grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
	gap: 16px;		gap: 20px 16px;
	~~justify~~-~~content~~: ~~start~~;		}
			.living-lab-detail__gallery > p { display: none; } /* stray parser <p> */
			.living-lab-detail__figure { min-width: 0; margin: 0; }
			.living-lab-detail__figure :is(figure, span, a, .thumb, .thumbinner) {
			display: block !important;
			width: 100% !important;
			max-width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			background: none !important;
	}		}
	.living-lab-detail__figure img {		.living-lab-detail__figure img {
			display: block;
			width: 100% !important;
			height: auto !important;
			aspect-ratio: 4 / 3;
	object-fit: cover;		object-fit: cover;
	border-radius: 6px;		border-radius: 6px;
	~~display: block;~~
	}		}
			.living-lab-detail__figure .thumbcaption,
			.living-lab-detail__figure .magnify { display: none !important; }
	.living-lab-detail__figure-caption {		.living-lab-detail__figure-caption {
	margin-top: 6px;		margin-top: 6px;

Admin at 11:12, 19 October 2026

2026-10-19T11:12:41Z

← Older revision		Revision as of 11:12, 19 October 2026
Line 1,209:		Line 1,209:
	width: 3.4rem;		width: 3.4rem;
	height: 3.4rem;		height: 3.4rem;
	~~display: flex;~~
	~~align-items: center;~~
	~~justify-content: center;~~
	~~border-radius: 14px;~~
	~~background: var(--dreams-tint);~~
	line-height: 0;		line-height: 0;
	}		}
Line 1,220:		Line 1,215:
	.sump-sequence-wrap.has-icons .sump-seq-icon img {		.sump-sequence-wrap.has-icons .sump-seq-icon img {
	display: block;		display: block;
	width: 2.~~1rem~~;		width: 3.4rem;
	height: auto;		height: auto;
	}		}

Admin at 11:10, 19 October 2026

2026-10-19T11:10:10Z

← Older revision		Revision as of 11:10, 19 October 2026
Line 1,183:		Line 1,183:
	}		}
	}		}
			/* --- Setup sequence, icon-tile variant --- */
	.sump-sequence-wrap.has-icons .sump-seq-item {		.sump-sequence-wrap.has-icons .sump-seq-item {
	~~display~~: ~~grid~~;		position: relative;
	grid-template-columns: ~~40px~~ 1fr;		grid-template-columns: 3.4rem 1fr;
	~~column~~-~~gap~~: 0.~~85rem~~;		gap: 0 1rem;
	~~align~~-~~items~~: ~~start~~;		margin-bottom: 1.1rem;
			}
			.sump-sequence-wrap.has-icons .sump-seq-item::before {
			position: absolute;
			top: -0.45rem;
			left: -0.45rem;
			z-index: 1;
			width: 1.45rem;
			height: 1.45rem;
			margin: 0;
			box-sizing: border-box;
			border: 2px solid var(--dreams-primary);
			background: #fff;
			color: var(--dreams-primary);
			font-size: 0.75rem;
	}		}
	.sump-sequence-wrap.has-icons .sump-seq-icon {		.sump-sequence-wrap.has-icons .sump-seq-icon {
	grid-row: 1 / ~~span 2~~;		grid-column: 1;
			grid-row: 1 / 3;
			width: 3.4rem;
			height: 3.4rem;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 14px;
			background: var(--dreams-tint);
	line-height: 0;		line-height: 0;
	~~padding-top: 0.15rem;~~
	}		}
			.sump-sequence-wrap.has-icons .sump-seq-icon span,
			.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }
	.sump-sequence-wrap.has-icons .sump-seq-icon img {		.sump-sequence-wrap.has-icons .sump-seq-icon img {
	width: ~~40px~~;		display: block;
			width: 2.1rem;
	height: auto;		height: auto;
	~~display: block;~~
	}		}
	.sump-sequence-wrap.has-icons .sump-seq-label,		.sump-sequence-wrap.has-icons .sump-seq-label {
			grid-column: 2;
			grid-row: 1;
			align-self: end;
			}
	.sump-sequence-wrap.has-icons .sump-seq-desc {		.sump-sequence-wrap.has-icons .sump-seq-desc {
	grid-column: 2;		grid-column: 2;
			grid-row: 2;
			}
			@media (min-width: 560px) {
			.sump-sequence-wrap.has-icons .sump-seq-item {
			grid-template-columns: 3.4rem 10rem 1fr;
			align-items: center;
			}
			.sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }
			.sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }
			.sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }
	}		}
	/* --- Handoff block --- */		/* --- Handoff block --- */

Admin at 11:07, 19 October 2026

2026-10-19T11:07:19Z

@@ Line 1,183: / Line 1,183: @@
+   }
+}
+.sump-sequence-wrap.has-icons .sump-seq-item {
 /* --- Handoff block --- */
 .dreams-handoff {

Admin at 10:45, 19 October 2026

2026-10-19T10:45:52Z

@@ Line 1,486: / Line 1,486: @@
    display: block;
+}
 .sump-checklist {
    clear: both;

Admin at 10:00, 19 October 2026

2026-10-19T10:00:27Z

← Older revision		Revision as of 10:00, 19 October 2026
Line 1,434:		Line 1,434:
	/* B. two-pane contrast */		/* B. two-pane contrast */
	.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }		.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }
	.sump-versus__pane { border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }		.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }
	.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }		.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }
	.sump-versus__head { font-weight:700; margin-bottom:.35rem; }		.sump-versus__head { font-weight:700; margin-bottom:.35rem; }
	@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }		@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }

	.sump-versus__fig { margin-bottom:.6rem; }		.sump-versus__fig { margin-top: auto; padding-top: 1em; margin-bottom:.6rem; }
	.sump-versus__fig img { display:block; width:100%; height:auto; }		.sump-versus__fig img { display:block; width:100%; height:auto; }

	.sump-versus__fig--small {		.sump-versus__fig--small {
	max-width: 60%;		max-width: 60%;
Line 1,450:		Line 1,449:
	width: 100%;		width: 100%;
	height: auto;		height: auto;
			display: block;
	}		}

Admin at 09:50, 19 October 2026

2026-10-19T09:50:00Z

← Older revision		Revision as of 09:50, 19 October 2026
Line 1,478:		Line 1,478:
	.sump-lead-fig {		.sump-lead-fig {
	float: right;		float: right;
	width: ~~140px~~;		width: 260px;
	margin: 0.2em ~~0 0.8em 1.5em~~;		margin: 0 0 1em 2em;
	}		}
	.sump-lead-fig img {		.sump-lead-fig img {
Line 1,492:		Line 1,492:
	.sump-lead-fig {		.sump-lead-fig {
	float: none;		float: none;
	width: ~~110px~~;		width: 200px;
	margin: 0 auto 1em;		margin: 0 auto 1em;
	}		}