MediaWiki:Citizen.css - Revision history

DivošiRunner: Use official Discord and Roblox SVG assets with refreshed browser URLs

2026-10-05T15:48:28Z

Use official Discord and Roblox SVG assets with refreshed browser URLs

← Older revision		Revision as of 15:48, 5 October 2026
Line 169:		Line 169:
	/* Discord icon in header with hover effect */		/* Discord icon in header with hover effect */
	.disc-icon {		.disc-icon {
	background-image: url(/resources/assets/discord.svg);		background-image: url(/resources/assets/discord.svg?v=2d1bd85831cd);
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: center;		background-position: center;
Line 552:		Line 552:

	.citizen-ui-icon.mw-ui-icon-discord {		.citizen-ui-icon.mw-ui-icon-discord {
	background-image: url(/resources/assets/discord.svg);		background-image: url(/resources/assets/discord.svg?v=2d1bd85831cd);
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: center;		background-position: center;
Line 571:		Line 571:

	/* Bottom menu icons */		/* Bottom menu icons */
	#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg')}		#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg?v=2d1bd85831cd')}

	/* Redundant alert/breaks sidebar*/		/* Redundant alert/breaks sidebar*/
Line 1,349:		Line 1,349:
	/* Visible community shortcuts on Citizen's desktop rail and mobile bar. */		/* Visible community shortcuts on Citizen's desktop rail and mobile bar. */
	:root {		:root {
	--icon-discord: url("/resources/assets/discord.svg");		--icon-discord: url("/resources/assets/discord.svg?v=2d1bd85831cd");
	--icon-roblox: url("/resources/assets/roblox.svg");		--icon-roblox: url("/resources/assets/roblox.svg?v=cb13a6f0470b");
	}		}
	.citizen-social__icon {		.citizen-social__icon {

DivošiRunner: Restore theme-aware Discord and Roblox icons in Citizen navigation

2026-10-05T15:40:57Z

Restore theme-aware Discord and Roblox icons in Citizen navigation

@@ Line 355: / Line 355: @@
 	--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
 	--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
@@ Line 460: / Line 458: @@
+}
 #n-Discord a::before,
 #n-Roblox a::before {
-	background-color: transparent;
+	background-color: currentColor;
-	background-image: var( --drawer-icon );
+	background-image: none;
 	opacity: 0.84;
+}
@@ Line 575: / Line 568: @@
+}
 /* Bottom menu icons */
@@ Line 1,357: / Line 1,345: @@
 	white-space: normal;
 	overflow-wrap: anywhere;
+}

DivošiRunner: Add curated lore navigation and document native disclosures and template previews

2026-10-05T14:32:11Z

Add curated lore navigation and document native disclosures and template previews

← Older revision		Revision as of 14:32, 5 October 2026
Line 1,350:		Line 1,350:
	background-color: rgba( 21, 26, 33, 0.14 );		background-color: rgba( 21, 26, 33, 0.14 );
	}		}
			}

			/* Related lore cards: preserve full archive titles on desktop and mobile. */
			#mw-data-after-content .read-more-container-card-list .cdx-card__text__title,
			#mw-data-after-content .read-more-container-card-list .cdx-card__text__description {
			white-space: normal;
			overflow-wrap: anywhere;
	}		}

DivošiRunner: Use robust Discord and Roblox icon fallback for Citizen external links

2026-04-11T19:35:15Z

Use robust Discord and Roblox icon fallback for Citizen external links

@@ Line 458: / Line 458: @@
 #n-Discord {
 	--drawer-icon: var( --icon-discord );
+}
@@ Line 556: / Line 572: @@
 .skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
 .skin-citizen-auto .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
 	filter: invert( 1 );
+}

DivošiRunner: Fix light-mode footer, navigation, and settings panel surfaces

2026-04-11T14:40:35Z

Fix light-mode footer, navigation, and settings panel surfaces

Show changes

DivošiRunner: Fix light-mode contrast for global button and chip surfaces

2026-04-11T14:35:08Z

Fix light-mode contrast for global button and chip surfaces

@@ Line 1,094: / Line 1,094: @@
 	:root.skin-theme-clientpref-os .dark-logo {
 		display: initial;
+	}
+}

DivošiRunner: Fix Citizen theme compatibility for light, dark, and AMOLED modes

2026-04-11T14:14:13Z

Fix Citizen theme compatibility for light, dark, and AMOLED modes

@@ Line 951: / Line 951: @@
 	box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.08 );
 	transform: translateY( -1px );
+}

DivošiRunner: Use official Roblox SVG for the navigation button icon

2026-04-09T18:49:15Z

Use official Roblox SVG for the navigation button icon

← Older revision		Revision as of 18:49, 9 April 2026
Line 356:		Line 356:
	--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");		--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--icon-discord: url("/resources/assets/discord.svg");		--icon-discord: url("/resources/assets/discord.svg");
			--icon-roblox: url("/resources/assets/roblox.svg");
	--icon-roblox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.6 20.4 6 18 20.4 3.6 18Zm5.1 5.1-.9 6.2 6.2.9.9-6.2Z' fill='%23000'/%3E%3C/svg%3E");
	}		}

DivošiRunner: Use Discord and Roblox brand icons in navigation buttons

2026-04-09T18:46:52Z

Use Discord and Roblox brand icons in navigation buttons

← Older revision		Revision as of 18:46, 9 April 2026
Line 355:		Line 355:
	--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");		--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
	--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");		--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
			--icon-discord: url("/resources/assets/discord.svg");
	--icon-~~forum~~: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='~~M6.5~~ 7.~~5h11a2.5~~ 2.5 0 0 ~~1 2~~.5 2.~~5v5a2.5~~ 2.5 ~~0 0 1-2.~~5 2.~~5H11l~~-4.5 ~~3v-3H6~~.~~5A2.5~~ 2.5 ~~0 0 1 4 15v-5a2~~.5 2.~~5 0 0 1 2~~.5-2.5Z' fill~~='none' stroke~~='%23000~~' stroke-width='1.8' stroke-linejoin='round~~'/%3E%3C/svg%3E");		--icon-roblox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.6 20.4 6 18 20.4 3.6 18Zm5.1 5.1-.9 6.2 6.2.9.9-6.2Z' fill='%23000'/%3E%3C/svg%3E");
	}		}

Line 428:		Line 429:

	#n-Roblox {		#n-Roblox {
	--drawer-icon: var( --icon-~~home~~ );		--drawer-icon: var( --icon-roblox );
	}		}

Line 456:		Line 457:

	#n-Discord {		#n-Discord {
	--drawer-icon: var( --icon-~~forum~~ );		--drawer-icon: var( --icon-discord );
	}		}

DivošiRunner: Add Roblox navigation icon mappings

2026-04-09T18:44:53Z

Add Roblox navigation icon mappings

← Older revision		Revision as of 18:44, 9 April 2026
Line 421:		Line 421:
	#n-User-list {		#n-User-list {
	--drawer-icon: var( --icon-group );		--drawer-icon: var( --icon-group );
			}

			#n-Roblox-groups {
			--drawer-icon: var( --icon-group );
			}

			#n-Roblox {
			--drawer-icon: var( --icon-home );
	}		}