Mafia Closed Circle

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

Повідомлення Обговорення

MediaWiki:Common.css (переглянути вихідний код)

Версія за 16:02, 15 лютого 2026

11 007 байтів додано ,  15 лютий
нема опису редагування
Немає опису редагування
Немає опису редагування
 
(Не показані 52 проміжні версії цього користувача)
Рядок 23: Рядок 23:
.page-list li, .topic-title-list li, .site-link-list li {
.page-list li, .topic-title-list li, .site-link-list li {
     border-bottom: 0.2px solid rgba(255, 255, 255, 0.07)!important;
     border-bottom: 0.2px solid rgba(255, 255, 255, 0.07)!important;
}
.overlay-header,
.minerva-header {
    border-top: none !important;
    margin-top: 0 !important;
}
}


Рядок 28: Рядок 34:


body {
body {
     background-color: #15151f!important;
     background-color: #15151f !important;
     color: #b7b4bf!important;
     background-image: url('/images/a/a1/Background_x%402x.png') !important;
}  
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}
 
#mw-mf-viewport,
#mw-mf-page-center,
#content,
.mw-body {
    background-color: transparent !important;
}
 
.header-container.header-chrome {
    background-color: rgba(30, 30, 42, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}


.list-thumb.list-thumb-none { background-color: #18151e!important; }
.list-thumb.list-thumb-none { background-color: #18151e!important; }
Рядок 52: Рядок 75:
     background-color: #15151f!important;
     background-color: #15151f!important;
     color: #b7b4bf!important;
     color: #b7b4bf!important;
    padding-top: 70px!important;
     padding-bottom: 140px!important;
     padding-bottom: 140px!important;
}
}
Рядок 58: Рядок 80:
@media (max-width: 767px) {
@media (max-width: 767px) {
     .overlay-enabled, .mw-body {
     .overlay-enabled, .mw-body {
        padding-top: 60px!important;
         padding-bottom: 80px!important;
         padding-bottom: 80px!important;
     }
     }
Рядок 78: Рядок 99:


h4 {
h4 {
opacity: 0.5!important;
    opacity: 0.5!important;
font-weight: 400!important;
    font-weight: 400!important;
}
}


Рядок 107: Рядок 128:
     margin-top: -1px;
     margin-top: -1px;
     display: none!important;  
     display: none!important;  
}
.overlay.search-overlay {
    display: none !important;
}
}


Рядок 170: Рядок 187:


.header-container.header-chrome {
.header-container.header-chrome {
     background-color: #1e1e2a !important;
     background-color: rgba(30, 30, 42, 0.85) !important;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
     box-shadow: 5px 12px 24px rgba(0, 0, 0, 0.05) !important;
     position: fixed !important;
     position: fixed !important;
     top: 0 !important;
     top: 0 !important;
Рядок 179: Рядок 198:
     padding: 0 20px !important;
     padding: 0 20px !important;
     margin-left: 0 !important;
     margin-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
}


Рядок 190: Рядок 210:
     gap: 20px !important;
     gap: 20px !important;
     margin-left: 0 !important;
     margin-left: 0 !important;
}
.overlay-header,
.minerva-header {
    border-top: none !important;
    margin-top: 0 !important;
}
}


Рядок 207: Рядок 233:
}
}


/* Логотип */
/* Логотип */
/* Логотип */
.minerva-header .branding-box a::before {
.minerva-header .branding-box a::before {
     content: '' !important;
     content: '' !important;
     display: block !important;
     display: block !important;
     width: 36px !important;
     width: 40px !important;
     height: 36px !important;
     height: 40px !important;
     background-image: url('/images/MafiaClosedCircleLogo.png') !important;
     background-image: url('/images/d/d7/MafiaClosedCircleLogo.png') !important;
     background-size: contain !important;
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
Рядок 233: Рядок 260:
     max-width: 400px !important;
     max-width: 400px !important;
     margin-left: auto !important;
     margin-left: auto !important;
}
.minerva-header .search-box {
    width: 100% !important;
    position: relative !important;
}
}


.minerva-header .search-box .search {
.minerva-header .search-box .search {
     pointer-events: auto !important;
     width: 100% !important;
    padding: 10px 16px 10px 40px !important;
    border-radius: 8px !important;
    background-color: #15151f !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}


Рядок 248: Рядок 284:
}
}


