Шаблон:Наука клана/styles.css: различия между версиями
Нет описания правки |
Нет описания правки Метка: ручная отмена |
||
| (не показано 17 промежуточных версий этого же участника) | |||
| Строка 3: | Строка 3: | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
list-style: none; | list-style: none; | ||
margin: 0 auto; | |||
} | } | ||
.tabs-caption li { | .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; | |||
} | } | ||
| Строка 16: | Строка 23: | ||
.tabs-caption .active { | .tabs-caption .active { | ||
filter: grayscale(0); | 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; | |||
} | |||
} | } | ||
Текущая версия от 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;
}
}