6369
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 1849: | Рядок 1849: | ||
font-size: 12px !important; | font-size: 12px !important; | ||
color: rgba(212,210,224,0.65) !important; | color: rgba(212,210,224,0.65) !important; | ||
} | |||
/* ══════════════════════════════════════════════ | |||
HOME HERO BANNER — full width, Фінал Року | |||
══════════════════════════════════════════════ */ | |||
.mcc-home-hero-banner { | |||
display: flex; | |||
align-items: center; | |||
gap: 20px; | |||
margin-bottom: 16px; | |||
padding: 20px 28px; | |||
border-radius: 10px; | |||
cursor: pointer; | |||
position: relative; | |||
overflow: hidden; | |||
border: 1px solid rgba(255,140,40,0.30); | |||
background: | |||
linear-gradient(110deg, | |||
rgba(180,70,10,0.85) 0%, | |||
rgba(220,110,20,0.80) 30%, | |||
rgba(240,150,40,0.70) 55%, | |||
rgba(200,90,10,0.80) 80%, | |||
rgba(160,50,5,0.90) 100%); | |||
box-shadow: 0 4px 32px rgba(220,100,10,0.18), inset 0 1px 0 rgba(255,200,100,0.12); | |||
transition: filter 0.18s, transform 0.18s; | |||
text-decoration: none !important; | |||
} | |||
.mcc-home-hero-banner::before { | |||
content: ''; | |||
position: absolute; | |||
inset: 0; | |||
background: radial-gradient(ellipse 60% 100% at 70% 50%, rgba(255,180,60,0.18) 0%, transparent 70%); | |||
pointer-events: none; | |||
} | |||
.mcc-home-hero-banner:hover { | |||
filter: brightness(1.08); | |||
transform: translateY(-1px); | |||
} | |||
.mcc-hero-badge { | |||
font-size: 10px; | |||
font-weight: 800; | |||
letter-spacing: .14em; | |||
text-transform: uppercase; | |||
color: rgba(255,220,140,0.75); | |||
background: rgba(0,0,0,0.20); | |||
border: 1px solid rgba(255,200,80,0.25); | |||
border-radius: 4px; | |||
padding: 3px 9px; | |||
white-space: nowrap; | |||
flex-shrink: 0; | |||
} | |||
.mcc-hero-prize { | |||
font-size: 26px; | |||
font-weight: 900; | |||
color: #ffe47a; | |||
letter-spacing: -0.02em; | |||
font-family: 'Manrope', sans-serif; | |||
text-shadow: 0 2px 12px rgba(255,160,30,0.40); | |||
white-space: nowrap; | |||
flex-shrink: 0; | |||
} | |||
.mcc-hero-champ { | |||
flex: 1; | |||
font-size: 15px; | |||
font-weight: 600; | |||
color: rgba(255,240,210,0.90); | |||
} | |||
.mcc-hero-champ a, | |||
.mcc-hero-champ a:visited { | |||
color: #ffe47a !important; | |||
text-decoration: none !important; | |||
font-weight: 700; | |||
} | |||
.mcc-hero-arrow { | |||
font-size: 20px; | |||
color: rgba(255,200,80,0.50); | |||
flex-shrink: 0; | |||
transition: color 0.15s, transform 0.15s; | |||
} | |||
.mcc-home-hero-banner:hover .mcc-hero-arrow { | |||
color: rgba(255,220,100,0.85); | |||
transform: translateX(4px); | |||
} | } | ||