/* Ховаємо кнопку пошуку */
/* Іконка лупи */
.minerva-header #searchIcon {
.minerva-header .search-box::before {
     display: none !important;
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
 
/* Прибираємо стандартну іконку пошуку */
.minerva-header .search-box .search.minerva-icon--search {
     background-image: none !important;
}
}


/* Ховаємо меню та user navigation */
/* Ховаємо меню та user navigation */
Рядок 266: Рядок 319:
/* ==================================================== */
/* ==================================================== */


/* Основні стилі таблиці */
.wikitable {
.wikitable {
     border: none !important;
     border: none !important;
Рядок 275: Рядок 327:
}
}


/* Видаляємо іконку зовнішнього посилання в таблиці ігор */
.wikitable .external {
.wikitable .external {
     background: none !important;
     background: none !important;
Рядок 286: Рядок 337:
}
}


/* Комірки таблиці - БЕЗ вертикальних бордерів */
.wikitable > tr > th,  
.wikitable > tr > th,  
.wikitable > tr > td,  
.wikitable > tr > td,  
Рядок 297: Рядок 347:
}
}


/* Заголовки */
.wikitable > thead > tr > th,
.wikitable > thead > tr > th,
.wikitable > * > tr:first-child > th {
.wikitable > * > tr:first-child > th {
Рядок 309: Рядок 358:
}
}


/* Парні та непарні рядки */
.wikitable > tbody > tr:nth-child(odd) > td,
.wikitable > tbody > tr:nth-child(odd) > td,
.wikitable > * > tr:nth-child(odd) > td {
.wikitable > * > tr:nth-child(odd) > td {
Рядок 320: Рядок 368:
}
}


/* Ховер ефект для рядків */
.wikitable > tbody > tr:hover > td,
.wikitable > tbody > tr:hover > td,
.wikitable > * > tr:hover > td {
.wikitable > * > tr:hover > td {
Рядок 328: Рядок 375:


/* ==================================================== */
/* ==================================================== */
/* SORTABLE СТРІЛОЧКИ У СТИЛІ LIQUIPEDIA */
/* SORTABLE СТРІЛОЧКИ */
/* ==================================================== */
/* ==================================================== */


/* Сортовані заголовки */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),  
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),  
.jquery-tablesorter th.headerSort {
.jquery-tablesorter th.headerSort {
Рядок 345: Рядок 391:
}
}


/* Стрілочка за замовчуванням (обидві) */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after,
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after,
.jquery-tablesorter th.headerSort::after {
.jquery-tablesorter th.headerSort::after {
Рядок 358: Рядок 403:
}
}


/* Сортування по зростанню */
.jquery-tablesorter th.headerSortUp::after {
.jquery-tablesorter th.headerSortUp::after {
     content: "▲";
     content: "▲";
Рядок 365: Рядок 409:
}
}


/* Сортування по спаданню */
.jquery-tablesorter th.headerSortDown::after {
.jquery-tablesorter th.headerSortDown::after {
     content: "▼";
     content: "▼";
Рядок 372: Рядок 415:
}
}


/* Ховер для заголовків */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable):hover,  
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable):hover,  
.jquery-tablesorter th.headerSort:hover {
.jquery-tablesorter th.headerSort:hover {
Рядок 379: Рядок 421:
}
}


/* Перший та останній рядок */
.wikitable > tbody > tr:first-child > td,
.wikitable > tbody > tr:first-child > td,
.wikitable > * > tr:first-child > td {
.wikitable > * > tr:first-child > td {
Рядок 390: Рядок 431:
}
}


/* Вирівнювання тексту */
.wikitable td {
.wikitable td {
     vertical-align: middle !important;
     vertical-align: middle !important;
}
}


