MediaWiki:Citizen.css - Revision history

Muqsit at 03:57, 25 February 2025

2025-02-25T03:57:56Z

← Older revision		Revision as of 03:57, 25 February 2025
Line 1:		Line 1:
	~~/* Align icon opacity with skin default */~~
	~~.mw-logo-icon {~~
	~~opacity: var( --opacity-icon-base );~~
	~~filter: var( --filter-invert );~~
	}

	/* All CSS here will be loaded for users of the Citizen skin */		/* All CSS here will be loaded for users of the Citizen skin */
	/* Icons */		/* Icons */

Muqsit at 03:48, 25 February 2025

2025-02-25T03:48:48Z

← Older revision		Revision as of 03:48, 25 February 2025
Line 131:		Line 131:
	font-weight: var(--font-weight-normal);		font-weight: var(--font-weight-normal);
	color: var(--color-subtle) !important		color: var(--color-subtle) !important
			}

			.citizen-drawer__menu {
			margin-bottom: 0;
			padding-bottom: 0;
	}		}

Muqsit at 03:40, 25 February 2025

2025-02-25T03:40:30Z

@@ Line 119: / Line 119: @@
 .mw-portlet-External .mw-list-item a {
      gap: 0
+}

Muqsit at 03:36, 25 February 2025

2025-02-25T03:36:52Z

← Older revision		Revision as of 03:36, 25 February 2025
Line 96:		Line 96:
	}		}

	/*		.mw-portlet-External {
			position: sticky;
			bottom: 0;
			margin-top: var(--space-md);
			padding: var(--space-xs) 0;
			border-top: 1px solid var(--border-color-base);
			background: var(--color-surface-1);
			font-size: var(--font-size-x-small);
			grid-column: 1 / -1;
			white-space: nowrap
			}

			.mw-portlet-External .citizen-menu__heading {
			display: none
			}

			.mw-portlet-External ul {
			display: flex;
			overflow: auto
			}

			.mw-portlet-External .mw-list-item a {
			gap: 0
			}

Muqsit at 03:24, 25 February 2025

2025-02-25T03:24:01Z

← Older revision		Revision as of 03:24, 25 February 2025
Line 25:		Line 25:

	#n-sidebar-icon-discord a:before {		#n-sidebar-icon-discord a:before {
	mask-image: url( https://~~media~~.~~starcitizen~~.~~tools~~/7/77/Discord_-_Simple_Icons.svg );		mask-image: url( https://wiki.cosmicpe.me/images/7/77/Discord_-_Simple_Icons.svg );
	}		}

	#n-sidebar-icon-twitter a:before {		#n-sidebar-icon-twitter a:before {
	mask-image: url( https://~~media~~.~~starcitizen~~.~~tools~~/6/6a/Twitter_~~-_Simple_Icons.svg );~~		mask-image: url( https://wiki.cosmicpe.me/images/6/6a/Twitter_-_Simple_Icons.svg );
	}

	~~#n-sidebar-icon-mastodon a:before {~~
	~~mask-image: url( https://media.starcitizen.tools/d/de/Mastodon_-_Simple_Icons.svg );~~
	}

	~~#n-sidebar-icon-threads a:before {~~
	~~mask-image: url( https://media.starcitizen.tools/9/9b/Threads_-_Simple_Icons.svg );~~
	}

	~~#n-sidebar-icon-bluesky a:before {~~
	~~mask-image: url( https://media.starcitizen.tools/8/8b/Bluesky_-_Simple_Icons.svg );~~
	}

	~~#n-sidebar-icon-patreon a:before {~~
	~~mask-image: url( https://media.starcitizen.tools/e/e9/Patreon_-_Simple_Icons.svg );~~
	}

	~~#n-sidebar-icon-kofi a:before {~~
	~~mask-image: url( https://media.starcitizen.tools/4/48/Kofi_~~-_Simple_Icons.svg );
	}		}

	#n-sidebar-icon-github a:before {		#n-sidebar-icon-github a:before {
	mask-image: url( https://~~media~~.~~starcitizen~~.~~tools~~/8/85/Github_-_Simple_Icons.svg );		mask-image: url( https://wiki.cosmicpe.me/images/8/85/Github_-_Simple_Icons.svg );
	}		}

	#n-sidebar-icon-~~reddit~~ a:before {		#n-sidebar-icon-youtube a:before {
	mask-image: url( https://~~media~~.~~starcitizen~~.~~tools~~/e/e8/~~Reddit_~~-_Simple_Icons.svg );		mask-image: url( https://wiki.cosmicpe.me/images/6/6b/Youtube_-_Simple_Icons.svg );
	}		}

Muqsit at 03:04, 25 February 2025

2025-02-25T03:04:09Z

← Older revision		Revision as of 03:04, 25 February 2025
Line 1:		Line 1:
			/* Align icon opacity with skin default */
			.mw-logo-icon {
			opacity: var( --opacity-icon-base );
			filter: var( --filter-invert );
			}

	/* All CSS here will be loaded for users of the Citizen skin */		/* All CSS here will be loaded for users of the Citizen skin */
	/* Icons */		/* Icons */

