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

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

Версія за 00:11, 25 грудня 2025

4877 байтів додано , Учора о 00:11

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

Admin

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

5494

редагування

@@ Рядок 1295: / Рядок 1295: @@
          flex: 1;
          text-align: center;
+    }
+}
+/* ==================================================== */
+/* МОБІЛЬНА ВЕРСІЯ - ПОВНИЙ РЕДИЗАЙН */
+/* ==================================================== */
+@media (max-width: 768px) {
+    /* ----- TOP BAR ----- */
+    .header-container.header-chrome {
+        padding: 8px 12px !important;
+        min-height: 50px !important;
+    }
+    .minerva-header {
+        flex-wrap: nowrap !important;
+        gap: 10px !important;
+        padding: 0 !important;
+    }
+    .minerva-header .branding-box a::before {
+        width: 32px !important;
+        height: 32px !important;
+    }
+    .minerva-header .branding-box a span {
+        font-size: 14px !important;
+    }
+    /* Пошук завжди видимий на мобільних */
+    .minerva-header .minerva-search-form {
+        display: block !important;
+        flex: 1 !important;
+        max-width: none !important;
+        margin-left: 10px !important;
+    }
+    .minerva-header .search-box .search {
+        padding: 8px 12px 8px 36px !important;
+        font-size: 14px !important;
+        border-radius: 6px !important;
+    }
+    .minerva-header .search-box::before {
+        left: 10px !important;
+        width: 14px !important;
+        height: 14px !important;
+    }
+    /* Менший padding-top для контенту */
+    .mw-body {
+        padding-top: 60px !important;
+    }
+    /* ----- PLAYER TABS НА МОБІЛЬНИХ ----- */
+    .player-tabs {
+        margin: 0 -16px 16px -16px !important;
+        padding: 0 16px !important;
+        border-bottom: 1px solid #3a3a4a !important;
+        background: rgba(24, 21, 30, 0.8) !important;
+        position: sticky !important;
+        top: 50px !important;
+        z-index: 50 !important;
+    }
+    .player-tab {
+        padding: 12px 16px !important;
+        font-size: 13px !important;
+        flex: 1 !important;
+        text-align: center !important;
+    }
+    /* ----- R-BOX (КАРТКА ГРАВЦЯ) НА МОБІЛЬНИХ ----- */
+    .r-box {
+        position: static !important;
+        width: 100% !important;
+        max-width: none !important;
+        margin: 16px 0 !important;
+        padding: 0 !important;
+        background-color: #23232c !important;
+        border-radius: 12px !important;
+        overflow: hidden !important;
+        max-height: none !important;
+    }
+    /* Навігація гравця */
+    .r-box .player-nav {
+        display: none !important; /* Ховаємо на мобільних, бо є заголовок */
+    }
+    /* Картинка гравця - квадратна, на всю ширину */
+    .r-box figure,
+    .r-box .mw-halign-none {
+        margin: 0 !important;
+        width: 100% !important;
+    }
+    .r-box figure img,
+    .r-box .mw-halign-none img,
+    .r-box .mw-file-element {
+        width: 100% !important;
+        height: auto !important;
+        aspect-ratio: 1 / 1 !important;
+        object-fit: cover !important;
+        display: block !important;
+    }
+    /* Таблиця статистики */
+    .r-box table {
+        padding: 16px !important;
+        font-size: 14px !important;
+    }
+    .r-box table tr {
+        display: flex !important;
+        justify-content: space-between !important;
+        padding: 10px 0 !important;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
+    }
+    .r-box table tr:last-child {
+        border-bottom: none !important;
+    }
+    .r-box table th,
+    .r-box table td {
+        padding: 0 !important;
+    }
+    /* Profile links */
+    .r-box .profile-links {
+        padding: 16px !important;
+        margin: 0 !important;
+    }
+    /* ----- ЗАГОЛОВОК СТОРІНКИ ----- */
+    .page-heading {
+        margin-bottom: 8px !important;
+    }
+    .page-heading h1 {
+        font-size: 24px !important;
+        margin-bottom: 0 !important;
+    }
+    /* ----- СЕКЦІЇ ----- */
+    .content .mw-parser-output > h2,
+    .content .section-heading {
+        font-size: 18px !important;
+        padding-top: 20px !important;
+        padding-bottom: 8px !important;
+    }
+    /* ----- ТАБЛИЦІ НА МОБІЛЬНИХ ----- */
+    .wikitable {
+        font-size: 12px !important;
+    }
+    .wikitable th,
+    .wikitable td {
+        padding: 8px 6px !important;
+    }
+}
+/* Ще менші екрани */
+@media (max-width: 480px) {
+    .minerva-header .branding-box a span {
+        display: none !important; /* Ховаємо текст, лишаємо лого */
+    }
+    .minerva-header .branding-box {
+        flex-shrink: 0 !important;
+    }
+    .player-tab {
+        padding: 10px 8px !important;
+        font-size: 12px !important;
+    }
+    .r-box table {
+        font-size: 13px !important;
      }
 }