MediaWiki:Vector.css: различия между версиями

← Предыдущая правка

@@ Строка 1: / Строка 1: @@
 /* Весь CSS будет отсюда будет загружен пользователям темы оформления «Векторная» */
 /* Ограничение таблиц для предотвращения выхода за пределы страницы */
+/* Основные стили для всех таблиц */
 .wikitable {
+    width: 100% !important;
      max-width: 100% !important;
-     overflow-x: auto !important;
+     table-layout: fixed !important;
-     display: block !important;
+     border-collapse: collapse;
-     box-sizing: border-box !important;
+    margin: 1em 0;
-}
+     box-sizing: border-box;
+     overflow: hidden;
-.wikitable table {
-    width: 100% !important;
-     min-width: 100% !important;
 }
+/* Заголовки и ячейки таблицы */
 .wikitable th,
 .wikitable td {
      word-wrap: break-word !important;
+    word-break: break-word !important;
      overflow-wrap: break-word !important;
      hyphens: auto !important;
+    padding: 0.5em 0.7em;
+    border: 1px solid #a2a9b1;
+    vertical-align: top;
+    box-sizing: border-box;
+}
+/* Особые стили для заголовков */
+.wikitable th {
+    background-color: #eaecf0;
+    font-weight: bold;
+    text-align: center;
+}
+/* Стили для caption */
+.wikitable caption {
+    font-weight: bold;
+    margin-bottom: 0.5em;
+    text-align: left;
+}
+/* Адаптивность для мобильных устройств */
+@media screen and (max-width: 768px) {
+    .wikitable {
+        font-size: 0.9em;
+    }
+    .wikitable th,
+    .wikitable td {
+        padding: 0.4em 0.6em;
+        line-height: 1.4;
+    }
+}
+@media screen and (max-width: 480px) {
+    .wikitable {
+        font-size: 0.85em;
+    }
+    .wikitable th,
+    .wikitable td {
+        padding: 0.3em 0.5em;
+    }
+    .wikitable th {
+        font-size: 0.95em;
+    }
+}
+/* Дополнительные классы для особых случаев */
+.wikitable.small-text {
+    font-size: 0.9em;
+}
+.wikitable.compact td,
+.wikitable.compact th {
+    padding: 0.2em 0.4em;
+}
+/* Сохранение минимальной ширины для очень узких колонок */
+.wikitable th:nth-child(1),
+.wikitable td:nth-child(1) {
+    min-width: 60px;
+}
+.wikitable th:nth-child(3),
+.wikitable td:nth-child(3) {
+    min-width: 50px;
 }