MediaWiki:Citizen.css: Unterschied zwischen den Versionen

Version vom 28. Dezember 2025, 01:08 Uhr

/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
:root {
  --color-progressive-oklch__l: 0.7022;
  --color-progressive-oklch__c: 0.1349;
  --color-progressive-oklch__h: 228.48;
}

:root.skin-theme-clientpref-night {
  --color-surface-0-oklch__l: 16%;
}

@media screen and (prefers-color-scheme: dark) {
    :root.skin-theme-clientpref-os {
        --color-surface-0-oklch__l: 16%;
    }
}

/** Show Main Page header on top again
.page-Main_Page.action-view #contentSub, .page-Main_Page.action-view .citizen-page-heading {
  display: block;
}
.page-Main_Page.action-view .citizen-page-header {
  order: 0;
}
.page-Main_Page.action-view .citizen-page-header-inner {
  border-top: none;
}
*/

/* Main Page */

/* Main Page - Styling for Intro Header */
.home-header {
	position: relative;
	padding-top: var( --space-xl );
	padding-bottom: var( --space-xl );
	line-height: var( --line-height-sm );
	text-align: center;
}

.home-header-pretitle {
	margin-bottom: var( --space-xxs );
    color: var( --color-base--subtle );
	font-size: var( --font-size-small );
	letter-spacing: 0.05em;
}

.home-header-title {
	margin: 0;
	font-size: 3rem;
	letter-spacing: 0.025em;
	line-height: 1;
}

.home-header-subtitle {
	margin-top: var( --space-xxs );
	font-size: var( --font-size-small );
}

.home-grid {
	display: grid;
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );
	grid-gap: var( --space-xs );
}

.home-grid > div {
    background: var(--color-surface-1);
    border: 1px solid var(--border-color-base);
    border-radius: var(--border-radius-medium);
    padding: var(--space-lg);
}

.home-grid > div > .mw-heading2 {
    margin-top: 0;
}