MediaWiki:Citizen.css: Difference between revisions

Revision as of 05:29, 9 November 2025

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

:root {
	--color-progressive-oklch__h: 220;
	--font-family-citizen-base: sans-serif;
	--space: .6em;
	--transform-image-hover: unset;
}

@font-face {
	font-family: 'Libre Caslon';
	src:
		url('resources/assets/Libre_Caslon_Text/LibreCaslonText-Regular.ttf');
}

.citizen-menu__heading, .mw-list-item {
	font-family: 'Libre Caslon';
}

h1, h2, h3 {
	font-family: 'Libre Caslon';
	font-weight: 400;
}

.mw-heading2 {
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, transparent 1.8em, var(--color-emphasized) 3.6em, transparent 90%) 30;
}

.mw-heading2 h2 {
    margin-left: calc(var(--space));
    margin-bottom: calc(var(--space) / 2);
}

.mw-heading3 .mw-editsection,
.mw-heading4 .mw-editsection {
    display: none;
}

/* Moves notification area down. */
.mw-notification-area {
	margin-top: 6em;
}

/* Extension:Moderation adjustments. */
#mw-editing-your-version {
	color: var(--color-surface-0);
}

.citizen-menu__card-content .citizen-ui-icon {
	display: none;
}