Шаблон:Наука клана/styles.css: различия между версиями

Нет описания правки
Нет описания правки
Метка: ручная отмена
 
(не показано 18 промежуточных версий этого же участника)
Строка 1: Строка 1:
.tabs__caption {
.tabs-caption {
     display: flex;
     display: flex;
     flex-flow: row wrap;
     flex-flow: row wrap;
     list-style: none;
     list-style: none;
    margin: 0 auto;
}
}


.tabs__caption li {
.tabs-caption li {
    list-style: none;
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) {
.tabs-caption li:not(.active) {
     cursor: pointer;
     cursor: pointer;
     filter: grayscale(100%);
     filter: grayscale(100%);
}
}


.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;
    }
}