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

MediaWiki:Common.css (посмотреть исходный код)

Версия от 23:21, 20 декабря 2023

217 байт добавлено , 20 декабря 2023

нет описания правки

Gryadka

1354

правки

@@ Строка 137: / Строка 137: @@
 .skill-training-table {
    border-collapse: separate;
-   border-spacing: 0;
+   border-spacing: 0; /* Убираем пространство между ячейками */
-   margin-left: 1em; /* Отступ от заголовка */
+   margin-left: 1em; /* Отступ слева для всей таблицы */
 }
-/* Стили ячеек таблицы */
+/* Стили ячеек с иконками */
-.skill-training-table td, .skill-training-table th {
+.skill-training-table td.icon-cell {
-   padding: 4px; /* минимальный внутренний отступ */
+   padding: 0; /* Убираем внутренние отступы */
-   border: none; /* убрать границы */
+   width: 50px; /* Ширина ячейки равна ширине картинки */
-   background-color: transparent; /* без фона по умолчанию */
+   background-color: transparent; /* Без фонового цвета */
+  border: none; /* Без границ */
 }
-/* Стили для иконок */
+/* Стили ячеек с текстом */
-.skill-training-icon {
+.skill-training-table td.text-cell {
-   width: 50px; /* ваш размер иконок */
+   padding-left: 8px; /* Отступ слева для текста */
-   height: 50px; /* ваш размер иконок */
+  vertical-align: middle; /* Выравнивание текста по центру по вертикали */
+   border: none; /* Без границ */
 }
-/* Подсветка ячеек при наведении (только ячейки с иконками) */
+/* Подсветка ячеек при наведении (только для ячеек с иконками) */
-.skill-training-table td:hover {
+.skill-training-table td.icon-cell:hover {
    background-color: #f0f0f0;
 }
-/* Стили для текста справа от иконок */
+/* Стили для картинок */
-.skill-training-text {
+.skill-training-icon {
-   display: inline-block;
+   display: block; /* Картинка занимает всю ширину ячейки */
-   margin-left: 8px; /* Отступ от иконки до текста */
+   width: 50px; /* Ширина картинки */
-   vertical-align: top;
+   height: 50px; /* Высота картинки */
-}
-/* Стили для заголовка таблицы */
-.skill-training-header {
-  text-align: left;
-  vertical-align: top;
 }