5441
редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 52: | Рядок 52: | ||
background-color: #15151f!important; | background-color: #15151f!important; | ||
color: #b7b4bf!important; | color: #b7b4bf!important; | ||
padding-bottom: 140px!important; | padding-bottom: 140px!important; | ||
} | } | ||
| Рядок 58: | Рядок 57: | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
.overlay-enabled, .mw-body { | .overlay-enabled, .mw-body { | ||
padding-bottom: 80px!important; | padding-bottom: 80px!important; | ||
} | } | ||
| Рядок 78: | Рядок 76: | ||
h4 { | h4 { | ||
opacity: 0.5!important; | opacity: 0.5!important; | ||
font-weight: 400!important; | font-weight: 400!important; | ||
} | } | ||
| Рядок 107: | Рядок 105: | ||
margin-top: -1px; | margin-top: -1px; | ||
display: none!important; | display: none!important; | ||
} | } | ||
| Рядок 177: | Рядок 171: | ||
right: 0 !important; | right: 0 !important; | ||
z-index: 1000 !important; | z-index: 1000 !important; | ||
padding: 0 | padding: 0 20px !important; | ||
margin-left: 0 !important; | margin-left: 0 !important; | ||
} | } | ||
| Рядок 233: | Рядок 227: | ||
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 { | ||
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; | |||
} | } | ||
| Рядок 246: | Рядок 249: | ||
border-color: #a19ce0 !important; | border-color: #a19ce0 !important; | ||
outline: none !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; | |||
} | } | ||
| Рядок 266: | Рядок 290: | ||
/* ==================================================== */ | /* ==================================================== */ | ||
.wikitable { | .wikitable { | ||
border: none !important; | border: none !important; | ||
| Рядок 275: | Рядок 298: | ||
} | } | ||
.wikitable .external { | .wikitable .external { | ||
background: none !important; | background: none !important; | ||
| Рядок 286: | Рядок 308: | ||
} | } | ||
.wikitable > tr > th, | .wikitable > tr > th, | ||
.wikitable > tr > td, | .wikitable > tr > td, | ||
| Рядок 297: | Рядок 318: | ||
} | } | ||
.wikitable > thead > tr > th, | .wikitable > thead > tr > th, | ||
.wikitable > * > tr:first-child > th { | .wikitable > * > tr:first-child > th { | ||
| Рядок 309: | Рядок 329: | ||
} | } | ||
.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: | Рядок 339: | ||
} | } | ||
.wikitable > tbody > tr:hover > td, | .wikitable > tbody > tr:hover > td, | ||
.wikitable > * > tr:hover > td { | .wikitable > * > tr:hover > td { | ||
| Рядок 328: | Рядок 346: | ||
/* ==================================================== */ | /* ==================================================== */ | ||
/* SORTABLE СТРІЛОЧКИ | /* 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: | Рядок 362: | ||
} | } | ||
.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: | Рядок 374: | ||
} | } | ||
.jquery-tablesorter th.headerSortUp::after { | .jquery-tablesorter th.headerSortUp::after { | ||
content: "▲"; | content: "▲"; | ||
| Рядок 365: | Рядок 380: | ||
} | } | ||
.jquery-tablesorter th.headerSortDown::after { | .jquery-tablesorter th.headerSortDown::after { | ||
content: "▼"; | content: "▼"; | ||
| Рядок 372: | Рядок 386: | ||
} | } | ||
.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: | Рядок 392: | ||
} | } | ||
.wikitable > tbody > tr:first-child > td, | .wikitable > tbody > tr:first-child > td, | ||
.wikitable > * > tr:first-child > td { | .wikitable > * > tr:first-child > td { | ||
| Рядок 390: | Рядок 402: | ||
} | } | ||
.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: | Рядок 428: | ||
.flex__block { | .flex__block { | ||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center | align-items: center | ||
| Рядок 458: | Рядок 458: | ||
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; | ||
} | } | ||
| Рядок 554: | Рядок 541: | ||
#mw-mf-viewport, #content, .header-container, .mw-body { | #mw-mf-viewport, #content, .header-container, .mw-body { | ||
background-size: cover !important; | background-size: cover !important; | ||
background-repeat: no-repeat !important; | background-repeat: no-repeat !important; | ||
| Рядок 567: | Рядок 553: | ||
} | } | ||
/* | /* ==================================================== */ | ||
/* ГЕРОЇ */ | |||
/* ==================================================== */ | |||
.mcc-heroes-list { | .mcc-heroes-list { | ||
padding-top: 20px!important; | padding-top: 20px!important; | ||
| Рядок 581: | Рядок 570: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
width: calc((100% - 32px) / 5); | width: calc((100% - 32px) / 5); | ||
} | } | ||
.mcc-hero-card { | .mcc-hero-card { | ||
position: relative; | position: relative; | ||
| Рядок 596: | Рядок 583: | ||
} | } | ||
.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: | Рядок 596: | ||
height: auto; | height: auto; | ||
} | } | ||
.mcc-hero-info { | .mcc-hero-info { | ||
| Рядок 628: | Рядок 612: | ||
} | } | ||
.mcc-hero-nickname a, | .mcc-hero-nickname a, | ||
.mcc-hero-nickname a:visited { | .mcc-hero-nickname a:visited { | ||
| Рядок 642: | Рядок 625: | ||
} | } | ||
.mcc-hero-nickname a.external, | .mcc-hero-nickname a.external, | ||
.mcc-hero-nickname a.external:after, | .mcc-hero-nickname a.external:after, | ||
| Рядок 668: | Рядок 650: | ||
} | } | ||
.mcc-champion-card { | .mcc-champion-card { | ||
box-shadow: 0 0 0 0.5px orange; | box-shadow: 0 0 0 0.5px orange; | ||
| Рядок 677: | Рядок 658: | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.mcc-heroes-list { | .mcc-heroes-list { | ||
| Рядок 685: | Рядок 665: | ||
.mcc-heroes-list li { | .mcc-heroes-list li { | ||
width: calc((100% - 12px) / 2); | width: calc((100% - 12px) / 2); | ||
} | } | ||
| Рядок 702: | Рядок 681: | ||
} | } | ||
@media (max-width: 360px) { | @media (max-width: 360px) { | ||
.mcc-heroes-list { | .mcc-heroes-list { | ||
| Рядок 718: | Рядок 696: | ||
} | } | ||
/* | /* ==================================================== */ | ||
/* КНОПКА ЗАПИСУ ГРИ */ | |||
/* ==================================================== */ | |||
.game-record-btn { | .game-record-btn { | ||
display: inline-block; | display: inline-block; | ||
| Рядок 739: | Рядок 720: | ||
} | } | ||
/* | /* ==================================================== */ | ||
/* НАВІГАЦІЯ - ГРАВЦІ, ТУРНІРИ, СЕРІЇ, ЧЕМПІОНАТИ */ | |||
/* ==================================================== */ | |||
/* | |||
/* | |||
.player-nav, | |||
.tournament-nav, | |||
.series-nav, | |||
.championship-nav { | .championship-nav { | ||
display: flex; | display: flex; | ||
| Рядок 924: | Рядок 738: | ||
} | } | ||
.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: | Рядок 748: | ||
} | } | ||
.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: | .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: | Рядок 775: | ||
} | } | ||
/* ==================================================== */ | |||
/* L-BOX МЕНЮ */ | |||
/* ==================================================== */ | |||
. | .l-box { | ||
position: fixed; | |||
top: 80px !important; | |||
left: 20px; | |||
z-index: 100; | |||
width: 220px; | |||
background: none; | |||
border-radius: 4px; | |||
font-size: 13px; | |||
max-height: calc(100vh - 100px) !important; | |||
overflow-y: auto; | |||
} | } | ||
| Рядок 994: | Рядок 822: | ||
} | } | ||
} | } | ||
/* ==================================================== */ | |||
/* R-BOX ПАНЕЛІ */ | |||
/* ==================================================== */ | |||
.r-box, .tournament-box, .series-box { | |||
top: 80px !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: | Рядок 882: | ||
height: 24px; | height: 24px; | ||
width: auto; | width: auto; | ||
} | |||
/* ==================================================== */ | |||
/* TOC */ | |||
/* ==================================================== */ | |||
#toc, .toc { | |||
display: none !important; | |||
} | |||
.r-box ~ * #toc, | |||
.r-box ~ * .toc { | |||
display: none !important; | |||
} | } | ||
| Рядок 1035: | Рядок 902: | ||
@media screen and (min-width: 1000px) { | @media screen and (min-width: 1000px) { | ||
.banner-container, | .banner-container, | ||
.minerva-anon-talk-message, | .minerva-anon-talk-message, | ||
| Рядок 1049: | Рядок 915: | ||
} | } | ||
.page-Головна_сторінка .banner-container, | .page-Головна_сторінка .banner-container, | ||
.page-Головна_сторінка .minerva-anon-talk-message, | .page-Головна_сторінка .minerva-anon-talk-message, | ||
| Рядок 1066: | Рядок 931: | ||
padding-right: 20px !important; | padding-right: 20px !important; | ||
} | } | ||
} | } | ||
| Рядок 1168: | Рядок 971: | ||
/* ==================================================== */ | /* ==================================================== */ | ||
/* | /* ФІКС ПОШУКУ - БЛОКУВАННЯ OVERLAY ТА СТРИБАННЯ */ | ||
/* ==================================================== */ | /* ==================================================== */ | ||
/* Фіксуємо scroll */ | |||
html { | |||
overflow-y: scroll !important; | |||
scrollbar-gutter: stable !important; | |||
} | |||
/* Блокуємо зміни body при overlay */ | |||
body, | |||
body.overlay-enabled, | |||
body.search-enabled, | |||
body[class*="overlay"], | |||
body[class*="search"] { | |||
overflow: auto !important; | |||
position: static !important; | |||
height: auto !important; | |||
width: 100% !important; | |||
top: auto !important; | |||
left: auto !important; | |||
} | |||
/* | /* Фіксуємо viewport */ | ||
#mw-mf-viewport, | |||
#mw-mf-page-center { | |||
transform: none !important; | |||
transition: none !important; | |||
position: static !important; | |||
overflow: visible !important; | |||
} | |||
/* Блокуємо зміни при overlay */ | |||
.overlay-enabled #mw-mf-viewport, | |||
.overlay-enabled #mw-mf-page-center, | |||
.overlay-enabled .mw-body, | |||
.overlay-enabled #content { | |||
transform: none !important; | |||
margin: 0 !important; | |||
position: static !important; | |||
} | |||
/* | /* Контент завжди має правильний padding-top */ | ||
. | .mw-body { | ||
padding-top: 70px !important; | |||
padding- | |||
} | } | ||
@media (max-width: 767px) { | |||
. | .mw-body { | ||
padding-top: 60px !important; | |||
} | |||
} | } | ||
. | /* Ховаємо всі overlay елементи */ | ||
.overlay, | |||
.search-overlay, | |||
.overlay.search-overlay, | |||
.overlay-header, | |||
.overlay-content, | |||
.mw-mf-page-center__mask { | |||
display: none !important; | |||
position: absolute !important; | position: absolute !important; | ||
left: | left: -9999px !important; | ||
visibility: hidden !important; | |||
opacity: 0 !important; | |||
pointer-events: none !important; | pointer-events: none !important; | ||
height: 0 !important; | |||
width: 0 !important; | |||
} | } | ||
/* Поле пошуку - завжди активне */ | |||
#searchInput { | |||
pointer-events: auto !important; | |||
cursor: text !important; | |||
-webkit-user-select: text !important; | |||
/* | user-select: text !important; | ||
} | } | ||
/* Вимикаємо тригер overlay */ | |||
/* Вимикаємо тригер | |||
.skin-minerva-search-trigger { | .skin-minerva-search-trigger { | ||
pointer-events: none !important; | pointer-events: none !important; | ||
} | } | ||
/* Але | /* Але input активний */ | ||
.minerva-header .search-box input.search { | .minerva-header .search-box input.search { | ||
pointer-events: auto !important; | pointer-events: auto !important; | ||
cursor: text !important; | cursor: text !important; | ||
} | } | ||