MediaWiki:Common.css - Revision history

Menhir wiki admin: Fix print preview: give seal image white background instead of transparent (prevents black rendering of transparent PNG pixels)

2026-04-16T21:56:40Z

Fix print preview: give seal image white background instead of transparent (prevents black rendering of transparent PNG pixels)

← Older revision		Revision as of 21:56, 16 April 2026
Line 2,400:		Line 2,400:
	}		}

	/* ~~Restore image backgrounds (for~~ the seal) */		/* Give the seal a white background so transparent pixels
	.build-page-crest ~~img,~~		don't render as black in print */
	~~.build-page~~ img {		.build-page-crest img {
	background: ~~transparent~~ !important;		background: white !important;
			border-radius: 50%;
	}		}

Line 2,546:		Line 2,547:
	max-width: 120px !important;		max-width: 120px !important;
	height: auto !important;		height: auto !important;
			background: white !important;
			border-radius: 50%;
	}		}

Menhir wiki admin: Add build page print CSS with comprehensive chrome hiding (sticky header, page actions, footer, breadcrumbs, approved notice)

2026-04-16T20:24:58Z

Add build page print CSS with comprehensive chrome hiding (sticky header, page actions, footer, breadcrumbs, approved notice)

← Older revision		Revision as of 20:24, 16 April 2026
Line 2,276:		Line 2,276:
	/* ═══════════════════════════════════════════════════════════════		/* ═══════════════════════════════════════════════════════════════
	Build Page – Print Styles		Build Page – Print Styles
	~~Scoped to .build-page so only BuildPage template pages are~~
	~~affected. General wiki chrome hiding benefits all pages.~~
	═══════════════════════════════════════════════════════════════ */		═══════════════════════════════════════════════════════════════ */

Line 2,353:		Line 2,351:
	#citizen-share-sticky-header,		#citizen-share-sticky-header,
	.citizen-page-actions-more,		.citizen-page-actions-more,
			.citizen-sticky-header-container,
			.citizen-sticky-header,
			#p-views,
			#p-namespaces,
			#p-associated-pages,
			.page-info,
	.mw-footer,		.mw-footer,
	.citizen-footer,		.citizen-footer,
Line 2,375:		Line 2,379:
	.printfooter,		.printfooter,
	.mw-jump-link,		.mw-jump-link,
	.mw-data-after-content {		.mw-data-after-content,
			footer {
	display: none !important;		display: none !important;
	}		}

Menhir wiki admin: Print CSS: hide #siteSub, #contentSub, .subpages, .approvedAndLatestMsg, .citizen-page-actions, .citizen-page-footer, .citizen-share, .citizen-page-actions-more in print view

2026-04-16T20:14:29Z

Print CSS: hide #siteSub, #contentSub, .subpages, .approvedAndLatestMsg, .citizen-page-actions, .citizen-page-footer, .citizen-share, .citizen-page-actions-more in print view

← Older revision		Revision as of 20:14, 16 April 2026
Line 2,331:		Line 2,331:
	.citizen-header__logo,		.citizen-header__logo,
	#siteNotice,		#siteNotice,
			#siteSub,
			#contentSub,
			#mw-content-subtitle,
			.subpages,
			.approvedAndLatestMsg,
			.approved-revision-notice,
	.mw-indicators,		.mw-indicators,
	#mw-navigation,		#mw-navigation,
	.mw-sidebar-button,		.mw-sidebar-button,
			.citizen-page-actions,
	.citizen-page-header-buttons,		.citizen-page-header-buttons,
	.citizen-page-heading-buttons,		.citizen-page-heading-buttons,
			.citizen-page-header__description,
			.citizen-page-footer,
	.citizen-sidebar,		.citizen-sidebar,
	.citizen-toc,		.citizen-toc,
	.citizen-toc-wrapper,		.citizen-toc-wrapper,
			.citizen-drawer,
			.citizen-share,
			#citizen-share,
			#citizen-share-sticky-header,
			.citizen-page-actions-more,
	.mw-footer,		.mw-footer,
	.citizen-footer,		.citizen-footer,
