MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1.413: | Zeile 1.413: | ||
margin-left: -1.5rem; | margin-left: -1.5rem; | ||
margin-right: -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 { | |||
0% { | |||
transform: translate3d(var(--x-start, 0), -10px, 0) rotate(0deg); | |||
opacity: 0; | |||
} | |||
10% { opacity: 1; } | |||
100% { | |||
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; } | |||
} | |||
/* ADOS "NEU" Badge */ | |||
.ados-neu-badge { | |||
display: inline-block; | |||
margin-left: 6px; | |||
padding: 2px 8px; | |||
font-size: 11px; | |||
font-weight: bold; | |||
color: #fff; | |||
background: #c60000; | |||
border-radius: 10px; | |||
letter-spacing: 0.5px; | |||
animation: adosPulse 1.5s infinite; | |||
} | |||
@keyframes adosPulse { | |||
0% { opacity: 1; } | |||
50% { opacity: 0.4; } | |||
100% { opacity: 1; } | |||
} | |||
/* Klickbare Card für Statistik-Link */ | |||
.mw-parser-output a.chart-box, | |||
.mw-parser-output a.chart-box:visited { | |||
display: block !important; | |||
width: 100%; | |||
box-sizing: border-box; | |||
border: 2px solid #337ab7 !important; | |||
padding: 12px !important; | |||
background: #f0f8ff !important; | |||
margin: 0 0 1em 0 !important; | |||
text-align: center !important; | |||
text-decoration: none !important; | |||
color: inherit !important; | |||
border-radius: 6px !important; | |||
transition: transform .2s ease, background-color .2s ease; | |||
} | |||
.mw-parser-output a.chart-box:hover { | |||
background: #e0ecff !important; | |||
transform: scale(1.01); | |||
} | |||
.mobileonly { display: none; } | |||
.nomobile { display: block; } | |||
.skin-minerva .mobileonly, | |||
.mf-mobile .mobileonly { | |||
display: block; | |||
} | |||
.skin-minerva .nomobile, | |||
.mf-mobile .nomobile { | |||
display: none; | |||
} | } | ||