Шаблон:Наука клана/styles.css: различия между версиями
(Новая страница: «.science-tab { filter: grayscale(100%); }») |
Нет описания правки Метка: ручная отмена |
||
(не показано 25 промежуточных версий этого же участника) | |||
Строка 1: | Строка 1: | ||
. | .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%); | 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; | |||
} | |||
} | } |
Текущая версия от 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; } }