MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.413: / Zeile 1.413: @@
    margin-left: -1.5rem;
    margin-right: -1.5rem;
+}
+/* =========================================================
+   XMAS: Timer-Bar & Snow
+   ========================================================= */
+/* Weihnachts-Variante der bestehenden Timer-Bar */
+#ados-timer-bar.ados-xmas {
+  background: linear-gradient(90deg, #111827, #164e63);
+  color: #f9fafb;
+  border-bottom: 1px solid rgba(15,23,42,.7);
+}
+#ados-timer-bar.ados-xmas #ados-timer-countdown {
+  background: #f97316;
+  color: #111827;
+}
+#ados-timer-bar.ados-xmas #ados-timer-message::before {
+  content: "🎄 ";
+}
+/* Schneefall-Overlay */
+#ados-snow {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 1999;           /* unter dem Timer (2000), über Content */
+  overflow: hidden;
+}
+.ados-snowflake {
+  position: absolute;
+  top: -10px;
+  font-size: 0.9rem;
+  color: rgba(255, 255, 255, 0.9);
+  text-shadow: 0 0 6px rgba(0,0,0,.45);
+  animation-name: ados-snow-fall;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+/* Keyframes für leichten Fall-Effekt */
+@keyframes ados-snow-fall {
+% {
+    transform: translate3d(var(--x-start, 0), -10px, 0) rotate(0deg);
+    opacity: 0;
+  }
+% { opacity: 1; }
+% {
+    transform: translate3d(var(--x-end, 0), 110vh, 0) rotate(360deg);
+    opacity: 0;
+  }
+}
+/* Weniger Motion = Schneefall deaktivieren */
+@media (prefers-reduced-motion: reduce) {
+  #ados-snow { display: none !important; }
 }