Mafia Closed Circle

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

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

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

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

19 062 байти додано ,  15 лютий
нема опису редагування
Немає опису редагування
Немає опису редагування
 
(Не показані 73 проміжні версії цього користувача)
Рядок 17: Рядок 17:


.page-Main_Page .mw-first-heading { display: none!important; }
.page-Main_Page .mw-first-heading { display: none!important; }
.page-Головна_сторінка .mw-first-heading { display: none!important; }


.overlay.search-overlay .search-content .caption { padding-left: 30px!important; }
.overlay.search-overlay .search-content .caption { padding-left: 30px!important; }
Рядок 22: Рядок 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;
}
}


.mw-ui-icon-mf-articlesSearch { visibility: hidden!important; display:none!important; background-image:none!important; }
.mw-ui-icon-mf-articlesSearch { visibility: hidden!important; display:none!important; background-image:none!important; }
body {
    background-color: #15151f !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 {
.header-container.header-chrome {
     background-color: #18151e!important;
     background-color: rgba(30, 30, 42, 0.85) !important;
     box-shadow: none!important;
     backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}
}
body {
    background-color: #15151f!important;
    color: #b7b4bf!important;
}


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


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


Рядок 112: Рядок 129:
     display: none!important;  
     display: none!important;  
}
}
.overlay.search-overlay { background: #15151f!important; }


.content ul { list-style-type: none!important; padding-left: 0em!important; }
.content ul { list-style-type: none!important; padding-left: 0em!important; }
Рядок 134: Рядок 149:


.page-Main_Page #page-secondary-actions a { display:none!important; }
.page-Main_Page #page-secondary-actions a { display:none!important; }
.page-Головна_сторінка #page-secondary-actions a { display:none!important; }


.mw-ui-icon-mf-expand { background-image:none!important; }
.mw-ui-icon-mf-expand { background-image:none!important; }
Рядок 165: Рядок 181:


.minerva-user-navigation > *:last-child { display: none!important; }
.minerva-user-navigation > *:last-child { display: none!important; }
/* ==================================================== */
/* HEADER - ФІКСОВАНИЙ НА ВСЮ ШИРИНУ */
/* ==================================================== */
.header-container.header-chrome {
    background-color: rgba(30, 30, 42, 0.85) !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;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    padding: 0 20px !important;
    margin-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.minerva-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    padding: 10px 0 !important;
    gap: 20px !important;
    margin-left: 0 !important;
}
.overlay-header,
.minerva-header {
    border-top: none !important;
    margin-top: 0 !important;
}
/* Branding box - логотип + назва зліва */
.minerva-header .branding-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}
.minerva-header .branding-box a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}
/* Логотип */
/* Логотип */
.minerva-header .branding-box a::before {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background-image: url('/images/d/d7/MafiaClosedCircleLogo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}
/* Назва сайту */
.minerva-header .branding-box a span {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #fff !important;
    white-space: nowrap !important;
}
/* Пошук - розтягується праворуч */
.minerva-header .minerva-search-form {
    flex-grow: 1 !important;
    max-width: 400px !important;
    margin-left: auto !important;
}
.minerva-header .search-box {
    width: 100% !important;
    position: relative !important;
}
.minerva-header .search-box .search {
    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;
}
.minerva-header .search-box .search::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}
.minerva-header .search-box .search:focus {
    border-color: #a19ce0 !important;
    outline: none !important;
}
/* Іконка лупи */
.minerva-header .search-box::before {
    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 */
.minerva-header .navigation-drawer {
    display: none !important;
}
.minerva-user-navigation {
    display: none !important;
}


/* ==================================================== */
/* ==================================================== */
Рядок 170: Рядок 319:
/* ==================================================== */
/* ==================================================== */


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


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


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


/* Заголовки */
.wikitable > thead > tr > th,
.wikitable > thead > tr > th,
.wikitable > * > tr:first-child > th {
.wikitable > * > tr:first-child > th {
Рядок 213: Рядок 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 {
Рядок 224: Рядок 368:
}
}


/* Ховер ефект для рядків */
.wikitable > tbody > tr:hover > td,
.wikitable > tbody > tr:hover > td,
.wikitable > * > tr:hover > td {
.wikitable > * > tr:hover > td {
Рядок 232: Рядок 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 {
Рядок 249: Рядок 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 {
Рядок 262: Рядок 403:
}
}


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


/* Сортування по спаданню */
.jquery-tablesorter th.headerSortDown::after {
.jquery-tablesorter th.headerSortDown::after {
     content: "▼";
     content: "▼";
Рядок 276: Рядок 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 {
Рядок 283: Рядок 421:
}
}


/* Перший та останній рядок */
.wikitable > tbody > tr:first-child > td,
.wikitable > tbody > tr:first-child > td,
.wikitable > * > tr:first-child > td {
.wikitable > * > tr:first-child > td {
Рядок 294: Рядок 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,  
Рядок 322: Рядок 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
Рядок 339: Рядок 464:
.home__blocks {
.home__blocks {
     gap: 20px;
     gap: 20px;
     align-items: stretch
     align-items: stretch;
    margin-bottom: 20px;
}
}


Рядок 359: Рядок 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;
}
}


Рядок 458: Рядок 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;
Рядок 471: Рядок 582:
}
}


/* Список героїв - 5 в рядок */
/* ==================================================== */
/* ГЕРОЇ */
/* ==================================================== */
 
.mcc-heroes-list {
.mcc-heroes-list {
   padding-top: 20px!important;
   padding-top: 20px!important;
Рядок 485: Рядок 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;
Рядок 500: Рядок 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);
 
}
}


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


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


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


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


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


/* ===== MOBILE: 2 картки в рядок ===== */
@media (max-width: 768px) {
@media (max-width: 768px) {
   .mcc-heroes-list {
   .mcc-heroes-list {
Рядок 589: Рядок 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);
   }
   }
Рядок 606: Рядок 710:
}
}


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


/* ==================================================== */
/* КНОПКА ЗАПИСУ ГРИ */
/* ==================================================== */


/* Стилізація кнопки запису гри */
.game-record-btn {
.game-record-btn {
     display: inline-block;
     display: inline-block;
Рядок 646: Рядок 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;
    }
}


/* Мобільна версія для всіх карточок */
.player-nav,
@media (max-width: 1200px) {
.tournament-nav,
    .r-box, .tournament-box, .series-box {
.series-nav,
        position: static !important;
.championship-nav {
        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;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
Рядок 686: Рядок 767:
}
}


.player-nav-prev,
.player-nav-prev, .player-nav-next,
.player-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;
Рядок 694: Рядок 777:
}
}


.player-nav-prev a,
.player-nav-prev a, .player-nav-next a,
.player-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;
}
}


