MediaWiki:Citizen.css - Versionsgeschichte

NeroReaver am 11. Januar 2026 um 20:17 Uhr

2026-01-11T20:17:30Z

NeroReaver am 11. Januar 2026 um 20:16 Uhr

2026-01-11T20:16:09Z

NeroReaver am 11. Januar 2026 um 20:14 Uhr

2026-01-11T20:14:17Z

← Nächstältere Version		Version vom 11. Januar 2026, 22:14 Uhr
Zeile 143:		Zeile 143:
	border-top: var(--border-width-base) solid rgba(0, 0, 0, 0.1);		border-top: var(--border-width-base) solid rgba(0, 0, 0, 0.1);
	}		}








			/* Haupt-Header */
			.citizen-page-header {
			display: flex;
			justify-content: center; /* alles horizontal mittig */
			align-items: center; /* vertikal mittig */
			background: rgba(0, 0, 0, 0.6);
			backdrop-filter: blur(12px) saturate(120%);
			-webkit-backdrop-filter: blur(12px) saturate(120%);
			padding: 0.5rem 1rem;
			border-radius: 12px;
			border: 1px solid rgba(120, 120, 160, 0.35);
			margin-inline: auto;
			max-width: var(--width-layout);
			}

			/* Inner Container (für Flex-Zentrierung) */
			.citizen-page-header-inner {
			display: flex;
			justify-content: center; /* mittig */
			align-items: center;
			gap: var(--space-md);
			flex-wrap: wrap;
			width: 100%;
			}

			/* Buttons und Actions */
			.page-actions {
			display: flex;
			justify-content: center; /* Buttons mittig */
			gap: 0.5rem;
			flex-wrap: wrap;
			}

			.page-actions .citizen-button,
			.page-actions .citizen-menu {
			flex: none; /* nicht die Breite des Containers einnehmen */
			}

			/* Glas-Effekt für Dropdowns */
			.page-actions .citizen-dropdown .citizen-menu__card-content {
			background: rgba(0,0,0,0.6);
			backdrop-filter: blur(12px) saturate(120%);
			-webkit-backdrop-filter: blur(12px) saturate(120%);
			border-radius: 8px;
			}

			/* Mobile Fallback */
			@media (max-width: 1119px) {
			.citizen-page-header,
			.citizen-page-header-inner,
			.page-actions {
			justify-content: center;
			flex-direction: column;
			align-items: center;
			}
			}



			@media screen and (min-width: 1120px) {
			.citizen-page-header {
			transition-property: 3px;
			margin-top: 0px;
			padding-right: 0px;
			padding-left: 0px;
			}
			}

			@media screen {
			.page-Main_Page.action-view .citizen-body-container {
			border-radius: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			border-top-width: 0px;
			}
			}

NeroReaver am 11. Januar 2026 um 20:08 Uhr

2026-01-11T20:08:05Z

← Nächstältere Version		Version vom 11. Januar 2026, 22:08 Uhr
Zeile 102:		Zeile 102:
	}		}
	}		}
			/* ========================================
			CITIZEN – GLASS HEADER INNER + CENTERED
			======================================== */

			/* Glas-Grundlagen */
			:root {
			--opacity-glass: 0.6;
			--backdrop-filter-frosted-glass: blur(12px) saturate(120%);
			--color-surface-0: rgba(0, 0, 0, 0.6);
			}

			/* Haupt-Header-Container */
			.citizen-page-header-inner {
			display: flex;
			justify-content: center; /* mittig */
			align-items: center; /* vertikal zentriert */
			flex-wrap: wrap;
			gap: var(--space-md);
			max-width: var(--width-layout);
			margin-inline: auto;
			padding-block: var(--space-md);
			background: rgba(0, 0, 0, 0.6); /* dunkler Glas-Hintergrund */
			backdrop-filter: blur(12px) saturate(120%);
			-webkit-backdrop-filter: blur(12px) saturate(120%);
			border-radius: 12px;
			border: 1px solid rgba(120, 120, 160, 0.35);
			}

			/* Falls Citizen ein Overlay benutzt */
			.citizen-page-header-inner::before {
			background: none !important;
			}

			/* Spezifisch für die Main Page */
			@media screen and (max-width: 1119px) {
			.page-Main_Page.action-view .citizen-page-header-inner {
			justify-content: center;
			padding-top: 8px;
			padding-bottom: 8px;
			border-top: var(--border-width-base) solid rgba(0, 0, 0, 0.1);
			}

NeroReaver am 11. Januar 2026 um 20:02 Uhr

2026-01-11T20:02:40Z

← Nächstältere Version		Version vom 11. Januar 2026, 22:02 Uhr
Zeile 87:		Zeile 87:
	}		}

	~~/footer platz entfernen/~~		@media screen and (min-width: 1120px) {
	.~~mw-footer~~ citizen-footer {		.citizen-footer {
	margin-~~top~~: ~~0px~~;		margin-bottom: 0;
	~~padding~~-top: ~~20px~~;		margin-top: 0px;
			}
	}		}
	/footer icon entfernen/		/footer icon entfernen/

