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

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

Версія за 15:02, 6 квітня 2026

4587 байтів додано , 6 квітень

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

Admin

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

6369

редагувань

@@ Рядок 2182: / Рядок 2182: @@
          border-radius: 8px !important;
      }
+}
+/* ====================================================
+   FIX PART 3 — append to Common.css
+   ==================================================== */
+/* ── ТАБЛИЦІ — посилена специфічність ── */
+/* Заголовки */
+.content .mw-parser-output .wikitable > thead > tr > th,
+.content .mw-parser-output .wikitable > * > tr:first-child > th,
+.client-js .sortable th.headerSort,
+.jquery-tablesorter th.headerSort {
+    background-color: rgba(24,21,30,0.82) !important;
+    color: #e8e6df !important;
+    font-family: 'Manrope', sans-serif !important;
+    font-size: 11.5px !important;
+    font-weight: 700 !important;
+    letter-spacing: .08em !important;
+    text-transform: uppercase !important;
+    padding: 11px 14px !important;
+    border-bottom: 2px solid rgba(161,156,224,0.22) !important;
+    white-space: nowrap !important;
+    position: relative !important;
+}
+/* Hover на заголовок */
+.client-js .sortable th.headerSort:hover,
+.jquery-tablesorter th.headerSort:hover {
+    background-color: rgba(25,87,255,0.28) !important;
+    transition: background-color 0.15s ease !important;
+}
+/* Стрілки сортування */
+.jquery-tablesorter th.headerSort::after,
+.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after {
+    content: "⇅" !important;
+    position: absolute !important;
+    right: 7px !important;
+    top: 50% !important;
+    transform: translateY(-50%) !important;
+    font-size: 11px !important;
+    color: rgba(255,255,255,0.22) !important;
+    font-weight: 400 !important;
+}
+.jquery-tablesorter th.headerSortUp::after {
+    content: "▲" !important;
+    color: #a19ce0 !important;
+    font-size: 11px !important;
+}
+.jquery-tablesorter th.headerSortDown::after {
+    content: "▼" !important;
+    color: #a19ce0 !important;
+    font-size: 11px !important;
+}
+/* Фікс: right-aligned th — стрілка не перекриває текст */
+.jquery-tablesorter th.headerSort {
+    padding-right: 22px !important;
+}
+/* Рядки */
+.content .mw-parser-output .wikitable > tbody > tr:nth-child(odd) > td {
+    background-color: rgba(24,21,30,0.32) !important;
+    font-family: 'Manrope', sans-serif !important;
+    font-size: 14px !important;
+    padding: 10px 14px !important;
+}
+.content .mw-parser-output .wikitable > tbody > tr:nth-child(even) > td {
+    background-color: rgba(24,21,30,0.55) !important;
+    font-family: 'Manrope', sans-serif !important;
+    font-size: 14px !important;
+    padding: 10px 14px !important;
+}
+.content .mw-parser-output .wikitable > tbody > tr > td {
+    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
+    vertical-align: middle !important;
+    color: #b7b4bf !important;
+}
+/* Hover рядка */
+.content .mw-parser-output .wikitable > tbody > tr:hover > td {
+    background-color: rgba(25,87,255,0.12) !important;
+    transition: background-color 0.12s ease !important;
+}
+/* Останній рядок без border */
+.content .mw-parser-output .wikitable > tbody > tr:last-child > td {
+    border-bottom: none !important;
+}
+/* Посилання в таблицях — не успадковують фіолетовий */
+.content .mw-parser-output .wikitable td a {
+    color: #a19ce0 !important;
+    font-weight: 500 !important;
+}
+.content .mw-parser-output .wikitable td a:hover {
+    text-decoration: underline !important;
+    color: #c4bfff !important;
+}
+/* ── L-BOX — active state через CSS scroll-driven ── */
+/* Базовий стан */
+.l-box-item {
+    display: flex !important;
+    align-items: center !important;
+    padding: 10px 20px !important;
+    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
+    border-left: 3px solid transparent !important;
+    color: #8ab4f8 !important;
+    cursor: pointer !important;
+    transition: all 0.14s !important;
+    font-size: 13.5px !important;
+    font-family: 'Manrope', sans-serif !important;
+    font-weight: 500 !important;
+}
+.l-box-item:hover {
+    background: #373752 !important;
+    border-left-color: #555 !important;
+    color: #fff !important;
+}
+.l-box-item.active {
+    background: #373752 !important;
+    border-left-color: #8ab4f8 !important;
+    color: #fff !important;
+    font-weight: 600 !important;
+}
+.l-box-item-last {
+    border-bottom: none !important;
+}
+/* ── СЕКЦІЇ — потрібен scroll-margin щоб не ховалось під заголовок ── */
+.mw-parser-output h2,
+.mw-parser-output .mw-headline {
+    scroll-margin-top: 80px !important;
 }