/* Компактні таблиці для мобільних */
@media (max-width: 768px) {
@media (max-width: 768px) {
     .wikitable > tr > th,  
     .wikitable > tr > th,  
Рядок 418: Рядок 457:


.flex__block {
.flex__block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
     display: flex;
     display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
     justify-content: space-between;
     justify-content: space-between;
     align-items: center
     align-items: center
Рядок 435: Рядок 464:
.home__blocks {
.home__blocks {
     gap: 20px;
     gap: 20px;
     align-items: stretch
     align-items: stretch;
    margin-bottom: 20px;
}
}


Рядок 455: Рядок 485:
     flex-direction: column;
     flex-direction: column;
     border-radius: 0px;
     border-radius: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     background-image: url(https://mafiacc.site/images/d/df/Bg_03.png);
     background-image: url(https://mafiacc.site/images/d/df/Bg_03.png);
     background-size: cover;
     background-size: cover;
}
.home_block-image-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://mafiacc.site/images/b/b1/Nic_01.png);
    background-size: cover;
    opacity: 0.5;
    z-index: -1;
}
}


Рядок 554: Рядок 570:


#mw-mf-viewport, #content, .header-container, .mw-body {
#mw-mf-viewport, #content, .header-container, .mw-body {
  /* background-image: url('/images/f/f1/Main_bg%402x.png') !important; */
     background-size: cover !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
Рядок 567: Рядок 582:
}
}


/* Список героїв - 5 в рядок */
/* ==================================================== */
/* ГЕРОЇ */
/* ==================================================== */
 
.mcc-heroes-list {
.mcc-heroes-list {
   padding-top: 20px!important;
   padding-top: 20px!important;
Рядок 581: Рядок 599:
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
  /* 5 карток: (100% - 4 gaps по 8px) / 5 */
   width: calc((100% - 32px) / 5);
   width: calc((100% - 32px) / 5);
}
}


/* Картка героя */
.mcc-hero-card {
.mcc-hero-card {
   position: relative;
   position: relative;
Рядок 596: Рядок 612:
}
}


/* Hover анімація */
.mcc-hero-card:hover {
.mcc-hero-card:hover {
   transform: translateY(-4px);
   transform: translateY(-4px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
 
}
}


Рядок 611: Рядок 625:
   height: auto;
   height: auto;
}
}


.mcc-hero-info {
.mcc-hero-info {
Рядок 628: Рядок 641:
}
}


/* Білий колір посилання без іконки */
.mcc-hero-nickname a,
.mcc-hero-nickname a,
.mcc-hero-nickname a:visited {
.mcc-hero-nickname a:visited {
Рядок 642: Рядок 654:
}
}


/* Прибираємо іконку зовнішнього посилання */
.mcc-hero-nickname a.external,
.mcc-hero-nickname a.external,
.mcc-hero-nickname a.external:after,
.mcc-hero-nickname a.external:after,
Рядок 668: Рядок 679:
}
}


/* Чемпіон - золота рамка */
.mcc-champion-card {
.mcc-champion-card {
   box-shadow: 0 0 0 0.5px orange;
   box-shadow: 0 0 0 0.5px orange;
Рядок 677: Рядок 687:
}
}


