Шаблон:Сетка героев/styles.css

.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 #2e4655;
	border-radius: 5px;
}

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

li img:hover {
	opacity: 1;
}

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