6369
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 2003: | Рядок 2003: | ||
.mcc-stat-pill-val { | .mcc-stat-pill-val { | ||
font-size: 13px; | font-size: 13px; | ||
} | |||
} | |||
/* ==================================================== | |||
ДОДАТОК ДО common_css_addition.css | |||
Стилі для оновлених Template:Tournament + r-box | |||
==================================================== */ | |||
/* ── R-BOX / TOURNAMENT-BOX — прибираємо inline styles ── */ | |||
.r-box, | |||
.tournament-box, | |||
.series-box { | |||
position: fixed !important; | |||
top: 80px !important; | |||
right: 20px !important; | |||
z-index: 100 !important; | |||
width: 300px !important; | |||
max-height: calc(100vh - 100px) !important; | |||
overflow-y: auto !important; | |||
box-sizing: border-box !important; | |||
background: rgba(24,21,30,0.85) !important; | |||
backdrop-filter: blur(10px) !important; | |||
-webkit-backdrop-filter: blur(10px) !important; | |||
border: 1px solid #232b3a !important; | |||
border-radius: 10px !important; | |||
padding: 0 !important; /* padding тепер всередині компонентів */ | |||
} | |||
/* Фото у r-box */ | |||
.r-box figure, | |||
.tournament-box figure, | |||
.series-box figure { | |||
margin: 0 !important; | |||
display: block !important; | |||
} | |||
.r-box figure img, | |||
.tournament-box figure img, | |||
.series-box figure img { | |||
width: 100% !important; | |||
height: 180px !important; | |||
object-fit: cover !important; | |||
object-position: top center !important; | |||
display: block !important; | |||
border-radius: 0 !important; | |||
} | |||
/* Champion banner */ | |||
.rp-champion { | |||
border: 1px solid rgba(255,215,0,0.18); | |||
border-radius: 6px; | |||
background: rgba(255,215,0,0.05); | |||
padding: 12px 14px; | |||
text-align: center; | |||
margin: 12px; | |||
} | |||
.rp-ch-lbl { | |||
font-size: 9.5px; | |||
font-weight: 700; | |||
letter-spacing: .13em; | |||
text-transform: uppercase; | |||
color: #c8a840; | |||
opacity: .8; | |||
margin-bottom: 3px; | |||
} | |||
.rp-ch-name { | |||
font-size: 17px; | |||
font-weight: 800; | |||
color: #ffd700; | |||
font-family: 'Manrope', sans-serif; | |||
} | |||
/* Info table всередині r-box */ | |||
.r-box-info-table { | |||
width: 100% !important; | |||
border-collapse: collapse !important; | |||
margin: 0 !important; | |||
background: none !important; | |||
text-align: left !important; | |||
} | |||
.r-box-info-table tr { | |||
border-bottom: 1px solid rgba(255,255,255,0.05) !important; | |||
} | |||
.r-box-info-table tr:last-child { | |||
border-bottom: none !important; | |||
} | |||
.r-box-info-table th, | |||
.r-box-info-table td { | |||
padding: 8px 14px !important; | |||
font-size: 12.5px !important; | |||
background: none !important; | |||
border: none !important; | |||
border-bottom: 1px solid rgba(255,255,255,0.05) !important; | |||
} | |||
.r-box-info-table th { | |||
font-weight: 500 !important; | |||
color: #b7b4bf !important; | |||
opacity: .55 !important; | |||
text-transform: none !important; | |||
letter-spacing: 0 !important; | |||
text-align: left !important; | |||
width: 50% !important; | |||
} | |||
.r-box-info-table td { | |||
text-align: right !important; | |||
color: #ebebeb !important; | |||
font-weight: 600 !important; | |||
width: 50% !important; | |||
} | |||
.r-box-gold { | |||
color: #c8a840 !important; | |||
} | |||
/* Nav всередині r-box */ | |||
.tournament-nav, | |||
.series-nav, | |||
.player-nav, | |||
.championship-nav { | |||
background: rgba(18,15,24,0.9) !important; | |||
border-radius: 0 !important; | |||
border-bottom: 1px solid #232b3a !important; | |||
margin-bottom: 0 !important; | |||
padding: 12px 14px !important; | |||
} | |||
.tournament-nav-name, | |||
.series-nav-name, | |||
.player-nav-name, | |||
.championship-nav-name { | |||
font-size: 14px !important; | |||
font-family: 'Manrope', sans-serif !important; | |||
} | |||
/* ── L-BOX — mcc-badge позиціонування ── */ | |||
.l-box-item { | |||
display: flex !important; | |||
align-items: center !important; | |||
justify-content: space-between !important; | |||
} | |||
.l-box-item span:first-child { | |||
flex: 1; | |||
} | |||
.mcc-badge { | |||
background: rgba(210,130,60,0.18); | |||
border-radius: 20px; | |||
padding: 1px 7px; | |||
font-size: 10.5px; | |||
color: #d4895a; | |||
font-weight: 700; | |||
flex-shrink: 0; | |||
margin-left: 6px; | |||
} | |||
/* ── R-BOX МОБІЛЬНА ВЕРСІЯ ── */ | |||
@media (max-width: 1200px) { | |||
.r-box, | |||
.tournament-box, | |||
.series-box { | |||
position: static !important; | |||
width: 100% !important; | |||
max-width: none !important; | |||
margin: 0 0 20px 0 !important; | |||
top: auto !important; | |||
right: auto !important; | |||
max-height: none !important; | |||
overflow-y: visible !important; | |||
border-radius: 8px !important; | |||
} | } | ||
} | } | ||