/* ===== MOBILE: 2 картки в рядок ===== */
@media (max-width: 768px) {
@media (max-width: 768px) {
   .mcc-heroes-list {
   .mcc-heroes-list {
Рядок 685: Рядок 694:
    
    
   .mcc-heroes-list li {
   .mcc-heroes-list li {
    /* 2 картки: (100% - 1 gap 12px) / 2 */
     width: calc((100% - 12px) / 2);
     width: calc((100% - 12px) / 2);
   }
   }
Рядок 702: Рядок 710:
}
}


/* Дуже малі екрани */
@media (max-width: 360px) {
@media (max-width: 360px) {
   .mcc-heroes-list {
   .mcc-heroes-list {
Рядок 718: Рядок 725:
}
}


/* Стилізація кнопки запису гри */
/* ==================================================== */
/* КНОПКА ЗАПИСУ ГРИ */
/* ==================================================== */
 
.game-record-btn {
.game-record-btn {
     display: inline-block;
     display: inline-block;
Рядок 739: Рядок 749:
}
}


/* Мобільна версія для карточок */
/* ==================================================== */
@media (max-width: 1200px) {
/* НАВІГАЦІЯ - ГРАВЦІ, ТУРНІРИ, СЕРІЇ, ЧЕМПІОНАТИ */
    .r-box, .tournament-box {
/* ==================================================== */
        position: static !important;
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin: 0 16px 20px 16px !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
 
/* Мобільна версія для всіх карточок */
@media (max-width: 1200px) {
    .r-box, .tournament-box, .series-box {
        position: static !important;
        width: 100%!important;
        max-width: none !important;
        margin: 0 0 0 0 !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
 
/* Навігація для гравців */
.player-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
 
.player-nav-prev,
.player-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}
 
.player-nav-prev a,
.player-nav-next a {
    color: yellow;
    text-decoration: none;
    transition: opacity 0.2s;
}
 
.player-nav-prev a:hover,
.player-nav-next a:hover {
    opacity: 0.7;
}
 
.player-nav-name {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}
 
/* Навігація для турнірів */
.tournament-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
 
.tournament-nav-prev,
.tournament-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}
 
.tournament-nav-prev a,
.tournament-nav-next a {
    color: yellow;
    text-decoration: none;
    transition: opacity 0.2s;
}
 
.tournament-nav-prev a:hover,
.tournament-nav-next a:hover {
    opacity: 0.7;
}
 
.tournament-nav-name {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}
 
/* Навігація для серій */
.series-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
 
.series-nav-prev,
.series-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}
 
.series-nav-prev a,
.series-nav-next a {
    color: yellow;
    text-decoration: none;
    transition: opacity 0.2s;
}
 
.series-nav-prev a:hover,
.series-nav-next a:hover {
    opacity: 0.7;
}
 
.series-nav-name {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}


/* Мобільна версія для всіх карточок */
.player-nav,
@media (max-width: 1200px) {
.tournament-nav,
    .r-box, .tournament-box, .series-box {
.series-nav,
        position: static !important;
        width: 100%!important;
        max-width: none !important;
        margin: 0 0 0 0 !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
 
/* Сховати таблицю змісту */
#toc, .toc {
    display: none !important;
}
 
/* Сховати тільки на сторінках з r-box (гравці, турніри) */
.r-box ~ * #toc,
.r-box ~ * .toc {
    display: none !important;
}
 
/* Навігація для чемпіонатів */
.championship-nav {
.championship-nav {
     display: flex;
     display: flex;
Рядок 924: Рядок 767:
}
}


.championship-nav-prev,
.player-nav-prev, .player-nav-next,
.championship-nav-next {
.tournament-nav-prev, .tournament-nav-next,
.series-nav-prev, .series-nav-next,
.championship-nav-prev, .championship-nav-next {
     font-size: 20px;
     font-size: 20px;
     font-weight: bold;
     font-weight: bold;
Рядок 932: Рядок 777:
}
}


.championship-nav-prev a,
.player-nav-prev a, .player-nav-next a,
.championship-nav-next a {
.tournament-nav-prev a, .tournament-nav-next a,
     color: yellow;
.series-nav-prev a, .series-nav-next a,
.championship-nav-prev a, .championship-nav-next a {
     color: white !important;
     text-decoration: none;
     text-decoration: none;
     transition: opacity 0.2s;
     transition: opacity 0.2s;
}
}


.championship-nav-prev a:hover,
.player-nav-prev a:hover, .player-nav-next a:hover,
.championship-nav-next a:hover {
.tournament-nav-prev a:hover, .tournament-nav-next a:hover,
.series-nav-prev a:hover, .series-nav-next a:hover,
.championship-nav-prev a:hover, .championship-nav-next a:hover {
     opacity: 0.7;
     opacity: 0.7;
}
}


.player-nav-name,
.tournament-nav-name,
.series-nav-name,
.championship-nav-name {
.championship-nav-name {
     flex: 1;
     flex: 1;
Рядок 952: Рядок 804:
}
}


.player-nav-prev a, .player-nav-next a {
/* ==================================================== */
color: white!important;
/* L-BOX МЕНЮ */
}
/* ==================================================== */


.tournament-nav-prev a, .tournament-nav-next a {
.l-box {
color: white!important;
    position: fixed;
}
    top: 100px !important;
 
    left: 20px;
.series-nav-prev a, .series-nav-next a {
    z-index: 100;
color: white!important;
    width: 220px;
    background: none;
    border-radius: 4px;
    font-size: 13px;
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto;
}
}


Рядок 994: Рядок 851:
     }
     }
}
}
/* ==================================================== */
/* R-BOX ПАНЕЛІ */
/* ==================================================== */
.r-box, .tournament-box, .series-box {
    top: 100px !important;
    max-height: calc(100vh - 100px) !important;
}
@media (max-width: 1200px) {
    .r-box, .tournament-box, .series-box {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
/* ==================================================== */
/* PROFILE LINKS */
/* ==================================================== */


.profile-links {
.profile-links {
Рядок 1028: Рядок 911:
     height: 24px;
     height: 24px;
     width: auto;
     width: auto;
}
/* ==================================================== */
/* TOC */
/* ==================================================== */
#toc, .toc {
    display: none !important;
}
.r-box ~ * #toc,
.r-box ~ * .toc {
    display: none !important;
}
}


Рядок 1035: Рядок 931:


@media screen and (min-width: 1000px) {
@media screen and (min-width: 1000px) {
    /* Базовий margin-left для всіх сторінок КРІМ header */
     .banner-container,
     .banner-container,
     .minerva-anon-talk-message,
     .minerva-anon-talk-message,
Рядок 1046: Рядок 941:
     .post-content,
     .post-content,
     #mw-content-text > form {
     #mw-content-text > form {
         margin-left: 300px !important;
         margin-left: 280px !important;
     }
     }
      
      
    /* Головна сторінка - БЕЗ margin-left, контент по центру */
     .page-Головна_сторінка .banner-container,
     .page-Головна_сторінка .banner-container,
     .page-Головна_сторінка .minerva-anon-talk-message,
     .page-Головна_сторінка .minerva-anon-talk-message,
Рядок 1072: Рядок 966:
/* ==================================================== */
/* ==================================================== */


@media (max-width: 767px) {
/* ==================================================== */
     .minerva-header .branding-box a span {
/* МОБІЛЬНА ВЕРСІЯ - АВАТАРКА ГРАВЦЯ */
         font-size: 14px !important;
/* ==================================================== */
 
@media (max-width: 768px) {
    /* Контейнер аватарки */
     .r-box figure {
         margin: 0 !important;
        width: 100% !important;
        overflow: hidden;
     }
     }
      
      
     .minerva-header .branding-box a::before {
    /* Обгортка посилання */
         width: 28px !important;
     .r-box figure a.mw-file-description {
         height: 28px !important;
        display: block;
        width: 100%;
         aspect-ratio: 3 / 2;
         overflow: hidden;
     }
     }
      
      
     .minerva-header .minerva-search-form {
    /* Саме зображення */
         max-width: 200px !important;
     .r-box figure .mw-file-element,
    .r-box figure img {
         width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center center;
     }
     }
      
}
     .header-container.header-chrome {
 
         padding: 0 12px !important;
/* ==================================================== */
/* ФІКС ПОШУКУ - БЛОКУВАННЯ ТІЛЬКИ SEARCH OVERLAY */
/* ==================================================== */
 
/* Фіксуємо scroll */
html {
     overflow-y: scroll !important;
     scrollbar-gutter: stable !important;
}
 
/* Контент завжди має правильний padding-top */
.mw-body {
    padding-top: 70px !important;
}
 
@media (max-width: 767px) {
    .mw-body {
         padding-top: 60px !important;
     }
     }
}
}


@media (max-width: 480px) {
/* Ховаємо ТІЛЬКИ search overlay */
     .minerva-header {
.overlay.search-overlay {
        flex-wrap: wrap !important;
    display: none !important;
        padding: 8px 0 !important;
    visibility: hidden !important;
     }
}
      
 
     .minerva-header .minerva-search-form {
/* Поле пошуку - завжди активне */
         order: 3 !important;
#searchInput {
         max-width: 100% !important;
     pointer-events: auto !important;
         width: 100% !important;
    cursor: text !important;
         margin-top: 8px !important;
}
 
/* Дозволяємо media overlay (галерея зображень) працювати */
.mw-mmv-overlay,
.mw-mmv-image-wrapper,
.mw-mmv-main,
.overlay.media-overlay {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    left: 0 !important;
     height: auto !important;
    width: auto !important;
}
 
/* ==================================================== */
/* ШИРОКІ ТАБЛИЦІ - ПОВНА ШИРИНА */
/* ==================================================== */
 
/* Сторінки з широкими таблицями - перезаписуємо Minerva стилі */
@media screen and (min-width: 1000px) {
    .page-Ігри .content,
     .page-Ігри .pre-content,
     .page-Ігри .post-content,
    .page-Ігри .banner-container,
    .page-Статистика .content,
    .page-Статистика .pre-content,
    .page-Статистика .post-content,
    .page-Статистика .banner-container,
    .page-Гравці .content,
    .page-Гравці .pre-content,
    .page-Гравці .post-content,
    .page-Гравці .banner-container,
    .page-Фундація .content,
    .page-Фундація .pre-content,
    .page-Фундація .post-content,
    .page-Фундація .banner-container,
    .page-Призовий_фонд .content,
    .page-Призовий_фонд .pre-content,
    .page-Призовий_фонд .post-content,
    .page-Призовий_фонд .banner-container,
    .page-Призові .content,
    .page-Призові .pre-content,
    .page-Призові .post-content,
    .page-Призові .banner-container,
    .page-Фіналіст .content,
    .page-Фіналіст .pre-content,
    .page-Фіналіст .post-content,
    .page-Фіналіст .banner-container,
    .page-Титули .content,
    .page-Титули .pre-content,
    .page-Титули .post-content,
    .page-Титули .banner-container,
    .page-Період .content,
    .page-Період .pre-content,
    .page-Період .post-content,
    .page-Період .banner-container,
    .page-Перша_статистика .content,
    .page-Перша_статистика .pre-content,
    .page-Перша_статистика .post-content,
    .page-Перша_статистика .banner-container {
         margin-left: 16px !important;
         margin-right: 16px !important;
         width: calc(100% - 32px) !important;
         max-width: none !important;
     }
     }
}
/* Широка таблиця - компактний стиль */
.wide-table,
.page-Ігри .wikitable,
.page-Статистика .wikitable,
.page-Гравці .wikitable,
.page-Фундація .wikitable,
.page-Призовий_фонд .wikitable,
.page-Призові .wikitable,
.page-Фіналіст .wikitable,
.page-Титули .wikitable,
.page-Період .wikitable,
.page-Перша_статистика .wikitable {
    width: 100% !important;
    font-size: 12px !important;
    table-layout: auto !important;
}
.wide-table th,
.wide-table td,
.page-Ігри .wikitable th,
.page-Ігри .wikitable td,
.page-Статистика .wikitable th,
.page-Статистика .wikitable td,
.page-Гравці .wikitable th,
.page-Гравці .wikitable td,
.page-Фундація .wikitable th,
.page-Фундація .wikitable td,
.page-Призовий_фонд .wikitable th,
.page-Призовий_фонд .wikitable td,
.page-Призові .wikitable th,
.page-Призові .wikitable td,
.page-Фіналіст .wikitable th,
.page-Фіналіст .wikitable td,
.page-Титули .wikitable th,
.page-Титули .wikitable td,
.page-Період .wikitable th,
.page-Період .wikitable td,
.page-Перша_статистика .wikitable th,
.page-Перша_статистика .wikitable td {
    padding: 6px 8px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
}
/* Заголовки компактніші */
.wide-table th,
.page-Ігри .wikitable th,
.page-Статистика .wikitable th,
.page-Гравці .wikitable th,
.page-Фундація .wikitable th,
.page-Призовий_фонд .wikitable th,
.page-Призові .wikitable th,
.page-Фіналіст .wikitable th,
.page-Титули .wikitable th,
.page-Період .wikitable th,
.page-Перша_статистика .wikitable th {
    font-size: 11px !important;
    padding: 8px 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
/* Горизонтальний скрол якщо не влазить */
.page-Ігри .mw-parser-output,
.page-Статистика .mw-parser-output,
.page-Гравці .mw-parser-output,
.page-Фундація .mw-parser-output,
.page-Призовий_фонд .mw-parser-output,
.page-Призові .mw-parser-output,
.page-Фіналіст .mw-parser-output,
.page-Титули .mw-parser-output,
.page-Період .mw-parser-output,
.page-Перша_статистика .mw-parser-output {
    overflow-x: auto !important;
}
}


/* ==================================================== */
/* ==================================================== */
/* ВИПРАВЛЕННЯ ПОШУКУ */
/* PLAYER TABS - LIQUIPEDIA STYLE */
/* ==================================================== */
/* ==================================================== */


.player-tabs {
    display: flex;
    border-bottom: 2px solid #3a3a4a;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 0;
}
.player-tab {
    padding: 12px 24px;
    cursor: pointer;
    color: #888;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s ease;
    user-select: none;
}


.player-tab:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
}


/* Робимо пошук звичайним полем без overlay */
.player-tab.active {
    color: #fff;
    border-bottom-color: #a19ce0;
    background: rgba(161, 156, 224, 0.1);
}


.player-tab-content {
    display: none;
}


/* Виправляємо іконку пошуку в полі */
.player-tab-content.active {
.minerva-header .search-box .search.minerva-icon--search {
    display: block;
     background-image: none !important;
    animation: fadeIn 0.3s ease;
     padding-left: 16px !important;
}
 
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
 
.tab-loader {
     text-align: center;
     padding: 40px;
    color: #888;
    font-size: 14px;
}
}


/* Додаємо іконку лупи через псевдоелемент */
.tab-loader::before {
.minerva-header .search-box {
    content: '';
     position: relative !important;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 16px;
    border: 3px solid rgba(161, 156, 224, 0.2);
    border-top-color: #a19ce0;
    border-radius: 50%;
     animation: spin 1s linear infinite;
}
}


.minerva-header .search-box::before {
@keyframes spin {
     content: '' !important;
     to { transform: rotate(360deg); }
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
}


@media (max-width: 768px) {
    .player-tabs {
        margin-top: 16px;
        margin-bottom: 16px;
    }
   
    .player-tab {
        padding: 10px 16px;
        font-size: 13px;
        flex: 1;
        text-align: center;
    }
}


/* ==================================================== */
/* ==================================================== */
/* БІЧНІ ПАНЕЛІ - НИЖЧЕ HEADER */
/* МОБІЛЬНА ВЕРСІЯ - ПОШУК ТА КОМПАКТНИЙ ХЕДЕР */
/* ==================================================== */
/* ==================================================== */


/* Ліве меню - зсув вниз */
/* Кнопка пошуку */
.l-box {
.mobile-search-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    cursor: pointer;
    margin-left: auto;
    flex-shrink: 0;
    transition: background 0.2s;
}
 
.mobile-search-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}
 
.mobile-search-btn svg {
    display: block;
}
 
/* Overlay пошуку */
.mobile-search-overlay {
    display: none;
     position: fixed;
     position: fixed;
     top: 80px !important; /* нижче header */
     top: 0;
     left: 20px;
     left: 0;
     z-index: 100;
    right: 0;
     width: 220px;
    bottom: 0;
     background: none;
     z-index: 1001;
     border-radius: 4px;
    background: rgba(21, 21, 31, 0.98);
     font-size: 13px;
    padding: 12px;
     max-height: calc(100vh - 100px) !important; /* враховуємо header */
     align-items: flex-start;
     overflow-y: auto;
    gap: 10px;
}
 
.mobile-search-overlay.active {
    display: flex;
}
 
.mobile-search-overlay input {
    flex: 1;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
     background: #23232c;
    color: white;
    outline: none;
}
 
.mobile-search-overlay input:focus {
     border-color: #a19ce0;
}
 
.mobile-search-overlay input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
 
.mobile-search-close {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
     font-size: 28px;
    color: #888;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 10px;
     background: rgba(255, 255, 255, 0.05);
}
 
.mobile-search-close:hover {
    color: white;
    background: rgba(255, 255, 255, 0.1);
}
 
@media (max-width: 768px) {
    /* Показуємо кнопку пошуку */
    .mobile-search-btn {
        display: flex;
    }
 
    .heading-holder {
    padding-top: 40px !important;
}
   
    /* Ховаємо стандартну форму пошуку */
    .minerva-header .minerva-search-form {
        display: none !important;
    }
   
    /* Ховаємо стандартну іконку */
    .minerva-header #searchIcon {
        display: none !important;
    }
   
    /* Компактніший хедер */
     .header-container.header-chrome {
        padding: 6px 12px !important;
    }
   
    .minerva-header {
        padding: 4px 0 !important;
        gap: 10px !important;
    }
   
    .minerva-header .branding-box a::before {
        width: 28px !important;
        height: 28px !important;
    }
   
    .minerva-header .branding-box a span {
        font-size: 14px !important;
    }
   
    .mw-body {
        padding-top: 52px !important;
    }
}
 
@media (max-width: 720px) {
    .minerva-header .branding-box a span {
        display: none !important;
    }
 
.content hr {
 
    background-color: #d8b283!important;
    height: 1px!important;
    border: 0!important;
    display: none!important;
 
}
 
 
}
 
 
.content hr {
 
    background-color: #3a3a4a!important;
    height: 2px!important;
    border: 0!important;
 
}
 
.home__block-tournament-winner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
    background: rgba(24, 21, 30, 0.3);
    background: rgba(0,0,0,0.5);
}
}


