MediaWiki:Common.css - Revision history

Menhir wiki admin: Add WorldEvent template CSS classes (matching BuildPage aesthetic)

2026-05-23T16:10:23Z

Add WorldEvent template CSS classes (matching BuildPage aesthetic)

@@ Line 2,637: / Line 2,637: @@
 html.citizen-feature-performance-mode-clientpref-1 .gs-banner-close {
      transition: none !important;
+}

2026-05-20T22:19:20Z

print: hide contributors table on funded builds

← Older revision		Revision as of 22:19, 20 May 2026
Line 1,916:		Line 1,916:
	page-break-before: auto;		page-break-before: auto;
	page-break-inside: avoid;		page-break-inside: avoid;
			}

			/* Hide contributors table when printing a fully-funded build —
			it's a record, not advertising. PFBs keep it (.pfb-page). */
			.build-page:not(.pfb-page) .build-page-contributions {
			display: none !important;
	}		}

2026-05-20T22:14:49Z

print: hide siteSub, approvedrevs notice, breadcrumb subpages

2026-05-20T21:06:28Z

banner minimise animation + discreet border + reduced-motion guards

← Older revision		Revision as of 21:06, 20 May 2026
Line 2,378:		Line 2,378:
	border: 2px solid var(--mf-brown, #844725);		border: 2px solid var(--mf-brown, #844725);
	border-radius: 8px;		border-radius: 8px;
			transition: padding 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, gap 0.3s ease;
	}		}

Line 2,391:		Line 2,392:
	justify-content: center;		justify-content: center;
	box-shadow: 0 0 10px rgba(132, 71, 37, 0.3);		box-shadow: 0 0 10px rgba(132, 71, 37, 0.3);
			transition: width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;
	}		}

Line 2,584:		Line 2,586:
	max-width: max-content;		max-width: max-content;
	margin-left: auto;		margin-left: auto;
	~~transition~~: background 0~~.15s~~, ~~border~~-color ~~0.15s~~;		border-color: var(--border-color-base, rgba(127, 127, 127, 0.35));
			background: var(--color-surface-0, var(--color-surface-1, #ebe5da));
	}		}
	.gs-banner.is-minimised:hover,		.gs-banner.is-minimised:hover,
Line 2,610:		Line 2,613:
	font-size: 0.95em;		font-size: 0.95em;
	opacity: 0.85;		opacity: 0.85;
			}

			/* respect user motion preferences for the gs banner */
			@media (prefers-reduced-motion: reduce) {
			.gs-banner,
			.gs-banner-icon,
			.gs-banner-close {
			transition: none !important;
			}
			}
			html.citizen-feature-performance-mode-clientpref-1 .gs-banner,
			html.citizen-feature-performance-mode-clientpref-1 .gs-banner-icon,
			html.citizen-feature-performance-mode-clientpref-1 .gs-banner-close {
			transition: none !important;
	}		}

2026-05-20T21:01:30Z

more breathing room around gs banner close

← Older revision		Revision as of 21:01, 20 May 2026
Line 2,373:		Line 2,373:
	align-items: center;		align-items: center;
	gap: 1.2em;		gap: 1.2em;
	padding: 1.2em 1.5em;		padding: 1.2em 3.5em 1.2em 1.5em;
	margin: 1.5em 0;		margin: 1.5em 0;
	background: var(--color-surface-1, #ebe5da);		background: var(--color-surface-1, #ebe5da);
Line 2,458:		Line 2,458:
	flex-direction: column;		flex-direction: column;
	text-align: center;		text-align: center;
			padding: 1.2em 1.5em;
			padding-top: 2.2em;
	}		}
	}		}

2026-05-20T20:58:12Z

gs banner: minimise instead of hide

← Older revision		Revision as of 20:58, 20 May 2026
Line 2,571:		Line 2,571:
	}		}
	.gs-banner.is-dismissed { display: none; }		.gs-banner.is-dismissed { display: none; }

			.gs-banner.is-minimised {
			cursor: pointer;
			padding: 0.5em 1em;
			flex-direction: row;
			align-items: center;
			text-align: left;
			gap: 0.7em;
			width: auto;
			max-width: max-content;
			margin-left: auto;
			transition: background 0.15s, border-color 0.15s;
			}
			.gs-banner.is-minimised:hover,
			.gs-banner.is-minimised:focus {
			background: var(--color-surface-2, #e0d8cc);
			border-color: var(--mf-brown-hover, #a0603a);
			outline: none;
			}
			.gs-banner.is-minimised .gs-banner-icon {
			width: 1.6em;
			height: 1.6em;
			box-shadow: none;
			}
			.gs-banner.is-minimised .gs-banner-icon span {
			font-size: 0.95em;
			}
			.gs-banner.is-minimised .gs-banner-content,
			.gs-banner.is-minimised .gs-banner-btn,
			.gs-banner.is-minimised .gs-banner-close {
			display: none;
			}
			.gs-banner.is-minimised::after {
			content: "Getting Started guide";
			font-family: 'Crimson Text', Georgia, serif;
			font-size: 0.95em;
			opacity: 0.85;
			}

2026-05-20T20:53:35Z

gs banner close: flex centering for span

← Older revision		Revision as of 20:53, 20 May 2026
Line 2,550:		Line 2,550:
	width: 1.8em;		width: 1.8em;
	height: 1.8em;		height: 1.8em;
	~~padding~~: 0;		display: inline-flex;
			align-items: center;
			justify-content: center;
	background: transparent;		background: transparent;
	border: none;		border: none;
Line 2,559:		Line 2,561:
	opacity: 0.55;		opacity: 0.55;
	cursor: pointer;		cursor: pointer;
			user-select: none;
	transition: opacity 0.15s, background-color 0.15s;		transition: opacity 0.15s, background-color 0.15s;
	}		}

2026-05-20T20:38:26Z

gs banner close button styles

← Older revision		Revision as of 20:38, 20 May 2026
Line 2,541:		Line 2,541:
	padding: 0.7em 2em;		padding: 0.7em 2em;
	}		}

			/* getting started banner — dismiss button */
			.gs-banner { position: relative; }
			.gs-banner-close {
			position: absolute;
			top: 0.5em;
			right: 0.5em;
			width: 1.8em;
			height: 1.8em;
			padding: 0;
			background: transparent;
			border: none;
			border-radius: 50%;
			font-size: 1.4em;
			line-height: 1;
			color: inherit;
			opacity: 0.55;
			cursor: pointer;
			transition: opacity 0.15s, background-color 0.15s;
			}
			.gs-banner-close:hover,
			.gs-banner-close:focus {
			opacity: 1;
			background-color: rgba(0, 0, 0, 0.08);
			outline: none;
			}
			.gs-banner.is-dismissed { display: none; }

2026-05-20T20:28:27Z

getting started styles

2026-05-20T20:28:26Z

buildpage print styles