.player-nav-prev a:hover,
.player-nav-prev a:hover, .player-nav-next a:hover,
.player-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 {
.player-nav-name,
.tournament-nav-name,
.series-nav-name,
.championship-nav-name {
     flex: 1;
     flex: 1;
     text-align: center;
     text-align: center;
Рядок 714: Рядок 804:
}
}


/* Навігація для турнірів */
/* ==================================================== */
.tournament-nav {
/* L-BOX МЕНЮ */
    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,
.l-box {
.tournament-nav-next {
    position: fixed;
     font-size: 20px;
    top: 100px !important;
     font-weight: bold;
    left: 20px;
     min-width: 30px;
    z-index: 100;
     text-align: center;
    width: 220px;
    background: none;
     border-radius: 4px;
     font-size: 13px;
     max-height: calc(100vh - 100px) !important;
     overflow-y: auto;
}
}


.tournament-nav-prev a,
.l-box-item {
.tournament-nav-next a {
    padding: 12px 20px;
     color: yellow;
    border-bottom: 1px solid rgba(255,255,255,0.05);
     text-decoration: none;
    border-left: 3px solid transparent;
     transition: opacity 0.2s;
     color: #8ab4f8;
     cursor: pointer;
     transition: all 0.15s;
}
}


.tournament-nav-prev a:hover,
.l-box-item-last {
.tournament-nav-next a:hover {
     border-bottom: none;
     opacity: 0.7;
}
}


.tournament-nav-name {
.l-box-item:hover {
     flex: 1;
     background: #373752;
     text-align: center;
     border-left-color: #555;
    font-weight: bold;
     color: #fff;
     color: white;
    font-size: 16px;
}
}


/* Навігація для серій */
.l-box-item.active {
.series-nav {
     background: #373752;
     display: flex;
     border-left-color: #8ab4f8;
     justify-content: space-between;
     color: #fff;
    align-items: center;
     padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
}


.series-nav-prev,
@media (max-width: 1400px) {
.series-nav-next {
    .l-box {
    font-size: 20px;
        display: none !important;
     font-weight: bold;
     }
    min-width: 30px;
    text-align: center;
}
}


.series-nav-prev a,
/* ==================================================== */
.series-nav-next a {
/* R-BOX ПАНЕЛІ */
    color: yellow;
/* ==================================================== */
    text-decoration: none;
    transition: opacity 0.2s;
}


.series-nav-prev a:hover,
.r-box, .tournament-box, .series-box {
.series-nav-next a:hover {
     top: 100px !important;
    opacity: 0.7;
     max-height: calc(100vh - 100px) !important;
}
 
.series-nav-name {
     flex: 1;
     text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}
}


/* Мобільна версія для всіх карточок */
@media (max-width: 1200px) {
@media (max-width: 1200px) {
     .r-box, .tournament-box, .series-box {
     .r-box, .tournament-box, .series-box {
         position: static !important;
         position: static !important;
         width: 100%!important;
         width: 100% !important;
         max-width: none !important;
         max-width: none !important;
         margin: 0 0 0 0 !important;
         margin: 0 !important;
         top: auto !important;
         top: auto !important;
         right: auto !important;
         right: auto !important;
Рядок 808: Рядок 874:
}
}


/* Сховати таблицю змісту */
/* ==================================================== */
/* PROFILE LINKS */
/* ==================================================== */
 
.profile-links {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 10px;
}
 
.profile-links-title {
    text-align: center;
    font-size: 13px;
    color: #888;
    margin-bottom: 10px;
}
 
.profile-links-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
 
.profile-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}
 
.profile-icon img {
    display: block;
    height: 24px;
    width: auto;
}
 
/* ==================================================== */
/* TOC */
/* ==================================================== */
 
#toc, .toc {
#toc, .toc {
     display: none !important;
     display: none !important;
}
}


/* Сховати тільки на сторінках з r-box (гравці, турніри) */
.r-box ~ * #toc,
.r-box ~ * #toc,
.r-box ~ * .toc {
.r-box ~ * .toc {
Рядок 819: Рядок 926:
}
}


/* Навігація для чемпіонатів */
/* ==================================================== */
.championship-nav {
/* КОНТЕНТ - MARGIN-LEFT ДЛЯ СТОРІНОК З МЕНЮ */
/* ==================================================== */
 
@media screen and (min-width: 1000px) {
    .banner-container,
    .minerva-anon-talk-message,
    .page-header-bar,
    .overlay-header,
    .content,
    .overlay-content,
    .content-unstyled,
    .pre-content,
    .post-content,
    #mw-content-text > form {
        margin-left: 280px !important;
    }
   
    .page-Головна_сторінка .banner-container,
    .page-Головна_сторінка .minerva-anon-talk-message,
    .page-Головна_сторінка .page-header-bar,
    .page-Головна_сторінка .overlay-header,
    .page-Головна_сторінка .content,
    .page-Головна_сторінка .overlay-content,
    .page-Головна_сторінка .content-unstyled,
    .page-Головна_сторінка .pre-content,
    .page-Головна_сторінка .post-content,
    .page-Головна_сторінка #mw-content-text > form {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1200px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
 
/* ==================================================== */
/* МОБІЛЬНА ВЕРСІЯ HEADER */
/* ==================================================== */
 
/* ==================================================== */
/* МОБІЛЬНА ВЕРСІЯ - АВАТАРКА ГРАВЦЯ */
/* ==================================================== */
 
@media (max-width: 768px) {
    /* Контейнер аватарки */
    .r-box figure {
        margin: 0 !important;
        width: 100% !important;
        overflow: hidden;
    }
   
    /* Обгортка посилання */
    .r-box figure a.mw-file-description {
        display: block;
        width: 100%;
        aspect-ratio: 3 / 2;
        overflow: hidden;
    }
   
    /* Саме зображення */
    .r-box figure .mw-file-element,
    .r-box figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center center;
    }
}
 
/* ==================================================== */
/* ФІКС ПОШУКУ - БЛОКУВАННЯ ТІЛЬКИ 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;
    }
}
 
/* Ховаємо ТІЛЬКИ search overlay */
.overlay.search-overlay {
    display: none !important;
    visibility: hidden !important;
}
 
/* Поле пошуку - завжди активне */
#searchInput {
    pointer-events: auto !important;
    cursor: text !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;
     display: flex;
     justify-content: space-between;
     border-bottom: 2px solid #3a3a4a;
     align-items: center;
    margin-top: 20px;
     padding: 10px;
     margin-bottom: 20px;
     margin-bottom: 10px;
    gap: 0;
}
 
