Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Общее форматирование ячеек таблицы */
.experiment-link th,
.experiment-link td {
vertical-align: middle;
border: 2px solid black;
background-color: #212126;
}
/* Скругление углов только у первой и последней ячеек в строке заголовка */
.experiment-link th {
border-radius: 15px 0 0 15px;
}
/* Форматирование ссылок в заголовках таблицы */
.experiment-link th a {
margin: 7px;
}
/* Форматирование ссылок в ячейках таблицы */
.experiment-link td a {
margin: 5px 10px;
padding: 17px;
}
/* Общие стили для всех ссылок */
.experiment-link a {
text-decoration: none;
font: small-caps bold 25px sans-serif;
color: #ffffff;
border: 2px solid black;
display: flex;
align-items: center;
background-color: #141417;
transition: background-color 1.0s ease, border-color 1.0s ease, color 1.0s ease;
}
/* Стили для мобильных устройств */
@media screen and (max-width:850px) {
.experiment-link a {
transition: none;
}
.experiment-link td {
border-radius: 0px 15px 15px 0px;
}
}
/* Стили при наведении курсора на строку таблицы */
.experiment-link tr:hover a {
background-color: black;
color: #fff;
border-color: #e23229;
}