6369
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 1494: | Рядок 1494: | ||
.wikitable td:contains("Чемпіон") { | .wikitable td:contains("Чемпіон") { | ||
color: #7ab8ff !important; | color: #7ab8ff !important; | ||
} | |||
/* ── CSS — вставити в кінець Common.css ── */ | |||
/* 1. R-BOX — навігація не ховається під header */ | |||
.r-box, | |||
.tournament-box, | |||
.series-box { | |||
padding-top: 0 !important; | |||
} | |||
/* Nav завжди першим, не ховається */ | |||
.r-box > .player-nav:first-child, | |||
.r-box > .tournament-nav:first-child, | |||
.r-box > .series-nav:first-child, | |||
.tournament-box > .tournament-nav:first-child, | |||
.series-box > .series-nav:first-child { | |||
position: sticky !important; | |||
top: 0 !important; | |||
z-index: 10 !important; | |||
margin-top: 0 !important; | |||
} | |||
/* Фіксований r-box — top рівний висоті header */ | |||
@media screen and (min-width: 1201px) { | |||
.r-box, | |||
.tournament-box, | |||
.series-box { | |||
top: 56px !important; | |||
bottom: 0 !important; | |||
max-height: calc(100vh - 56px) !important; | |||
} | |||
} | |||
/* 4. ШРИФТИ — прибираємо всі serif */ | |||
h1, h2, h3, h4, h5, h6, | |||
.mw-first-heading, | |||
h1.mw-first-heading { | |||
font-family: 'Manrope', sans-serif !important; | |||
color: #ffffff !important; | |||
font-weight: 700 !important; | |||
} | |||
h1.mw-first-heading { | |||
font-size: clamp(24px, 3vw, 38px) !important; | |||
font-weight: 800 !important; | |||
letter-spacing: -.01em !important; | |||
line-height: 1.1 !important; | |||
margin-bottom: 6px !important; | |||
padding-bottom: 0 !important; | |||
border-bottom: none !important; | |||
} | |||
/* Section h2 */ | |||
.content .mw-parser-output > h2, | |||
.content .section-heading { | |||
font-family: 'Manrope', sans-serif !important; | |||
font-size: 17px !important; | |||
font-weight: 700 !important; | |||
color: #e8e5f0 !important; | |||
} | |||
/* blockquote — прибираємо Georgia */ | |||
blockquote { | |||
font-family: 'Manrope', sans-serif !important; | |||
font-style: normal !important; | |||
font-size: 15px !important; | |||
line-height: 1.7 !important; | |||
} | |||
/* 3. SUBTITLE — перший параграф під заголовком */ | |||
.content .mw-parser-output > p:first-of-type { | |||
font-size: 13.5px !important; | |||
color: rgba(183,180,191,0.72) !important; | |||
line-height: 1.65 !important; | |||
margin-top: 5px !important; | |||
margin-bottom: 18px !important; | |||
font-family: 'Manrope', sans-serif !important; | |||
max-width: 820px !important; | |||
} | |||
/* 5. НАВІГАЦІЙНІ СТРІЛКИ — видимі */ | |||
.tournament-nav-prev, .tournament-nav-next, | |||
.series-nav-prev, .series-nav-next, | |||
.player-nav-prev, .player-nav-next, | |||
.championship-nav-prev, .championship-nav-next { | |||
min-width: 32px !important; | |||
display: flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
} | |||
.tournament-nav-prev a, .tournament-nav-next a, | |||
.series-nav-prev a, .series-nav-next a, | |||
.player-nav-prev a, .player-nav-next a, | |||
.championship-nav-prev a, .championship-nav-next a { | |||
display: flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
width: 28px !important; | |||
height: 28px !important; | |||
border-radius: 6px !important; | |||
background: rgba(255,255,255,0.06) !important; | |||
color: #b7b4bf !important; | |||
font-size: 16px !important; | |||
font-weight: 600 !important; | |||
text-decoration: none !important; | |||
transition: all .15s !important; | |||
} | |||
.tournament-nav-prev a:hover, .tournament-nav-next a:hover, | |||
.series-nav-prev a:hover, .series-nav-next a:hover, | |||
.player-nav-prev a:hover, .player-nav-next a:hover { | |||
background: rgba(255,255,255,0.14) !important; | |||
color: #ffffff !important; | |||
} | |||
/* 2. PROFILE ICONS — p всередині grid */ | |||
/* MediaWiki додає <p> всередині profile-links-icons */ | |||
.profile-links-icons > p { | |||
display: contents !important; /* p стає "прозорим" для grid */ | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | } | ||