1354
правки
Gryadka (обсуждение | вклад) Нет описания правки |
Gryadka (обсуждение | вклад) Нет описания правки |
||
| Строка 134: | Строка 134: | ||
} | } | ||
/* | /* Стили таблицы */ | ||
.skill-training-table { | .skill-training-table { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
margin-left: 1em; /* | margin-left: 1em; /* Отступ всей таблицы слева */ | ||
} | } | ||
/* Стили | /* Стили ячеек таблицы */ | ||
.skill-training-table td { | .skill-training-table td { | ||
padding: | padding: 0; | ||
border: none; /* Убрать стандартные границы */ | |||
border: none; /* | transition: background-color 0.3s; /* Плавное изменение цвета при наведении */ | ||
transition: background-color 0.3s | |||
} | } | ||
/* | /* Стили для заголовка таблицы */ | ||
.skill-training-table | .skill-training-table th { | ||
text-align: left; /* Выравнивание текста заголовка слева */ | |||
vertical-align: top; | |||
} | } | ||
/* Стили для иконок */ | /* Стили для иконок */ | ||
.skill-training-icon { | .skill-training-icon { | ||
width: 50px; /* Размер иконки */ | |||
height: 50px; /* Размер иконки */ | |||
display: inline-block; /* Для выравнивания с текстом */ | |||
} | } | ||
/* Стили для текста | /* Стили для текста */ | ||
.skill-training-text { | .skill-training-text { | ||
display: inline-block; | display: inline-block; | ||
vertical-align: | margin-left: 8px; /* Отступ между иконкой и текстом */ | ||
vertical-align: top; /* Выравнивание текста по верхнему краю иконки */ | |||
} | } | ||
/* | /* Подсветка ячеек при наведении */ | ||
.skill-training- | .skill-training-table td:hover { | ||
background-color: #f0f0f0; /* Цвет подсветки */ | |||
} | } | ||
правки