/* Правий бокс - зсув вниз */
.home__block-tournament-winner span:first-child {
.r-box, .tournament-box, .series-box {
     font-weight: 500;
     top: 80px !important; /* нижче header */
     color: #fff;
     max-height: calc(100vh - 100px) !important; /* враховуємо header */
}
}


/* ==================================================== */
/* ==================================================== */
/* АЛЬТЕРНАТИВА: ВИМКНУТИ MINERVA SEARCH OVERLAY */
/* БЛОКУВАННЯ SEARCH OVERLAY */
/* ==================================================== */
/* ==================================================== */


/* Вимикаємо тригер який відкриває overlay */
/* Фіксуємо scroll */
.skin-minerva-search-trigger {
html {
     pointer-events: none !important;
    overflow-y: scroll !important;
     scrollbar-gutter: stable !important;
}
}


/* Але залишаємо сам input активним */
/* Блокуємо зміни body при search overlay */
.minerva-header .search-box input.search {
body.overlay-enabled,
     pointer-events: auto !important;
body.search-enabled {
     cursor: text !important;
     overflow: auto !important;
     position: static !important;
    background-color: #15151f !important;
}
}


/* Ховаємо всі search overlay елементи */
/* Ховаємо search overlay */
.search-overlay,
.overlay.search-overlay,
.overlay.search-overlay,
.overlay-enabled .search-overlay {
.search-overlay {
     display: none !important;
     display: none !important;
     visibility: hidden !important;
     visibility: hidden !important;
     opacity: 0 !important;
     opacity: 0 !important;
     pointer-events: none !important;
}
 
/* Поле пошуку - завжди активне */
#searchInput {
    pointer-events: auto !important;
    cursor: text !important;
}
 
