База знаний Warface
(Перенаправлено с Заглавная страница)
Свежие материалы
Warface
Режимы и механики
Оружие
Снаряжение
Кастомизация и серии
Экономика
Прогресс
Прочее
<style> .buttons-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0 40px; } .button-banner-equip { overflow: hidden; margin: 0 0 2px; width: 250px; height: 175px; } .button-banner-equip a { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding-top: 130px !important; position: relative; text-decoration: none; } .button-banner-equip a::after { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .7))) !important; background: -o-linear-gradient(top, transparent 20%, rgba(0, 0, 0, .7)) !important; background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, .7)) !important; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .button-banner-equip img { left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; width: 100%; } #content .button-banner-equip img { height: 100% !important; } .button-banner-equip:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .button-banner-equip span { color: #ff0000; font: 19.5px/22px Quantico, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px; line-height: 30px; z-index: 2; top: 80%; backface-visibility: hidden; } .button-banner-big { overflow: hidden; margin: 0 0 2px; width: 313px; height: 352px; } .button-banner-big a { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding-top: 355px !important; position: relative; text-decoration: none; } .button-banner-big a::after { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .button-banner-big img { left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; width: 100%; } #content .button-banner-big img { height: 100% !important; } .button-banner-big:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } .button-banner-big span { color: #ff0000; font: 19.5px/22px Quantico, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px; line-height: 30px; z-index: 2; top: 80%; backface-visibility: hidden; } </style>