.player-tab {
     padding: 12px 24px;
     cursor: pointer;
    color: #888;
     font-size: 14px;
     font-size: 14px;
     background-color: #18151e;
    font-weight: 500;
     border-radius: 10px;
    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);
}
 
.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 {
    display: block;
    animation: fadeIn 0.3s ease;
}
 
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
}


.championship-nav-prev,
.tab-loader {
.championship-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
     text-align: center;
     text-align: center;
    padding: 40px;
    color: #888;
    font-size: 14px;
}
}


.championship-nav-prev a,
.tab-loader::before {
.championship-nav-next a {
    content: '';
     color: yellow;
    display: block;
     text-decoration: none;
    width: 32px;
     transition: opacity 0.2s;
    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;
}
 
@keyframes spin {
    to { transform: rotate(360deg); }
}
 
@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;
    }
}
 
/* ==================================================== */
/* МОБІЛЬНА ВЕРСІЯ - ПОШУК ТА КОМПАКТНИЙ ХЕДЕР */
/* ==================================================== */
 
/* Кнопка пошуку */
.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;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(21, 21, 31, 0.98);
    padding: 12px;
    align-items: flex-start;
    gap: 10px;
}
}


.championship-nav-prev a:hover,
.mobile-search-overlay.active {
.championship-nav-next a:hover {
     display: flex;
     opacity: 0.7;
}
}


