<!--
<main class="main-container">
    <section class="section-one">
        <canvas id="particles"></canvas>
    </section>
</main>
    <script src="https://forumstatic.ru/files/0019/ca/89/11625.js?v=2"></script>
-->

<!-- Профилактика на форуме -->
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Уважаемые пользователи<br/> и гости форума.<br/><br/<br/><br/><br/> Ждём вас в ближайшее время.</center><br/> С уважением<center>Администрация форума.</center><br/><hr><br/><br/></div></div><script type="text/javascript">

        var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
        var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен

        if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
        $("style.#style_st,div.#pircs2").replaceWith("");}
          else {$("#msg-n2").replaceWith("");
        if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
        document.location.href = "../login.php"}else {
        $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
        $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
        var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
        v.replaceWith("<span>Вход только для Администраторов</span>");});};}
        else {document.location.href = "../login.php?action=out&id="+UserID};}
        </script><!--end/profilaktika-->

<div class="header_wrap">
<div class="header_logo">
<img src="https://forumstatic.ru/files/0019/ca/89/18595.png">
</div>
</div>

<div class="nav_wrap">
<div class="slide_button">навигация для гостей</div>
<div class="slide_block"><div>
<a href="http://cwshelter.ru/viewtopic.php?id=104">ГОСТЕВАЯ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=131">АКЦИИ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=133">О РОЛЕВОЙ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=83">ПРАВИЛА ФОРУМА</a>
<a href="http://cwshelter.ru/viewtopic.php?id=84">ИГРОВЫЕ СИСТЕМЫ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=90">СОСТАВ АМС</a>
<a href="http://cwshelter.ru/viewtopic.php?id=1016">ЛЕТОПИСЬ ПЛЕМЕН</a>
</div></div>

<div class="slide_button">навигация для игроков</div>
<div class="slide_block players"><div>
<a href="http://cwshelter.ru/viewtopic.php?id=87">ОФОРМЛЕНИЕ ПРОФИЛЯ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=92">ЦЕПИ ЗАНЯТЫХ ИМЕН</a>
<a href="http://cwshelter.ru/viewtopic.php?id=81">СПИСОК ПЛЕМЕН</a>
<a href="http://cwshelter.ru/viewtopic.php?id=129">ЗАНЯТЫЕ ОБРАЗЫ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=80">НОВОСТНАЯ КОЛОНКА</a>
<a href="http://cwshelter.ru/viewtopic.php?id=130">ВТОРЫЕ РОЛИ</a>
<a href="http://cwshelter.ru/viewtopic.php?id=82">КАРТА ТЕРРИТОРИЙ</a>
</div></div>
</div>

<!-- плашки новостей -->
<div class="news_wrapper"><div>
<a href="ссылка">Упрощенный прием: все племена и кланы</a>
<a href="ссылка">Упрощенный прием: все племена и кланы</a>
<a href="ссылка">Упрощенный прием: все племена и кланы</a>
<a href="ссылка">Упрощенный прием: все племена и кланы</a>
<a href="ссылка">Упрощенный прием: все племена и кланы</a>
<a href="ссылка">Упрощенный прием: все племена и кланы</a>
</div></div>

<!-- активиситы -->
<div class="table_button" first-text="Показать активистов" second-text="Скрыть активистов"></div>
<div class="persons_wrap">
<div class="persons">
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
<a href="ссылка" title="текст"><div><img src="https://forumstatic.ru/files/0019/ca/89/17722.png"></div></a>
</div>
</div>

<div class="audio-wrapper">
<!-- ПЛЕЕР -->
  <audio class="player__audio viewer">
<!-- ССЫЛКА НА ТРЕК -->
    <source src="https://forumstatic.ru/files/001b/f3/0c/45686.mp3" type="audio/mpeg" data-trackid="1">
    Your browser does not support the audio element.
  </audio>
  <div class="song-panel">
    <div class="song-info">
<!-- НАЗВАНИЕ -->
      <div class="song-info__title">Loco</div>
<!-- ИСПОЛНИТЕЛЬ -->
      <div class="song-info__artist">D'Nash</div>
      <div class="progress">
        <div class="progress__filled"></div>
      </div>
    </div>
  </div>
  <div class="player-controls">
    <button class="backward"><i class="fas fa-backward fa-2x"></i></button>
    <button class="play">
      <i class="fas fa-play fa-3x"></i>
      <span class="pause left"></span>
      <span class="pause right"></span>
    </button>
    <button class="forward"><i class="fas fa-forward fa-2x"></i></button>
  </div>
<!-- музыка -->
</div>

<script>
$('.slide_button').click(function() { 
    $('.slide_button').not(this).removeClass('i_active');
    $(this).toggleClass('i_active');
});
</script>

<script>
$('.slide_button').each(function() {
    $(this).on('click', function() { $('.slide_button').not($(this)).next().slideUp();
      $(this).next().slideToggle();
    });
  });
</script>