/* Контент - правильний padding-top */
.mw-body {
    padding-top: 70px !important;
}
 
@media (max-width: 767px) {
    .mw-body {
        padding-top: 60px !important;
    }
}
 
/* ==================================================== */
/* HEADER BANNER - LIQUIPEDIA STYLE */
/* ==================================================== */
 
.header-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    margin-bottom: 20px;
    background-image: url('/images/4/44/Searchbackground.png');
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    position: relative;
    min-height: 80px;
}
 
/* Затемнення для кращої читабельності */
.header-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.5) 100%);
    border-radius: 8px;
     pointer-events: none;
}
 
/* Логотип зліва */
.header-banner__logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}
 
.header-banner__logo span[typeof="mw:File"],
.header-banner__logo > span:first-child {
    display: flex;
    align-items: center;
}
 
.header-banner__logo > span:last-child {
    font-size: 24px;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    white-space: nowrap;
}
 
.header-banner__logo a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}
 
.header-banner__logo img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
 
.header-banner__logo span {
    font-size: 24px;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
 
/* Пошук справа */
.header-banner__search {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 0;
}
 
.header-banner__search input {
    width: 360px;
    margin-right: 16px;
    padding: 12px 16px;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    background: #fff;
    color: #333;
    outline: none;
}
 
.header-banner__search input::placeholder {
    color: #888;
}
 
.header-banner__search input:focus {
    box-shadow: 0 0 0 2px rgba(161, 156, 224, 0.5);
}
 
.header-banner__search button {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    background: #3b82f6;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s;
}
 
.header-banner__search button:hover {
    background: #2563eb;
}
 
/* Мобільна версія */
@media (max-width: 768px) {
    .header-banner {
        flex-direction: column;
        gap: 16px;
        padding: 20px;
        text-align: center;
    }
   
    .header-banner__logo span {
        font-size: 18px;
    }
   
    .header-banner__search {
        width: 100%;
    }
   
    .header-banner__search input {
        flex: 1;
        width: auto;
    }
}
 
@media (max-width: 768px) {
    .header-banner__logo > span:last-child {
        font-size: 16px;
        letter-spacing: 0.5px;
    }
}
 
@media (max-width: 480px) {
    .header-banner__logo > span:last-child {
        display: none;
    }
}
 
blockquote {
  border-left: 4px solid #e74c3c;
  border-bottom: 1px solid rgba(231, 76, 60, 0.2);
  padding: 20px 24px;
  font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
  font-size: 20px;
  font-style: italic;
  background: rgba(231, 76, 60, 0.04);
  border-radius: 2px 12px 12px 2px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
}
}
Отримано з https://mafiacc.site/index.php/Спеціальна:Мобільна_різниця_версій/5432...6250