@@ Рядок 196: / Рядок 196: @@
 a:visited {
      color: #ffffff !important;
+}
+/* =========================
+   ЗМІСТ (TOC) - ТЕМНА ТЕМА
+   ========================= */
+#toc {
+    background-color: #1c1c1c !important;
+    color: #ffffff !important;
+    border: 1px solid #444 !important;
+    padding: 10px !important;
+    border-radius: 6px !important;
+}
+#toc a {
+    color: #ffffff !important;
+    text-decoration: none !important;
+}
+#toc a:hover {
+    color: #ffcc00 !important;
+    text-decoration: underline !important;
+}
+/* =========================
+   ЗАГОЛОВКИ - ТЕМНА ТЕМА
+   ========================= */
+.mw-parser-output h1,
+.mw-parser-output h2,
+.mw-parser-output h3,
+.mw-parser-output h4,
+.mw-parser-output h5,
+.mw-parser-output h6 {
+    color: #ffffff !important;
+    border-color: #444 !important;
 }
@@ Рядок 412: / Рядок 446: @@
      padding: 14px 20px !important;
 }
 /* =========================
-    Dark Theme для Vector-2022 (мобильные устройства)
+    МОБІЛЬНА ВЕРСІЯ (MINERVA) - ТЕМНА ТЕМА
     ========================= */