<!-- листики в шапке -->
<div class="decor_wrapper">
<img src="https://forumstatic.ru/files/0019/ca/89/63109.png" data-speed="2" class="decor d1">
<img src="https://forumstatic.ru/files/0019/ca/89/96688.png" data-speed="3.2" class="decor d2">
<img src="https://forumstatic.ru/files/0019/ca/89/80811.png" data-speed=".8" class="decor d3">
<img src="https://forumstatic.ru/files/0019/ca/89/47376.png" data-speed="5" class="decor d4">
<img src="https://forumstatic.ru/files/0019/ca/89/48828.png" data-speed="2.4" class="decor d5">
<img src="https://forumstatic.ru/files/0019/ca/89/57415.png" data-speed="6" class="decor d6">
<img src="https://forumstatic.ru/files/0019/ca/89/56771.png" data-speed="4" class="decor d7">
<img src="https://forumstatic.ru/files/0019/ca/89/11407.png" data-speed="1.4" class="decor d8">
<img src="https://forumstatic.ru/files/0019/ca/89/29978.png" data-speed="4.5" class="decor d9">
<img src="https://forumstatic.ru/files/0019/ca/89/31781.png" data-speed="1.5" class="decor d10">
</div>

<!-- Пиар-вход v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'Реклама'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

<script>$(function (){
$('#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4').wrapAll('<div class="ststitems"></div>');
});
</script>

<!--
<script>
document.addEventListener("mousemove" , parallax);
function parallax(e){
this.querySelectorAll('.decor').forEach(layer=>{

    const speed = layer.getAttribute('data-speed')
   
    const y = (window.innerHeight/114 - e.pageY*speed/52)
   const x = (window.innerWidth/114 - e.pageX*speed/52)
    layer.style.transform = `translateY(${y}px) translateX(${x}px)`
    //translateX(${x}px)
  })
}
</script>
-->

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: rgba(0,0,0,.85);
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 0px 1px rgba(0,0,0,.05) inset;
  font-family: overpass;
  font-size: 11px; /* размер текста */
  display: none;
  color: #d9d8d1; /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  font-weight: 500;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/001a/fa/d0/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

<!----------------- выделить код. Alex_63 new.2019 ----------------->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!--Отключить кнопку "Вложения", пожаловаться-->
<script type="text/javascript">
RusffCore.sets.files.button = false;
RusffCore.sets.show_reportBtn = 0;
</script>

<!-- Отключение сокращения ссылки-->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; });
</script>

<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<script>
RusffCore.sets.graffiti = false; /*Граффити*/
</script>

<!--// CSS-версия обтекания изображений в Постах //-->
      <style>
.postimg[alt="float:right"]{float:right;padding-left:12px}.postimg[alt="float:left"]{float:left;padding-right:12px}
      #add_float{position:absolute;padding:2px;top:-30px;left:50%;margin-left:-15px!important;width:57px!important;background: var(--base-bg2) url("https://forumstatic.ru/files/0018/f9/58/97470.png") no-repeat 50% 70% !important;}
      #button-image #add_float img{display:block;position:relative;z-index:4;}
      #button-image>img{position:relative;z-index:2;}
      #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;}
      #button-image:hover>center{opacity:1; visibility:visible;}
      </style>
      <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();});
      var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слево">@@</td><td></td><td id="text-right" title="Обтекание: текст справо">##</td></tr></table></center>',b3="]'";
      var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>';
      a = a.replace('@@',b1).replace('##',b2);
      $('#post #button-image').prepend(a);});
      </script>

<!-- Запрет копирования -->
<script>var GroupNoCopy=[ 3 ]; //Группы с запретом копирования</script>
<div class="nscr"><span id=disable000 title="No Copy!"></span>
<style>#disable000{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:99999;}
.punbb a,.punbb input,.punbb textarea{position:relative;z-index:100000;}</style></div><script>
$("#disable000").parent().remove();if(GroupNoCopy.indexOf(GroupID)!=-1){var Lz=['TEXTAREA','INPUT','SELECT'];
$("body").on("copy contextmenu dblclick mouseup selectstart",function(e){if(Lz.indexOf(e.target.tagName)==-1){
if(!$(e.target).parents("#image-area").length && !(e.target.onclick||e.target.onmousedown)){
try{window.getSelection().removeAllRanges();}catch(e){document.selection.empty();};return!1}}})}
</script>

<!--Убираем лишние знаки в Поле Профиля fld5 -"постов:", оставшиеся от скрипта Подсчета-->
<script>$().pun_mainReady(function(){
    $('.pa-fld5').html(function(){return this.innerHTML.replace(/(\d+)\s.*/gim,'$1')});
    $(window).load(function(){$('#profile-right>li>span:contains("постов:")+strong')
    .html(function(){return this.innerHTML.replace(/(\d+)\s.*/gim,'$1')});});
     var a = $('form#profile8 fieldset input#fld5');a.val(a.val().replace(/(\d+)\s.*/gim,'$1'))
});</script>

<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
<div id="chfont" title="Шрифт в постах">
<div id="chfontbut"></div>
<select id="chfontfam" name="chfontfam">
<option value="0">по умолчанию</option>
<option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="Verdana, Geneva, sans-serif" style="font-family: Verdana, Geneva, sans-serif">Verdana</option>
<option value="'Roboto', serif" style="font-family: 'Roboto', serif">Roboto</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
</div>
<script type="text/javascript">
var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",13);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p, textarea").css("font-size",f+"px")}
function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
$("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
</script><!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->