MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 624: | Zeile 624: | ||
img { filter: none !important; } | img { filter: none !important; } | ||
} | } | ||
/* Slàinte-Text styling + Animation */ | |||
.mw-slainte-toast { | |||
font: 700 clamp(20px, 4.2vw, 36px) / 1.15 "Segoe UI", Roboto, Arial, sans-serif; | |||
color: #fff; | |||
background: linear-gradient(0deg, #ffc76a, #ffffff); | |||
-webkit-background-clip: text; | |||
background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
text-shadow: 0 0 18px rgba(255,200,120,0.35); | |||
margin: 6px 0 2px; | |||
opacity: 0; | |||
transform: translateY(8px) scale(0.98); | |||
animation: toast-in 900ms ease-out forwards, toast-glow 3.5s ease-in-out 900ms infinite; | |||
} | |||
@keyframes toast-in { | |||
0% { opacity: 0; transform: translateY(12px) scale(0.98); filter: blur(2px); } | |||
60% { opacity: 1; transform: translateY(0) scale(1.00); filter: blur(0); } | |||
100% { opacity: 1; transform: translateY(0) scale(1.00); } | |||
} | |||
@keyframes toast-glow { | |||
0%,100% { text-shadow: 0 0 12px rgba(255,200,120,0.25), 0 0 0 rgba(255,255,255,0); } | |||
50% { text-shadow: 0 0 22px rgba(255,200,120,0.5), 0 0 6px rgba(255,255,255,0.25); } | |||
} | |||
/* Bewegung reduzieren respektieren */ | |||
@media (prefers-reduced-motion: reduce) { | |||
.mw-slainte-toast { animation: none; opacity: 1; transform: none; } | |||
} | |||
/* ==== Mobile-Fix: Bild vollständig anzeigen ==== */ | /* ==== Mobile-Fix: Bild vollständig anzeigen ==== */ | ||