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

Нет описания правки
Нет описания правки
Метка: ручная отмена
 
(не показаны 22 промежуточные версии этого же участника)
Строка 1: Строка 1:
.science-tab {
.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 {
.tabs-caption .active {
  display: flex;
    filter: grayscale(0);
  flex-wrap: wrap;
}
  list-style: none;
 
  position: relative
.tabs-content {
display: none;
}
 
.tabs-content.active {
display: block;
}
}


.tabs__caption li {
.tabs-content {
  position: relative;
padding-top: 20px;
  list-style-type: none;
}
}


.tabs__caption li:not(.active) {
@media ( max-width: 710px)  {
  cursor: pointer;
    .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;
    }
}