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

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 4: Рядок 4:
/* ЗАГАЛЬНІ СТИЛІ ТА UI */
/* ЗАГАЛЬНІ СТИЛІ ТА UI */
/* ==================================================== */
/* ==================================================== */
@media screen and (min-width: 1000px) {
    /* Головна сторінка - без відступу зліва */
    .page-Головна_сторінка .banner-container,
    .page-Головна_сторінка .minerva-anon-talk-message,
    .page-Головна_сторінка .minerva-header,
    .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: 0 !important;
    }
}


@media (max-width: 720px) {
@media (max-width: 720px) {
Рядок 27: Рядок 44:


.header-container.header-chrome {
.header-container.header-chrome {
     background-color: #18151e!important;
     background-color: #1e1e2a !important; /* трохи світліший за #15151f */
     box-shadow: none!important;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    padding: 0 20px !important;
}
}


Рядок 45: Рядок 68:
.overlay.search-overlay .results { box-shadow: none!important; }
.overlay.search-overlay .results { box-shadow: none!important; }


.minerva-header .branding-box a { color: #b7b4bf!important; }
.minerva-header .branding-box a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !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;
}
 
/* 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::before {
    content: '' !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    background-image: url('/images/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;
}
 
.minerva-header .search-box .search {
    width: 100% !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    background-color: #15151f !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
 
.minerva-header .search-box .search:focus {
    border-color: #a19ce0 !important;
    outline: none !important;
}
 
/* Ховаємо кнопку пошуку (іконка вже є в полі) */
.minerva-header #searchIcon {
    display: none !important;
}
 
/* Ховаємо меню та user navigation */
.minerva-header .navigation-drawer {
    display: none !important;
}
 
.minerva-user-navigation {
    display: none !important;
}
 
/* Відступ для контенту щоб не перекривався header */
.mw-body {
    padding-top: 70px !important;
}
 
@media (max-width: 767px) {
    .minerva-header .branding-box a span {
        font-size: 14px !important;
    }
   
    .minerva-header .branding-box a::before {
        width: 28px !important;
        height: 28px !important;
    }
   
    .minerva-header .minerva-search-form {
        max-width: 200px !important;
    }
   
    .header-container.header-chrome {
        padding: 0 12px !important;
    }
   
    .mw-body {
        padding-top: 60px !important;
    }
}
 
/* Ще менші екрани - пошук під назвою */
@media (max-width: 480px) {
    .minerva-header {
        flex-wrap: wrap !important;
        padding: 8px 0 !important;
    }
   
    .minerva-header .minerva-search-form {
        order: 3 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-top: 8px !important;
    }
}
 
 


.minerva-header .branding-box { opacity: 1.0!important; }


.minerva-icon--menu-base20, .minerva-icon--menu {
.minerva-icon--menu-base20, .minerva-icon--menu {