MediaWiki:Citizen.css: Unterschied zwischen den Versionen
MediaWiki-Schnittstellenseite
Weitere Optionen
Anton (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
Keine Bearbeitungszusammenfassung |
||
| (30 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */ | /* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */ | ||
:root { | :root { | ||
--color- | --color-progressive-oklch__l: 0.63; | ||
--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: 4rem; | |||
font-weight: bold; | |||
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 ); | |||
} | |||
.box { | |||
background: var(--color-surface-1); | |||
border: 1px solid var(--border-color-base); | |||
border-radius: var(--border-radius-medium); | |||
padding: var(--space-lg); | |||
} | |||
.box > .mw-heading2, .box > .mw-heading { | |||
margin-top: 0; | |||
} | |||
.mw-heading6 { | |||
font-style: italic; | |||
} | } | ||
Aktuelle Version vom 28. Dezember 2025, 01:47 Uhr
/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
:root {
--color-progressive-oklch__l: 0.63;
--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: 4rem;
font-weight: bold;
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 );
}
.box {
background: var(--color-surface-1);
border: 1px solid var(--border-color-base);
border-radius: var(--border-radius-medium);
padding: var(--space-lg);
}
.box > .mw-heading2, .box > .mw-heading {
margin-top: 0;
}
.mw-heading6 {
font-style: italic;
}