MediaWiki:Citizen.css - Revision history

Simon: Fix create-page button hover background to use correct Citizen variable (via update-page on MediaWiki MCP Server)

2026-06-25T09:26:21Z

Fix create-page button hover background to use correct Citizen variable (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 11:26, 25 June 2026
Line 79:		Line 79:

	.citizen-header__create-page:hover {		.citizen-header__create-page:hover {
	background-color: var(--background-color-quiet--hover);		background-color: var(--background-color-button-quiet--hover);
	color: var(--color-base);		color: var(--color-base);
	text-decoration: none;		text-decoration: none;
Line 85:		Line 85:

	.citizen-header__create-page:active {		.citizen-header__create-page:active {
	background-color: var(--background-color-quiet--active);		background-color: var(--background-color-button-quiet--active);
	}		}

2026-06-25T09:16:27Z

Add create-page button styles matching Citizen's own header icon buttons (via update-page on MediaWiki MCP Server)

@@ Line 59: / Line 59: @@
 #footer-sitetitle .mw-logo-icon {
      display: none !important;
+}

2026-06-25T09:12:23Z

Remove FontAwesome import (button now uses inline SVG) (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 11:12, 25 June 2026
Line 1:		Line 1:
	~~@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');~~

	/* Default: Full width */		/* Default: Full width */
	:root.citizen-feature-custom-width-clientpref-standard,		:root.citizen-feature-custom-width-clientpref-standard,

2026-06-25T08:55:56Z

Move FontAwesome to CSS so it loads with the page, not after JS runs (via update-page on MediaWiki MCP Server)

← Older revision		Revision as of 10:55, 25 June 2026
Line 1:		Line 1:
			@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

	/* Default: Full width */		/* Default: Full width */
	:root.citizen-feature-custom-width-clientpref-standard,		:root.citizen-feature-custom-width-clientpref-standard,

2026-02-05T16:46:25Z

@@ Line 59: / Line 59: @@
 #footer-sitetitle .mw-logo-icon {
      display: none !important;
+}

2026-02-05T16:45:59Z

@@ Line 59: / Line 59: @@
 #footer-sitetitle .mw-logo-icon {
      display: none !important;
+}

2026-02-05T03:13:15Z

← Older revision		Revision as of 05:13, 5 February 2026
Line 55:		Line 55:
	margin: 0;		margin: 0;
	display: block;		display: block;
			}

			#footer-sitetitle .mw-logo-icon {
			display: none !important;
	}		}

2026-02-05T02:28:42Z

← Older revision		Revision as of 04:28, 5 February 2026
Line 32:		Line 32:
	}		}

	~~/* Stack~~ footer ~~links vertically */~~
			#footer-places {
			margin-left: auto;
			display: flex;
			justify-content: flex-end;
			}


	#footer-places ul {		#footer-places ul {
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	~~gap~~: ~~0.4rem~~; /* ~~Adds a little space between~~ the ~~links~~ */		align-items: flex-end; /* Aligns the <li> items to the right */
	align~~-items~~: ~~flex-start~~; /* ~~Keeps links aligned to the left~~ */		text-align: right; /* Ensures text alignment is consistent */
			gap: 0.4rem;
			margin: 0;
			padding: 0;
			list-style: none;
	}		}

	~~/* Ensure list items don't have extra margins that break alignment */~~
	#footer-places li {		#footer-places li {
	margin: 0;		margin: 0;
	display: block;		display: block;
	}		}

2026-02-05T02:26:55Z

@@ Line 30: / Line 30: @@
      margin-inline: auto;
+   }
+}

2026-02-05T02:19:24Z

← Older revision		Revision as of 04:19, 5 February 2026
Line 24:		Line 24:
	flex-direction: column !important;		flex-direction: column !important;
	}		}
			}
			@media screen {
			.citizen-footer__container {
			max-width: 100vw;
			margin-inline: auto;
			}
	}		}