Шаблон:Сетка героев/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%); }