.championship-nav-name {
.mobile-search-overlay input {
     flex: 1;
     flex: 1;
     text-align: center;
     padding: 14px 16px;
     font-weight: bold;
    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;
     color: white;
     font-size: 16px;
     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 {
    font-weight: 500;
    color: #fff;
}
 
/* ==================================================== */
/* БЛОКУВАННЯ SEARCH OVERLAY */
/* ==================================================== */
 
/* Фіксуємо scroll */
html {
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
}
 
/* Блокуємо зміни body при search overlay */
body.overlay-enabled,
body.search-enabled {
    overflow: auto !important;
    position: static !important;
    background-color: #15151f !important;
}
 
/* Ховаємо search overlay */
.overlay.search-overlay,
.search-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !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;
}
}


.player-nav-prev a, .player-nav-next a {
/* Затемнення для кращої читабельності */
color: white!important;
.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;
}
}


.tournament-nav-prev a, .tournament-nav-next a {
/* Логотип зліва */
color: white!important;
.header-banner__logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}
}


.series-nav-prev a, .series-nav-next a {
.header-banner__logo span[typeof="mw:File"],
color: white!important;
.header-banner__logo > span:first-child {
    display: flex;
    align-items: center;
}
}


.l-box {
.header-banner__logo > span:last-child {
     position: fixed;
     font-size: 24px;
     top: 20px;
     font-weight: 700;
    left: 20px;
     color: #fff !important;
    z-index: 100;
     letter-spacing: 1px;
    width: 220px;
     text-shadow: 0 2px 4px rgba(0,0,0,0.5);
     background: #1a1a1a;
     white-space: nowrap;
    border-radius: 4px;
     font-size: 13px;
     max-height: calc(100vh - 40px);
     overflow-y: auto;
}
}


.l-box-item {
.header-banner__logo a {
     display: block;
     display: flex;
     padding: 12px 20px;
     align-items: center;
     color: #8ab4f8 !important;
     gap: 12px;
     text-decoration: none !important;
     text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    border-left: 3px solid transparent;
    transition: all 0.15s;
}
}


.l-box-item-last {
.header-banner__logo img {
     border-bottom: none;
     width: 50px;
    height: 50px;
    object-fit: contain;
}
}


.l-box-item:hover {
.header-banner__logo span {
     background: #252525;
     font-size: 24px;
     border-left-color: #555;
     font-weight: 700;
     color: #fff !important;
     color: #fff !important;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
}


.l-box-item.active {
/* Пошук справа */
     background: #2a2a2a;
.header-banner__search {
     border-left-color: #8ab4f8;
    position: relative;
     color: #fff !important;
    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: 1400px) {
@media (max-width: 768px) {
     .l-box {
     .header-banner__logo > span:last-child {
         display: none !important;
         font-size: 16px;
        letter-spacing: 0.5px;
     }
     }
}
}


@media (max-width: 900px) {
@media (max-width: 480px) {
     .r-box {
     .header-banner__logo > span:last-child {
         display: none !important;
         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/Спеціальна:Мобільна_різниця_версій/5319...6250