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

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

@@ Строка 1: / Строка 1: @@
 /* Весь CSS будет отсюда будет загружен пользователям темы оформления «Векторная» */
+/* Ограничение таблиц для предотвращения выхода за пределы страницы */
+/* Основные стили для всех таблиц */
+.wikitable {
+    width: 100% !important;
+    max-width: 100% !important;
+    table-layout: fixed !important;
+    border-collapse: collapse;
+    margin: 1em 0;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+/* Заголовки и ячейки таблицы */
+.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;
+}
-#p-navigation {
+/* Сохранение минимальной ширины для очень узких колонок */
-    position: relative !important;
+.wikitable th:nth-child(1),
-     bottom: -90px !important;
+.wikitable td:nth-child(1) {
+     min-width: 60px;
 }
-#p-tb {
+.wikitable th:nth-child(3),
-    position: relative !important;
+.wikitable td:nth-child(3) {
-     bottom: -20px !important;
+     min-width: 50px;
 }