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

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

Версія за 19:46, 9 грудня 2025

4040 байтів додано , У вівторок о 19:46

нема опису редагування

Admin

Бюрократи, Адміністратори інтерфейсу, Адміністратори

5441

редагування

@@ Рядок 4: / Рядок 4: @@
 /* ЗАГАЛЬНІ СТИЛІ ТА 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) {
@@ Рядок 27: / Рядок 44: @@
 .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; }
-.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 {