Line 2,346:		Line 2,360:
	.noprint,		.noprint,
	.mw-editsection,		.mw-editsection,
	~~.approved-revision-notice,~~
	.build-print-btn,		.build-print-btn,
	.build-print-icon,		.build-print-icon,
Line 2,361:		Line 2,374:
	.vector-toc,		.vector-toc,
	.printfooter,		.printfooter,
	.mw-jump-link {		.mw-jump-link,
			.mw-data-after-content {
	display: none !important;		display: none !important;
	}		}

Menhir wiki admin: Add build page crest styling and print CSS for funded/partially funded builds

2026-04-16T19:47:16Z

Add build page crest styling and print CSS for funded/partially funded builds

Show changes

Menhir wiki admin: fix packing list checkboxes breaking layout on mobile - swap flex for positioned ::before

2026-04-13T07:14:29Z

fix packing list checkboxes breaking layout on mobile - swap flex for positioned ::before

← Older revision		Revision as of 07:14, 13 April 2026
Line 2,211:		Line 2,211:

	.gs-packing-list li {		.gs-packing-list li {
	~~display~~: ~~flex~~;		position: relative;
	~~align-items: flex-start;~~		padding: 0.45em 0 0.45em 1.8em;
	~~gap~~: 0.~~6em;~~
	~~padding:~~ 0.45em 0;
	border-bottom: 1px solid var(--color-surface-2, #e0d8cc);		border-bottom: 1px solid var(--color-surface-2, #e0d8cc);
	line-height: 1.5;		line-height: 1.5;
Line 2,225:		Line 2,223:
	.gs-packing-list li::before {		.gs-packing-list li::before {
	content: '';		content: '';
	~~flex-shrink~~: 0;		position: absolute;
			left: 0;
			top: 0.55em;
	width: 1.1em;		width: 1.1em;
	height: 1.1em;		height: 1.1em;
	~~margin-top: 0.25em;~~
	border: 2px solid rgba(132, 71, 37, 0.4);		border: 2px solid rgba(132, 71, 37, 0.4);
	border-radius: 3px;		border-radius: 3px;

Menhir wiki admin: add styling for the begin your journey cta button on getting started

2026-04-13T07:07:50Z

add styling for the begin your journey cta button on getting started

@@ Line 2,239: / Line 2,239: @@
          background: #fff;
+     }
+}

Menhir wiki admin: centre the prev/next nav buttons under the progress dots

2026-04-10T23:05:10Z

centre the prev/next nav buttons under the progress dots

← Older revision		Revision as of 23:05, 10 April 2026
Line 1,826:		Line 1,826:
	.gs-nav-buttons {		.gs-nav-buttons {
	display: flex;		display: flex;
	justify-content: ~~space-between~~;		justify-content: center;
	align-items: center;		align-items: center;
	gap: ~~1em~~;		gap: 1.5em;
	}		}

Menhir wiki admin: fix text colours for light mode — drop hardcoded fallbacks, use inherited colours + opacity

2026-04-10T22:47:23Z

fix text colours for light mode — drop hardcoded fallbacks, use inherited colours + opacity

← Older revision		Revision as of 22:47, 10 April 2026
Line 1,750:		Line 1,750:
	border-radius: 6px;		border-radius: 6px;
	text-decoration: none;		text-decoration: none;
	~~color: var(--color-base, #202122);~~
	transition: background 0.2s;		transition: background 0.2s;
	}		}
Line 1,763:		Line 1,762:
	font-size: 1.15em;		font-size: 1.15em;
	font-weight: 700;		font-weight: 700;
	~~color: var(--color-base--emphasized, #202122);~~
	margin: 0 0 0.15em;		margin: 0 0 0.15em;
	}		}
Line 1,779:		Line 1,777:
	.gs-progress-card-desc {		.gs-progress-card-desc {
	font-size: 0.9em;		font-size: 0.9em;
	~~color: var(--color-base--subtle, #54595d);~~
	margin: 0;		margin: 0;
	line-height: 1.4;		line-height: 1.4;
			opacity: 0.7;
	}		}

Line 1,866:		Line 1,864:

	.gs-nav-home a {		.gs-nav-home a {
	~~color: var(--color-base--subtle, #54595d);~~
	}		}

Line 1,888:		Line 1,885:
	font-size: 1em;		font-size: 1em;
	line-height: 1.5;		line-height: 1.5;
	~~color: var(--color-base, #202122);~~
	border-bottom: 1px solid var(--color-surface-2, #e0d8cc);		border-bottom: 1px solid var(--color-surface-2, #e0d8cc);
	}		}
Line 1,932:		Line 1,928:
	border: 1px solid var(--color-surface-2, #e0d8cc);		border: 1px solid var(--color-surface-2, #e0d8cc);
	text-decoration: none;		text-decoration: none;
	~~color: var(--color-base, #202122);~~
	transition: border-color 0.2s, background 0.2s;		transition: border-color 0.2s, background 0.2s;
	}		}
Line 1,970:		Line 1,965:
	font-size: 1.05em;		font-size: 1.05em;
	font-weight: 700;		font-weight: 700;
	~~color: var(--color-base--emphasized, #202122);~~
	margin: 0 0 0.15em;		margin: 0 0 0.15em;
	}		}
Line 1,986:		Line 1,980:
	.gs-phase-desc {		.gs-phase-desc {
	font-size: 0.85em;		font-size: 0.85em;
	~~color: var(--color-base--subtle, #54595d);~~
	margin: 0;		margin: 0;
	line-height: 1.4;		line-height: 1.4;
			opacity: 0.7;
	}		}

Line 2,014:		Line 2,008:
	font-size: 1.6em;		font-size: 1.6em;
	font-weight: 700;		font-weight: 700;
	~~color: var(--color-base--emphasized, #202122);~~
	margin: 0 0 0.3em;		margin: 0 0 0.3em;
	line-height: 1.2;		line-height: 1.2;
Line 2,021:		Line 2,014:
	.gs-hero-subtitle {		.gs-hero-subtitle {
	font-size: 1em;		font-size: 1em;
	~~color: var(--color-base--subtle, #54595d);~~
	margin: 0;		margin: 0;
	line-height: 1.5;		line-height: 1.5;
			opacity: 0.7;
	}		}

Line 2,045:		Line 2,038:
	font-size: 1.1em;		font-size: 1.1em;
	font-weight: 600;		font-weight: 600;
	~~color: var(--color-base--emphasized, #202122);~~
	}		}

Line 2,135:		Line 2,127:
	font-size: 1.25em;		font-size: 1.25em;
	font-weight: 700;		font-weight: 700;
	~~color: var(--color-base--emphasized, #202122);~~
	margin: 0 0 0.2em;		margin: 0 0 0.2em;
	}		}
Line 2,141:		Line 2,132:
	.gs-banner-desc {		.gs-banner-desc {
	font-size: 0.9em;		font-size: 0.9em;
	~~color: var(--color-base--subtle, #54595d);~~
	margin: 0;		margin: 0;
			opacity: 0.7;
	}		}

Line 2,196:		Line 2,187:
	border-radius: 0 6px 6px 0;		border-radius: 0 6px 6px 0;
	font-size: 0.95em;		font-size: 0.95em;
	~~color: var(--color-base, #202122);~~
	}		}

Menhir wiki admin: fix light mode text colours — fallbacks were using dark theme values

2026-04-10T22:43:44Z

fix light mode text colours — fallbacks were using dark theme values

← Older revision		Revision as of 22:43, 10 April 2026
Line 1,763:		Line 1,763:
	font-size: 1.15em;		font-size: 1.15em;
	font-weight: 700;		font-weight: 700;
	color: var(--color-base--emphasized, #~~f6f6f6~~);		color: var(--color-base--emphasized, #202122);
	margin: 0 0 0.15em;		margin: 0 0 0.15em;
	}		}
Line 1,779:		Line 1,779:
	.gs-progress-card-desc {		.gs-progress-card-desc {
	font-size: 0.9em;		font-size: 0.9em;
	color: var(--color-base--subtle, #~~9daab6~~);		color: var(--color-base--subtle, #54595d);
	margin: 0;		margin: 0;
	line-height: 1.4;		line-height: 1.4;
Line 1,866:		Line 1,866:

	.gs-nav-home a {		.gs-nav-home a {
	color: var(--color-base--subtle, #~~9daab6~~);		color: var(--color-base--subtle, #54595d);
	}		}

Line 1,970:		Line 1,970:
	font-size: 1.05em;		font-size: 1.05em;
	font-weight: 700;		font-weight: 700;
	color: var(--color-base--emphasized, #~~f6f6f6~~);		color: var(--color-base--emphasized, #202122);
	margin: 0 0 0.15em;		margin: 0 0 0.15em;
	}		}
Line 1,986:		Line 1,986:
	.gs-phase-desc {		.gs-phase-desc {
	font-size: 0.85em;		font-size: 0.85em;
	color: var(--color-base--subtle, #~~9daab6~~);		color: var(--color-base--subtle, #54595d);
	margin: 0;		margin: 0;
	line-height: 1.4;		line-height: 1.4;
Line 2,014:		Line 2,014:
	font-size: 1.6em;		font-size: 1.6em;
	font-weight: 700;		font-weight: 700;
	color: var(--color-base--emphasized, #~~f6f6f6~~);		color: var(--color-base--emphasized, #202122);
	margin: 0 0 0.3em;		margin: 0 0 0.3em;
	line-height: 1.2;		line-height: 1.2;
Line 2,021:		Line 2,021:
	.gs-hero-subtitle {		.gs-hero-subtitle {
	font-size: 1em;		font-size: 1em;
	color: var(--color-base--subtle, #~~9daab6~~);		color: var(--color-base--subtle, #54595d);
	margin: 0;		margin: 0;
	line-height: 1.5;		line-height: 1.5;
Line 2,045:		Line 2,045:
	font-size: 1.1em;		font-size: 1.1em;
	font-weight: 600;		font-weight: 600;
	color: var(--color-base--emphasized, #~~f6f6f6~~);		color: var(--color-base--emphasized, #202122);
	}		}

Line 2,135:		Line 2,135:
	font-size: 1.25em;		font-size: 1.25em;
	font-weight: 700;		font-weight: 700;
	color: var(--color-base--emphasized, #~~f6f6f6~~);		color: var(--color-base--emphasized, #202122);
	margin: 0 0 0.2em;		margin: 0 0 0.2em;
	}		}
Line 2,141:		Line 2,141:
	.gs-banner-desc {		.gs-banner-desc {
	font-size: 0.9em;		font-size: 0.9em;
	color: var(--color-base--subtle, #~~9daab6~~);		color: var(--color-base--subtle, #54595d);
	margin: 0;		margin: 0;
	}		}

Menhir wiki admin: add getting started styles + fix diamond colours and link overrides

2026-04-10T22:32:39Z

add getting started styles + fix diamond colours and link overrides

← Older revision		Revision as of 22:32, 10 April 2026
Line 1,675:		Line 1,675:
	transform: rotate(45deg);		transform: rotate(45deg);
	border-radius: 4px;		border-radius: 4px;
	background: ~~var~~(~~--color-surface-~~2~~, #e0d8cc~~);		background: rgba(132, 71, 37, 0.2);
	border: 2px solid ~~var~~(~~--color-surface-3~~, ~~#d4c9b0~~);		border: 2px solid rgba(132, 71, 37, 0.45);
	flex-shrink: 0;		flex-shrink: 0;
	transition: background 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;		transition: background 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
Line 1,688:		Line 1,688:
	font-weight: 700;		font-weight: 700;
	line-height: 1;		line-height: 1;
	color: var(--~~color~~-~~base--subtle~~, #~~9daab6~~);		color: var(--mf-brown, #844725);
	}		}

			/* dashed trail between waypoints */
	.gs-progress-marker::after {		.gs-progress-marker::after {
	content: '';		content: '';
Line 1,698:		Line 1,699:
	background: repeating-linear-gradient(		background: repeating-linear-gradient(
	to bottom,		to bottom,
	~~var~~(~~--color-surface-~~3~~, #d4c9b0~~) 0px,		rgba(132, 71, 37, 0.3) 0px,
	~~var~~(~~--color-surface-~~3~~, #d4c9b0~~) 4px,		rgba(132, 71, 37, 0.3) 4px,
	transparent 4px,		transparent 4px,
	transparent 8px		transparent 8px
Line 1,742:		Line 1,743:
	}		}

	/* card content ~~next to~~ the marker */		/* card content beside the marker */
	.gs-progress-card {		.gs-progress-card {
	display: block;		display: block;
Line 1,764:		Line 1,765:
	color: var(--color-base--emphasized, #f6f6f6);		color: var(--color-base--emphasized, #f6f6f6);
	margin: 0 0 0.15em;		margin: 0 0 0.15em;
			}

			.gs-progress-card-title a {
			color: inherit;
			text-decoration: none;
			}

			.gs-progress-card-title a:hover {
			color: var(--mf-brown, #844725);
			text-decoration: underline;
	}		}

Line 1,799:		Line 1,810:
	transform: rotate(45deg);		transform: rotate(45deg);
	border-radius: 2px;		border-radius: 2px;
	background: ~~var~~(~~--color-surface-3~~, ~~#d4c9b0~~);		background: rgba(132, 71, 37, 0.25);
	transition: background 0.2s, box-shadow 0.2s;		transition: background 0.2s, box-shadow 0.2s;
	}		}
Line 1,890:		Line 1,901:
	height: 1em;		height: 1em;
	margin-top: 0.3em;		margin-top: 0.3em;
	border: 2px solid ~~var~~(~~--color-surface-3~~, ~~#d4c9b0~~);		border: 2px solid rgba(132, 71, 37, 0.4);
	border-radius: 2px;		border-radius: 2px;
	background: ~~var~~(~~--color-surface-~~0~~, #f5f0e8~~);		background: rgba(132, 71, 37, 0.1);
	transform: rotate(45deg);		transform: rotate(45deg);
	}		}
Line 1,961:		Line 1,972:
	color: var(--color-base--emphasized, #f6f6f6);		color: var(--color-base--emphasized, #f6f6f6);
	margin: 0 0 0.15em;		margin: 0 0 0.15em;
			}

			.gs-phase-title a {
			color: inherit;
			text-decoration: none;
			}

			.gs-phase-title a:hover {
			color: var(--mf-brown, #844725);
			text-decoration: underline;
	}		}

Line 2,042:		Line 2,063:
	transition: background 0.2s;		transition: background 0.2s;
	white-space: nowrap;		white-space: nowrap;
			}

			.gs-cta-btn a {
			color: #fff !important;
			text-decoration: none;
			}

			.gs-cta-btn a:visited {
			color: #fff !important;
			}

			.gs-cta-btn a:hover {
			color: #fff !important;
			text-decoration: none;
	}		}

Line 2,124:		Line 2,159:
	white-space: nowrap;		white-space: nowrap;
	transition: background 0.2s;		transition: background 0.2s;
			}

			/* override wiki link colour inside banner button */
			.gs-banner-btn a,
			.gs-banner-btn a:visited,
			.gs-banner-btn a:active {
			color: #fff !important;
			text-decoration: none;
			}

			.gs-banner-btn a:hover {
			color: #fff !important;
			text-decoration: none;
	}		}

Line 2,191:		Line 2,239:
	height: 1.1em;		height: 1.1em;
	margin-top: 0.25em;		margin-top: 0.25em;
	border: 2px solid ~~var~~(~~--color-surface-3~~, ~~#d4c9b0~~);		border: 2px solid rgba(132, 71, 37, 0.4);
	border-radius: 3px;		border-radius: 3px;
	background: ~~var~~(~~--color-surface-~~0~~, #f5f0e8~~);		background: rgba(132, 71, 37, 0.1);
	}		}