NeroReaver am 11. Januar 2026 um 20:01 Uhr

2026-01-11T20:01:49Z

← Nächstältere Version		Version vom 11. Januar 2026, 22:01 Uhr
Zeile 82:		Zeile 82:
	@media screen {		@media screen {
	.page-Main_Page.action-view .citizen-body-container {		.page-Main_Page.action-view .citizen-body-container {
	~~margin~~-~~top~~: ~~var(--space-xl)~~;		border-radius: 0px;
	margin-top: 0px;		margin-top: 0px;
	}		}

NeroReaver am 11. Januar 2026 um 20:01 Uhr

2026-01-11T20:01:22Z

← Nächstältere Version		Version vom 11. Januar 2026, 22:01 Uhr
Zeile 80:		Zeile 80:

	/Content platz entfernen/		/Content platz entfernen/
	.citizen-body-container {		@media screen {
	margin-top: ~~0px;~~		.page-Main_Page.action-view .citizen-body-container {
	~~border~~-~~bottom~~-~~width: 0px~~;		margin-top: var(--space-xl);
	margin-~~bottom~~: 0px;		margin-top: 0px;
	~~border-radius: 0px;~~		}
	}		}

NeroReaver am 11. Januar 2026 um 19:59 Uhr

2026-01-11T19:59:48Z

@@ Zeile 72: / Zeile 72: @@
+}
 .mw-parser-output, .mw-body, .mw-body-content, #bodyContent {
    background-color: transparent !important;
+}

NeroReaver am 11. Januar 2026 um 19:50 Uhr

2026-01-11T19:50:40Z

@@ Zeile 74: / Zeile 74: @@
 .mw-parser-output, .mw-body, .mw-body-content, #bodyContent {
    background-color: transparent !important;
+}

NeroReaver am 11. Januar 2026 um 19:50 Uhr

2026-01-11T19:50:05Z

@@ Zeile 105: / Zeile 105: @@
     CITIZEN – MOBILE MENU DROPDOWN DIRECTION
     ======================================== */
-@media (max-width: 1119.98px) {
+  /* Animations sauber halten */
-    /* Header Menu Container */
+  .citizen-dropdown .citizen-menu__card .citizen-menu__card-content {
-    .citizen-header .citizen-menu {
+    opacity: 0;
-        top: 100% !important;
+    transform: translateY(-10px);
-        bottom: auto !important;
+    transition: opacity var(--transition-duration-base) var(--transition-timing-function-ease-in),
-        transform-origin: top center !important;
+                transform var(--transition-duration-base) var(--transition-timing-function-ease-in);
+  }
-    /* Aufklapp-Animation nach unten */
+  /* Content-Padding anpassen, damit Header nicht drüber liegt */
-     .citizen-header .citizen-menu[aria-hidden="false"] {
+  body {
-        transform: translateY(0) !important;
+     padding-top: var(--header-size);
+  }
+}