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

(JustPlayer изменил модель содержимого страницы Шаблон:Сетка героев/styles.css с «Sanitized CSS» на «JavaScript»)
Метка: изменение модели содержимого
Нет описания правки
 
(не показаны 2 промежуточные версии 2 участников)
Строка 26: Строка 26:
li img {
li img {
opacity: .8;
opacity: .8;
border: 2px solid #2e4655;
border: 2px solid #80b7da;
border-radius: 5px;
border-radius: 5px;
}
}
Строка 41: Строка 41:
.not-active {
.not-active {
filter: grayscale(100%);
filter: grayscale(100%);
}
#grid-filter-hero-field,
#grid-filter-race-field,
#grid-filter-class-field,
#grid-filter-alliance-field {
  padding: 5px 10px;
  margin-bottom: 10px;
}
}

Текущая версия от 01:09, 6 ноября 2023

.grid-filtering {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.grid-filtering > div {
	margin: 3px;
}

.heroes-grid {
	margin: 0;
	padding: 0;
	list-style: none;
}

.heroes-grid li {
	margin: 3px;
	float: left;
}

li span {
	display: inline-block;
}

li img {
	opacity: .8;
	border: 2px solid #80b7da;
	border-radius: 5px;
}

li:hover {
	border-radius: 5px;
	box-shadow: 0 0 3px #6daed5;
}

li img:hover {
	opacity: 1;
}

.not-active {
	filter: grayscale(100%);
}

#grid-filter-hero-field,
#grid-filter-race-field, 
#grid-filter-class-field,
#grid-filter-alliance-field {
  padding: 5px 10px;
  margin-bottom: 10px;
}