6395
редагувань
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| (Не показано 18 проміжних версій цього користувача) | |||
| Рядок 738: | Рядок 738: | ||
/* ============================================================ 19. ГЕРОЇ */ | /* ============================================================ 19. ГЕРОЇ */ | ||
.mcc-heroes-list { padding-top: | .mcc-heroes-list { padding-top: 0px !important; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; } | ||
.mcc-heroes-list li { margin: 0; padding: 0; width: calc((100% - 32px) / 5); } | .mcc-heroes-list li { margin: 0; padding: 0; width: calc((100% - 32px) / 5); } | ||
.mcc-hero-card { position: relative; display: block; width: 100%; overflow: hidden; background: #1a1a2e; transition: transform .2s, box-shadow .2s; } | .mcc-hero-card { position: relative; display: block; width: 100%; overflow: hidden; background: #1a1a2e; transition: transform .2s, box-shadow .2s; } | ||
| Рядок 1625: | Рядок 1625: | ||
.mcc-home-featured { | .mcc-home-featured { | ||
display: grid; | display: grid; | ||
margin-top: 60px; | |||
grid-template-columns: repeat(3, 1fr); | grid-template-columns: repeat(3, 1fr); | ||
gap: 10px; | gap: 10px; | ||
| Рядок 1697: | Рядок 1698: | ||
transition: background 0.15s; | transition: background 0.15s; | ||
} | } | ||
.mcc-home-panel-hd:hover { background: rgba( | .mcc-home-panel-hd:hover { background: rgba(0,0,0,0.2); } | ||
.mcc-home-panel-title { font-size: 13px; font-weight: 600; color: #d4d2e0; } | .mcc-home-panel-title { font-size: 13px; font-weight: 600; color: #d4d2e0; } | ||
.mcc-home-panel-toggle { | .mcc-home-panel-toggle { | ||
font-size: 14px; | font-size: 14px; | ||
color: | color: #fff; | ||
transition: transform 0.22s; | transition: transform 0.22s; | ||
display: inline-block; | display: inline-block; | ||
| Рядок 1756: | Рядок 1757: | ||
.mcc-champ-name { color: #e8e5f0; font-weight: 600; text-align: right; } | .mcc-champ-name { color: #e8e5f0; font-weight: 600; text-align: right; } | ||
/* Get Names — | /* Get Names — 3 cols */ | ||
.mcc-home-panel:nth-child(2) .mcc-home-champ-row, | .mcc-home-panel:nth-child(2) .mcc-home-champ-row, | ||
.mcc-home-panel:nth-child(2) .mcc-home-champ-header { | .mcc-home-panel:nth-child(2) .mcc-home-champ-header { | ||
grid-template-columns: 44px 1fr; | grid-template-columns: 44px 1fr auto; | ||
} | } | ||
.mcc-home-panel:nth-child(2) .mcc-champ-name { text-align: | .mcc-home-panel:nth-child(2) .mcc-champ-name { text-align: right; font-size: 12px; } | ||
| Рядок 1781: | Рядок 1782: | ||
list-style: none !important; | list-style: none !important; | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: | padding: 0px !important; | ||
display: grid !important; | display: grid !important; | ||
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; | grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; | ||
| Рядок 1847: | Рядок 1848: | ||
text-align: right !important; | text-align: right !important; | ||
font-size: 12px !important; | font-size: 12px !important; | ||
color: | color: #e8e5f0; font-weight: 600; | ||
} | } | ||
| Рядок 1940: | Рядок 1941: | ||
══════════════════════════════════════════════ */ | ══════════════════════════════════════════════ */ | ||
.mcc-home-panel-hd { | .mcc-home-panel-hd { | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
| Рядок 1957: | Рядок 1949: | ||
inset: 0; | inset: 0; | ||
background: | background: | ||
radial-gradient(ellipse 55% 140% at 0% 50%, | radial-gradient(ellipse 55% 140% at 0% 50%, rgb(132 17 255 / 16%) 0%, transparent 60%), radial-gradient(ellipse 30% 80% at 100% 50%, rgb(255 44 96 / 8%) 0%, transparent 55%); | ||
pointer-events: none; | pointer-events: none; | ||
} | } | ||
.mcc-home-panel-title { | .mcc-home-panel-title { | ||
color: | color: #fff !important; | ||
font-size: 11.5px !important; | font-size: 11.5px !important; | ||
font-weight: 700 !important; | font-weight: 700 !important; | ||
| Рядок 1982: | Рядок 1966: | ||
/* Champion names in Seasons panel — orange like prize money */ | /* Champion names in Seasons panel — orange like prize money */ | ||
.mcc-home-grid .mcc-home-panel:nth-child(1) .mcc-champ-name { | .mcc-home-grid .mcc-home-panel:nth-child(1) .mcc-champ-name { | ||
color: # | color: #e8e5f0; font-weight: 600; | ||
} | |||
/* ══════════════════════════════════════════════ | |||
SEARCH OVERLAY — повне блокування | |||
══════════════════════════════════════════════ */ | |||
.mw-overlays-container .overlay, | |||
.overlay.search-overlay, | |||
.search-overlay, | |||
.search-overlay .overlay-content, | |||
.search-overlay .results { | |||
display: none !important; | |||
visibility: hidden !important; | |||
opacity: 0 !important; | |||
pointer-events: none !important; | |||
} | |||
/* Знімаємо наслідки класів на body */ | |||
body.overlay-enabled, | |||
body.search-enabled, | |||
body.navigation-enabled { | |||
overflow: auto !important; | |||
position: static !important; | |||
height: auto !important; | |||
background-color: #15151f !important; | |||
} | |||
.overlay-enabled #mw-mf-page-center, | |||
.search-enabled #mw-mf-page-center { | |||
overflow: visible !important; | |||
height: auto !important; | |||
display: block !important; | |||
} | |||
.overlay-enabled #mw-mf-viewport, | |||
.search-enabled #mw-mf-viewport { | |||
height: auto !important; | |||
overflow: visible !important; | |||
} | |||
/* Маска, що затемнює сторінку */ | |||
.mw-mf-page-center__mask { | |||
display: none !important; | |||
} | |||
/* ══════════════════════════════════════════════ | |||
R-BOX — центрування на вузьких екранах | |||
══════════════════════════════════════════════ */ | |||
@media (max-width: 1199px) { | |||
.r-box, .tournament-box, .series-box { | |||
max-width: 420px !important; | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
} | |||
} | |||
.content .mw-parser-output h1, | |||
.content .mw-parser-output h2, | |||
.content .mw-parser-output h3, | |||
.content .mw-parser-output h4, | |||
.content .mw-parser-output .mw-headline { | |||
scroll-margin-top: 80px !important; | |||
} | } | ||