6369
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 1864: | Рядок 1864: | ||
.wikitable td:contains("Чемпіон") { | .wikitable td:contains("Чемпіон") { | ||
color: #7ab8ff !important; | color: #7ab8ff !important; | ||
} | |||
/* ── CSS — вставити в кінець Common.css ── */ | |||
/* 1. TOURNAMENT NAV — <pre> всередині nav (баг шаблону) */ | |||
.tournament-nav pre, | |||
.series-nav pre, | |||
.player-nav pre, | |||
.championship-nav pre { | |||
display: contents !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
background: none !important; | |||
border: none !important; | |||
font-family: 'Manrope', sans-serif !important; | |||
font-size: inherit !important; | |||
white-space: normal !important; | |||
overflow: visible !important; | |||
} | |||
/* 2. ЗОБРАЖЕННЯ — ближче до квадрату */ | |||
.r-box figure a.mw-file-description, | |||
.tournament-box figure a.mw-file-description, | |||
.series-box figure a.mw-file-description { | |||
display: block !important; | |||
width: 100% !important; | |||
height: auto !important; /* скасовуємо 200px */ | |||
overflow: hidden !important; | |||
max-height: 300px !important; | |||
aspect-ratio: unset !important; | |||
} | |||
.r-box figure img, | |||
.r-box figure .mw-file-element, | |||
.tournament-box figure img, | |||
.tournament-box figure .mw-file-element, | |||
.series-box figure img, | |||
.series-box figure .mw-file-element { | |||
width: 100% !important; | |||
height: auto !important; | |||
max-height: 300px !important; | |||
object-fit: cover !important; | |||
object-position: top center !important; | |||
display: block !important; | |||
border-radius: 0 !important; | |||
} | |||
/* 3. SCROLLBAR — стилізація під сайт */ | |||
.mcc-scroll-inner::-webkit-scrollbar { | |||
height: 4px !important; | |||
background: transparent !important; | |||
} | |||
.mcc-scroll-inner::-webkit-scrollbar-track { | |||
background: rgba(255,255,255,0.03) !important; | |||
border-radius: 2px !important; | |||
} | |||
.mcc-scroll-inner::-webkit-scrollbar-thumb { | |||
background: rgba(161,156,224,0.25) !important; | |||
border-radius: 2px !important; | |||
} | |||
.mcc-scroll-inner::-webkit-scrollbar-thumb:hover { | |||
background: rgba(161,156,224,0.45) !important; | |||
} | |||
/* Firefox */ | |||
.mcc-scroll-inner { | |||
scrollbar-width: thin !important; | |||
scrollbar-color: rgba(161,156,224,0.25) transparent !important; | |||
} | |||
/* Горизонтальний скрол самої wikitable.wide-table */ | |||
.content .mw-parser-output .wikitable.wide-table::-webkit-scrollbar, | |||
.content .mw-parser-output .wikitable.full-width::-webkit-scrollbar { | |||
height: 4px !important; | |||
} | |||
.content .mw-parser-output .wikitable.wide-table::-webkit-scrollbar-thumb, | |||
.content .mw-parser-output .wikitable.full-width::-webkit-scrollbar-thumb { | |||
background: rgba(161,156,224,0.25) !important; | |||
border-radius: 2px !important; | |||
} | |||
/* 4. CHAMPION BOX — синя обводка замість золотої */ | |||
.rp-champion { | |||
border: 1px solid rgba(91,143,255,0.28) !important; | |||
border-radius: 6px !important; | |||
background: rgba(91,143,255,0.06) !important; | |||
padding: 11px 14px !important; | |||
text-align: center !important; | |||
margin: 12px !important; | |||
} | |||
.rp-ch-lbl { | |||
font-size: 9.5px !important; | |||
font-weight: 700 !important; | |||
letter-spacing: .14em !important; | |||
text-transform: uppercase !important; | |||
color: #7ab8ff !important; | |||
opacity: .75 !important; | |||
margin-bottom: 4px !important; | |||
font-family: 'Manrope', sans-serif !important; | |||
} | |||
.rp-ch-name { | |||
font-size: 17px !important; | |||
font-weight: 800 !important; | |||
color: #a8d4ff !important; | |||
font-family: 'Manrope', sans-serif !important; | |||
} | |||
.rp-ch-name a, | |||
.rp-ch-name a:visited { | |||
color: #a8d4ff !important; | |||
text-decoration: none !important; | |||
} | |||
/* 6. L-BOX — завжди видимий (прибираємо fadeOut при games) */ | |||
/* JS буде керувати поведінкою, CSS тримає видимість */ | |||
.l-box { | |||
display: block !important; /* Override display:none від JS fadeOut */ | |||
opacity: 1 !important; | |||
} | } | ||