MediaWiki:Common.css: відмінності між версіями

нема опису редагування
Немає опису редагування
Немає опису редагування
 
(Не показані 4 проміжні версії цього користувача)
Рядок 738: Рядок 738:


/* ============================================================ 19. ГЕРОЇ */
/* ============================================================ 19. ГЕРОЇ */
.mcc-heroes-list { padding-top: 20px !important; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.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; }
Рядок 1782: Рядок 1782:
     list-style: none !important;
     list-style: none !important;
     margin: 0 !important;
     margin: 0 !important;
     padding: 12px !important;
     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;
Рядок 1848: Рядок 1848:
     text-align: right !important;
     text-align: right !important;
     font-size: 12px !important;
     font-size: 12px !important;
  #e8e5f0; font-weight: 600;
    color: #e8e5f0; font-weight: 600;
}
}


Рядок 1966: Рядок 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 {
  #e8e5f0; font-weight: 600;
    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;
}
}