MediaWiki:Test.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

body, .mw-body {
    background:
        linear-gradient(to bottom, #1c1c1c 0%, #2a1a0f 40%, #3a1f0b 70%, #2c1c0f 100%),
        radial-gradient(circle at 50% 20%, rgba(255,117,24,0.2), transparent 50%),
        radial-gradient(circle at 30% 80%, rgba(255,140,0,0.15), transparent 50%),
        radial-gradient(circle at 70% 90%, rgba(255,165,0,0.1), transparent 50%);
    background-blend-mode: overlay, overlay, overlay, overlay;
    color: var(--text-color) !important;
    transition: background 0.5s ease, color 0.5s ease;
}

.halloween-leaves .halloween-leaf {
    font-size: 1.2em;
    animation: fall 5s linear infinite;
}

.halloween-pumpkin {
    display: inline-block;
    animation: float 3s ease-in-out infinite, glow 3s ease-in-out infinite;
}

.mw-first-heading, .mw-headline, .halloween-text {
    text-shadow: 0 0 3px #ff7518, 0 0 8px #ffa500;
    animation: glow 4s ease-in-out infinite;
}

table, blockquote, .infobox, .navbox {
    box-shadow: 0 0 12px rgba(255,117,24,0.25);
}

.halloween-eyes {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff7518;
    box-shadow: 0 0 8px #ff7518;
    animation: blink 1.8s infinite;
}

@keyframes fall {
    0% { transform: translateY(-30px) rotate(0deg); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}
@keyframes float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}
@keyframes glow {
    0%,100% { text-shadow: 0 0 2px #ff7518; }
    50% { text-shadow: 0 0 14px #ffa500; }
}
@keyframes blink {
    0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
    10%, 30%, 50%, 70%, 90% { opacity: 0; }
}