Шаблон:Наука клана/styles.css: различия между версиями
Нет описания правки |
Нет описания правки Метка: ручная отмена |
||
| (не показано 9 промежуточных версий этого же участника) | |||
| Строка 12: | Строка 12: | ||
} | } | ||
.tabs-caption:last-child { | .tabs-caption li:last-child { | ||
border-right: 1px solid #b1c2cd; | border-right: 1px solid #b1c2cd; | ||
} | } | ||
| Строка 34: | Строка 31: | ||
.tabs-content.active { | .tabs-content.active { | ||
display: block; | display: block; | ||
} | |||
.tabs-content { | |||
padding-top: 20px; | |||
} | |||
@media ( max-width: 710px) { | |||
.tabs-caption li img { | |||
width: 40px; | |||
height: 40px; | |||
} | |||
} | } | ||
Текущая версия от 12:13, 9 сентября 2022
.tabs-caption {
display: flex;
flex-flow: row wrap;
list-style: none;
margin: 0 auto;
}
.tabs-caption li {
border-left: 1px solid #b1c2cd;
border-top: 1px solid #b1c2cd;
border-bottom: 1px solid #b1c2cd;
}
.tabs-caption li:last-child {
border-right: 1px solid #b1c2cd;
}
.tabs-caption li:not(.active) {
cursor: pointer;
filter: grayscale(100%);
}
.tabs-caption .active {
filter: grayscale(0);
}
.tabs-content {
display: none;
}
.tabs-content.active {
display: block;
}
.tabs-content {
padding-top: 20px;
}
@media ( max-width: 710px) {
.tabs-caption li img {
width: 40px;
height: 40px;
}
}