-@media (max-width: 768px) {
-    /* =========================
+/* Темна тема для мобільної шапки */
-       Основная страница
+@media screen and (max-width: 768px) {
-       ========================= */
+     .header-container.header-chrome,
-     html, body, .mw-body {
+    .minerva-header {
-        padding: 0 12px; /* боковые отступы */
+         background-color: #1a1a1a !important;
-        margin: 0;
+         border-bottom: 1px solid #333 !important;
-        min-height: 100%;
-         background-color: #121212;
-         color: #ffffff;
-        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      }
-     /* =========================
+     .navigation-drawer {
-       Хедер
+        background-color: #1a1a1a !important;
-       ========================= */
+    }
-     .vector-header, #mw-head {
-         padding: 10px 12px; /* верх и низ */
+     .branding-box a {
-         background-color: #1a1a1a;
+         color: #ffffff !important;
-         color: #ffffff;
+    }
+    /* Темна тема для мобільного підвалу */
+    .mw-footer.minerva-footer {
+         background-color: #1a1a1a !important;
+        border-top: 1px solid #333 !important;
+        color: #ffffff !important;
+    }
+    .last-modified-bar {
+        background-color: #2d2d2d !important;
+        border-color: #333 !important;
+         color: #ffffff !important;
+    }
+    .footer-content {
+        color: #cccccc !important;
      }
-     .vector-header a {
+    /* Посилання в мобільному підвалі */
-         color: #ffffff;
+     .mw-footer a {
-        text-decoration: none;
+         color: #4da6ff !important;
      }
-     .vector-header a:hover {
+     .mw-footer a:hover {
-         color: #ffcc00;
+         color: #80bfff !important;
      }
-     /* =========================
+     /* Кнопки меню в мобільній версії */
-       Гамбургер меню
+     .cdx-button--weight-quiet {
-       ========================= */
+         background-color: transparent !important;
-     .vector-menu, .vector-menu-content {
+         color: #ffffff !important;
-         background-color: #1a1a1a;
-         color: #ffffff;
-        padding: 10px;
      }
-     .vector-menu a {
+    /* Пошукова форма в мобільній версії */
-         color: #ffffff;
+     .minerva-search-form input {
-         display: block;
+         background-color: #2d2d2d !important;
-         padding: 8px 0;
+         color: #ffffff !important;
+         border-color: #444 !important;
      }
-     .vector-menu a:hover {
+    /* Основний контент мобільної версії */
-         color: #ffcc00;
+     .mw-body {
-         text-decoration: underline;
+         background-color: #121212 !important;
+         color: #ffffff !important;
      }
-     /* =========================
+     .mw-body-content {
-       Вкладки сторінки
-       ========================= */
-     .vector-page-tabs__tab, .vector-page-tabs__tab a {
          background-color: #1c1c1c !important;
          color: #ffffff !important;
-        border-radius: 6px 6px 0 0;
-        padding: 8px 12px;
-        display: block;
-        margin-bottom: 2px;
-        text-align: center;
      }
-     .vector-page-tabs__tab--selected,
+     /* Заголовки мобільної версії */
-     .vector-page-tabs__tab--selected a {
+     .firstHeading {
-        background-color: #2a2a2a !important;
          color: #ffcc00 !important;
-        font-weight: bold;
      }
-     .vector-page-tabs__tab a:hover,
+    /* Навігація мобільної версії */
-     .vector-page-tabs__tab a:focus {
+     .toggle-list__list {
+        background-color: #1a1a1a !important;
+    }
+    .toggle-list-item__anchor {
+        color: #ffffff !important;
+    }
+     .toggle-list-item__anchor:hover {
+        color: #ffcc00 !important;
          background-color: #2a2a2a !important;
-        color: #ffcc00 !important;
      }
+}
+/* =========================
+   ЗАГАЛЬНІ СТИЛІ ДЛЯ MINERVA ТЕМИ
+   ========================= */
+/* Класи для мобільної теми Minerva */
+.skin-minerva .header-container,
+.skin-minerva .minerva-header {
+    background-color: #1a1a1a !important;
+}
+.skin-minerva .mw-footer.minerva-footer {
+    background-color: #1a1a1a !important;
+    color: #ffffff !important;
+}
+.skin-minerva .last-modified-bar {
+    background-color: #2d2d2d !important;
+}
+/* Іконки в мобільній версії */
+.minerva-icon {
+    filter: brightness(0) invert(1) !important;
+}
+/* Кнопка меню в мобільній версії */
+#mw-mf-main-menu-button {
+    background-color: transparent !important;
+    color: #ffffff !important;
+}
+/* Пошук в мобільній версії */
+.minerva-search-form {
+    background-color: #1a1a1a !important;
+}
-     /* =========================
+.minerva-search-form input {
-       Основний контент
+    background-color: #2d2d2d !important;
-       ========================= */
+     color: #ffffff !important;
-     .mw-parser-output {
+}
-         padding: 15px 12px;
-         border-radius: 8px;
+/* Мобільне меню */
-         background-color: #1c1c1c;
+#mw-mf-page-left {
-         margin-bottom: 20px;
+    background-color: #1a1a1a !important;
+    color: #ffffff !important;
+}
+.menu__item--home,
+.menu__item--random,
+.menu__item--login,
+.menu__item--settings {
+    color: #ffffff !important;
+}
+.menu__item--home:hover,
+.menu__item--random:hover,
+.menu__item--login:hover,
+.menu__item--settings:hover {
+    color: #ffcc00 !important;
+    background-color: #2a2a2a !important;
+}
+/* =========================
+   РЕЖИМ ДОСТУПНОСТІ ДЛЯ МОБІЛЬНОЇ ВЕРСІЇ
+   ========================= */
+@media screen and (max-width: 768px) {
+     body.accessibility-mode .header-container,
+    body.accessibility-mode .minerva-header {
+        background-color: #000000 !important;
+        border: 3px solid #ffff00 !important;
+    }
+    body.accessibility-mode .mw-footer.minerva-footer {
+        background-color: #000000 !important;
+        border: 3px solid #ffff00 !important;
+    }
+    body.accessibility-mode .toggle-list-item__anchor {
+        font-size: 18px !important;
+         padding: 15px !important;
+         border: 2px solid #ffffff !important;
+        margin: 5px 0 !important;
+    }
+    body.accessibility-mode .minerva-search-form input {
+        font-size: 18px !important;
+         padding: 15px !important;
+        border: 3px solid #ffffff !important;
+         min-height: 50px !important;
      }
+}
+/* =========================
+   ПЕРЕМИКАННЯ МІЖ DESKTOP ТА MOBILE
+   ========================= */
+/* Посилання перемикання на десктопну версію */
+#footer-places-desktop-toggle a {
+    color: #4da6ff !important;
+    background-color: #2d2d2d !important;
+    padding: 8px 12px !important;
+    border-radius: 4px !important;
+    display: inline-block !important;
+    margin: 5px 0 !important;
+}
+#footer-places-desktop-toggle a:hover {
+    color: #80bfff !important;
+    background-color: #3d3d3d !important;
+}
+/* =========================
+   ПРИХОВАННЯ ЕЛЕМЕНТІВ У МОБІЛЬНІЙ ВЕРСІЇ
+   ========================= */
-     p, li, span, a {
+/* Приховати пункт "Налаштування" в мобільному меню */
-         color: #ffffff;
+@media screen and (max-width: 768px) {
+     #pt-preferences,
+    .menu__item--settings,
+    a[href*="Налаштування_мобільної_версії"],
+    a[href*="Special:MobileOptions"] {
+         display: none !important;
      }
+    /* Приховати "Відмова від відповідальності" в підвалі */
+    #footer-places-disclaimers,
+    a[href*="Відмова_від_відповідальності"],
+    a[href*="Відмова"] {
+        display: none !important;
+    }
+    /* Приховати "Політика конфіденційності" якщо потрібно */
+    #footer-places-privacy,
+    a[href*="Політика_конфіденційності"] {
+        display: none !important;
+    }
+}
-     p a:hover, li a:hover, span a:hover {
+/* Альтернативний спосіб через класи Minerva */
-         color: #ffcc00;
+.skin-minerva #pt-preferences,
-        text-decoration: underline;
+.skin-minerva #footer-places-disclaimers,
+.skin-minerva #footer-places-privacy {
+     display: none !important;
+}
+/* Приховати конкретні елементи меню за текстом */
+@media screen and (max-width: 768px) {
+    .toggle-list-item__label:contains("Налаштування"),
+    .toggle-list-item__label:contains("Відмова"),
+    .toggle-list-item__label:contains("Політика") {
+         display: none !important;
      }
+    /* Більш конкретний селектор для пунктів меню */
+    .toggle-list-item:has(.menu__item--settings),
+    .toggle-list-item:has(a[href*="Відмова"]),
+    .toggle-list-item:has(a[href*="Політика"]) {
+        display: none !important;
+    }
+}
-    /* Таблиці */
+/* Якщо не працюють вищезазначені селектори, спробуйте ці */
-    .mw-parser-output table {
+@media screen and (max-width: 768px) {
-        border: 1px solid #555;
+    /* Приховати налаштування */
-        background-color: #1c1c1c;
+    li:has(a[title="Налаштування"]),
-        width: 100%;
+    li:has(a[href*="Special:MobileOptions"]),
-        display: block;
+    .toggle-list-item:nth-child(3) { /* часто налаштування третій пункт */
-        overflow-x: auto;
+         display: none !important;
-         margin-bottom: 15px;
      }
+    /* Приховати в підвалі */
+    #footer-places li:nth-child(3), /* Відмова */
+    #footer-places li:nth-child(2) { /* Політика */
+        display: none !important;
+    }
+}
-     .mw-parser-output th, .mw-parser-output td {
+/* =========================
-         padding: 8px;
+   КОРЕКТУВАННЯ МОБІЛЬНОЇ ВЕРСІЇ
-        color: #ffffff;
+   ========================= */
-        background-color: #1c1c1c;
-        border: 1px solid #444;
+/* Приховати відмову від відповідальності в меню */
+@media screen and (max-width: 768px) {
+    /* Приховати відмову від відповідальності в меню */
+    a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0_%D0%B2%D1%96%D0%B4_%D0%B2%D1%96%D0%B4%D0%BF%D0%BE%D0%B2%D1%96%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D1%96"],
+    a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0"],
+     .menu__item--disclaimers,
+    .toggle-list-item:has(a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0"]) {
+         display: none !important;
      }
+    /* Приховати відмову в підвалі */
+    #footer-places-disclaimers,
+    #footer-places li:has(a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0"]) {
+        display: none !important;
+    }
+}
+/* Стилі для кнопки Випадкова сторінка (якщо вона вже є) */
+.menu__item--random {
+    display: block !important; /* Забезпечити відображення */
+    color: #ffffff !important;
+}
+.menu__item--random:hover {
+    color: #ffcc00 !important;
+    background-color: #2a2a2a !important;
+}
+/* =========================
+   ПРИХОВАННЯ ЕЛЕМЕНТІВ У БІЧНОМУ МЕНЮ MINERVA
+   ========================= */
-     .mw-parser-output th {
+/* Приховати "Відмову від відповідальності" в бічному меню */
-        background-color: #2a2a2a;
+@media screen and (max-width: 768px) {
-        color: #ffcc00;
+     .toggle-list-item:has(a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0_%D0%B2%D1%96%D0%B4_%D0%B2%D1%96%D0%B4%D0%BF%D0%BE%D0%B2%D1%96%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D1%96"]),
-         font-weight: bold;
+    .toggle-list-item:has(a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0"]),
+    .toggle-list-item:has(.menu__item--disclaimers) {
+         display: none !important;
      }
+    /* Альтернативний спосіб - приховати за текстом */
+    .toggle-list-item__label:contains("Відмова"),
+    li:has(a:contains("Відмова")) {
+        display: none !important;
+    }
+}
-    /* =========================
+/* Специфічні селектори для елементів меню */
-       Кнопки та форми
+.skin-minerva .toggle-list-item a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0"],
-       ========================= */
+.skin-minerva .menu__item--disclaimers {
-    button, input[type="submit"], input[type="button"] {
+    display: none !important;
-        width: 100%;
+}
-        margin-bottom: 10px;
-        font-size: 16px;
-        padding: 12px;
-        border-radius: 6px;
-        background-color: #333 !important;
-        border: 1px solid #555 !important;
-        color: #ffffff !important;
-        cursor: pointer;
-    }
-    button:hover, input[type="submit"]:hover, input[type="button"]:hover {
+/* Приховати конкретний список з відмовою */
-        background-color: #444 !important;
+.hlist .toggle-list-item:last-child { /* часто відмова останній елемент */
-        color: #ffcc00 !important;
+    display: none !important;
-    }
+}
-    /* =========================
+/* Приховати весь блок з відмовою та політикою */
-       Футер
+.hlist .toggle-list-item:nth-child(2), /* Відмова */
-       ========================= */
+.hlist .toggle-list-item:nth-child(1) { /* Політика (якщо потрібно) */
-    #footer {
+    display: none !important;
-        padding: 15px 12px;
+}
-        background-color: #121212;
-        color: #888;
-        margin-top: 20px;
-    }
-    /* =========================
-       Банери
-       ========================= */
-    .bottom-banner {
-        padding: 20px 12px !important;
-        margin: 20px 0 !important;
-        font-size: 16px !important;
-        border-radius: 8px;
-        box-sizing: border-box;
-    }
-    .banner-content {
-        text-align: center !important;
-    }
-    .banner-btn {
-        width: 100%;
-        margin: 5px 0;
-        padding: 12px;
-        border-radius: 25px;
-        display: inline-block;
-        text-decoration: none !important;
-        background: rgba(255,255,255,0.2);
-        color: white !important;
-        border: 1px solid white;
-        transition: all 0.3s;
-        box-sizing: border-box;
-    }
-    .banner-btn:hover {
-        background: white !important;
-        color: #667eea !important;
-    }
-    /* =========================
+/* =========================
-       Accessibility Mode
+   ДОДАВАННЯ ЕЛЕМЕНТІВ У БІЧНЕ МЕНЮ
-       ========================= */
+   ========================= */
-    body.accessibility-mode .mw-parser-output {
-        border: 3px solid #ffff00 !important;
-    }
-    body.accessibility-mode table {
+/* Стилі для нових елементів меню */
-        border: 3px solid #ffffff !important;
+.menu__item--mainpage,
-    }
+.menu__item--randompage {
+    display: flex !important;
+    align-items: center !important;
+    padding: 12px 15px !important;
+    color: #ffffff !important;
+    text-decoration: none !important;
+    border-bottom: 1px solid #333 !important;
+}
-    body.accessibility-mode th {
+.menu__item--mainpage:hover,
-        background-color: #4d4dff !important;
+.menu__item--randompage:hover {
-        color: #ffffff !important;
+    background-color: #2a2a2a !important;
-        font-weight: bold;
+    color: #ffcc00 !important;
-        padding: 12px !important;
+}
-    }
-    body.accessibility-mode td {
+.menu__item--mainpage .minerva-icon,
-        background-color: #222222 !important;
+.menu__item--randompage .minerva-icon {
-        color: #ffffff !important;
+    filter: brightness(0) invert(1) !important;
-        padding: 10px !important;
+    margin-right: 12px !important;
-        border: 2px solid #444444 !important;
+    width: 20px !important;
-    }
+    height: 20px !important;
 }

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