Брелоки
<style> body #footer, body .site_footer { min-width: 1260px; } body #column-content, body h1#firstHeading { width: 1260px; } body #content { background-color: transparent; color: #a9aeb3; font: 15px/26px Plumb, Arial, Helvetica, sans-serif; padding: 0; } body #column-content { background-color: transparent; } body h1#firstHeading { left: 0; } body #bodyContent { background: #191e23; min-height: 200px; padding: 0 32px 32px; position: relative; } body #bodyContent img { max-width: 100%; } body #contentSub { margin: 0; } body a.new { color: #ff0000; } body .wf-wiki-2-0 p { line-height: 26px; } body .wf-video iframe { height: 175px; } </style>
Особый оружейный аксессуар, обладающий уникальной анимацией и подчеркивающий статус владельца крутого оружия. Вместе с камуфляжами они сделают настройку внешнего вида оружия еще более гибкой.
Также расширяются и возможности введения в игру нового контента для различных праздников, ивентов и других активностей. Обязательно постарайтесь заполучить все виды в коллекцию — и с удовольствием кастомизируйте любимые модели!
Доступные брелоки
Ассортимент доступных брелоков переодически пополняется.
Брелоки, выдаваемые за лиги в рейтинговых матчах
Брелоки, выдаваемые за максимальный уровень мастерства оружия
<style> .spoilers { margin:32px 0 } div.spoiler { background-color: #242c33 !important; border: 0 !important; margin: 0 0 15px; padding: 0 15px !important; } .spoiler__title { color:#fff; cursor:pointer; font-weight:400; margin-bottom:10px; padding:20px 0 10px 45px; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .spoiler__title { font-size:18px; line-height:22px } .spoiler__content { -webkit-box-sizing:content-box; box-sizing:content-box; height:0; opacity:0; overflow:hidden; padding-left:45px; padding-right:45px; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear; font-size:16px; } .spoiler__content b { font-size:17px; } .spoiler.is-open .spoiler__content { height:auto; padding-bottom:20px; opacity:1 } .spoiler__marker { border:1px solid #c00; height:18px; left:10px; position:absolute; top:15px; -webkit-transform:rotate(45deg) translateY(50%); -ms-transform:rotate(45deg) translateY(50%); transform:rotate(45deg) translateY(50%); -webkit-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; width:18px } .spoiler__marker-symbol { height:100%; position:relative; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:100% } .spoiler__marker-symbol::after, .spoiler__marker-symbol::before { background-color:#c00; content:""; left:50%; position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:-webkit-transform .35s ease-out; transition:-webkit-transform .35s ease-out; -o-transition:transform .35s ease-out; transition:transform .35s ease-out; transition:transform .35s ease-out,-webkit-transform .35s ease-out; z-index:1 } .spoiler__marker-symbol::before { height:2px; width:10px } .spoiler__marker-symbol::after { height:10px; width:2px } .spoiler:hover .spoiler__marker, .spoiler.is-open .spoiler__marker { background:#c00 } .spoiler:hover .spoiler__marker-symbol::after, .spoiler:hover .spoiler__marker-symbol::before, .spoiler.is-open .spoiler__marker-symbol::after, .spoiler.is-open .spoiler__marker-symbol::before { background-color:#fff; -webkit-transition:-webkit-transform .35s ease-out; transition:-webkit-transform .35s ease-out; -o-transition:transform .35s ease-out; transition:transform .35s ease-out; transition:transform .35s ease-out,-webkit-transform .35s ease-out } .spoiler.is-open .spoiler__marker-symbol::after { -webkit-transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg); transform:translate(-50%,-50%) rotate(90deg) } .img--margin img { margin: 0 5px; } /* Customization */ .news__prize .news__prize-item { width: 24.9%!important; min-width: 297.8px!important; } .news__prize .news__prize-title { font-size: 15.5px; width: 85%; } .news__prize-item p img { margin-top: 15px; } ul.wf-tabs-list li { margin: 8px 0; } /* Chest block */ .chest-list { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px 10px; row-gap: 10px; column-gap: 10px; margin: 0 0 16px; } .chest-item { position: relative; background: #262b2f; border: none; max-width: 235px; height: 135px; } .chest-item img { position: absolute; top:0; left:0; right:0; bottom: 20%; max-width: 96%; margin: auto; } .chest-item__name { position: absolute; text-align: center; left:8px; right:8px; bottom:8px; font: 10.4px/12px Quantico; text-transform: uppercase; color: #fff; } ul.wf-tabs-list li { margin: 8px 0; } .wf-tabs-list__item { background: #901819; height: 45px; } .wf-tabs-list__item.type-opened { background: #333; border-bottom: none; } ul.wf-tabs-list li { margin: 0; } .card__count { display: flex; align-items: flex-start; justify-content: flex-end; padding: 4px; } .card__count p { margin: 0; } .card__count img { left: 120px; bottom: 102px; } </style>
.news__prize {
display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; } .news__prize .news__prize-item { background: #262b2f; height: 190px; min-width: 312px; position: relative; justify-content: center; align-items: center; margin: 1px 1px 0 0; display: flex; border: none; width: 33%!important; } .news__prize .news__prize-item p { text-align: center; } .news__prize .news__prize-title { color: #f5f5f5; font-size: 16px; text-align: left; position: absolute; top: 10px; left: 10px; border-bottom: none; width: 90%; } .news__prize .news__prize-img { max-height: 80%; margin-top: 10px; } .news__prize-info-icon { background: url(/static/wf.mail.ru/img/main/content/friends/icon-info.png) center no-repeat;
display: inline-block; width: 21px; height: 21px;
position: absolute; top: 12px; right: 10px; z-index: 10; } .news__prize-info:hover .news__prize-info-text { display: block; } .news__prize .news__prize-info-text { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.9); z-index: 15; font-size: 15px; line-height: 23px; display: none; box-sizing: border-box; padding: 16px; }
.wf-tabs { margin: 0;
} .wf-tabs-menu {
position: relative;
} .wf-tabs-menu ul{
margin: 0;
} .wf-tabs-list {
display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between;
} .wf-tabs-list__item {
border-bottom: 2px solid #901819; font-size: 16px; font-family: Quantico; line-height: 20px; font-weight: 700; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; width: 50%; height: 50px; text-align: center; cursor: pointer; text-transform: uppercase; color: white;
} .wf-tabs-list__item.type-opened {
background: #901819;
} .text ul li.wf-tabs-list__item {
margin-bottom: 0;
} .text ul li.wf-tabs-list__item:before {
content: ; width: 0; display: none;
} .wf-tabs-menu__arrow, .tab-content {
display: none;
} .tab-content.type-opened {
display: block;
} @media (max-width: 768px) {
.wf-tabs-menu__arrow { display: block; position: absolute; right: 14px; top: 9px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .wf-tabs-menu__arrow:before { display: block; } .wf-tabs-menu.type-opened .wf-tabs-menu__arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .wf-tabs-menu.type-opened .wf-tabs-list__item { display: flex; } .wf-tabs-list { flex-wrap: wrap; margin-bottom: 5px; } .wf-tabs-list__item { background: #c00; border: none; height: 32px; font-weight: normal; margin: 0; -webkit-box-ordinal-group: 3; order: 2; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; } .wf-tabs-list__item:hover { background: #a80000; } .wf-tabs-list__item:not(.type-opened) { display: none; } .wf-tabs-list__item.type-opened { background: #c00; color: #fff; -webkit-box-ordinal-group: 2; order: 1; }
} .wf-wiki-2-0 ul.wf-tabs-list li:before {
display:none;
} .wf-wiki-2-0 ul.wf-tabs-list li {
padding-left: 0!important;
}
.wf__spoiler,
.spoiler_block { border: none; border-bottom: 1px solid #43484d; } .wf__spoiler .wf__spoiler-title, .spoiler_block .open { min-height: 20px; position: relative; padding: 10px 32px; color: #9ba0a5; font: 18px/24px Quantico, Arial,Helvetica,sans-serif; text-transform: uppercase; cursor: pointer; -khtml-user-select: none; -moz-user-select: none; user-select: none; border-bottom: none; } .wf__spoiler-title:hover, .spoiler_block .open:hover { color: #fff; } .wf__spoiler-title:after, .spoiler_block .open:after { content:;
display: inline-block; vertical-align: middle;
width:0; height:0; border: 5px solid transparent; border-top-color: #9ba0a5;
margin: 2px 0 0 9px;
} .wf__spoiler-title:hover:after, .spoiler_block .open:hover:after { border-top-color: #fff; } .wf__spoiler-title.opened:after, .spoiler_block .open.show:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -8px; } .wf__spoiler-content, .spoiler_content { padding: 6px 0px 10px; display:none; } .wf__spoiler-content p, .spoiler_content p { margin: 0 0 10px; } .wf__spoiler-content .wf__spoiler-subtitle { text-transform: uppercase; margin: 15px 0 0; font-weight: bold; } .spoiler_block .spoiler_title { border: none; } .spoiler_block .open img, .spoiler_block .close { display: none; }
.wf__spoiler.wf__spoiler_orange { border-color: #ff0000; } .wf__spoiler_orange .wf__spoiler-title { color: #ff0000; } .wf__spoiler_orange .wf__spoiler-title:after { border-top-color: #ff0000; } .wf__spoiler__marker {
border:1px solid #9ba0a5; height:18px; left:10px; position:absolute; top:5px; -webkit-transform:rotate(45deg) translateY(50%); -ms-transform:rotate(45deg) translateY(50%); transform:rotate(45deg) translateY(50%); -webkit-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; width:18px
} .wf__spoiler_orange .wf__spoiler__marker {
border:1px solid #c00; height:18px; left:10px; position:absolute; top:5px; -webkit-transform:rotate(45deg) translateY(50%); -ms-transform:rotate(45deg) translateY(50%); transform:rotate(45deg) translateY(50%); -webkit-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; width:18px
} .wf__spoiler__marker-symbol {
height:100%; position:relative; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:100%
} .wf__spoiler__marker-symbol::after, .wf__spoiler__marker-symbol::before {
background-color:#9ba0a5; content:""; left:50%; position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; -o-transition:transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out; z-index:1
} .wf__spoiler_orange .wf__spoiler__marker-symbol::after, .wf__spoiler_orange .wf__spoiler__marker-symbol::before {
background-color:#c00; content:""; left:50%; position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; -o-transition:transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out; z-index:1
} .wf__spoiler__marker-symbol::before {
height:2px; width:10px
} .wf__spoiler__marker-symbol::after {
height:10px; width:2px
} .wf__spoiler_orange .wf__spoiler-title:hover .wf__spoiler__marker, .wf__spoiler_orange .wf__spoiler-title.opened .wf__spoiler__marker {
background:#c00
} .wf__spoiler-title:hover .wf__spoiler__marker-symbol::after, .wf__spoiler-title:hover .wf__spoiler__marker-symbol::before, .wf__spoiler-title.opened .wf__spoiler__marker-symbol::after, .wf__spoiler-title.opened .wf__spoiler__marker-symbol::before {
background-color:#fff; -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; -o-transition:transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out
} .wf__spoiler-title.opened .wf__spoiler__marker-symbol::after {
-webkit-transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg); transform:translate(-50%,-50%) rotate(90deg)
} .wf__spoiler-title::after {
content: ; display: none;
}
<script>$(document).on('click', '.js-spoiler_block .open', function() { $(this).toggleClass('show'); $(this).next().slideToggle('fast'); }); $(document).on('click', '.js-spoiler', function(){ $(this).toggleClass('opened'); $(this).next().slideToggle('fast'); }); </script>