Muqsit: Created page with "/* All CSS here will be loaded for users of the Citizen skin / / Icons */ .citizen-drawermenu [id^="n-sidebar-icon-"] a { font-size: 0; content-visibility: auto; } .citizen-drawermenu [id^="n-sidebar-icon-"] a:before { display: block; content: ""; width: var( --size-icon ); height: var( --size-icon ); background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-position: center; } #n-sidebar-icon-discord a:before { m..."

2025-02-25T03:03:41Z

Created page with "All CSS here will be loaded for users of the Citizen skin: Icons: .citizen-drawer__menu [id^="n-sidebar-icon-"] a { font-size: 0; content-visibility: auto; } .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before { display: block; content: ""; width: var( --size-icon ); height: var( --size-icon ); background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-position: center; } #n-sidebar-icon-discord a:before { m..."

New page

/* All CSS here will be loaded for users of the Citizen skin */
/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
font-size: 0;
content-visibility: auto;

}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
display: block;
content: "";
width: var( --size-icon );
height: var( --size-icon );
background-color: currentColor;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}

#n-sidebar-icon-discord a:before {
mask-image: url( https://media.starcitizen.tools/7/77/Discord_-_Simple_Icons.svg );
}

#n-sidebar-icon-twitter a:before {
mask-image: url( https://media.starcitizen.tools/6/6a/Twitter_-_Simple_Icons.svg );
}

#n-sidebar-icon-mastodon a:before {
mask-image: url( https://media.starcitizen.tools/d/de/Mastodon_-_Simple_Icons.svg );
}

#n-sidebar-icon-threads a:before {
mask-image: url( https://media.starcitizen.tools/9/9b/Threads_-_Simple_Icons.svg );
}

#n-sidebar-icon-bluesky a:before {
mask-image: url( https://media.starcitizen.tools/8/8b/Bluesky_-_Simple_Icons.svg );
}

#n-sidebar-icon-patreon a:before {
mask-image: url( https://media.starcitizen.tools/e/e9/Patreon_-_Simple_Icons.svg );
}

#n-sidebar-icon-kofi a:before {
mask-image: url( https://media.starcitizen.tools/4/48/Kofi_-_Simple_Icons.svg );
}

#n-sidebar-icon-github a:before {
mask-image: url( https://media.starcitizen.tools/8/85/Github_-_Simple_Icons.svg );
}

#n-sidebar-icon-reddit a:before {
mask-image: url( https://media.starcitizen.tools/e/e8/Reddit_-_Simple_Icons.svg );
}

/*
* Footer icons
* We use custom footer icons so we need to fine tune it
*/
#footer-icons a {
border: 0;
padding: 0;
background: transparent;
opacity: var( --opacity-icon-base );
transition: opacity 250ms ease;
}

#footer-icons a:hover {
opacity: var( --opacity-icon-base--hover );
}

#footer-icons a:active {
opacity: var( --opacity-icon-base--active );
}

/* More space between icons */
#footer-icons ul,
#footer-icons li {
gap: var( --space-md );
}

#footer-icons img {
width: auto;
height: 32px;
}

/* Divide footer links into two columns */
#footer-places {
column-count: 2;
}

/* Fix misalignment in Safari and Firefox when using two columns */
#footer-places ul {
display: initial;
}

/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
filter: invert( 1 ) hue-rotate( 180deg );
}

/*
* Very important checkmark
* Blue checkmark near wordmark
*/
.mw-logo-wordmark {
display: flex;
align-items: center;
gap: var( --space-sm );
}

/*