THE VAMPIRE DIARIES × THE ORIGINALS X LEGACIES X 2019
лучший пост Bai Lin
- Может, хватит пытаться его опорочить? - в глубине души я знала, что это всего лишь игра. Я ненавижу Поттера, как многие из нас, до глубины души. Только ему всегда удается выйти сухим из воды. Любимчик Дамблдора, как же. На мой взгляд, Драко заслуживал куда больше, чем этот избранный. – Почему бы просто не избавиться от него? Достаточно показать всем, что он не такой святой, как все думают. – по моим губам зазмеилась ядовитая улыбка. – Что скажешь, Даф? – лениво полюбовавшись на аккуратные ногти, я перевела взгляд на одну из моих близких подруг. Чистокровная, с чудесной пакостностью, девушка была рьяной приверженкой наших общих взглядов, что позволило ей присоединиться к нашей компании.
лучший игрок
Liam Mikaelson

Test

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Test » Коды, дизы » Дизайны


Дизайны

Сообщений 1 страница 26 из 26

1

http://upforme.ru/uploads/001b/dc/dc/66/t239477.png

html верх
Код:
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Мы скоро вернемся. Честно-честно! Подробнее в тг @nourington (спаси роль и сохрани под новые реалии) </span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 0;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>

<!---------------------------- АМС ---------------------------->
<div class="ams">
<a href="http://unholy.f-rpg.me/profile.php?id=5"style="color: #a98549">davina </a>•
<a href="http://unholy.f-rpg.me/profile.php?id=3"style="color: #a98549">caroline </a>•
<a href="http://unholy.f-rpg.me/profile.php?id=6"style="color: #a98549">rebekah</a> <br>
<a href="http://unholy.f-rpg.me/profile.php?id=4"style="color: #a98549">scarlett  </a>•
<a href="http://unholy.f-rpg.me/profile.php?id=7"style="color: #a98549">katherine </a>
</div>

<!---------------------------- название ---------------------------->
<div class="forum_info"><span>the vampire diaries & co</span></div>



<!--// шрифты пользовательские для формы ответа //-->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/001b/dd/85/22142.css"/>


<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>

<!--выделить код. 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>
<!-- конец -->

<!-- отключение наград -->
<style type="text/css">
li#navawards {display: none;}
</style>
<!-- конец -->

<!-— Отключение реакций -->
<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-— Отключение модулей -->
<script type="text/javascript">
RusffCore.sets.share = 0; // Отключить функцию "Поделиться"
rusffLive.enable = false; // Отключить функцию "Это интересно"
RusffCore.sets.use_awards = 0; // Отключить награды
RusffCore.sets.files.button = false; // Отключить кнопку "Вложения"
RusffCore.sets.graffiti = 0; // Отключение граффити
RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе
RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба
RusffCore.sets.tags = 0; // Отключить функцию "Теги"
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!--Отключить надпись "Отредактировано"-->
<style>
p.lastedit {display:none}
</style>

<style>/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}</style>

<!---------------------------------------------------------------------------------------------------------------------- ЛС © piterskaya ---->
<script src="https://forumstatic.ru/files/000f/ee/14/41828.js" type="text/javascript"></script>


<!--Дефф скрипт маски-->
<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/change_ava.css" type="text/css"/>
<script src="http://hostjs-mybb2011.narod.ru/js/change_avatar_Nic_Status.js"></script>

<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>

<!--Скрытие профиля в теме тегом-->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}</style>
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>
<!-- Конец -->

<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>


<!-- ЗАПРЕТ ПЕРЕХОДА НА ПЕРВУЮ СТРАНИЦУ  При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>

<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>
html низ
Код:
<script type="text/javascript">
    var Accordion = function(el, multiple) {
    this.el = el || {};
    // more then one submenu open?
    this.multiple = multiple || false;

    var dropdownlink = this.el.find('.dropdownlink');
    dropdownlink.on('click',
    	{ el: this.el, multiple: this.multiple },
    	this.dropdown);
	};

	Accordion.prototype.dropdown = function(e) {
    var $el = e.data.el,
    	$this = $(this),
    	//this is the ul.submenuItems
    	$next = $this.next();

    $next.slideToggle();
    $this.parent().toggleClass('open');

    if(!e.data.multiple) {
    	//show only one menu at the same time
    	$el.find('.submenuItems').not($next).slideUp().parent().removeClass('open');
    }
	}
	$(function() {
    var accordion = new Accordion($('.accordion-menu'), false);
	})
</script>



<!----------------------------------------------------------------------------------------------- КОПИРАЙТ ---->
<div class="bb">beyond & mousson</div>

<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("unholy", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>


<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
  <script type="text/javascript">
    (function(){
       $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
       function appendTopicS(){
         $('.category td.tcl,#f-subforums td.tcl').each(function() {
           var L=$(this).parents('tr:first');
           var str='<div class="Add"><div class="Tems_And_messages"><span class="Tems">'+L.find('td.tc2').text()+'</span><span class="Messages">'+L.find('td.tc3').text()+'</span></div>\
           </div>';$(str).appendTo(this);
         });
       }
       if($('#pun-index').length){appendTopicS ();}
       if($('#pun-viewforum').length){
         var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
         if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
       }
    }());
    </script>


<!----------------------------------------------------------------------------------------------- БАННЕРЫ ---->
<div class="banner"><a href="http://unworld.f-rpg.me/" title="Holy F*ck!" target="_blank"><img src="https://i.imgur.com/TDSOB0q.gif" width="88" height="31" border="0"></a> <a href="https://unholy.f-rpg.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/dd/85/11243.gif" title="Unholy" border="0" alt="Unholy"></a> <a href="https://unholy.f-rpg.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/dd/85/11243.gif" title="Unholy" border="0" alt="Unholy"></a> <a href="https://unholy.f-rpg.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/dd/85/11243.gif" title="Unholy" border="0" alt="Unholy"></a> <a href="https://unholy.f-rpg.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/dd/85/11243.gif" title="Unholy" border="0" alt="Unholy"></a><a href="https://unholy.f-rpg.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/dd/85/11243.gif" title="Unholy" border="0" alt="Unholy"></a> 
</div>

<!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ---->
<script type="text/javascript"> 
    var DefAvtr = 'http://forumstatic.ru/files/001b/dd/85/21490.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'http://forumstatic.ru/files/001b/dd/85/49203.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<style>.avatar-image[style*="default_avatar.jpg"]{       background-image:url(АВ ССВЛКА)!important;    }</style>

<!-- Быстрое редактирование постов © Alex_63 // V.3 --><script>
var ForumEdit=[1,2,3,4,];   //ID Форумов c редактированием
if(ForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)$.getScript("https://forumstatic.ru/files/0015/c4/3f/97896.js");;
</script>
<!-- Конец -->



    <!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>



<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="    font-size: 8px !important;    margin: 0 20px 0 10px;    font-family: codeproregular; ">написано <b style="    font-family: curatorregular;    font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/001b/dd/85/82159.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/001b/dd/85/79644.png" border="0" /></div>
<style>
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 1000px;!important;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 40px;
    width: 55px;
    height: 57px;
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:220px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

   
<!-— новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
// поправка для нормального отображения профиля
$('.post-author ul').append('<li class="end_check"></li>');
</script>
<!-— Конец -->









<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-respect span','<span>+',' &nbsp &nbsp <span>');
   changeS('#pun-ulinks .item2','Активные темы','Активные');
   changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
   changeS('#navadmin','Администрирование','адская');
</script>







<!-------------------------- Пиар-вход -------------------------->

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">PR</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>



<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

<!---------------------------------------------------------------------------------------------------------------------------------------------------------------- ЛС © piterskaya ---->
<div id="character" class="reveal-modal xlarge main container">
<div class='modal_wrap'></div>
<a class="close-reveal-modal">Ч</a>
</div>

<script type="text/javascript">
function showTab(elem){
    $(".menu span").removeClass("tabactive");
    $(elem).addClass("tabactive");
    $("div.submenutext").hide();
    var activeDiv = $(elem).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; 
}
$(".modal-link").click(function() {
        var modId = $(this).attr('id');
$('.modal_wrap').html('');
$.get('pages/'+modId, function (data){
    $('.modal_wrap').html($(data).find('.character').html());
    var accordion = new Accordion($('.modal_wrap .accordion-menu'), false);
});
$(".submenutext").hide();
$(".submenutext:first").show();
});
</script>




<!---------------------------- смена имиджа ---------------------------->
<script src="http://forumstatic.ru/files/0012/58/26/20673.js"></script> 
<script> 
hvScriptSet.addMask({ 
guestAccess: ['episode archive'], 
forumAccessExtended: { 
'story': ['Пользователи', 'игроки'],
        'personal': ['Пользователи', 'игроки'],
        'alternative': ['Пользователи', 'игроки'],
        'flood': ['Пользователи', 'игроки'],
        'competition': ['Пользователи', 'игроки']
    },

changeList: { 
'.pa-fld4': { 
title: 'Личное звание', 
description: 'Заполняйте стандартный код оформления профиля персонажа', 
tag: 'character', 
class: 'pa-fld4, 
  defaultCode: '<span class="lz">текст текст текст <b><a href="ссылка на пару">пара пара</a></b>. ваш текст ваш текст </span><span class="ank"><a href="ссылка на анкету">фи маленькими буквами на кириллице, возраст физический/возраст реальный</a>',
            type: 'html'
} 
}, 
userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-respect'] 
}); 
</script>


<!--Дефф скрипт маски-->
<style>.punbb .pa-avatar img {max-width:150px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//

OnSmenaImage("Название  Категории", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Название  Форума", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Название темы", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))

StartNIZ(); //

//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>
объявление
Код:
<tabla>
<!---------------------------- НЕ ТРОГАТЬ эпизод---------------------------->
<div class="epizod">BEST EPISODE</div>
<!---------------------------- НЕ ТРОГАТЬ пост---------------------------->
<div class="bpost">BEST POST</div>
<!---------------------------- НЕ ТРОГАТЬ актив---------------------------->
<div class="activname">ACTIVISTS</div>
<!---------------------------- НЕ ТРОГАТЬ флуд---------------------------->
<div class="floodname">FLOODERS</div>


<!---------------------------- Нужные ---------------------------->


<!---------------------------- ПОСТОПИСЦЫ ---------------------------->
<div class="aktiv">
<div class="ab1"><a href="http://unholy.f-rpg.me/profile.php?id=29" title="стефан"><img src="http://upforme.ru/uploads/001b/dc/dc/3/378104.png"></a></div>
<div class="ab2"><a href="http://unholy.f-rpg.me/profile.php?id=12" title="леночка"><img src="http://upforme.ru/uploads/001b/dc/dc/3/685680.png"></a></div>
<div class="ab3"><a href="http://unholy.f-rpg.me/profile.php?id=13" title="кол"><img src="http://upforme.ru/uploads/001b/dc/dc/3/400290.png"></a></div>
</div>

<!---------------------------- Флудеры ---------------------------->
<div class="flooders">
<div class="fb1"><a href="http://unholy.f-rpg.me/profile.php?id=3"title="кэр"><img src="http://upforme.ru/uploads/001b/dc/dc/3/298079.png"></a></div>
<div class="fb2"><a href="http://unholy.f-rpg.me/profile.php?id=53" title="марсель"><img src="http://upforme.ru/uploads/001b/dc/dc/3/447503.png"></a></div>
<div class="fb3"><a href="http://unholy.f-rpg.me/profile.php?id=42" title="азиат крч"><img src="http://upforme.ru/uploads/001b/dc/dc/3/933699.png"></a></div>
</div>

<!---------------------------- Пост---------------------------->
<div class="post">
<a href="http://unholy.f-rpg.me/viewtopic.php?id=96#p9335"style="position: absolute; text-shadow: #2c2313 1px 1px; color: #a98549; top: 121px; left: 645px; font-family: 'Raleway Regular'; width: 207px; height: 43px; text-align: justify; overflow: auto; padding: 0px 5px 0 0;"> Он ведет себя так сдержанно, от чего еще труднее дышать. Ты идешь по легкому пути: выставляешь виноватым его, потому что стала слабой, не способной говорить на-чистоту... </a>
</div>


<!---------------------------- Эпизод---------------------------->
<div class="ep">
« <a href="http://unholy.f-rpg.me/viewtopic.php?id=78#p9355"style="color: #a98549">not forgiven</a> »</div>
</tabla>

<!---------------------------- Плашки ---------------------------->
<div class="novosti">

<a href="http://unholy.f-rpg.me/viewtopic.php?id=135#p9282"><div class="plaha"><raz>Сюжетный</raz><dva>разбор</dva></div></a>
<a href="http://unholy.f-rpg.me/viewtopic.php?id=132"><div class="plaha"><raz>Кастинг</raz><dva>на роль Елены Гилберт</dva></div></a>
<br><a href="http://unholy.f-rpg.me/viewtopic.php?id=4#p5"><div class="plaha"><raz>Упрощенный прием</raz><dva>всего 10 фактов всем</dva></div></a> <a href="http://unholy.f-rpg.me/viewtopic.php?id=58#p9401"><div class="plaha"><raz>Новости</raz><dva>найди себя среди активистов</dva></div></a> <a href="http://unholy.f-rpg.me/viewtopic.php?id=134#p9395"><div class="plaha"><raz>Итоги конкурсов</raz><dva>забери сладкий приз</dva></div></a> 

</div>
html в форме ответа
Код:
<!--Смайлы от Человека-Шамана редактирование через файл--><script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/0c/86/28923.txt");
});
</script>
<!--конец-->



<!— Кликабельность ника в постах Гостя —>
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>



<!--репутация без обновления страницы-->
<script> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>
<!-- конец -->



<!--Переключение раскладки выделенного текста --> 
<style>#button-transL{background-image:url(https://i.imgur.com/IY448wH.png)}</style> 
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>'; 
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat'; 
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'}; 
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); 
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); 
lat.push('\\[');lat.push('\\]');lat.push('\\.'); 
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); 
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);} 
</script>
<!-- конец -->


<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>



<!--ФОРМА ОТВЕТА ВЫРАВНИВАНИЕ ТЕКСТА ПО ШИРИНЕ-->
<style>
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>

<!--Меняем Шрифт в Топике --> 
<style id=a_fnt>.post h3 img{margin:0 5px;cursor:pointer; }</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}
 
a='<strong class=fnt style="width:auto;margin-right:40%;"><img src="https://i.ibb.co/txwB8gZ/image-1.png" alt="-" />Шрифт<img src="https://i.ibb.co/4m60G6f/image.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
 if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
 $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
 setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script><!--End//Меняем Шрифт в Топике -->



<!----------------------------------------------------------------------------------------------------------------- ШРИФТЫ ---->
<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push('- Л А Т И Н И Ц А -');
ft_f.push('Agoka Family'); 
ft_f.push('Angelic Bonques Regular'); 
ft_f.push('Angelic Bonques Script'); 
ft_f.push('Bigilla');
ft_f.push('BEWARE'); 
ft_f.push('Halimun'); 
ft_f.push('Shallou'); 
ft_f.push('Shimes One'); 
ft_f.push('Shimes Two'); 
ft_f.push('- К И Р И Л Л И Ц А -');
ft_f.push('Arkhip'); 
ft_f.push('Bebas Neue'); 
ft_f.push('Bradobrei'); 
ft_f.push('Cuprum'); 
ft_f.push('Doppelganger'); 
ft_f.push('Engine');
ft_f.push('Hi Melody'); 
ft_f.push('Intro'); 
ft_f.push('Mak'); 
ft_f.push('Montserrat'); 
ft_f.push('Philosopher'); 
ft_f.push('Playfair Display'); 
ft_f.push('Raleway Marck Script'); 
ft_f.push('Santa Catarina'); 
ft_f.push('Yeseva One'); 
for (i in ft_f) { 
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
j += "font=" + ft_f[i]; 
j += "]','[/font]')\" /></div>"; 
ft.innerHTML += j; 
}} 
</script>
Личная страница
Код:
<div class='character'><div class="menu-links"><span alt="#sm1" onclick="showTab(this);">стикеры и задания</span><span alt="#sm2" onclick="showTab(this);">плашки и подарки</span></div>

<!------------------------------------------------------------------------------ ТУТ ССЫЛКА НА РЕДАКТИРОВАНИЕ И АВ ---->
<a href="http://ссылка/admin_pages.php?edit_page=ls"><img src="http://upforme.ru/uploads/001b/dc/dc/3/241917.gif" class="lsav"></a>

<!------------------------------------------------------------------------------ ТУТ ИФ ---->
<lsname>caroline forbes</lsname>

<!------------------------------------------------------------------------------ ТУТ КАРТОЧКА ---->
<img src="http://forumstatic.ru/files/001b/dc/dc/63056.png" class="lscard">

<!------------------------------------------------------------------------------ ТУТ БОНУСЫ ----><lsbonus>
бонусов нет

</lsbonus><div id="submenu"><div id="sm1" class="submenutext" style="display:block;"><ul class="accordion-menu">
<!------------------------------------------------------------------------------ ТУТ СТИКЕРЫ ---->

<!-- люди--><li><div class="dropdownlink">

люди

</div><div class="submenuItems" style="display: block;">

<!-- лизфорбс-->
<div class="stick"><span>
1. Попасть в полицейский участок [постовое задание]
<br>2. Быть во флуде hot mommy 10 сообщений [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/54172.png" class="x">
</div>

<!-- мэтт-->
<div class="stick"><span>
1. Стать свидетелем воскрешения/возвращения из мертвых [постовое задание]
<br>2. 5 сообщений во флуде восклицать о том, как хорошо быть живым [флудовое задание]
<br>3. Рассказать во флуде анекдот в стиле Мэтта Доннована [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/28572.png" class="x">
</div>

<!-- елена-->
<div class="stick"><span>
1. Начать пост с фразы "Дорогой дневник" [постовое задание]
<br>2. Посетить праздник в Мистик-Фоллс или в Новом Орлеане [постовое задание]
<br>3. Составить плейлист из 5 песен, которые ассоциируются с Еленой Гилберт [флудовое задание]
<br>4. Поцеловать кого-то в теме бутылочки, но не забудь подробно расписать свой поцелуй [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/75728.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->


<!-- близнецы--><li><div class="dropdownlink">

близнецы

</div><div class="submenuItems">

<!-- джо-->
<div class="stick"><span>
1. Увидеть сон, как ты стал родителем/мечтать о том, как заведешь семью и станешь родителем [постовое задание]
<br>2. Составить плейлист из 5 песен на свадебную тему [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/88810.png" class="x">
</div>

<!-- лиззиджоззи-->
<div class="stick"><span>
1. Накосячить, но при этом попросить друга о помощи [постовое задание]
<br>2. 5 сообщений флуда восхищаться администрацией [флудовое задание]
<br>3. Составить топ-5 любимых персонажей вселенной Дневников вампира (на ваш вкус) [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/53544.png" class="x">
</div>

<!-- кай-->
<div class="stick"><span>
1. Слушать музыку в наушниках [постовое задание]
<br>2. Жаловаться на то, что джинсы малы/слишком узкие [постовое задание]
<br>3. Поставить 50 плюсов [флудовое задание]
<br>4. На сутки примерить на себя стиль 94-го (сменить аватар) [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/45912.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->


<!-- вкладка стикера начало--><li><div class="dropdownlink">

вампиры

</div><div class="submenuItems">

<!-- стэфан-->
<div class="stick"><span>
1. Отключить эмоции/вспоминать какого было, когда отключил эмоции [постовое задание]
<br>2. Составить свой рейтинг топ-3 пары Дневников Вампира [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/78805.png" class="x">
</div>

<!-- кэролайн-->
<div class="stick"><span>
1. Станцевать танец чирлидера/смотреть выступление чирлидеров (постовое задание)
<br>2. Надеть на сутки розовый аватар [флудовое задание]
<br>3. Оставить 10 сообщений во флуде исключительно gif-смайлами [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/89499.png" class="x">
</div>

<!-- деймон-->
<div class="stick"><span>
1. Говорить с надгробием близкого человека/выпить на могиле [постовое задание]
<br>2. Рассуждать о семейных отношениях [постовое задание]
<br>3. 10 сообщений приглашать игроков выпить с тобой бурбон [флудовое задание]
<br>4. Написать заявку в «хочу видеть» [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/21169.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->


<!-- вкладка стикера начало--><li><div class="dropdownlink">

оборотни

</div><div class="submenuItems">


<!-- ричард-->
<div class="stick"><span>
1. Написать в посте цитату «Фу, здесь пахнет псиной» [постовое задание]
<br>2. 5 сообщений во флуде заканчивать фразой «я устал» [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/32339.png" class="x">
</div>

<!-- мэйсон-->
<div class="stick"><span>
1. Выгуливать собаку/покормить бездомную собаку [постовое задание]
<br>2. Написать отзыв в топ [форумное задание]
<br>3. Рассказать историю про своего домашнего любимца [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/25525.png" class="x"></div>

<!-- тайлер-->
<div class="stick"><span>
1. Заметить, что ты линяешь/выпадают волосы [постовое задание]
<br>2. Выть на луну [постовое задание]
<br>3. Составить волчью эстетику из картинок или гиф-анимации [флудовое задание]
<br>4. Составь плейлист из 5 любимых песен [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/20597.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->


<!-- вкладка стикера начало--><li><div class="dropdownlink">

двойники

</div><div class="submenuItems">


<!-- амара-->
<div class="stick"><span>
1. Не скрывай слезы, ведь тебе станет легче, если выплакаться. Поплачьте в посте. [постовое задание]
<br>2. Написать одному из игроков нежное, но тайное письмо и отправьте его на профиль главного администратора. Мы обязательно передадим его получателю [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/27844.png" class="x">
</div>

<!-- сайлас-->
<div class="stick"><span>
1. Заставить кого-то делать то, что ты пожелаешь [постовое задание]
<br>2. Запереть кого-то/быть запертым кем-то в душном и маленьком помещении [постовое задание]
<br>3. Оплатить кому-то плашку [форумное задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/65523.png" class="x">
</div>

<!-- кэтрин-->
<div class="stick"><span>
1. Заботиться о ком-то, кто младше тебя (по званию или возрасту) [постовое задание]
<br>2. Попробовать на вкус вербену [постовое задание]
<br>3. На сутки переодеться в графику Елены Гилберт [флудовое задание]
<br>4. Поставить статус «Кэтрин Пирс снова убежала от Клауса :Р» на сутки [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/38831.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->

<!-- вкладка стикера начало--><li><div class="dropdownlink">

ведьмы

</div><div class="submenuItems">


<!-- давина-->
<div class="stick"><span>
1. Прятать что-то на чердаке [постовое задание]
<br>2. 10 сообщений жаловаться на каждого члена семьи Майклсонов [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/97480.png" class="x">
</div>

<!-- бонни-->
<div class="stick"><span>
1. Упасть в обморок от изнеможения [постовое задание]
<br>2. Помогать другу или подруге в сложной жизненной ситуации [постовое задание]
<br>3. Написать топ-5 лучших по вашему мнению фильмов и/или сериалов про ведьм [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/47555.png" class="x">
</div>

<!-- фрейя-->
<div class="stick"><span>
1. Неожиданно появиться на вечеринке/семейном ужине, куда тебя не позвали [постовое задание]
<br>2. Дать кому-то непрошенный совет [постовое задание]
<br>3. 20 сообщений подряд предлагать игрокам во флуде погадать на руке (игроки не должны повторяться) [флудовое задание]
<br>4. Напишите 3 заявки в "хочу к вам" на бывших [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/92205.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->


<!-- вкладка стикера начало--><li><div class="dropdownlink">

новый орлеан

</div><div class="submenuItems">


<!-- джош-->
<div class="stick"><span>
1. Попасть на вампирскую вечеринку [постовое задание]
<br>2. Составьте клубный плейлист из 10 песен [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/57450.png" class="x">
</div>

<!-- винсент-->
<div class="stick"><span>
1. Притворяться кем-то, кем вы не являетесь на самом деле [постовое задание]
<br>2. Объедаться сладостями на Марди Гра [постовое задание]
<br>3. Опишите свой идеальный карнавальный костюм (не менее 3х предложений) [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/14235.png" class="x">
</div>

<!-- марсель-->
<div class="stick"><span>
1. Угрожать ведьме расправой [постовое задание]
<br>2. Устроить потасовку в баре [постовое задание]
<br>3. 30 сообщений во флуде пишите: "Я шоколадный заяц, я ласковый мерзавец. Я сладкий на все сто, о-о-о" [флудовое задание]
<br>4. Переоденьте профиль на сутки в очень яркие цвета [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/35676.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->

<!-- вкладка стикера начало--><li><div class="dropdownlink">

гибриды

</div><div class="submenuItems">


<!-- хоуп-->
<div class="stick"><span>
1. Найти приключения на задницу [постовое задание]
<br>2. Оставьте 15 реклам [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/36040.png" class="x">
</div>

<!-- хейли-->
<div class="stick"><span>
1. Прохлаждаться, пока другие усиленно работают [постовое задание]
<br>2. Переспать с кем-то [постовое задание]
<br>3. 30 сообщений во флуде писать каждому грозное: "НЭ МАМКАЙ!" [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/98878.png" class="x">
</div>

<!-- клаус-->
<div class="stick"><span>
1. Заключить с кем-то сделку и не выполнить свою часть договора [постовое задание]
<br>2. Заколоть кого-то с помощью кола/палки/бильярдного кия/вешалки для одежды [постовое задание]
<br>3. Напишите 5 заявок на оборотней и/или вампиров в "хочу видеть" [флудовое задание]
<br>4. Оставьте 25 реклам или напишите заявку на нужного [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/13840.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->

<!-- вкладка стикера начало--><li><div class="dropdownlink">

охотники

</div><div class="submenuItems">


<!-- джереми-->
<div class="stick"><span>
1. Курить травку на кладбище [постовое задание]
<br>2. Составьте список любимых книг про вампиров/оборотней/ведьм (не менее 3х книг) [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/28710.png" class="x">
</div>

<!-- аларик-->
<div class="stick"><span>
1. Неверно вспоминать исторические события в политическом споре [постовое задание]
<br>2. Подраться с вампиром по пьяни [постовое задание]
<br>3. Признаваться в любви то Деймону, то Джо, то Дженне на протяжении 30 сообщений во флуде [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/91737.png" class="x">
</div>

<!-- майкл-->
<div class="stick"><span>
1. Выслеживать вампиров в течении долгого времени [постовое задание]
<br>2. Планировать поездку в Новый Орлеан, чтобы повидать близких/врага [постовое задание]
<br>3. Переодеть профиль на сутки в любимого злодея (сериального, киношного или мультяшного) [флудовое задание]
<br>4. Поделитесь во флуде лучшими воспоминаниями о семейных посиделках (не менее 3х предложений) [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/12304.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->

<!-- вкладка стикера начало--><li><div class="dropdownlink">

первородные

</div><div class="submenuItems">


<!-- элайджа-->
<div class="stick"><span>
1. Вырывать кому-то сердца [постовое задание]
<br>2. 30 сообщений во флуде спрашивайте у игроков: "Вы, случайно, не видели мою семью?" [флудовое задание]
<br>3. Переодеть профиль в графику, где ваш персонаж одет в смокинг или вечернее платье на сутки [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/65952.png" class="x">
</div>

<!-- ребекка-->
<div class="stick"><span>
1. Мечтать о большой и дружной семье [постовое задание]
<br>2. Потратить все деньги с чужой карточки на новую одежду [постовое задание]
<br>3. Составьте топ-10 семейных фильмов и/или сериалов [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/20200.png" class="x">
</div>

<!-- кол-->
<div class="stick"><span>
1. Неуместно пошутить в компании друзей/родственников [постовое задание]
<br>2. Избить кого-то, используя биту [постовое задание]
<br>3. 10 сообщений критиковать семейное "always & forever"[флудовое задание]
<br>4. Напишите заявку на нужного-врага или оставьте 30 реклам [флудовое задание]
</span><img src="http://forumstatic.ru/files/001b/dc/dc/79231.png" class="x">
</div>

</div></li><!-- вкладка стикера конец-->

<!-- конец стикеров --></ul></div><div id="sm2" class="submenutext"><div class="plashgifts"><plash><name>плашки</name><span>

<!------------------------------------------------------------------------------ ТУТ ПЛАШКИ ---->
<img src="https://via.placeholder.com/180x15">
<img src="https://via.placeholder.com/180x15">
<img src="https://via.placeholder.com/180x15">


</span></plash><gifts><name>подарки</name><span>

<!------------------------------------------------------------------------------ ТУТ ПОДАРКИ ---->
<img src="ссылка на картинку" title="нет">
<img src="ссылка на картинку" title="нет">



</span></gifts></div></div></div></div>

0

2

https://upforme.ru/uploads/001b/dc/dc/3/810470.png

вверх
Код:
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span><center><br><font face="Times New Roman"><font color="#800000"><span style="font-size: 20pt">Скоро вернёмся...</font></font></span></center>
</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 0;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике— '+document.title;
}
</script>


<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[30,32]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f32	:-[344],  //Мы пишем историю
f9	:-[0],  //Вы пишете рассказ
f43	:-[0],  //Merry Christmas, Joy
f18	:-[0]	//А если бы... //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->


<!---------------------------------ТАБЛИЦА В ШАПКЕ------------------------------>


<!------------------ важные ссылки ------------>
<div class="link">
<a href="http://faceinless.ru/viewtopic.php?id=9#p11">сюжет</a> 
<a href="http://faceinless.ru/viewtopic.php?id=65">путеводитель</a> 
<a href="http://faceinless.ru/viewtopic.php?id=66#p4840">роли & внешности </a> 
<a href="http://faceinless.ru/viewtopic.php?id=152">faq</a>
<a href="http://faceinless.ru/viewtopic.php?id=10">бестиарий</a>
<a href="http://faceinless.ru/viewtopic.php?id=7">сюжетные акции</a>
</div>

<!------------------ инфо о проекте ------------>
<div class="info1">
THE VAMPIRE DIARIES Ч THE ORIGINALS X LEGACIES X 2018
</div>

<!------------------ лучший пост ------------>
<div class="bestpostname">лучший пост <br>
<a href=https://faceinless.ru/viewtopic.php?id=329#p50588">Caroline</a></div>
<div class="bestpost">Почему именно моим будущим, моей жизнью так легко можно поступиться? Я понимаю, что уже поздно. Я люблю этих девочек. Они мои! Но… Боже, как бы я хотела, чтобы кто-то признал, что это несправедливо! Стефан и Аларик — моя опора, но и они приняли все как должное. Лиз… Моя мать… Знаешь, думаю, она нашла бы, что сказать всем им, если бы была здесь. 
</div>

<!------------------ лучший эпизод ------------>
<div class="bestep">лучший эпизод <br>
<a href="https://faceinless.ru/viewtopic.php?id=443" title="Том и Лекси">ночь - лучшее время для выбора ёлки</a>
</div>

<!------------------ активисты ------------>
<div class="activep"> активисты флуда <br>
<a href="https://faceinless.ru/profile.php?id=100">Klaus</a> x <a href="https://faceinless.ru/profile.php?id=106">Hayley</a> x  <a href="https://faceinless.ru/profile.php?id=135">Alex</a> x <a href="https://faceinless.ru/profile.php?id=111">Trevor</a> 
</div>

<!------------------ постописцы ------------>
<div class="poster"> постописцы <br>
<a href="https://faceinless.ru/profile.php?id=139">
Elena</a> x <a href="https://faceinless.ru/profile.php?id=141">
Stefan</a> x  <a href="https://faceinless.ru/profile.php?id=134">Alita</a> x <a href="https://faceinless.ru/profile.php?id=138">Hope</a> 
</div>

<!--выделить код. 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>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-— Отключение модулей -->
<script type="text/javascript">
RusffCore.sets.share = 0; // Отключить функцию "Поделиться"
rusffLive.enable = false; // Отключить функцию "Это интересно"
RusffCore.sets.use_awards = 0; // Отключить награды
RusffCore.sets.files.button = false; // Отключить кнопку "Вложения"
RusffCore.sets.graffiti = 0; // Отключение граффити
RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе
RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба
RusffCore.sets.tags = 0; // Отключить функцию "Теги"
ReactionsPlugin.setConfig({
  disable: true
});
</script>


<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>

<!--Скрытие профиля в теме тегом-->
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post-content p:contains("[hideprofile]")').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')}).parents('.post').addClass('hideprofile')});
</script>
<!-- Конец -->

<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->


<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'http://forumstatic.ru/files/001a/f4/24/67452.png'; //Дополнительная Иконка выход;
</script>
<script data="357656"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>



<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>


<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>

<!---------------------------- лс---------------------------->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>



<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '86c40b77b6a48c9457190510e92b2032162fa7f4'; // Forum token
notifications.key = 'ove93sk013s7'; // Subscription key
RusffCore.sets.notifications = false
</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [58,130,9,65]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// конец //-->

<link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<link rel="stylesheet" href="/files/001b/95/a1/96876.css">
низ
Код:
<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="http://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!-------------------------- Кликабельность ника в постах гостя -------------------------->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>


<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("faceless", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>


<!--скрыть блок автора в сообщении-->
<style>
#pun-live-rusff, .hide-author .post-author, .hide-author .post-sig, .hide-author .pl-email, .hide-author .pl-delete, .hide-author .pl-quote, .hide-author h3 {display:none!important;}
.hide-author .post-rating {margin-top:40px!important;position: relative; z-index:99!important;}
#pun-viewtopic h1 {text-align:center;}
.hide-author .post-links {position:relative;z-index:99!important; margin-top:-23px!important;margin-left:770px!important;}
.hide-author .post-body, .hide-author .post-box{margin:0!important;padding:0!important;}
</style>
<script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>
<!--конец-->


<!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ---->
<script type="text/javascript"> 
    var DefAvtr = 'https://upforme.ru/uploads/001b/f0/c8/2/306231.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://upforme.ru/uploads/001b/f0/c8/2/57934.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<style>.avatar-image[style*="default_avatar.jpg"]{       background-image:url(АВ ССВЛКА)!important;    }</style>



    <!--ТЕГ  абзаца - [indent] -->
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>



<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="    font-size: 8px !important;    margin: 0 20px 0 10px;    font-family: tahoma; ">написано <b style="    font-family: tahoma;    font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/001b/f0/c8/83956.png?v=1" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/001b/f0/c8/61085.png?v=1" border="0" /></div>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

   
<!-— новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
// поправка для нормального отображения профиля
$('.post-author ul').append('<li class="end_check"></li>');
</script>
<!-— Конец -->


<!-------------------------- Пиар-вход -------------------------->

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




<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/Sv4mpWV.png")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<!---------------------------- выравнивание justify---------------------------->
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>


<!---------------------------- МАСКА ---------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Мы пишем историю', 'Вы пишете рассказ', 'А если бы...', 'Общение', 'Конкурсы', 'Дорогой дневник...', 'Завершенные сюжетные эпизоды'],
    forumAccessExtended: {
        'Мы пишем историю': ['игроки'],
        'Вы пишете рассказ': ['игроки'],
        'А если бы...': ['игроки'],
        'Общение': ['игроки', 'Пользователи'],
        'Конкурсы': ['игроки'],
        'Дорогой дневник...': ['игроки'],
        'Завершенные сюжетные эпизоды': ['игроки'],
    },
    changeList: {
        'pafld2': {
            title: 'личное звание',
            description: '',
            tag: 'info',
            class: 'pa-fld2',
            defaultCode: '<div class="lzname"> <b>Имя Фамилия, возраст</b> </div> <div class="lztext">текст и <a href="http://faceinless.ru/">ссылка</a>. </div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect']
});
</script>

<!---------------------------- личная страничка ---------------------------->

<style>
.reveal-modal {
    display:none;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    z-index: 101;
}

</style>
  <div id="character" class="reveal-modal xlarge main container">   
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal" onclick="$(this).parent().hide()">Ч</a>
 </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');

    $('.modal_wrap').html('');
    $.get('/pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html()).parent().show();
    });

    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>


 <!-- Регулировка размера шрифта в постах © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>


<div class="cop"> <a href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">mrazeushadyprod.</a></div>

<div class="ban">
<a href="http://greenwich.rusff.me/" target="_blank"><img src="http://forumstatic.ru/files/001b/b5/60/77478.png" border="0" alt="greenwich"></a> <a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a><a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a><a href="http://newadventure.rusff.me/"><img src="http://forumstatic.ru/files/0014/ed/19/40119.png"></a><a href="https://thedome.rusff.me/" target="_blank"><img src='https://i.imgur.com/qEqiky1.jpg' title="Город, из которого нет выхода" /></a><a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/0pZjB0M.gif"  title="BOSTON"></a><a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://upforme.ru/uploads/001b/d5/58/2/217166.gif"></a><a href="https://verbaveritatis.rusff.me" title="Верба"><img src="https://upforme.ru/uploads/001b/aa/c9/2/785234.png"></a><a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/0oGaih9.gif" title="no stress cross"></a><a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/e7/6d/68136.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a><a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://morsmordremortis.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/487016.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/35604.png" title="alluvio maris"></a><<a href="http://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="http://upforme.ru/uploads/001b/e6/91/2/894168.jpg" border ></a><a href="http://shlexmalalexnulla.rusff.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/91/87/45101.png" border="0" width="88" height="31" title="LEX MALA LEX NULLA"></a> <a href="https://nsignal.ru" target="_blank"><img src="https://upforme.ru/uploads/001a/b6/b3/2/599330.gif" title="no signal"></a><a target="_blank" href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a><a href="https://tma.f-rpg.me/" title="The morning after" target="_blank"><img src="https://upforme.ru/uploads/001b/f6/17/2/586749.gif"></a>
</div>

0

3

Структура style.css
Код:
/*************************************************************

Основа css разработана piterksaya, дизайн by mrazeus & shady. 

**************************************************************/

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url('//forumstatic.ru/files/001b/6e/df/58432.css');
@import url('//forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: POIRETONE-REGULAR;
src: url('//forumstatic.ru/files/001b/f0/c8/46727.ttf?v=1');}
@font-face {font-family: tahoma;
    src: url('//forumstatic.ru/files/001b/11/27/69819.ttf?v=1');}
@font-face { font-family: YESEVAONE;
    src: url('//forumstatic.ru/files/001b/11/27/49269.otf?v=1');}
@font-face { font-family: Koloman Modern;
    src: url('//forumstatic.ru/files/001b/6e/df/58872.ttf');}
@font-face { font-family: Alter Biom;
    src: url('//forumstatic.ru/files/001b/b9/c5/65163.otf?v=1');}
@font-face { font-family: Vogue Highline serif;
    src: url('//forumstatic.ru/files/001b/6e/df/10841.otf');}


/* шрифт для адвент календаря */
@font-face { font-family: Delicate;
    src: url('https://forumstatic.ru/files/001b/dd/85/40872.otf');}    



/* A2 НАСТРОЙКИ БРАУЗЕРА ПО УМОЛЧАНИЮ. ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] 
{margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 ШРИФТ НА ФОРУМЕ - ЛУЧШЕ НЕ ТРОГАТЬ.
 блок отвечает за шрифты и их размеры, но он не требует изменений в 95% случаев
-------------------------------------------------------------*/

/* A3.1 РАЗМЕР ШРИФТА НА ФОРУМЕ
-------------------------------------------------------------*/
body {
  font-size: 100.01%;
  overflow-x: hidden
  }


/* A3.1 ШРИФТЫ НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* A3.2 ШРИФТЫ В ПОЛЯХ ВВОДА
-------------------------------------------------------------*/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, helvetica, sans-serif;
  }

/* A3.4 ЗАГОЛОВКИ
-------------------------------------------------------------*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  border-color: transparent;
  }

/* ВСЕ, ЧТО НИЖЕ В БЛОКЕ А3, ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

.punbb pre {
  font: 1.1em/140% verdana regular, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
-------------------------------------------------------------*/

/* A5.4 НЕ ТРОГАЕМ */
.punbb .section, .punbb .main {
      margin-bottom: 1em;
  }

/* A5.5 НЕ ТРОГАЕМ */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 НЕ ТРОГАЕМ */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: -20px;
  }

/* 5.7 НЕ ТРОГАЕМ */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 НЕ ТРОГАЕМ */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 НЕ ТРОГАЕМ */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 КАТЕГОРИИ, ЗАГОЛОВКИ - ОТСТУПЫ - НЕ ТРОГАЕМ */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0px 1px;
  }

/*************************************************************
B - ГЛАВНОЕ СОДЕРЖИМОЕ - ОБЩИЕ
**************************************************************/

/* B1 контент, подписи и поля прокрутки
-------------------------------------------------------------*/

/* B1.1 ВАЖНО! ВЫРАВНИВАНИЕ ТЕКСТА В ПОСТАХ
Justify в последней строке отвечает за выравнивание постов по ширине*/
.punbb .post-content {
  width: 100%!important;
  overflow: hidden;
  text-align:justify;
  }

/* B1.2 ПОЛОСА, ОТДЕЛЯЮЩАЯ ПОСТ И ПОДПИСЬ*/
.punbb .post-sig dt {
  display: block;
  border-top: 4px double #5e5a4f26;;
  width: 90%;
  margin: 50px 0 0 30px;
  padding-top: 20px;
  }



/* B1.3 АБЗАЦЫ ВНУТРИ ПОСТОВ*/ 
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 160%;}

/* B1.4 НЕ ТРОГАЕМ */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 НЕ ТРОГАЕМ */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 НЕ ТРОГАЕМ */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 НЕ ТРОГАЕМ */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 ОТСТУПЫ У ЦИТАТ, КОДОВ - НЕ ТРОГАЕМ  */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 1.4em 1em 0.8em;
    padding: 0em;
}


/* B2 ИНФОБОКСЫ ВООБЩЕ НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
-------------------------------------------------------------*/

/* B3.1 НЕ ТРОГАЕМ */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 НЕ ТРОГАЕМ */
.multipage {
  margin-top: 7em;
  }

/* B3.3 СТРАНИЦЫ ВНУТРИ ТЕМ СВЕРХУ */
.linkst .pagelink {
    margin-top: -40px;
    margin-left: 14px;
    font-family: 'tahoma';
     font-variant: all-small-caps;
     font-size: 13px;
    font-weight: bold;
}

/* СНИЗУ */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;  
    font-family: 'tahoma';
    font-variant: all-small-caps;
    font-size: 13px;
    font-weight: bold;
}


/* НЕ ТРОГАТЬ */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;    
  }


/* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 0em 0.5em 1em;
    font-size: 1.1em; 
font-family: 'tahoma';
    font-variant: all-small-caps;
font-size: 13px;
}

/* B3.4 ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС ВНУТРИ ПОДФОРУМА
Лучше не трогать */
.linkst .postlink {
    position: absolute;
    top: -40px;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
font-family: 'tahoma';
    font-variant: all-small-caps;
font-size: 13px;
}

/* B3.8 ССЫЛКА ПОДПИСАТЬСЯ И ОТСЛЕЖИВАТЬ ВНУТРИ ТЕМЫ
Лучше не трогать */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
font-family: 'tahoma';
    font-variant: all-small-caps;
font-size: 13px;
  }


/*************************************************************
C - НАСТРОЙКА ГЛАВНЫХ ЭЛЕМЕНТОВ
**************************************************************/

/* C1 РАСПОЛОЖЕНИЕ ФОРМ
-------------------------------------------------------------*/

/* C1.1 НЕ ТРОГАЕМ */
.punbb .formal .container {
  padding: 0em;
  }

/* C1.2 НЕ ТРОГАЕМ */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 НЕ ТРОГАЕМ */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 НЕ ТРОГАЕМ */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 0px 0 10px;
  margin: 0 0 1em 0
  }

/* C1.5 НЕ ТРОГАЕМ */
.punbb fieldset legend {
  padding: 0;
  padding: 0 10px 0 10px;
  font-size: 1.1em
  }

/* C1.6 НЕ ТРОГАЕМ */
.punbb fieldset legend span {
  padding: 0 5px;
    margin: 0 0 0 10px;
    font-family: 'tahoma';
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

/* C1.7 НЕ ТРОГАЕМ */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 НЕ ТРОГАЕМ */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 НЕ ТРОГАЕМ */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 НЕ ТРОГАЕМ */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 НЕ ТРОГАЕМ */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 НЕ ТРОГАЕМ */
.punbb .datafield br {
  display: none
  }

/* C1.13 НЕ ТРОГАЕМ */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 НЕ ТРОГАЕМ */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 НЕ ТРОГАЕМ */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 НЕ ТРОГАЕМ */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* УБРАТЬ ОБВОДКУ АКТИВНОГО ПОЛЯ */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}



/* C1.17 НЕ ТРОГАЕМ */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 НЕ ТРОГАЕМ */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 НЕ ТРОГАЕМ */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 НЕ ТРОГАЕМ */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 НЕ ТРОГАЕМ */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }

/* C1.21.1 НЕ ТРОГАЕМ */
.punbb .helplinks span INPUT {
  margin-right: 2px;
  margin-bottom: 2px;
}

/* C2 РАСПОЛОЖЕНИЕ ТАБЛИЦ
-------------------------------------------------------------*/

/* C2.1 ПОДФОРУМ - СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА 
Очень редко требует корректировки */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 НЕ ТРОГАЕМ */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 5%;
  }

/* C2.3 ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА И ПОСЛЕДНЕЕ СООБЩЕНИЕ
СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА
Очень редко требует корректировки */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 40%;
  }

/* C2.4 НЕ ТРОГАЕМ */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 НЕ ТРОГАЕМ */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 НЕ ТРОГАЕМ */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 НЕ ТРОГАЕМ */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 НЕ ТРОГАЕМ */
#pun-index .tcl h3 {
  font-size: 1.2em;
  }

/* C2.9 НЕ ТРОГАЕМ */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 НЕ ТРОГАЕМ */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 НЕ ТРОГАЕМ */
.punbb .main td {
  border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 1em 0em 1em 1em;
  }

/* C2.12 НЕ ТРОГАЕМ */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 НЕ ТРОГАЕМ */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }


/* C2.14 НЕ ТРОГАЕМ */
.punbb tbody.hasicon td.tcl {  }

/* C2.15 НЕ ТРОГАЕМ */
.punbb div.icon { }


 /* C3 ТОПИКИ
-------------------------------------------------------------*/

/* C3.1 НЕ ТРОГАЕМ */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 НЕ ТРОГАЕМ */
.punbb .post h3 {
border-width: 1px;
    width: 700px;
    margin: 15px 0px -20px 245px !important;
    height: 15px;
    color: #1f1e1b;
    text-transform: uppercase;
    padding: 1px 2px 5px 2px !important;
    border-radius: 3px;
    font-family: 'tahoma';
    font-variant: all-small-caps;
    font-weight: bold;
    background: #2626220d;
    border: 1px #afada5 solid;
  }

/* C3.3 НЕ ТРОГАЕМ */
.punbb .post h3 span {
    border-left: 1px solid transparent;
    padding: 2px 10px 0px 19px!important;
    display: block;
}

/* C3.4 НЕ ТРОГАЕМ */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 ПРОФИЛЬ */
.punbb .post .post-author {
    float: left;
    margin-top: -1.5em;
    overflow: hidden;
    min-height: 140px!important;
}

/* C3.6 НЕ ТРОГАЕМ */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 НЕ ТРОГАЕМ */
.pa-author { }

/* C3.7 НЕ ТРОГАЕМ */
.pa-author a {}

/* C3.7 НЕ ТРОГАЕМ */
.pa-author a:hover {
}

/* C3.9 СТАТУС-ЛИЧНОЕ ЗВАНИЕ АВТОРА В ПРОФИЛЕ В ТОПИКЕ */
li.pa-title {
  padding-bottom: 0em;  }

/* C3.10 ПРЯЧЕМ, КОГДА ЗАРЕГИСТРИРОВАН*/
.pa-reg {display: none;}

/* не трогаем */
li.pa-online {    font: 7px tahoma;
    text-transform: uppercase;
    margin-top: 5px!important;}

/* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */
.punbb .post-body {
    margin-left: 240px;
    border-left-style: solid;
    border-left-width: 1px;
}

/* C3.12 НЕ ТРОГАЕМ */
.punbb .post-box {
  padding: 40px 15px 0px 0px;
  }

/*C3.13 НЕ ТРОГАЕМ */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 НЕ ТРОГАЕМ */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
 font-family: 'tahoma';
    font-variant: all-small-caps;
font-size: 14px;
  }

/* C3.15 НЕ ТРОГАЕМ */
.punbb .post-links ul {}

/* C3.16 НЕ ТРОГАЕМ */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 НЕ ТРОГАЕМ */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 НЕ ТРОГАЕМ */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 МЕНЮ МОДЕРАТОРА
-------------------------------------------------------------*/

/* C4.1 НЕ ТРОГАЕМ */
.punbb .modmenu .container {
  padding: 1em 0em 1em 1em;
    text-align: right;
    font-family: 'tahoma';
    letter-spacing: 0.5px;
    font-size: 9px;
    text-transform: uppercase;
  }

/* C4.2 НЕ ТРОГАЕМ */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 НЕ ТРОГАЕМ */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 НЕ ТРОГАЕМ */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 НЕ ТРОГАЕМ 
-------------------------------------------------------------*/

/* C5.1 НЕ ТРОГАЕМ */
.punbb .info .container {
  padding: 0em 30em;

  }

/* D5.2 улучшить аккаунт - скрыть */
#pun-status .status-right {
display: none;
}


/* C6.1 НЕ ТРОГАЕМ */
#profile .container {
  padding-left: 13em;
  }

/* C6.2 НЕ ТРОГАЕМ */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 НЕ ТРОГАЕМ */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: normal;
  }

/* C6.4 НЕ ТРОГАЕМ */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 35px;
  margin: 0 0 1em 0;
  }

/* C6.5 НЕ ТРОГАЕМ */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 НЕ ТРОГАЕМ */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 НЕ ТРОГАЕМ */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0em;
  }

/* C6.8 НЕ ТРОГАЕМ */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 НЕ ТРОГАЕМ */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 НЕ ТРОГАЕМ */
#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

/* C6.11 НЕ ТРОГАЕМ */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 СПИСОК ПОЛЬЗОВАТЕЛЕЙ
-------------------------------------------------------------*/

/* C7.1 НЕ ТРОГАЕМ */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 НЕ ТРОГАЕМ */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 НЕ ТРОГАЕМ */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB РАЗДЕЛЫ, ОСНОВНОЕ СОДЕРЖИМОЕ
**************************************************************/

* html .tclcon {height: 1px}

/* D1 ЛОГОТИП И ОПИСАНИЕ
-------------------------------------------------------------*/

/* D1.1 НЕ ТРОГАЕМ */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 НЕ ТРОГАЕМ */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 НЕ ТРОГАЕМ */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 НЕ ТРОГАЕМ */
#pun-title h1 span  {
  font-size: 0em;
  }

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}


/* D2 НАВИГАЦИЯ ПО СТРАНИЦАМ
-------------------------------------------------------------*/

/* D2.1 НЕ ТРОГАЕМ */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 НЕ ТРОГАЕМ */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 НЕ ТРОГАЕМ */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 НЕ ТРОГАЕМ */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 НЕ ТРОГАЕМ */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }
/* НЕ ТРОГАЕМ */
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
Та самая строка, которая показывает ваше нынешнее положение в виде 
НАЗВАНИЕ ФОРУМА - ПОДФОРУМ - ТЕМА
-------------------------------------------------------------*/

/* D3.1  */
#pun-navlinks {
  border: none;
  margin: 0;
}


/* D.3 НЕ ТРОГАЕМ */
#pun-navlinks li {
  display: inline;
  padding-right: 0em;
  }

/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
Форум, участники, поиск и тд - настраиваем вид ссылок */
#pun-navlinks li a {
    margin-right: 8px!important;
    font-size: 20px!important;
    font-family: POIRET ONE;
    color: #5b5851!important;
    text-transform: lowercase;
}

/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
настраиваем вид ссылок при наведении */
#pun-navlinks li a:hover {  
    color: #a17e2e!important;
}

/* КАЖДЫЙ ЭЛЕМЕНТ НАВИГАЦИИ ПО ФОРУМУ В ОТДЕЛЬНОСТИ
В том случае, если нужно будет придать каждой из ссылок свое собственное расположение
-------------------------------------------------------------*/
/* MAIN */
#navindex {
display: inline;
    padding-right: 1em;
}
/* USERS */
#navuserlist {
display: inline;
    padding-right: 1em;
}

/* SEARCH */
#navsearch {
display: inline;
    padding-right: 1em;
}

/* PROF */
#navprofile {
display: inline;
    padding-right: 1em;
}

/* SMS */
#navpm {
display: inline;
    padding-right: 1em;
}

/* EXIT */
#navlogout {
display: inline;
    padding-right: 1em;
}

/* REG */
#navregister {
display: inline;
    padding-right: 1em;
}

/* ENTER */
#navlogin {
display: inline;
    padding-right: 1em;
}

/* PR */
#navpr_1 {
display: inline;
    padding-right: 1em;
}

/* AMS */
#navadmin {
display: inline;
    padding-right: 1em;
}


/* AWARDS HIDDEN */
 #navawards a span {
  display:none;
}

/* D4 ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
Новые сообщения, активные темы, Темы без ответов и т.д.
-------------------------------------------------------------*/

/* D4.1 НЕ ТРОГАЕМ */
#pun-ulinks  {
    border: 2px solid transparent;
    margin-bottom: 15px;
}
/* D4.2 РАСПОЛОЖЕНИЕ КОНТЕЙНЕРА С ПОЛЬЗОВАТЕЛЬСКИМИ ССЫЛКАМИ
не трогаем */
#pun-ulinks .container {
    position: absolute;
    display: inline;
    padding: 0!important;

}
/* НЕ ТРОГАЕМ */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
/* НЕ ТРОГАЕМ */
#pun-ulinks li a {
    padding: 0 0 0 5px;
}

/* D5 СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/

/* D5.1 НЕ ТРОГАЕМ */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 ВАЖНО!!! НАСТРОЙКИ СТРОКИ ПРИВЕТСТВИЯ */
#pun-status .container {
        position: absolute;
    width: 450px;
    text-align: left;
    top: 0px;
    letter-spacing: 0.5px;
    color: #464646!important;
    font-size: 7px;
    line-height: 11px;
    font-family: 'tahoma';
    text-transform: uppercase;
    left: 680px;
   font-weight: bolder;
}

#pun-status strong {      font-weight: bolder;
    color: #464646!important;}

/* D5.3 НЕ ТРОГАЕМ */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 НЕ ТРОГАЕМ */
#pun-crumbs1 {
 
  }

/* D5.5 НЕ ТРОГАЕМ */
#pun-crumbs1 p.container {
        font-size: 15px!important;
    color: #5b5851!important;
    font-family: 'Poiret One';
    text-transform: lowercase;
    font-weight: bold;
}

/* D5.6 НЕ ТРОГАЕМ */
#pun-break1 {
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: 0;
  position: relative;
  z-index: 1;
  }

/* D6 ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/

/* D6.1 НЕ ТРОГАЕМ */
#pun-announcement h2 {
  padding: 0;
  margin: 0 15px -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  display:none;
  }

/* D6.2 НЕ ТРОГАЕМ */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 НЕ ТРОГАЕМ */
#pun-announcement .container {
    text-align: center;
    margin-top: 40px;
    height: auto;
  }

/* D7 СТАТИСТИКА
-------------------------------------------------------------*/

/* D7.1 СТАТИСТИКА
Можно добавить особенный шрифт и цвет, но можно и не трогать*/
#pun-stats .container {
  padding: 0.8em 2em;
  font-family: tahoma!important;
  font-size: 11px;
  text-transform: lowercase;
  }

/* БОРДЕР ВОКРУГ СТАТИСТИКИ */
#pun-stats ul.container{
    margin: 10px 0px 0px 10px;
    padding: 20px 20px 20px 20px;
    text-align: center;
    background: #2626220d;
    border: 1px #afada5 solid;
    width: 890px;
  }

/* D7.2 НЕ ТРОГАЕМ */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    letter-spacing: 0.5px;
    color: #5b5851;
    text-align: center;
    padding: 7px 10px 7px 10px;
    margin-right: 5px;
    display: inline;
    font-size: 7px;
    line-height: 12px;
    text-transform: uppercase;
    align-content: center;
    font-weight: 600;
    background: #00000015;
  }

/* D7.4 НЕ ТРОГАЕМ */
li#onlinelist {
    margin-top: 15px;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: justify!important;
    width: 100%;
    line-height: 100%;
    font-family: 'tahoma';
  }

/* D7.5 НЕ ТРОГАЕМ */
li#onlinelist div {
      border-top-style: solid;
    border-top-width: 1px;
    padding: 0 0 0 0;
    line-height: 16px;
    font-size: 10px;
    font-family: 'tahoma';
    color: #5b5851;
  }


/* D8 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* D8.1 НЕ ТРОГАЕМ */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 НЕ ТРОГАЕМ */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 НЕ ТРОГАЕМ */
#pun-about {
  margin-top: 0;
  }

/* D8.4 НЕ ТРОГАЕМ */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 НЕ ТРОГАЕМ */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 НЕ ТРОГАЕМ */
#pun-crumbs2 {
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 НЕ ТРОГАЕМ */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  }

/* D8.8 НЕ ТРОГАЕМ */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 НЕ ТРОГАЕМ */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 НЕ ТРОГАЕМ
-------------------------------------------------------------*/

/* D9.1 НЕ ТРОГАЕМ */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 НЕ ТРОГАЕМ */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 НЕ ТРОГАЕМ */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 НЕ ТРОГАЕМ */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 НЕ ТРОГАЕМ */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 НЕ ТРОГАЕМ */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 НЕ ТРОГАЕМ */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 НЕ ТРОГАЕМ */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/* ФОРМА ОТВЕТА */
#main-reply {height: 220px}
/* ФОРМА ОТВЕТА В АДМИНЕ */
#pun-admain textarea {    width: 94%!important;}

/*************************************************************

НЕ ТРОГАТЬ

**************************************************************/
/* РАСПОЛОЖЕНИЕ ФОРУМА ПО ЦЕНТРУ
-------------------------------------------------------------*/
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-title {border: none}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
font-size: 0px
}

#pun-index h2 {
font-size: 5px!important;
    color: #5b5851;
    padding: 0 0 0 0!important;
    font-family: tahoma!important;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}


#pun-main div.catleft {
    display: none;
}
.punbb th {font-size: 0!important;}


/* ПРЯЧЕМ КНОПКУ ПОДЕЛИТЬСЯ
-------------------------------------------------------------*/
.topic a.sharelink {
    display: none;
}

/* НЕ ТРОГАЕМ - НЕ ТРЕБУЕТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {border-color: transparent;}

html, body {min-width: 1100px!important;}


.punbb input {
    border: medium none;
}



/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
#pun-main .post-author ul {
    text-align: center;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-color: transparent;
    text-align: justify;
}

/* НЕ ТРОГАТЬ
-------------------------------------------------------------*/
.punbb .user-avatar {
    float: left!important;
    position: relative;
    height: 40px!important;
    width: 40px!important;
    margin: -7px 26px 0px 0px!important;
}

.punbb .user-avatar .avatar-image {    
            border-radius: 0% !important;
    height: 40px !important;
    width: 40px !important;
    opacity: 0.65 !important;
    box-shadow: 0 0 0 1px #3e310e, 0 0 0 2px #675c36;
    float: right!important;
    margin: 0px -10px 0px 0px!important;}

 .punbb .user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -5px!important;
    right: -15px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #6f6636!important;
    z-index: 100;
}

#pun-status .status-right { float:none!important; }

#pun-status .status-right a  { color: #6f5d42!important; }

.adminmain {
    padding-left: 15em;
    margin-bottom: 2em;
}

#pun-messages .post h3 {
width: 500px!important;
    margin: 25px 0px -7px 270px!important;
}

#pun-messages .post-author {
margin-left: -15px!important;
}

#pun-messages .post-author ul {

}

#pun-messages .post-body {
margin-left: 229px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 23px 30px 0px 30px;}

#pun-messages .post-box {
    padding: 0em!important;}

#pun-messages .post-content {
    width: 105%!important;
    overflow: hidden;
    text-align: justify;}

#pun-messages .pa-posts, .pa-respect {    margin: 0px;
}



#pun-messages .pmtcl1 {
    width: 35%!important;
}
#pun-messages td.tc2.pmtc22 {
width: 45% !important;
    line-height: 35px;
}

#pun-messages .pmtc22 {
    width: 20% !important;
}

#pun-messages .pmtc33 {
    width: 16% !important;
}

#pun-messages .pmtc24 {
    width: 7% !important;
    padding: 0 !important;
}


.modlist {
    display: block;
    padding-top: 0.3em;
    display: none!important;
}

#pun-navlinks #navlogin #form-login {
    margin-left: 122px;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: none;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(http://forumstatic.ru/files/001b/f0/c8/95281.png?v=1) no-repeat center;
    position: relative;
    z-index: 100;
    width: 29px;
    padding-right: 2px;
    padding-top: 20px;
    height: 46px;
    text-align: center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #4f4c46;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
display: none!important;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

td.tcl.username {
    padding-left: 15px;
    padding-bottom: 10px;
}
.punbb .main .tcl {
    padding-left: 15px;
}
.punbb .main .tcr {
    padding-right: 15px;
       line-height: 35px;
}

.NoComments {
    display: none; 
}

.post-content abbr {
    cursor: help;
text-decoration: underline dashed;
}

#all_voters tbody {
    background: #edeee485!important;
}


/* ВСПЛЫВАЮЩАЯ ЛС
-------------------------------------------------------------*/


.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0; 
	}


.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
    line-height: .5;
    position: absolute;
    top: -18px;
    right: -24px;
    color: #73647e;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}



/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute;
margin-top: 7px;
margin-left: 65px;
width:20px; 
height:auto;
opacity:.62;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: -30px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
    border: 1px solid #1f1f1f;
    text-rendering: auto;
    color: #000000!important;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    width: 110px;
    background: #505050;
    font: normal normal 400 11px tahoma!important;
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(244, 248, 252, .7);
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px!important;
    font-size: 8px!important;
    color: #9b9b9b!important;
    background: #505050;
    border: 1px solid #1f1f1f!important;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 4px;
    min-width: 110px;
    border-radius: 0px;
    font-family: tahoma!important;
    font-weight: 700!important;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
} 
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
    min-height: 183px;
    border: 1px solid #626262;
    border-radius: 0px 0px 6px 6px;
    color: #7a7a7a;
    display: block;
    font: 8px tahoma;
    background: rgb(40 40 40);
    border-color: #53461b;
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    z-index: 20;
    text-align: center;
    word-spacing: normal;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);
    text-transform: uppercase;
    top: 6px;
    width: 135px;
    font-weight: bolder;
    z-index: 100000!important;

}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -36px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Roboto!important; 
letter-spacing: 0.4!important; 
display:inline;
background: none!important;
padding: 0 0 0 8px!important;
color: #BCBCBC;
text-shadow: 1px 1px 1px rgb(40, 52, 61);
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames { 
    position: absolute;
    margin-top: -9px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: rgb(40 40 40);
    border-color: #53461b;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 6px;
    text-align: center;
    /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
} 
.punbb #List-UserNames li {
display: block!important;
    position: relative;
    background: rgb(80 80 80);
    text-align: left;
    box-shadow: 1px 1px 1px rgb(19, 20, 15);
    padding-left: 5px!important;
    font: 9px tahoma!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
    color: #9b9b9b;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#464646; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Roboto;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
    border: 1px solid #1f1f1f!important;
    text-shadow: none!important;
    color: #333!important;
    background-color: rgb(86 86 86);
    font: 11px tahoma!important;
    padding: 2px !important;
    text-transform: uppercase;
    vertical-align: middle;
} 

/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #F9F4FC; 
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Roboto!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/













/*--------------------------адвент-----------------------------------*/

.advfon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* кол-во столбцов*/
    grid-template-rows: auto; /* кол-во рядов*/
    gap: 15px; /*интервал между рядами и колонками */
    padding: 20px;
    background: url(https://forumstatic.ru/files/001b/dd/85/98626.png); /* фон*/
    border-radius: 5px;
} 

.advfon nyslova {
    display: grid;
    font-size: 15px;
    font-family: Montserrat SemiBold;
    color: #00250f;
    grid-column-start: 1;
    grid-column-end: 5;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    box-shadow: 0px 0px 37px 6px rgb(241 234 115 / 23%);
    border-radius:15px;
    padding: 15px;
}

.advfon xmas {
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: -50px;
    z-index: 999999;
    color: #ffe974;
    text-shadow: #ffd700d4 1px 0 10px;
    font-family: 'Delicate';
    font-size: 85px;
    height: 70px;
}

.okno {
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
    display:grid;
    font-family: Montserrat SemiBold;
    font-size: 14px;
}

.okno close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    font-family: Montserrat SemiBold;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    font-family:Delicate;
text-shadow: #ffd700 0px 0px 4px;
   }

.lastokno1 {
   grid-column-start: 1;
   grid-column-end: 3;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}
.lastokno2 {
   grid-column-start: 3;
   grid-column-end:5;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
   padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}

 .lastokno1 close, .lastokno2 close {
    font-family:Delicate;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    text-shadow: #ffd700 0px 0px 4px;
}
.okno zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px; 
}

.okno priz { 
    padding:7px;
    max-height: 60px; 
}

.okno zadanie, .okno priz {
    display: grid;
    grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}

.lastokno1 zadanie, .lastokno2 zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px;
}

.lastokno1 priz, .lastokno2 priz { 
padding:7px;
max-height: 60px; 
text-align: center;
}

.lastokno2 zadanie, .lastokno2 priz, .lastokno1 zadanie, .lastokno1 priz{
  display: grid;
  grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}


/*--------------------------адвент конец-----------------------------------*/

0

4

[spoiler="цвета"]

Код:
/*************************************************************

ПАН ТЕЛО

**************************************************************/
/* A5.1 ПАН ИЛИ ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun {
        margin: auto;
    position: relative;
    width: 1034px;
    margin: 300px auto -10px auto;
    background: repeat transparent url(http://forumstatic.ru/files/001b/f0/c8/92473.png?v=1);
    background-position: center;
    padding-top: 185px;
    padding-bottom: 110px;
    margin-bottom: 47px;
}

/* A5.2 РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 40px;
    width: 950px;
}


/*************************************************************

ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА

**************************************************************/

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {
background: url(https://i.imgur.com/NSYiHc5.png) repeat;
background-color: #161618;
}

/* шапка
-------------------------------------------------------------*/
#pun-title table {
           background: rgba(0, 0, 0, 0) url(https://i.imgur.com/XjSHxlr.png);
    margin-left: -123px;
    margin-bottom: -85px;
    margin-top: -485px;
    width: 1200px;
    height: 448px;
}


/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(https://i.imgur.com/bJCoRVp.png) no-repeat scroll bottom center;
    height: 271px;
    width: 1034px;
    margin-bottom: -287px;
    margin-left: -51px;
    margin-top: -90px;
    border: none !important;
}


/* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 78px;
    width: 1034px;
    position: absolute;
    font-family: 'tahoma';
    font-size: 8px;
    text-align: center;
    font-variant: all-small-caps;
}

/*************************************************************

ПРОФИЛЬ

**************************************************************/

/* рамка профиля в топике
-------------------------------------------------------------*/
.post-author {
    width: 265px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/94392.png) top no-repeat, url(http://forumstatic.ru/files/001b/f0/c8/37371.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/f0/c8/30972.png) repeat-y;
    margin-left: -41px!important;
    padding-bottom: 40px!important;
}

/* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author ul {
        margin-left: 12px;
    margin-top: 40px;
    width: 235px;
    padding: 0px !important;
}

/* НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author {
                margin: -4px 0px 8px 0px!important;
    font-family: 'Poiret One';
    font-size: 14px;
           }

/* НИК АВТОРА В ТОПИКЕ ССЫЛКА
-------------------------------------------------------------*/
.pa-author a {
    color: #a17e2e!important;
}

.pa-author a:hover {
    color: #4f4c46!important
}



/* СТАТУС ЛИЧНОЕ ЗВАНИЕ
-------------------------------------------------------------*/
.pa-title {
    font-size: 10px!important;
    padding: 5px 13px 15px 13px!important;
    text-align: center;
    color: #595858!important;
    text-transform: lowercase;
    text-shadow: 1px 1px black;
    font-family: tahoma!important;
}

/* АВАТАР ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-avatar {
    margin-bottom: 5px !important;
    text-align: center;
}

/* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #39310a!important;
    box-shadow: 0 0 2px #000000e0;
}

/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/

.pa-fld5 {        
position: relative;
    background: url(http://forumstatic.ru/files/001b/f0/c8/85919.png) no-repeat;
    width: 201px;
    height: 20px;
    font-family: 'POIRETONE-REGULAR';
    font-weight: bold;
    color: #595857!important;
    font-size: 15px;
    line-height: 18px;
    top: -15px;
    left: 17px;
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}

.pa-fld1 {        
    margin-left: 17px!important;
    background: url(http://forumstatic.ru/files/001b/f0/c8/85919.png) no-repeat;
    width: 201px;
    height: 40px;
    margin-top: 5px!important;
        margin-bottom: 5px!important;
}

.pl0 {
    width: 201px;
    height: 40px;
    background-color: #9b233787;
    position: relative;
}

#pl1 {    
        font-family: poiret one;
    font-size: 15px;
    color: #686868;
    text-transform: lowercase;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-top: 4px;
   text-shadow: 1px 1px black;
}


#pl2 {    font-family: tahoma;
    font-size: 8px;
    color: #686868;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
}

#pl3 {       
 margin-top: -55px!important;
 max-width: 30%;
}

/* лз */

.pa-fld2 { margin-bottom: 10px!important;}

.lzname {
    text-align: center;
    font-family: poiret one;
    font-size: 15px;
    text-transform: lowercase;
    color: #595858;
    width: 210px;
    margin-left: 12px!important;
    font-weight: bolder;
    text-shadow: 1px 1px black;
    margin-top: 10px!important;
}

.lzname a {
  color: #595858!important;
}

.lztext {
    font-size: 8px;
    text-transform: uppercase;
    font-family: tahoma;
    color: #595858;
    text-align: justify;
    padding: 7px !important;
    background-color: #00000052;
    width: 185px;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    margin-left: 17px!important;
    margin-top: 10px!important;
    position: relative;
    line-height: 12px;
    text-shadow: 1px 1px black;
}

.lztext a {
    color: #655d26!important;
    font-weight: bold;
}

.pa-fld2 a:hover {color: #a17e2e!important;}
.lztext a:hover {color: #a17e2e!important;}

/*посты */

li.pa-fld4 {
    font-family: 'Poiret One';
    width: 90px;
    position: absolute;
    height: 38px;
    text-align: center;
    margin-left: 126px!important;
    margin-top: -63px!important;
    font-size: 36px;
    color: #595858;
    font-weight: bolder;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    padding-top: 20px!important;
}


.pa-fld4 span {display:none}

/* деньги */

.pa-fld3 {
        width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin: 0px 0px 3px 17px !important;
    color: #595858;
    font: 600 7px tahoma;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;}


li.pa-ua {
    margin-top: 0.7em;
    display: none!important;
    justify-content: center;}


#profilenav h2 {
    text-align: left !important;
}

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts {
    width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin: 0px 0px 3px 17px !important;
    color: #595858;
    font: 600 7px tahoma;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
}

.pa-respect {
    width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin: 0px 0px 3px 17px !important;
    color: #595858;
    font: 600 7px tahoma;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
}


/* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
-------------------------------------------------------------*/
 .pa-respect a {   
 color: #595858!important;}


/* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 244px !important;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
    text-align: center;
    height: 100px;
    font-size: 12px!important;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bold;
    color: #87694d!important;
    text-transform: uppercase;
    margin: 29px 5px 16px 59px!important;
}

/* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
Возможно, придется двигать с помощью последнего параметра*/

.punbb .post-links ul {
    padding: 0 0 0 0;
    height: 2em;
    line-height: 2em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    margin-left: -19em;
}

/* ВРЕМЯ И НОМЕР ПОСТА
-------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
    border: none;
    text-transform: lowercase;
}

/* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 570px;
    position: absolute;
    text-align: right!important;
    padding: 0px!important;
}


/* АЙПИ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: #626262cf!important;
    font-size: 7px;
    margin-top: 10px!important;
}

/* НЕ ОТОБРАЖАТЬ ПОСЛЕДНЕЕ ИЗМЕНЕНИЕ И НАГРАДЫ И МОДЕРОВ
-------------------------------------------------------------*/
.lastedit {
    display: none !important;

.modlist {display: none !important;}
}

/* НЕ ОТОБРАЖАТЬ ПОДАРКИ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}

.pa-awards {
    padding: 20px 0px 0px 0px!important;
}

/*************************************************************

ЦВЕТ ТЕКСТА И КОНТЕНТ ПОСТА

**************************************************************/

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #4f4c46;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #17130b;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;    color: #4f4c46;}

/* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}


/*************************************************************

ЦВЕТ ССЫЛОК

**************************************************************/

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    font-weight: 600;
    color: #4f4c46;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    border: none !important;
    text-decoration: none;
    border: none !important;
   color: #a17e2e;
}


/*************************************************************

ПОДФОРУМ

**************************************************************/

#pun-index .category table {
padding: 0px 0px 0px 10px;
}

#pun-index .hasicon tr {
    z-index: 1;
    width: 930px;
    position: relative;
    display: table;
    background: #2626220d;
    margin-bottom: 20px !important;
    border: 1px #afada5 solid;
}

#pun-index .tclcon {
width: 580px;
    min-height: 35px!important;
    font-size: 9px;
    padding: 2px 2px 0px 2px;
    margin: 3px 3px 0px 3px !important;
    line-height: 13px;
    position: relative;
    text-align: justify;
    color: #5b5851;
    letter-spacing: 0.1px;
    font-family: 'tahoma';
}

#pun-index .tclcon a {
        text-transform: lowercase;
    position: relative;
    text-align: justify;
    color: #4f4c46!important;
    font-size: 13px;
    letter-spacing: 0.1px;
    font-family: poiret one;
    background: #0000000f;
    padding: 2px 10px 5px 10px;
}

/* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    color: #4f4c46!important;
    font-size: 21px;
    display: block;
    margin-bottom: 9px;
    margin-left: 25px;
    position: relative;
    font-family: 'Poiret One';
    font-weight: bold;
    padding: 2px 0px 5px 20px;
    text-transform: lowercase;
    font-variant: normal;
    background: #00000015;
    width: 535px;
    line-height: 15px;
}

/* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
-------------------------------------------------------------*/

#pun-index .tclcon a:hover {
    color: #a17e2e!important;
}

/* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
-------------------------------------------------------------*/
#pun-index .tclcon span {
    display: block;
    text-align: left;
    font-weight: bold;
    font-family: tahoma;
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

/* описание подфорумов и ссылки */
.f_desc_wrap {
  display: flex;
  justify-content: space-between;
  gap: 10px; /* отступ между блоком текста и блоком ссылок */
  flex-direction: column;
}

.f_desc {
  flex: 0 0 1;
  width: auto /*ширина блока с текстом*/
}

.f_links {
flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2px;
    width: 100% /*ширина блока ссылок*/;
}

.f_links a {
  background: rgba(0,0,0,.06); /*цвет фона*/
  font: normal 10px rubik; /*шрифт*/
  text-transform: uppercase;
  padding: 2px 20px;
  flex: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  border-left: 0px solid #fefefe; /*цвет бордера*/
}

.f_links a:hover {
  border-left: 10px solid #fefefe; /*цвет и ширина бордера по наведению*/
  background: rgba(0,0,0,.9);/*цвет фона по наведению*/
  color: #fefefe; /*цвет текста по наведению*/
  letter-spacing: 1px
}

/* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index .tcr a {
        font-size: 10px;
    letter-spacing: 0.1px;
    font-family: tahoma;
    font-weight: bold;
    color: #4f4c46;
    line-height: 10px;
    text-transform: uppercase;
}

#pun-index .tcr a:hover {
    color: #a17e2e;
}

/* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tcr {
    text-align: left;
    font-family: 'tahoma';
    font-size: 8px;
    font-weight: bold;
    color: #4f4c46;
    padding: 0 15px 0px 30px;
    line-height: 11px!important;
    text-transform: uppercase;
}


/* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    font-family: tahoma!important;
    font-size: 13px;
    color: #59492e;
    font-variant-caps: all-small-caps;
    font-weight: bold;
}

#pun-index .category .tc2,
#pun-index .category .tc3,
#f-subforums .tc2,
#f-subforums .tc3 {
	display: none!important;
}


.Tems_And_messages {
	    display: inline-block!important;
    width: auto;
    height: 25px;
    letter-spacing: 1px;
    /* margin-top: 9px!important; */
    font-size: 10px;
    text-transform: uppercase;
    color: #5a5445;
    font-family: 'tahoma';
    font-weight: bolder;
}

.main table .Add {
display: block;
    padding: 0px;
    width: auto;
    position: absolute;
    top: 7px;
    right: 18px;
}

.Tems_And_messages .right {
	float: right!important;
    margin: 0 2px!important;
}


/*************************************************************

КАТЕГОРИИ И СТАТИСТИКА

**************************************************************/

/* КАТЕГОРИИ

ВАЖНО! Если категорий больше 5, копируете одру из категорий и заменяете последнюю цифру
например: чтобы получить шестую категорию, сделайте из pun-category5 - pun-category6

-------------------------------------------------------------*/

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 span {
        display: block;
    background: url(http://forumstatic.ru/files/001b/f0/c8/16368.png?v=1) no-repeat;
    z-index: 1;
    font-family: tahoma!important;
    font-size: 0px!important;
    font-weight: 600 !important;
    color: #6c5455;
    text-shadow: 1px 1px #000000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 1158px;
    height: 76px;
    margin-left: -103px!important;}

.category h2 span {
        display: block;
    background: url(http://forumstatic.ru/files/001b/f0/c8/16368.png?v=1) no-repeat;
    z-index: 1;
    font-family: tahoma!important;
    font-size: 0px!important;
    color: #5b5851;
    text-transform: uppercase;
    width: 1158px;
    height: 56px;
    margin-left: -103px!important;
}

div#pun-category1 .catright::after {
    content: "«у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...» ";
    top: -45px;
    position: relative;
}

div#pun-category2 .catright::after {
    content: "«семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты»";
    top: -45px;
    position: relative;
}

div#pun-category3 .catright::after {
    content: "«и скажу по опыту, ненавидеть можно только то, что в иных обстоятельствах можно было полюбить»  ";
    top: -45px;
    position: relative;
}

div#pun-category4 .catright::after {
    content: "«когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться»  ";
    top: -45px;
    position: relative;
}

div#pun-category5 .catright::after {
    content: "«за всю мою долгую жизнь, я пришёл к выводу, что мы навеки связаны с теми, кто с нами одной крови» ";
    top: -45px;
    position: relative;
}

div#pun-category6 .catright::after {
    content: "«самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву» ";
    top: -45px;
    position: relative;
}

div#pun-category7 .catright::after {
    content: "«когда чувства искренни, ты не можешь просто отвернуться»";
    top: -45px;
    position: relative;
}
/*************************************************************

ФОРУМНАЯ И ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ

**************************************************************/

/* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
margin-top: 0px!important;
font-weight: normal;
    text-align: center;
}

/* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    display: inline-block;
    padding: 0 !important;
}


/* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
-------------------------------------------------------------*/
#pun-ulinks .container {
    font-family: tahoma!important;
    text-transform: lowercase;
    width: 950px !important;
    text-align: center !important;
    font-style: normal!important;
    top: 95px;
}

/* НЕ ОТОБРАЖАТЬ МОИ ЗАГРУЗКИ В ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛКАХ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

#pun-ulinks .item9 {
    display: none;
}



/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-ulinks a {
        font-size: 7px !important;
    transition: all 0.5s linear 0s;
    padding: 0 5px 0px 5px !important;
    color: #5b5851!important;
    line-height: 11px;
    text-transform: uppercase;
    font-weight: 500!important;
}

/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
#pun-ulinks a:hover { color: #a17e2e;}


/*************************************************************

ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ

**************************************************************/

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    width: 950px;
    font-weight: 500;}

#pun-crumbs2 p.container{
     font-size: 15px!important;
    color: #5b5851!important;
    font-family: 'Poiret One';
    text-transform: lowercase;
    font-weight: bold;
}

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ
-------------------------------------------------------------*/
#pun-crumbs1 {            
    margin-top: 10px!important;
}



/*************************************************************

ПОЛЯ ВВОДА, ЦИТАТЫ-КОДЫ, ВСПЛЫВАЮЩИЕ ОКНА 

**************************************************************/

/* СТРАНИЦА ПЕРЕАДРЕСАЦИИ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;
}

/* ВНЕШНИЙ ВИД ОКНА СТРАНИЦЫ ПЕРЕАДРЕСАЦИИ
Зачастую, страница переадресации не требует серьезных изменений. 
В большинстве случаев достаточно изменить цвета и закругление краев (т.е. 5 последних позиций)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
     background-color: #c4ae88;
    border-radius: 5px;
    border: 1px #bba479;
    border-style: double;
}

/* окошко репутации
-------------------------------------------------------------*/

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    border-radius: 5px;
    background-color: #a19b8c;
    border: 1px #9b917a;
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    background-color: #C4BDAB;
    color: #21190a;
    border: 1px outset #86847e;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}

/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    padding: 18px 20px !important;
    width: 95% !important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}

/* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ
-------------------------------------------------------------*/
.punbb select, input {
padding: 2px 2px 2px 2px !important;
    color: #4f4c46!important;
    background: #c4c2bb;
    border: 1px #afada5 solid;
}

/* СДВИГАЕМ ЦИТАТУ, КОД И ТД
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}


/* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА
Отвечает за настройки того самого "Маша написал(-а), выделить код и тд.
Работаем только с 4 последними параметрами 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding: 5px 5px 5px 5px;
    margin: -14px auto 12px -2px;
    text-align: center;
    font-size: 11px;
    width: auto;
    color: #5a5445;
    text-transform: uppercase;
    font-family: 'tahoma';
    font-weight: bold;
}

/* КОД (СКОПИРОВАТЬ КОД)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}


/* РЕЙТИНГ ПОСТА В ТОПИКЕ (КОГДА ПИШЕШЬ КОММЕНТ К ПЛЮСУ - ЧТОБЫ ФОН БЫЛ НЕ ПРОЗРАЧНЫЙ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;   background: rgb(245, 239, 231);}


/* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#size-area, .popup_graffiti, , #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area
 {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
   background-color: #bfb49a;
    color: #0a1021;
    box-shadow: inset 0px 0px 2px #aca48d, inset 0px 0px 1px #bbac85, inset 0px 0px 30px rgb(171 158 126);
    border-radius: 2px;
    border: double 3px #aca48d;
    border-style: double;
}

/* ЗАДАЕМ ШИРИНУ И ВЫСОТУ ФОРМЕ ОТВЕТА, А ТАКЖЕ СОЗДАЕМ ДЛЯ НЕЕ ПРОКРУТКУ
ЧТОБЫ ОНА НЕ РАСТЯГИВАЛАСЬ НА ПОЛОВИНУ ЭКРАНА
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px;}


/*************************************************************

ИКОНКИ СТАРЫХ НОВЫХ

**************************************************************/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index table Div.icon  {
background-image: url(http://forumstatic.ru/files/001b/f0/c8/52710.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 28px;
    margin-left: -2px;
    margin-top: -1px;
    width: 28px;
    z-index: 1;
    position: absolute;
}


/* ИКОНКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(http://forumstatic.ru/files/001b/f0/c8/59876.png);
    background-repeat: no-repeat;
}

/* ИКОНКА СТАРЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -3px 8px;
    width: 28px;
    height: 28px;
    background-image: url(http://forumstatic.ru/files/001b/f0/c8/52710.png);
}

/* ИКОНКА НОВЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 28px;
    height: 28px;
    background-image: url(http://forumstatic.ru/files/001b/f0/c8/59876.png);
}
/* ИКОНКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 28px;
    height: 28px;
    background-image: url(http://forumstatic.ru/files/001b/f0/c8/11588.png);
}
/* ИКОНКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 28px;
    height: 28px;
    background-image: url(http://forumstatic.ru/files/001b/f0/c8/53841.png);
}


/*************************************************************

КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД

**************************************************************/

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
   font-size: 7px!important;
    padding: 7px 15px 7px 15px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: tahoma!important;
    letter-spacing: 1px;
    color: #5a5445!important;
    text-transform: uppercase;
    width: auto!important;
    font-weight: 700!important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}

button {
   font-size: 7px!important;
    padding: 7px 15px 7px 15px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: tahoma!important;
    letter-spacing: 1px;
    color: #5a5445!important;
    text-transform: uppercase;
    width: auto!important;
    font-weight: 700!important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#b5ad9d5e, #9d96897d)!important;
    cursor: pointer!important;
    box-shadow: 0px 1px 0px 0px #938e83a6;
    color: #5a5445!important;
}

button:hover{
     background: linear-gradient(#b5ad9d5e, #9d96897d)!important;
    cursor: pointer!important;
    box-shadow: 0px 1px 0px 0px #938e83a6;
    color: #5a5445!important;
}


/*************************************************************

ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 

**************************************************************/


/* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
-------------------------------------------------------------*/
::selection {    background: #2e4346ab;
    color: #cecbc4;
}

/* ПРОКРУТКА ШИРИНА
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 3px;
    height: 4px;}

/* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
background-color: #4d4626;
    border: 1px solid #5d562c;
}
/* ПОДЛОЖКА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #2a2a2a;
    border: 1px solid #141412;
}

/* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
-------------------------------------------------------------*/
body {overflow-x: hidden;}

/* КНОПКИ ВВЕРХ ВНИЗ 
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
    bottom: 53%;
    margin-left: 970px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 45%;
    margin-left: 970px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

**************************************************************/

/* II. ТАБЛИЦА
-------------------------------------------------------------*/


.plashka {
    font-size: 8px;
    text-transform: uppercase;
    font-family: tahoma;
    display: inline-block;
    transition-duration: 1s;
    padding: 3px 12px 7px 12px;
    margin-right: 5px!important;
    color: #5b5851!important;
    min-width: 100px;
    background: #00000014;
    border: 1px #afada5 solid;

}


.plashka a {            color: #5b5851!important;
    font-family: poiret one;
    font-size: 15px;
    font-variant: normal;
    text-transform: lowercase;
}

.plashka:hover {    background: #26262221;}


/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
    width: 170px;
    margin-left: 641px;
    position: absolute;
    top: -36px;
    z-index: 999;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    display: block;
    background: #0d0d0d;
    padding: 3px 0 3px 0;
    border: 1px solid #2c2c2c;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: linear-gradient(180deg, #1c1f19, #1b1a17);
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 2px 3px 4px 3px;
    border: 1px solid #403d44;
    text-shadow: 1px 1px #000000;
    text-transform: lowercase;
    width: 136px;
    font-weight: 600;
    color: #725859;
    font-family: tahoma regular;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    font-size: 10px;
    transition: all 0.3s linear 0s;
    line-height: 10px;
    box-shadow: 0px 0px 9px #0000005c inset;
}

/* ссылка при наведении */
#pun .sslka a:hover {
    background: linear-gradient(180deg, #1c1f19, #1b1a17);
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 0px 0 3px 0;
    border: 1px solid #2d371c;
    text-shadow: 1px 1px #000000;
    text-transform: lowercase;
    width: 120px;
    font-weight: 600;
    color: #5a5445;
    font-family: tahoma regular;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    font-size: 10px;
    transition: all 0.3s linear 0s;
    box-shadow: 0px 0px 9px #0000005c inset;
}


.spirit-navigation {
    height: 14px;
    width: 169px;
    top: -51px;
    left: 684px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    font-size: 9px;
    text-shadow: 1px 1px 0px #000000;
    font-weight: bold;
    font-family: 'Koloman Modern';
    color: #725859!important;
}

.spirit-navigation:hover {
    color: #5a5445!important;
}


/*************************************************************

СМАЙЛЫ

**************************************************************/


/*Фон контейнеров смайлы и так далее*/
#smilies-area  {
    padding: 5px;
    margin-top: 0px;
    margin-right: -11px;
width: 505px!important;
}
 #font-area  {
        margin-top: 0px;
    margin-right: -11px;
}
 #size-area  {
    margin-right:-11px;
}
#image-area  {
}

#spoiler-sels{
}

 #keyboard-area  {
    padding: 5px;
    margin-right: -11px;
    height: 230px;
}

#tooltip {
  position: absolute;
  background: #262e31;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05);
  font-family: alice; /* шрифт */
  font-size: 10px; /* размер текста */
  display: none;
  color: #9c9c9c; /* цвет текста */
  text-align: center;
  padding: 2px 6px 3px 6px;
  text-shadow: 1px 1px 0 #1d2835;
  letter-spacing: 2px
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }


.reactions-root .emoji-mart-bar{border:none!important;}



/*ТАБЛИЦА
--------------------------------------------------------------------------------------------*/
/* активисты */
.activep {
    position: absolute;
    left: 57px;
    top: -158px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    color: #464646;
    text-align: right;
    font: 7px tahoma;
    text-transform: uppercase;
    line-height: 14px;
    width: 300px;
    height: 40px;
}

.activep a {font-family: poiret one!important;
    text-transform: lowercase;
    font-size: 14px;}


/* новости о проекте */
.info1 {
width: 300px;
    position: absolute;
    top: 2px;
    left: 58px;
    z-index: 100;
    font-family: tahoma regular;
    font-size: 7px;
    color: #464646!important;
    text-transform: uppercase;
    text-align: right;
    font-weight: bolder;
}

.info1 a:hover {
   color: #725859!important;
    font-weight: 600 !important;
    text-shadow: 0px 0px 1px #000;
}


/* лучший пост */
.bestpost {
width: 300px;
    overflow: auto;
    position: absolute;
    top: -100px;
    left: 679px;
    z-index: 100;
    font-family: tahoma regular;
    padding: 5px 7px 5px 10px;
    font-size: 8px;
    color: #464646;
    line-height: 12px;
    text-align: justify;
    text-transform: uppercase;
    font-weight: 600;
    height: 80px;
    background: #f9f9f90a;
    border: 1px solid #1f1f1f!important;
}

.bestpostname {
width: 280px;
    overflow: auto;
    position: absolute;
    top: -158px;
    left: 679px;
    z-index: 100;
    line-height: 15px;
    text-align: left;
    color: #464646!important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 7px;
}
.bestpostname a {
line-height: 13px;
    text-transform: lowercase;
    color: #464646;
    font-family: poiret one;
    font-size: 14px;
    font-weight: bold!important;
}


/* постописцы */
.poster {
    position: absolute;
    left: 57px;
    top: -210px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    color: #464646;
    text-align: right;
    font: 7px tahoma;
    text-transform: uppercase;
    line-height: 14px;
    width: 300px;
    height: 40px;}

.poster a {font-family: poiret one!important;
    text-transform: lowercase;
    font-size: 14px;}


/* лучший эпизод*/
.bestep {
width: 280px;
    overflow: auto;
    position: absolute;
    top: -210px;
    left: 679px;
    z-index: 100;
    line-height: 15px;
    text-align: left;
    color: #464646!important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 7px;
}

.bestep a {
line-height: 13px;
    text-transform: lowercase;
    color: #464646;
    font-family: poiret one;
    font-size: 14px;
    font-weight: bold!important;
}


/*администрация */
.link {
height: 90px;
    width: 330px;
    position: absolute;
    border-radius: 0px;
    top: -103px;
    left: 36px;
    z-index: 100;
    font-weight: bold;
    text-align: center;
}

.link a {
    font-family: poiret one;
    color: #464646!important;
    width: 150px;
    height: 25px;
    font-size: 14px;
    text-transform: lowercase;
    position: relative;
    display: inline-block;
    margin: 3px;
    background: #f9f9f90a;
    line-height: 22px;
    border: 1px solid #1f1f1f!important;
}

.link a:hover {
color: #a17e2e!important;
    border: 1px solid #1f1f1f!important;

}

.cop a {
position: absolute;
    font-family: 'tahoma';
    font-variant: all-small-caps;
    font-size: 10px;
    width: 1030px!important;
    text-align: center;
    margin: 193px 0 0 -38px!important;
    color: #5c5c5c!important;
}

.cop:hover a {color: #a17e2e!important; }

/*---------- баннеры -------------*/
.ban {
    position: absolute;
    height: 65px;
    width: 930px;
    left: 60px;
    bottom: -67px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 10px 0px 0px;
}

.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}



/*----------------------------------  ГОСТЕВАЯ  ---------------------------------- */
.guest {
width: 801px;
    height: 440px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/30113.png);
   margin-left: 70px!important;
}



.guest faq {
position: absolute;
    width: 690px;
    height: 50px;
    margin-top: 89px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 8px;
    padding: 5px;
    font-family: verdana;
    text-transform: uppercase;
    overflow-y: auto;
    color: #717171;
    text-shadow: 1px 1px #000;
    text-align: center;
    font-weight: bolder;
}

.guest rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 153px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    text-transform: lowercase;
    overflow-y: auto;
    color: #595858;
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.guest ams {
    position: absolute;
    width: 700px;
    height: 22px;
    font-size: 16px;
    text-align: center;
    font-family: 'Poiret One';
    font-weight: bold;
    margin-top: 120px;
    margin-left: 47px;
    color: #7f7f7f!important;
}

.guest ams a {
color: #7f7f7f!important;
}

.guest pers a, .guest face a {
color: #7f7f7f!important;
}

.guest pers {
    position: absolute;
    width: 308px;
    height: 108px;
    margin-top: 261px;
    margin-left: 48px;
    line-height: 120%;
    font-size: 9px;
    text-align: justify;
    font-family: tahoma;
    overflow-y: auto;
    color: #717171;
    letter-spacing: 0.3px;
    padding: 10px;
}
.guest face {
    position: absolute;
    width: 308px;
    height: 108px;
    margin-top: 261px;
    margin-left: 420px;
    line-height: 120%;
    font-size: 9px;
    text-align: justify;
    font-family: tahoma;
    overflow-y: auto;
    color: #717171;
    letter-spacing: 0.3px;
    padding: 10px;
}


 /*---------------------------------- конец -------------------------------------------*/


/*----------------------------------  ГОСТЕВАЯ  ---------------------------------- */
.bank {
width: 801px;
    height: 623px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/91358.png?v=1);
    margin-left: 70px!important;
}


.bank rules {
    position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.bank get a, .bank spend a {
color: #7f7f7f!important;
}

.price {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 48px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

.bank span {
    text-transform: uppercase;
    font-weight: bolder;
}

.bank spend {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 420px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}


 /*---------------------------------- конец -------------------------------------------*/



/* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */
.pagelink strong, .pagelink a {transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; display: inline-block;}
.pagelink strong {margin: 0px 0px 0px 10px; padding: 0 0px 3px 0; font-weight: normal; font-size: 10px;}
.pagelink strong, .pagelink a:hover {transform: scale(1.5);}
.pagelink a {padding: 0 1px 0 3px;}

li.pa-avatar.item2 {
margin: -9px;
}

.hotlink {
        text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: auto;
    margin-top: 10px!important;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
}

.hotlink a {
    border: 1px solid #afada5;
}
.hotlink a:hover {
color: #a17e2e!important;
}

/* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#form-buttons {
margin: 0px -14px 3px 0px;
    padding: 4px 5px 0px 0px;
    height: 25px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
#pun-messages #form-buttons {/*В Личке*/
     padding: 4px 5px 0px 0x;
}
small#plng {    width: 150px;
    /* text-align: center; */
    margin-top: 28px!important;
    left: -1px;
    position: relative;
    z-index: 1;
    text-transform: lowercase;
    /* line-height: 25px; */
    font-family: 'tahoma'!important;
    font-size: 10px!important;
}

small#plng b {font-size: 12px;
    font-family: var(--fontd);
}

#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 22px -21px 0 2px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#keyboard-span input {box-shadow: none !important; text-shadow: none !important;}
#image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;}
/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#tags .container {overflow-y: auto; height: 205px; z-index: 99999;line-height: 200%;}

#float, #tags .container {
padding: 10px !important;
    color: #4f4c46!important;
    background: #c4c2bb;
    border: 1px #afada5 solid!important;}

#keyboard-span input {border: none !important;
    margin: 3px 2px !important;
    height: 23px !important;
    padding: 5px !important;
    font-size: 12px !important;}

#imageupload-left strong {display: block;} #upload-button-container input[type=button] {font-weight: normal !important}
#image_upload .button {    width: auto !important;}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */



.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 10px 20px 25px 20px; 
position: relative;    
overflow: hidden;}

.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-size: 11px!important;
font-family: var(--fontm)!important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {    
border-radius: 2px;
    padding: 20px 15px 10px 15px!important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}

.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before { 
    font-size: 40px;
    position: absolute;
    left: 17px;
    top: 16px;
    color: #8c8a82;
    opacity: 0.5!important;
    content: '\269C';
}

/* фон проставления репутации */
.post_reputation {
    background-color: #bec2c7;
    padding-right: 20px !important;
}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    
    font-style: normal;
    padding: 7px 10px;
    display: block;
    text-transform: uppercase;
    font-family: 'tahoma';
    letter-spacing: 0.7px;
    font-size: 8.6px;
    text-align: justify;
    margin: -9px 7px 15px 50px;
    border-bottom: 1px solid #afada5;
    font-weight: 500;
    line-height: 200%;
}

.post-content .spoiler-box > div {background: no-repeat 10px !important;    margin-bottom: 0px;}

/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {    
content: '+';
    font-size: 15px;
    float: right;
    margin: 16px -20px 0 0px;
    transition: all .8s;
    color: #a99672;
}

.post-content .spoiler-box > div.visible:after {  transform: rotate(45deg);}

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--fontm)!important;
font-size: 12px;}


/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option {
    font-family: var(--fontm);
    text-transform: uppercase !important;
    font-size: 9px !important;
    padding: 4px !important;}

.checkbox {width: auto !important;}

.punbb option {    background-color: #aaa291 !important;} /* модерское */

/* 7.2 админка */
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-color: #eee0!important;
 background: #eee0!important;
  }

/*настройка масок*/
#mask_dialog .inner {
cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    background: #c4c2bb!important;
    border-radius: 5px;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    margin: 0px 36px 9px 18px;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 95%;
    background: #0000000f;
}

#mask_dialog .hv-form-block {
    max-height: 415px;
    overflow-y: auto;}

#post #mentions-area {
background-color: #e0c89e!important;
}



/*************************************************************

ЛИЧНАЯ СТРАНИЧКА

**************************************************************/

#character {
width: 669px;
    height: 524px;
    margin-left: -195px!important;
    top: 100px!important;
    z-index: 99999;
    background: url(http://forumstatic.ru/files/001b/f0/c8/39670.png);
}

.lsgif {
left: 23px;
    top: 30px;
    filter: grayscale(1) blur(0.5px);
    position: absolute;
}

.lsgif img {
object-fit: cover;
    width: 218px;
    height: 125px;
}


.lsname {
text-transform: lowercase;
    font-size: 16px;
    top: 170px!important;
    position: absolute;
    font-family: 'Poiret One';
    color: #b17e1e;
    line-height: 15px;
    height: 280px;
    overflow: hidden;
    font-weight: bolder;
    left: 26px;
    text-align: center;
    writing-mode: tb-rl;
    transform: rotate(180deg);
}

.lsbon {
    color: #6c6c6c;
    text-transform: uppercase;
    font-family: 'tahoma';
    height: 35px;
    width: 220px;
    position: absolute;
    font-size: 8px;
    line-height: 33px;
    font-weight: bolder;
    top: 456px;
    left: 22px;
    text-align: center;
}

.lscards {
    height: 262px;
    width: 150px;
    position: absolute;
    left: 73px;
    top: 170px;
}

.lsquest {
height: 478px;
    width: 345px;
    position: absolute;
    top: 21px;
    left: 255px;
    overflow: auto;
    padding-right: 10px;
    padding-left: 10px;
}
.quest { position: relative;}

.quest img {width: 100px;
    height: 100px;
 /*   filter: grayscale(1); */}

.submenuItems {
  display: none;
  background: #1515158a;
    border: 1px solid #333333;
 text-align: center;}

.submenuItems .quest {    margin: 0 5px;
    position: relative;
    display: inline-block;}
.submenuItems .quest img {
    border-radius: 50%;    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}

.submenuItems .quest, .submenuItems .quest img {width: 100px; height: 100px;}

.submenuItems .quest span {
    display: block;
    text-align: center;
    overflow: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 7px;
    font-size: 9px;
    transition: all .5s;
    opacity: 0;
}
.submenuItems .quest img.x {filter: grayscale(1); opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1}
.submenuItems .quest:hover img {
    opacity: 0;
}
.submenuItems .quest:hover span {
    opacity: 1;
}


.ls_pl {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 27px;
    padding-top: 40px;
}

.ls_pl span, .ls_aw span {
    background: #191919;
    width: 350px;
    position: absolute;
    text-align: center;
    font-family: poiret one;
    text-transform: lowercase;
    font-size: 13px;
    height: 30px;
    line-height: 27px;
    font-weight: bold;
    border: 1px solid black;
    outline: 1px solid #383838;
    margin-top: -36px!important;
}


.ls_aw {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 260px;
    padding-top: 40px;
}



.pod {opacity: 0.3; filter: grayscale(1);}
.pod:hover {opacity: 1; filter: grayscale(0);-webkit-transition: .5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;}

.grayscale {
  -webkit-filter: grayscale(1);
}

details summary {
background-color: #151515;
    width: 350px;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    color: #7f7f7f;
    z-index: 1000;
    position: relative;
    margin: 10px 0px -1px -6px!important;
    font-family: 'Poiret One';
    font-weight: bolder;
    text-transform: lowercase;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    height: 30px;
}


details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  display: none;
}
details[open] summary::before {
  display: none;
} 

.menu span {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    border-radius: 0%;
    text-align: center;
    background: url(http://forumstatic.ru/files/001b/6e/df/69865.png) no-repeat;
    width: 153px!important;
    height: 37px;
    top: -20px;
    left: 10px;
    position: relative;
    padding: 5px 0px 0px 0px;
}

.menu {            color: #7a5e5b;
    font-family: 'Koloman Modern';
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    font-weight: bolder;
    top: 344px;
    font-size: 10px;}


.menu-links {
    margin-left: 475px!important;
    color: #6c6c6a;
    display: flex;
    position: absolute;
    top: 90px;
    right: 15px;
    height: 350px;
    font-family: 'Poiret One';
    text-transform: lowercase!important;
    font-size: 14px;
    writing-mode: tb-rl;
    transform: rotate(360deg);
    gap: 10px;
    align-content: stretch;
    justify-content: space-around;
    cursor: pointer;
    font-weight: bolder;
}
#submenu {}

#submenu, .menu span { }


.menu .tabactive {
	color: #4a4b71;
}

#submenu {}    

.submenutext {
	display: none; 
	height: 40px;
}


.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: #c5c6ba!important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}


.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 590px; /* ширина блока */
--chrbg: #; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}


/*************************************************************

СТИЛИ К СКРИПТАМ И ДОПОЛНЕНИЯ

**************************************************************/

/* Отключить надпись "Отредактировано" */
p.lastedit {display:none}

/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}

/*отключение наград*/
li#navawards {display: none;}


/*Регулировка размера шрифта в постах © Alex_63*/
.FNTslider {
  position: relative;
    z-index: 100;
    background: #0000002e;
    width: 110px;
    height: 4px;
    margin: 3px 5px !important;
    border: solid 1px #918e84;
    float: right;
    margin-right: 9% !important;
    }
    .FNTslider .before {
    height: 4px;
    border-right: none 0;
    position: absolute;
    background: #42360d;
    }
    .FNTslider .thumb {
    width: 5px;
    height: 10px;
    border-radius: 3px;
    position: relative;
    top: -3px;
    background: #5c5121;
    cursor: pointer;
    }

/* Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 */
#pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
    font-weight: bold;
    background: #0000000f;
    height: 20px!important;
    font-family: 'tahoma';
    text-transform: uppercase;
    font-size: 8px;
    }

/*Скрытие профиля в теме тегом*/
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}

/*Переключение раскладки выделенного текста*/
#button-transL{background-image:url(https://i.imgur.com/IY448wH.png)}


/*ТЕГ  абзаца - [indent]*/
#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}


/*выравнивание justify*/
#button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}

[/spoiler

0

5

https://upforme.ru/uploads/001b/dc/dc/3/488345.png

style.css
Код:
/*************************************************************

Основа css by shady. 

**************************************************************/

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url('//forumstatic.ru/files/001b/6e/df/58432.css');
@import url('//forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: POIRETONE-REGULAR;
src: url('//forumstatic.ru/files/001b/f0/c8/46727.ttf?v=1');}
@font-face {font-family: tahoma;
    src: url('//forumstatic.ru/files/001b/11/27/69819.ttf?v=1');}
@font-face { font-family: YESEVAONE;
    src: url('//forumstatic.ru/files/001b/11/27/49269.otf?v=1');}
@font-face { font-family: Koloman Modern;
    src: url('//forumstatic.ru/files/001b/6e/df/58872.ttf');}
@font-face { font-family: Alter Biom;
    src: url('//forumstatic.ru/files/001b/b9/c5/65163.otf?v=1');}
@font-face { font-family: Vogue Highline serif;
    src: url('//forumstatic.ru/files/001b/6e/df/10841.otf');}


/* шрифт для адвент календаря */
@font-face { font-family: Delicate;
    src: url('https://forumstatic.ru/files/001b/dd/85/40872.otf');}    



/* ROOT
-------------------------------------------------------------*/
:root {
--h1-font: 13px "POIRETONE-REGULAR"; /* шрифт и размер заглавного текста */
--body-font: 10px "tahoma"; /* шрифт основного текста */
--backcol: #c2c4bb; /* цвет подложки выпадающих меню */
--forcol: #8787871c; /* цвет подложки в цитатах*/
--link: #5b5851; /* цвет основных ссылок */
--hovlink: #714036; /* цвет ссылок при наведении */
--doplink: #7b94b6; /* цвет дополнительных ссылок */
--t-body: #5b5851; /*цвет основного текста */
--doptext: #726255; /*цвет дополнительного текста */
--proftext: #595858; /*цвет текста в профиле */
--bordin: 1px solid #afa8a4; /*цвет рамок форм */
--headtext: #7b94b6; /*цвет текста в шапке */
--headhov: #745c4f; /* цвет ссылок в шапке при наведении */
}


 /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body {  font: 11px "verdana";}
h1, h2 {  font: 12px "POIRETONE-REGULAR";    font-weight: normal;}

/* шрифты поля ввода*/
textarea,  input, select, optgroup {  font: 11px verdana;}

/*шрифт в поле кода */
.punbb pre { font: 10px verdana; }


/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
 .section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,  .info-box, #pun-main .info-box .legend,  .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    color: #5b5851;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.post-box {
    color: #4a3a32;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
text-transform: uppercase;
    color: var(--t-body);
    letter-spacing: 0.5px;
    font: var(--body-font);
    font-size: 9px;
    font-weight: bolder;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    color: #5b5851;
font-weight: 600;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #714036;
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table {
  table-layout: fixed;
  width: 100%;  }
#messages > fieldset > div > div > table, #rep_form > table {width: 100%;}

/* отступы в ячейках */
.main td {  padding: 5px 10px;  }
th {  padding: 0!important; font-size: 0px!important;  }

/* ширина подфорума */
 .main .tcl {  text-align: left;  width: 55%;  text-transform: lowercase; }
 #pun-index .tcl {  text-align: left;  width: 60%; }

/* ширина ячеек */
.tc2, .tc3, .tcmod {  text-align: center;  width: 5%;  }

/* ширина последнего сообщения */
 .tcr {  text-align: left;
    width: 30%;
    line-height: 20px!important;  text-transform: lowercase;  }

/* ширина в поиске/модерировании */
#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
  width: 40%  }
#pun-userlist .tc2, #pun-searchtopics .tc2 {  text-align: left;  width: 20%;  }

/*дебаг */
#pun-debug table .tcl {  width: 15%;  white-space:normal;  }
#pun-debug .tcr {  width: 90%;  white-space: normal;  }

/* расположение последней активной темы */
#pun-index .tcr {
width: 40%!important;
    text-align: left;
    line-height: 11px!important;
    font: var(--body-font);
    text-transform: uppercase;
    color: var(--t-body);
    font-size: 8px;
    font-weight: bolder;
}

/* последняя активная тема в подфоруме */
#pun-index .tcr a {
    text-transform: uppercase;
    font: var(--h1-font);
    font-weight: bolder;
}

/* количество тем и сообщений в подфоруме */
#pun-index .tc2, #pun-index .tc3 {    width: 5%; display: none; }

/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
/* расположение*/
#pun-navlinks {          top: 40px!important;
    position: relative;
    text-align: center;}

#pun-navlinks .container {    padding: 0px;    margin: 0;}


#pun-navlinks li {  display: inline;  }

/* вид ссылок */
#pun-navlinks li a { 
color: var(--link);
    text-transform: uppercase;
    padding-right: 7px;
    font: var(--h1-font);
    font-size: 16px;
    font-weight: bolder;
  }

/*  вид ссылок навигации при наведении */
#pun-navlinks li a:hover {      color: var(--hovlink); }


/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ 
-------------------------------------------------------------*/
/*расположение */
#pun-ulinks  {    text-align: center;
position: relative;
    top: 60px;
}

#pun-ulinks .container {    padding: 0!important;    margin: 0px;}
#pun-ulinks li, #pun-ulinks li a {    display: inline;}


/* цвет ссылок */
#pun-ulinks a {
transition: all 0.5s linear 0s;
    text-transform: lowercase;
    padding-right: 10px;
    color: var(--link);
    font: var(--body-font);}

/* цвет ссылок при наведении */
#pun-ulinks a:hover { color: var(--hovlink);} 


/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ 
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 { margin-top: 100px !important;
    margin-bottom: -60px;}

/* расположение снизу */
#pun-crumbs2 {        margin-top: 0px; }

/* общий внешний вид */
#pun-crumbs1, #pun-crumbs2 {
font: var(--h1-font);
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    color: var(--t-body);
}

/* цвета ссылок */
#pun-crumbs2  a, #pun-crumbs1 a {font-weight: bold; }

/* цвет ссылок при наведении */
#pun-crumbs2  a:hover, #pun-crumbs1 a:hover {font-weight: bold; color: var(--hovlink);}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
/* расположение  */
#pun-status {  position: absolute;
    text-align: center;
    top: 85px;
    width: 990px;
}

/* внешний вид  */
#pun-status .container {    color: var(--t-body);
    font: var(--body-font);
    text-transform: lowercase;}

#pun-status strong {   font-weight: normal; }
#pun-status span {  margin-right: 5px;  }
#pun-status .status-right  { float: none!important; }


/* цвет ссылки  */
#pun-status a {  color: var(--t-body); font-weight: normal;}

 /* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */
.post .container { margin-top: 30px; }

/* разделитель между сообщения*/
.post h3 {     width: 710px;
    margin: 35px 0px -10px 270px !important;
    padding: 5px;
    box-sizing: border-box;
    height: 18px;
    line-height: 10px;
    background: var(--forcol);
    border: var(--bordin);
}

/* текст внутри разделителя */
.post h3 span {
display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--t-body);
    font: var(--body-font);
    font-size: 8px!important;
    line-height: 7px;
}

/* ссылка внутри разделителя */
 .post h3 a {        
    font-size: 8px!important;
    color: var(--t-body)!important;}

/* номер поста */
.post h3 strong {     float: right;
    text-align: right;
    font-weight: normal;
    margin-right: 10px;
  }

/* расположение профиля */
.post .post-author {    float: left;
    min-height: 265px!important;
}

/* пост и отступы в посте */
.post-body {    margin-left: 260px; }
.post-box { padding: 15px 15px 0px;  }

/* выравнивание текста поста */
.post-content {
  width: 100%;
  overflow: hidden;
  text-align: justify;  }

/* абзацы постов */ 
 .post-content p {
    padding: 0;
    line-height: 150%;}

.post-content {}

/* ссылки в посте */
.post-links a {    }
.post-links li {  display: inline;  padding-left: 5px;  }
.post-links ul {     padding: 0px 10px 0px 22px;
    text-align: right;
}
.pl-email, .pl-website {  float: left;  }
.clearer {  clear: both;  height: 0;  font-size: 0;  }

/* курсив и подчеркнутый текст внутри поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}

/* картинки в постах */
.post-content img {  vertical-align: text-bottom  }
.post-content img.postimg {  vertical-align: middle;  }

/* таблицы в постах */
td { border-color: transparent; }

.post-content td {     padding: 0.4em 0.5em !important;
    overflow: hidden;
}

/* разделитель подписи в посте */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
border: 1px solid #b6b1a24f;
    width: 350px;
    margin: 0px 170px;
}


/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
 .formal .container {padding: 15px 0px; }
.punbb .formal fieldset {min-width:0;     border: none;}
.punbb .formal span.input {padding-right:0 !important}

#post-form h2, #pun-announcement h2 { display:none;}

/* местоположение кнопок отправить/посмотреть */
.formsubmit {    margin: 10px 0px 10px 20px;}
.formsubmit input, .formsubmit a, .formsubmit span {  margin: 0;  }

/* инфо по заполнению */
fieldset {    padding: 0 10px 0 20px;}
fieldset legend {  margin: 0 0px 10px 10px;}
/* настройка текста */
fieldset legend span { text-transform: uppercase!important;   } 
fieldset fieldset {  border: none;  margin: 0;  padding: 0px 0px 5px;  }

.fs-box {  padding: 0px;  }
.fs-box p, .punbb .fs-box fieldset {  padding: 0px;  }
.inline .inputfield, .inline .selectfield, .inline .passfield {  float: left;  margin-right: 1em;  }
.inline .infofield {  clear:both  }
.datafield br {  display: none  }
.required label, .datafield span.input {  font-weight: bold  }
textarea, .longinput input {  width: 64%;  margin: 0;  }

/* обводка активного поля */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}
.hashelp {  position: relative;  }

/* чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {  height: 1.8em;  vertical-align: middle;  }

/* страница переадресации */
#pun-redirect {padding: 14px;}
#pun-redirect.punbb .info .container{ }

/* поле ввода текста поста */
.punbb textarea {
background-clip: padding-box;
    background: var(--forcol);
    padding: 18px 20px !important;
    width: 95% !important;
    color: #312726;
    border: solid 1px #826b5c38;
    border-radius: 5px;
}

/* поле ввода название темы */
.punbb select, input {
    background: var(--forcol);
    color: var(--fortext);
    margin-top: 5px;
    border: solid 1px #826b5c;
    border-radius: 3px;
}

/* перенос сообщений из темы  */
.pun-modal .container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    background: var(--backcol);
}

/* пагинация 
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
 .linkst {  position: relative;
    height: 0;
    top: 0px;  } 
.linkst .pagelink {    margin-left: 25px;}
.postlink.long {    width: 300px; }
.linkst .postlink {     position: absolute;
    top: 0px;
    right: 20px;
    text-align: right;
    font: var(--h1-font);
    text-transform: uppercase;
}

/* страницы в подфоруме снизу*/
.linksb {        text-align: right;
    padding: 0px 20px;
    position: relative;
    bottom: -5px;}

.linksb .pagelink {
width: 300px;
    text-align: left; }

.linksb .postlink {float: right;
font: var(--h1-font);
    text-transform: uppercase; }

/* страницы в теме снизу*/
#pun-viewtopic .linksb {    text-align: right;
    padding: 0px 25px;
    position: relative;
    bottom: -20px;}

/* подписаться и отслеживать внутри темы */
.subscribelink {  clear:both;  padding-top: 10px;  }

/* меню модератора */
.modmenu .container {    padding: 0px 25px;
    text-align: right;
    margin: 10px 0px 0px; }
.modmenu strong,  .modmenu a {height: 15px;    padding-bottom: 10px;  }
.modmenu .container strong {  float: left;  }
.modmenu input {  margin-left: 1em; }

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option {    text-transform: uppercase!important;
    line-height: 9px;
    font-size: 8px !important;
    padding: 2px 4px 4px;}

.checkbox { width: auto !important;}
.punbb option {    background-color: var(--forcol);} 


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, button, #pun-admain input {
    background: var(--forcol);
    border-radius: 4px!important;
    border: 1px solid #46464638 !important;
    color: var(--t-body);
    padding: 5px 5px 3px!important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font: var(--h1-font)!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 8px!important;
    width: auto;
    font-weight: bolder!important;
}

/* при наведении */
input.button:hover, #post fieldset .hashelp div input:hover, button:hover {
    background: #8f67677a;
    cursor: pointer!important;
  }

/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
 #pun-main table .quote-box,  #pun-main table .code-box {margin: 5px 1px 5px}

/* бокс под цитаты/код итд */
 .scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
  }  

blockquote {margin:0;}


/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; }
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}

/* настройки оформления */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float {
    padding: 15px 10px 10px 10px !important;
    background: var(--backcol);
    border-radius: 5px;
    color: var(--t-body);
    border: var(--bord);
}

#size-area {width: 50px; left: 15px;}

#font-area span, #font-area img {    height: 15px; }

/* фон репутации */
.post_reputation {
padding: 15px;
    background: var(--backcol);}

#font-area {
    height: 160px;
    width: 130px;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0px;
}
#font-area div {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

#tags .container {position: absolute;
    top: 37px;
    z-index: 2;
    right: 50px;}

/* мини аватар на главной
-------------------------------------------------------------*/

 .user-avatar {    height: 35px!important;
    width: 35px!important;
    float: left!important;
    position: relative;
    margin: 0px 15px 10px 0!important;}

 .user-avatar .avatar-image {   
border: 2px solid;
    height: 35px!important;
    width: 35px!important;
    color: #382b2982!important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(0.5) brightness(0.9)!important; border-radius: 0!important;}

.user-avatar .avatar-image span img {    filter: grayscale(1)!important;}

.user-avatar .isonline {
width: 8px!important;
    height: 8px!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -4px!important;
    right: 30px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink)!important;
    z-index: 100;
}

.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image:hover {opacity:1}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}

#pun-viewforum .user-avatar {       float: left!important;
    position: relative;
    height: 30px!important;
    width: 30px!important;
    margin: 0px 10px 0px 0px!important;
}

#pun-messages .user-avatar {float: right!important;
    position: relative;
height: 30px!important;
    width: 30px!important;
margin: 0px 10px 0px 0px!important;
}

#pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {   
border: 1px solid!important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.65;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5);
    border-radius: 0!important;}

#pun-viewforum .user-avatar .isonline {
    width: 5px!important;
    height: 5px!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -1px!important;
    right: 30px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink)!important;
    z-index: 100;
}


/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 
-------------------------------------------------------------*/
/* выделенный текст */
::selection { background: #3c3c3c;
    color: #745c4f;}

/* ширина прокрутки  */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
    background-color: #4f3f38;
}

.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb, .banktt::-webkit-scrollbar-thumb {
    background-color: #8a837745;
}

/* подложка прокрутки */
::-webkit-scrollbar-track {
background-color: #13191e;
}

.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track, .banktt::-webkit-scrollbar-track {
    background-color: #8a837745;
}

/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 {  }

/* контейнер */
#profile .container { padding-left: 200px; }

/* навигация */
#profilenav {  float: left;  width: 200px;  margin-left: -180px;  }

/* отступы между строк в меню*/
#profilenav li {  padding-bottom: 10px;  font-weight: normal;  }

/* отступ в управлении  */ 
#setmods dl {padding: 0 0 0 110px;  }
#setmods dt { float: left;
    width: 150px;
    margin-left: -190px;
    padding: 10px;
    font-weight: bold;
    display: inline;
  }
#setmods dd { display: block;     padding: 10px;     font-weight: normal;  }

/*настройки списка */
#profilenav ul { padding: 0px; }

/* заголовки  в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 {     text-align: left;
    margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {     font-size: 11px;
    text-align: center; }

#profile-signature ul {    border-style: none!important;
    margin: 0;
    padding: 10px;
}

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px 25px;     position: relative; }
#viewprofile li { }
#viewprofile li span {float: left;
    width: 150px;
    padding: 5px 10px;
    font-weight: bold;  }
#viewprofile li strong, #viewprofile li div {    display: block;    padding: 7px 10px;    font-weight: normal;  }
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {}
#profile-left strong {font-weight:bold!important;}
#profile-signature {padding:10px;}

#viewprofile .lzname,  #viewprofile .lztext {
    background: transparent;
    text-align: left;
    width: auto;
    border: none;
    outline: none;
    margin: 0!important;
    padding: 0px!important;
    padding-bottom: 2px!important;
    text-shadow: none;
    font-weight: normal!important;
}

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
html, body {min-width: 1000px!important;}

/* отключить прокрутку снизу */
body {overflow-x: hidden}

/* отступы по умолчанию у тела */
body {margin: 0; padding:0;}

/* элементы списка */
ul, dl, li, dd, dt {  list-style: none;  }

/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;} 

/* убрать подчеркивание с ссылок */
a {  text-decoration: none;  }

/* скрытые элементы */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1,  #pun-debug h2 {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;  }

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,  #navawards a span  {  font-size: 0;  height: 0;  width: 0;  line-height: 0.0;  position:absolute;  left: -9999px;  overflow: hidden  }
#pun-ulinks .item5, .modlist, .topic a.sharelink, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}

/* информация при регистрации */
.info-box {padding: 0 30px;    margin: 0 0 10px 0;  }
.info-box * {  padding: 0;  }
#pun-main .info-box .legend {    font-weight: bold;  }


/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px}
td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px}
td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px}
td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px}
td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px}
td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px}
td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px}
td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px}
td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px}
td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px}
td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px}
td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px}
td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px}
td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px}
td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px}
td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px}
td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px}
td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px}
td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px}
td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px}
td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:25%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}


/** подгрузка видео и картинок 
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}


/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; margin:12% auto 0; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}

.flag-i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    margin-right: 1em;
}

.flag-i:before {    content: '\00a0';}

.social {
    background-image: url(/i/social.1.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px;
}
.social-vkontakte {    background-position: -130px 0;}
.social-odnoklassniki {    background-position: -78px 0;}
.social-mailru {    background-position: -52px 0;}
.social-google {    background-position: -26px 0;}
.social-yandex {    background-position: -156px 0;}


/* СТРАНИЦА СООБЩЕНИЙ
-------------------------------------------------------------*/

#pun-messages .post h3 {
width: 750px!important;
    margin: 15px 0px 19px -23px!important;
}

#pun-messages .post-author {
margin-left: -60px!important;
}

#pun-messages .post-author ul {}

#pun-messages .post-body {
    margin-left: 265px;
    padding: 0px 0px 0px 10px;}

#pun-messages .post-box {
    padding: 0em!important;}

#pun-messages .post-content {
    width: 100%!important;
    overflow: hidden;
    text-align: justify;}

#pun-messages .pa-posts, .pa-respect {    margin: 0px; }


#pun-messages .pmtcl1 {
    width: 35%!important;
}
#pun-messages td.tc2.pmtc22 {
width: 45% !important;
    line-height: 35px;
}

#pun-messages .pmtc22 {
    width: 20% !important;
}

#pun-messages .pmtc33 {
    width: 16% !important;
}

#pun-messages .pmtc24 {
    width: 7% !important;
    padding: 0 !important;
}

/* ВНЕШНИЙ ВИД ПРОФИЛЯ ПРИ ПРОСМОТРЕ
-------------------------------------------------------------*/

#viewprofile #profile-right li span {
    float: left;
    width: 140px;
    padding: 5px 10px;
    margin: 2px 20px 0px;
    font: var(--body-font);
    font-size: 8px;
    text-align: center;
    color: var(--t-body);
    border-radius: 5px;
    background: var(--forcol);
    border: var(--bordin);
}

#viewprofile #profile-left {
    width: 30%;
    padding-top: 0 !important;
    /* text-align: center; */
    /* background: #aca48d; */
}


.modlist {
    display: block;
    padding-top: 0.3em;
    display: none!important;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: none;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(http://forumstatic.ru/files/001b/f0/c8/95281.png?v=1) no-repeat center;
    position: relative;
    z-index: 100;
    width: 29px;
    padding-right: 2px;
    padding-top: 20px;
    height: 46px;
    text-align: center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #4f4c46;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
display: none!important;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

td.tcl.username {
    padding-left: 15px;
    padding-bottom: 10px;
}
.punbb .main .tcl {
    padding-left: 15px;
}
.punbb .main .tcr {
    padding-right: 15px;
       line-height: 35px;
}

.NoComments {
    display: none; 
}

.post-content abbr {
    cursor: help;
text-decoration: underline dashed;
}

#all_voters tbody {
    background: #edeee485!important;
}


/* ВСПЛЫВАЮЩАЯ ЛС
-------------------------------------------------------------*/


.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0; 
	}


.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
    line-height: .5;
    position: absolute;
    top: -18px;
    right: -24px;
    color: #73647e;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}



/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute;
margin-top: 7px;
margin-left: 65px;
width:20px; 
height:auto;
opacity:.62;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: -30px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
    border: 1px solid #1f1f1f;
    text-rendering: auto;
    color: #000000!important;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    width: 110px;
    background: #505050;
    font: normal normal 400 11px tahoma!important;
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(244, 248, 252, .7);
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px!important;
    font-size: 8px!important;
    color: #9b9b9b!important;
    background: #505050;
    border: 1px solid #1f1f1f!important;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 4px;
    min-width: 110px;
    border-radius: 0px;
    font-family: tahoma!important;
    font-weight: 700!important;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
} 
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
    min-height: 183px;
    border: 1px solid #626262;
    border-radius: 0px 0px 6px 6px;
    color: #7a7a7a;
    display: block;
    font: 8px tahoma;
    background: rgb(40 40 40);
    border-color: #381207;
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    z-index: 20;
    text-align: center;
    word-spacing: normal;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);
    text-transform: uppercase;
    top: 6px;
    width: 135px;
    font-weight: bolder;
    z-index: 100000!important;

}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -36px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Roboto!important; 
letter-spacing: 0.4!important; 
display:inline;
background: none!important;
padding: 0 0 0 8px!important;
color: #BCBCBC;
text-shadow: 1px 1px 1px rgb(40, 52, 61);
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames { 
    position: absolute;
    margin-top: -9px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: rgb(40 40 40);
    border-color: #381207;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 6px;
    text-align: center;
    /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
} 
.punbb #List-UserNames li {
display: block!important;
    position: relative;
    background: rgb(80 80 80);
    text-align: left;
    box-shadow: 1px 1px 1px rgb(19, 20, 15);
    padding-left: 5px!important;
    font: 9px tahoma!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
    color: #9b9b9b;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#464646; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Roboto;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
    border: 1px solid #1f1f1f!important;
    text-shadow: none!important;
    color: #333!important;
    background-color: rgb(86 86 86);
    font: 11px tahoma!important;
    padding: 2px !important;
    text-transform: uppercase;
    vertical-align: middle;
} 

/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #F9F4FC; 
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Roboto!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/













/*--------------------------адвент-----------------------------------*/

.advfon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* кол-во столбцов*/
    grid-template-rows: auto; /* кол-во рядов*/
    gap: 15px; /*интервал между рядами и колонками */
    padding: 20px;
    background: url(https://forumstatic.ru/files/001b/dd/85/98626.png); /* фон*/
    border-radius: 5px;
} 

.advfon nyslova {
    display: grid;
    font-size: 15px;
    font-family: Montserrat SemiBold;
    color: #00250f;
    grid-column-start: 1;
    grid-column-end: 5;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    box-shadow: 0px 0px 37px 6px rgb(241 234 115 / 23%);
    border-radius:15px;
    padding: 15px;
}

.advfon xmas {
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: -50px;
    z-index: 999999;
    color: #ffe974;
    text-shadow: #ffd700d4 1px 0 10px;
    font-family: 'Delicate';
    font-size: 85px;
    height: 70px;
}

.okno {
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
    display:grid;
    font-family: Montserrat SemiBold;
    font-size: 14px;
}

.okno close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    font-family: Montserrat SemiBold;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    font-family:Delicate;
text-shadow: #ffd700 0px 0px 4px;
   }

.lastokno1 {
   grid-column-start: 1;
   grid-column-end: 3;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}
.lastokno2 {
   grid-column-start: 3;
   grid-column-end:5;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
   padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}

 .lastokno1 close, .lastokno2 close {
    font-family:Delicate;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    text-shadow: #ffd700 0px 0px 4px;
}
.okno zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px; 
}

.okno priz { 
    padding:7px;
    max-height: 60px; 
}

.okno zadanie, .okno priz {
    display: grid;
    grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}

.lastokno1 zadanie, .lastokno2 zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px;
}

.lastokno1 priz, .lastokno2 priz { 
padding:7px;
max-height: 60px; 
text-align: center;
}

.lastokno2 zadanie, .lastokno2 priz, .lastokno1 zadanie, .lastokno1 priz{
  display: grid;
  grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}


/*--------------------------адвент конец-----------------------------------*/

0

6

цвета

/*  ТЕЛО */
#pun {
    position: relative;
    width: 1069px;
    margin: 300px auto 150px auto;
    background: repeat transparent url(
http://forumstatic.ru/files/001b/f0/c8/81648.png);
    background-position: center;
    padding-top: 185px;
    padding-bottom: 50px;
}

/* КОНТЕНТА ВНУТРИ ТЕЛА */
.punbb {
height: auto;
    width: 1069px;
    box-sizing: border-box;
    padding: 0px 40px;
}

.multipage {  margin-top: 90px!important; }
#pun-main {    margin-top: 55px!important; }

.adminmain {
    padding-left: 155px;
    margin-bottom: 6px;
    margin-top: 70px;
}

/* ЗАДНИЙ ФОН */
body {
background: url(https://i.imgur.com/AQKqWRw.png) no-repeat fixed top center;
background-size: cover;
background-color: #161618;
}

/* шапка */
#pun-title  {
background: url(https://i.imgur.com/0dk1Rg3.png);
    margin-left: -79px;
    margin-bottom: -210px;
    margin-top: -485px;
    width: 1150px;
    height: 599px;
}

/* ФУТЕР */
#pun-about p.container {
background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001b/f0/c8/36195.png) no-repeat scroll bottom center;
    height: 142px;
    width: 1070px;
    margin-bottom: -165px;
    margin-left: -40px;
    margin-top: -30px;
}

/* РЕЙТИНГ  */
#pun-about .container .item1 {
margin-top: 25px;
    width: 1069px;
    position: absolute;
    font-family: 'tahoma';
    font-size: 7px;
    text-align: center;
    text-transform: lowercase;
}

/* ПРОФИЛЬ */

.post-author {
    width: 306px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/73670.png) top no-repeat, url(http://forumstatic.ru/files/001b/f0/c8/63303.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/f0/c8/24938.png) repeat-y;
    margin-left: -51px!important;
    padding-bottom: 40px!important;
     margin-top: -10px;
}

.post-author ul {
    margin-top: 39px;
    width: 240px;
    padding: 0px 15px!important;
    box-sizing: border-box;
    margin-left: 40px;
    text-align: center;
    font: var(--body-font);
    color: var(--proftext);
}

/* НИК АВТОРА */
.pa-author {font: var(--h1-font);           }

.pa-author a {color: var(--hovlink)!important;}

.pa-author a:hover {color: var(--link)!important;}

/* СТАТУС */
.pa-title {   margin-top: 40px;    text-transform: lowercase; }

/* АВАТАР ПОЛЬЗОВАТЕЛЯ */
.pa-avatar {
    margin-bottom: 5px !important;
    text-align: center;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #21130f!important;
    box-shadow: 0 0 2px #161515;
}

/* ПОЛЯ ПРОФИЛЯ */

.pa-fld5 {       
background: url(http://forumstatic.ru/files/001b/f0/c8/19852.png) no-repeat;
    width: 238px;
    height: 33px;
    font: var(--h1-font);
    color: var(--doptext);
    font-size: 15px;
    line-height: 29px;
    font-weight: bolder;
    margin-left: -13px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pa-fld1 {       
    margin-left: -14px!important;
    background: url(http://forumstatic.ru/files/001b/f0/c8/18717.png) no-repeat;
    width: 238px;
    height: 47px;
    margin-top: 10px;
}

.pl0 {
    width: 237px;
    height: 46px;
    position: relative;
}

#pl1 {   
    font: var(--h1-font);
    text-transform: lowercase;
    color: var(--doptext);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-top: 6px;
    text-shadow: 1px 1px black;
}

#pl2 {   font: var(--body-font);
    color: var(--doptext);
    text-align: center;
    text-shadow: 1px 1px black;
}

#pl3 {       
margin-top: -55px!important;
max-width: 30%;
}

/* лз */

.pa-fld2 { margin-bottom: 10px!important;}

.lzname {
font: var(--h1-font);
    font-size: 15px;
    text-transform: lowercase;
    text-shadow: 1px 1px black;
    margin-top: 10px!important;
}

.lzname a {}

.lztext {
font-size: 8px!important;
    text-transform: uppercase;
    text-align: justify;
    padding: 7px !important;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    margin-top: 10px!important;
    position: relative;
    line-height: 12px;
    text-shadow: 1px 1px black;
}

.lztext a {    color: var(--doptext)!important; }

.pa-fld2 a:hover {color: var(--hovlink)!important;}
.lztext a:hover {color: var(--hovlink)!important;}

/*посты */

li.pa-fld4 {
font-family: 'Poiret One';
    width: 95px;
    position: absolute;
    height: 39px;
    text-align: center;
    margin-left: 113px!important;
    margin-top: -61px!important;
    font-size: 36px;
    color: #595858;
    font-weight: bolder;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    padding: 10px 0px!important;
}

.pa-fld4 span {display:none}

/* деньги */

.pa-fld3 {
width: 90px;
    height: 10px;
    text-align: center;
    margin-bottom: 4px;
    padding: 3px 5px 3px 5px !important;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
font-weight: bolder;}

li.pa-ua {
    margin-top: 0.7em;
    display: none!important;
    justify-content: center;}

.pa-online {font-size: 7px;}

#profilenav h2 {
    text-align: left !important;
}

/* ПОСТЫ, РЕПУТАЦИЯ */
.pa-posts {
width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin-bottom: 3px;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
font-weight: bolder;
}

.pa-respect {
width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin-bottom: 3px;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000052;
    border: 1px solid #000000;
    outline: 1px solid #333333;
font-weight: bolder;
}

.pa-respect a {   
color: var(--proftext)!important;}

/* ОТОБРАЖЕНИЕ  ПРИ ОТВЕТИТЬ */
#pun-post .pa-author {
    width: 244px !important;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
    text-align: center;
    height: 100px;
    font-size: 12px!important;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bold;
    color: #87694d!important;
    text-transform: uppercase;
    margin: 29px 5px 16px 59px!important;
}

/* АЙПИ */
.pa-ip {
    clear: both;
    color: #626262cf!important;
    font-size: 7px;
    margin-top: 10px!important;
}

.pa-awards {
    padding: 20px 0px 0px 0px!important;
}

/* ПОДФОРУМ */

#pun-index .category table {padding: 0px 0px 0px 10px;}

#pun-index .hasicon tr {
z-index: 1;
    width: 900px;
    position: relative;
    display: table;
    background: var(--forcol);
    margin-bottom: 20px !important;
    border: var(--bordin);
    margin-left: 35px;
}

#pun-index .tclcon {
width: 580px;
    min-height: 35px!important;
    font-size: 7px;
    text-transform: uppercase;
    line-height: 12px;
    position: relative;
    text-align: justify;
    color: var(--t-body);
    letter-spacing: 0.1px;
    font-family: 'tahoma';
}

#pun-index .tclcon a {}

/*  НАЗВАНИЕ */
#pun-index .tclcon h3 a {
color: var(--t-body);
    display: block;
    margin-bottom: 10px;
    margin-left: 40px;
    position: relative;
    padding: 4px 0px 5px 40px;
    text-transform: uppercase;
    background: var(--forcol);
    width: 540px;
    height: 25px;
    font: var(--h1-font);
    font-size: 16px;
    box-sizing: border-box;
    font-weight: bolder;
}

#pun-index .tclcon a:hover {
    color: var(--hovlink);;
}

/* ССЫЛКИ */
#pun-index .tclcon span {
        display: block;
    font-weight: bold;
}

#pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 { display: none!important; }

/* описание подфорумов и ссылки */
.f_desc_wrap {
  display: flex;
  justify-content: space-between;
  gap: 10px; /* отступ между блоком текста и блоком ссылок */
  flex-direction: column;
}

.f_desc {
  flex: 0 0 1;
  width: auto /*ширина блока с текстом*/
}

.f_links {
flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2px;
    width: 100% /*ширина блока ссылок*/;
}

.f_links a {
background: var(--forcol);
    font: var(--h1-font);
    padding: 3px 20px 6px;
    flex: auto;
    line-height: 10px;
    text-transform: lowercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--bordin);
    margin-right: 3px;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}

.f_links a:hover {  letter-spacing: 1px}

.Tems_And_messages {
display: inline-block!important;
    width: auto;
    height: 25px;
    letter-spacing: 0.5px;
    font-size: 7px;
    text-transform: uppercase;
    color: var(--t-body);
    font-family: 'tahoma';
    font-weight: bolder;
}

.main table .Add {
    display: block;
    padding: 0px;
    width: auto;
    position: absolute;
    top: 6px;
    right: 18px;
}

.Tems_And_messages .right {
float: right!important;
    margin: 0 2px!important;
}

/* категории
-------------------------------------------------------------*/

.category h2 span {
    display: block;
    background: url(http://forumstatic.ru/files/001b/f0/c8/49733.png) no-repeat;
    z-index: 1;
    color: var(--doptext);
    text-transform: lowercase;
    width: 1053px;
    height: 103px;
    box-sizing: border-box;
    margin-left: -39px!important;
    font: var(--body-font);
    text-align: center;
    font-size: 0px;
}

div#pun-category1 .catright::after {
    content: "«у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...» ";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category2 .catright::after {
    content: "«семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты»";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category3 .catright::after {
    content: "«и скажу по опыту, ненавидеть можно только то, что в иных обстоятельствах можно было полюбить»  ";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category4 .catright::after {
    content: "«когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться»  ";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category5 .catright::after {
    content: "«за всю мою долгую жизнь, я пришёл к выводу, что мы навеки связаны с теми, кто с нами одной крови» ";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category6 .catright::after {
    content: "«самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву» ";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category7 .catright::after {
    content: "«когда чувства искренни, ты не можешь просто отвернуться»";
    top: -95px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 span {display: block;
    display: block;
    background: url(http://forumstatic.ru/files/001b/f0/c8/49733.png) no-repeat;
    z-index: 1;
    color: var(--doptext);
    text-transform: lowercase;
    width: 1053px;
    height: 103px;
    box-sizing: border-box;
    margin-left: -39px!important;
    font: var(--body-font);
    text-align: center;
    font-size: 0px;
}

#pun-stats h2 {}

#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}

/* оформление статистики */
#pun-stats {    }

/* оформление блока в статистике */
#pun-stats .container {   
position: relative;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -30px;}

#pun-stats .container span {      font: var(--body-font); }
#pun-stats .container span a {    }
#pun-stats .container strong {     font: var(--body-font);  }
#pun-stats .container strong a { }

/* вся инфа в 1 строчке */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    color: var(--t-body);
    text-align: center;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    display: inline-block;
    text-transform: lowercase;
    border-radius: 2px;
    background: var(--forcol);
    position: relative;
    left: 180px;
    margin-bottom: 20px;
}

/* активные пользователи */
li#onlinelist {
    margin-top: 10px;
    width: 100%;
    font: var(--body-font);
    color: var(--t-body);
    line-height: 15px;
    text-align: justify;
    text-transform: lowercase;
  }

li#onlinelist a { }

/*ИКОНКИ */

/* старые главная */
#pun-index table Div.icon  {
background-image: url(http://forumstatic.ru/files/001b/f0/c8/40176.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 28px;
    margin-left: -2px;
    margin-top: -1px;
    width: 28px;
    z-index: 1;
    position: absolute;
}

/* новые главная */
#pun-index TR.inew Div.icon {
    background-image: url(http://forumstatic.ru/files/001b/f0/c8/73119.png);
    background-repeat: no-repeat;
}

/* старые */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 3px 8px;
    width: 10px;
    height: 10px;
    background: var(--t-body);
    opacity: 0.3;
    border-radius: 50%;
}

/* новые */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: var(--doptext); opacity: 0.5;
}
/* важные */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: var(--doptext); opacity: 1;
}
/* закрытые*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: var(--t-body); opacity: 1;

}

/* КНОПКИ ВВЕРХ ВНИЗ
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
    bottom: 53%;
    margin-left: 1002px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 45%;
    margin-left: 1002px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

**************************************************************/

/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement {
text-align: center;
    top: 80px;
    position: relative;
}

.plashka {
    display: inline-block;
    transition-duration: 1s;
    padding: 3px 12px 7px 12px;
    margin-right: 5px!important;
    color: var(--link);
    min-width: 100px;
    background: var(--forcol);
    border: var(--bordin);
    font: var(--body-font);
    text-transform: lowercase;

}

.plashka a {                color: var(--link);
    font-family: poiret one;
    font-size: 15px;
    font-variant: normal;
    text-transform: lowercase;
}

.plashka:hover {    background: #26262221;}

#tooltip {
  position: absolute;
  background: #262e31;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05);
  font-family: alice; /* шрифт */
  font-size: 10px; /* размер текста */
  display: none;
  color: #9c9c9c; /* цвет текста */
  text-align: center;
  padding: 2px 6px 3px 6px;
  text-shadow: 1px 1px 0 #1d2835;
  letter-spacing: 2px
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

.reactions-root .emoji-mart-bar{border:none!important;}

/*ТАБЛИЦА
--------------------------------------------------------------------------------------------*/
/* активисты */
.activep {
position: absolute;
    left: 485px;
    top: -210px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    color: var(--headtext)!important;
    text-align: left;
    font: 7px tahoma;
    text-transform: uppercase;
    line-height: 14px;
    width: 200px;
    height: 40px;
    text-shadow: 1px 1px black; font-weight: bolder;
}

.activep a {font-family: poiret one!important;
    text-transform: lowercase;
    font-size: 14px; color: var(--headtext)!important;}

/* новости о проекте */
.info1 {
width: 300px;
    position: absolute;
    top: 46px;
    left: 305px;
    z-index: 100;
    font-family: tahoma regular;
    font-size: 7px;
    color: #cd6855;
    text-transform: uppercase;
    text-align: right;
    font-weight: bolder;
    text-shadow: 1px 1px black;
}

.info1 a:hover {
   color: var(--headtext)!important;
    font-weight: 600 !important;
    text-shadow: 0px 0px 1px #000;
}

/* лучший пост */
.bestpost {
    width: 285px;
    overflow: auto;
    position: absolute;
    top: -190px;
    left: 679px;
    z-index: 100;
    font-family: tahoma regular;
    padding: 5px 7px 5px 0px;
    font-size: 8px;
    color: var(--headtext)!important;
    line-height: 12px;
    text-align: justify;
    text-transform: uppercase;
   font-weight: bolder;
    height: 48px;
}

.bestpostname {
width: 280px;
    overflow: auto;
    position: absolute;
    top: -210px;
    left: 679px;
    z-index: 100;
    line-height: 15px;
    text-align: left;
    color: var(--headtext)!important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 7px;
    text-shadow: 1px 1px black; font-weight: bolder;
}
.bestpostname a {
line-height: 13px;
    text-transform: lowercase;
    color: var(--headtext)!important;
    font-family: poiret one;
    font-size: 14px;
    font-weight: bold!important;
}

.bestplay {
width: 280px;
    overflow: auto;
    position: absolute;
    top: -125px;
    left: 679px;
    z-index: 100;
    line-height: 15px;
    text-align: left;
    color: var(--headtext)!important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 7px;
    text-shadow: 1px 1px black; font-weight: bolder;
}
.bestplay a {
line-height: 13px;
    text-transform: lowercase;
    color: var(--headtext)!important;
    font-family: poiret one;
    font-size: 14px;
    font-weight: bold!important;
}

/* постописцы */
.poster {
position: absolute;
    left: 485px;
    top: -158px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    color: var(--headtext);
    text-align: left;
    font: 7px tahoma;
    text-transform: uppercase;
    line-height: 14px;
    width: 300px;
    height: 40px;
    text-shadow: 1px 1px black; font-weight: bolder;}

.poster a {font-family: poiret one!important;
    text-transform: lowercase;
    font-size: 14px; color: var(--headtext)!important;}

/* лучший эпизод*/
.bestep {
    width: 200px;
    overflow: auto;
    position: absolute;
    top: -210px;
    left: 270px;
    z-index: 100;
    line-height: 15px;
    text-align: left;
    color: var(--headtext);
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bolder;
    text-shadow: 1px 1px black;
}

.bestep a {
line-height: 13px;
    text-transform: lowercase;
    color: var(--headtext)!important;
    font-family: poiret one;
    font-size: 14px;
    font-weight: bold!important;
}

/* ссылки*/
.link {
    width: 550px;
    position: absolute;
    top: -248px;
    left: 387px;
    z-index: 100;
    text-align: center;
}

.link a {
font: var(--h1-font);
    color: #9d9d9d!important;
    padding: 0px 5px;
    text-transform: lowercase;
    position: relative;
    display: inline-block;
}

.link a:hover {color: var(--hovlink)!important;}

.cop a {
    position: absolute;
    font: var(--body-font);
    font-size: 10px;
    width: 990px!important;
    text-align: center;
    color: var(--doptext)!important;
    font-weight: 100!important;
    margin-top: 75px;
}

.cop:hover a {color: var(--link)!important; }

/*---------- баннеры -------------*/
.ban {
    position: absolute;
    height: 65px;
    width: 930px;
    left: 60px;
    bottom: -145px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 10px 0px 0px;
}

.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}

/*----------------------------------  ГОСТЕВАЯ  ---------------------------------- */
.guest {
width: 801px;
    height: 440px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/37587.png);
    margin-left: 70px!important;
    margin-top: 30px;
}

.guest faq {
position: absolute;
    width: 690px;
    height: 50px;
    margin-top: 89px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 8px;
    padding: 5px;
    font-family: verdana;
    text-transform: uppercase;
    overflow-y: auto;
    color: #717171;
    text-shadow: 1px 1px #000;
    text-align: center;
    font-weight: bolder;
}

.guest rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 153px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    text-transform: lowercase;
    overflow-y: auto;
    color: #595858;
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.guest ams {
    position: absolute;
    width: 700px;
    height: 22px;
    font-size: 16px;
    text-align: center;
    font-family: 'Poiret One';
    font-weight: bold;
    margin-top: 120px;
    margin-left: 47px;
    color: var(--doptext)!important;
}

.guest ams a {color: var(--doptext)!important;}

.guest pers a, .guest face a {color: var(--doptext)!important;}

.guest pers {
    position: absolute;
    width: 308px;
    height: 108px;
    margin-top: 261px;
    margin-left: 48px;
    line-height: 120%;
    font-size: 9px;
    text-align: justify;
    font-family: tahoma;
    overflow-y: auto;
    color: #717171;
    letter-spacing: 0.3px;
    padding: 10px;
}
.guest face {
    position: absolute;
    width: 308px;
    height: 108px;
    margin-top: 261px;
    margin-left: 420px;
    line-height: 120%;
    font-size: 9px;
    text-align: justify;
    font-family: tahoma;
    overflow-y: auto;
    color: #717171;
    letter-spacing: 0.3px;
    padding: 10px;
}

/*----------------------------------  банк  ---------------------------------- */
.bank {
width: 801px;
    height: 623px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/31080.png);
    margin-left: 70px!important;
    margin-top: 30px;
}

.bank rules {
    position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.bank get a, .bank spend a {
color: #7f7f7f!important;
}

.price {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 48px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

.bank span {
    text-transform: uppercase;
    font-weight: bolder;
}

.bank spend {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 420px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

/*---------------------------------- внешности и роли  ---------------------------------- */
.vnesh {
    width: 801px;
    height: 723px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/34531.png);
    margin-left: 90px!important;
    margin-top: 30px;
}

.vnesh rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: center;
}

.vnesh rules span {display: block;
    font: var(--h1-font);
    font-size: 20px;
    font-weight: bolder;
   
}

.vnesh rules2 {
position: absolute;
    width: 680px;
    height: 100px;
    margin-top: 122px!important;
    margin-left: 48px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

/*---------------------------------- расы ---------------------------------- */
.race {
        width: 801px;
    height: 773px;
    background: url(https://forumstatic.ru/files/001b/dc/dc/18772.png);
    margin-left: 90px!important;
    margin-top: 30px;}

.race rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: center;
}

.race rules span {display: block;
    font: var(--h1-font);
    font-size: 20px;
    font-weight: bolder;
   
}

/* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */
.pagelink strong, .pagelink a {transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; display: inline-block;}
.pagelink strong {margin: 0px 0px 0px 10px; padding: 0 0px 3px 0; font-weight: normal; font-size: 10px;}
.pagelink strong, .pagelink a:hover {transform: scale(1.5);}
.pagelink a {padding: 0 1px 0 3px;}

li.pa-avatar.item2 {
margin: -9px;
}

.hotlink {
        text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: auto;
    margin-top: 10px!important;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
}

.hotlink a {
    border: 1px solid #afada5;
}
.hotlink a:hover {
color: #a17e2e!important;
}

/* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#form-buttons {
margin: 0px -14px 3px 0px;
    padding: 4px 5px 0px 0px;
    height: 25px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
#pun-messages #form-buttons {/*В Личке*/
     padding: 4px 5px 0px 0x;
}
small#plng {    width: 150px;
    /* text-align: center; */
    margin-top: 28px!important;
    left: -1px;
    position: relative;
    z-index: 1;
    text-transform: lowercase;
    /* line-height: 25px; */
    font-family: 'tahoma'!important;
    font-size: 10px!important;
}

small#plng b {font-size: 12px;
    font-family: var(--fontd);
}

#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 22px -21px 0 2px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#keyboard-span input {box-shadow: none !important; text-shadow: none !important;}
#image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;}
/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#tags .container {overflow-y: auto; height: 205px; z-index: 99999;line-height: 200%;}

#float, #tags .container {
padding: 10px !important;
    color: #4f4c46!important;
    background: #c4c2bb;
    border: 1px #afada5 solid!important;}

#keyboard-span input {border: none !important;
    margin: 3px 2px !important;
    height: 23px !important;
    padding: 5px !important;
    font-size: 12px !important;}

#imageupload-left strong {display: block;} #upload-button-container input[type=button] {font-weight: normal !important}
#image_upload .button {    width: auto !important;}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */

.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 10px 20px 25px 20px;
position: relative;   
overflow: hidden;}

.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-size: 11px!important;
font-family: var(--fontm)!important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {   
border-radius: 2px;
    padding: 20px 15px 10px 15px!important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}

.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before {
    font-size: 40px;
    position: absolute;
    left: 17px;
    top: 16px;
    color: #8c8a82;
    opacity: 0.5!important;
    content: '\269C';
}

/* фон проставления репутации */
.post_reputation {
    background-color: #bec2c7;
    padding-right: 20px !important;
}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {   
    font-style: normal;
    padding: 7px 10px;
    display: block;
    text-transform: uppercase;
    font-family: 'tahoma';
    letter-spacing: 0.7px;
    font-size: 8.6px;
    text-align: justify;
    margin: -9px 7px 15px 50px;
    border-bottom: 1px solid #afada5;
    line-height: 200%;
}

.post-content .spoiler-box > div {background: no-repeat 10px !important;    margin-bottom: 0px;}

/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {   
content: '+';
    font-size: 15px;
    float: right;
    margin: 16px -20px 0 0px;
    transition: all .8s;
    color: #a99672;
}

.post-content .spoiler-box > div.visible:after {  transform: rotate(45deg);}

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--fontm)!important;
font-size: 12px;}

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option {
    font-family: var(--fontm);
    text-transform: uppercase !important;
    font-size: 9px !important;
    padding: 4px !important;}

.checkbox {width: auto !important;}

.punbb option {    background-color: #aaa291 !important;} /* модерское */

/* 7.2 админка */
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-color: #eee0!important;
background: #eee0!important;
  }

/*настройка масок*/
#mask_dialog .inner {
cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    background: #c4c2bb!important;
    border-radius: 5px;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    margin: 0px 36px 9px 18px;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 95%;
    background: #0000000f;
}

#mask_dialog .hv-form-block {
    max-height: 415px;
    overflow-y: auto;}

#post #mentions-area {
background-color: #e0c89e!important;
}

/*************************************************************

ЛИЧНАЯ СТРАНИЧКА

**************************************************************/

#character {
    width: 669px;
    height: 524px;
    margin-left: -195px!important;
    top: 100px!important;
    z-index: 99999;
    background: url(http://forumstatic.ru/files/001b/f0/c8/88993.png);
}

.lsgif {
left: 23px;
    top: 30px;
    filter: grayscale(1) blur(0.5px);
    position: absolute;
}

.lsgif img {
object-fit: cover;
    width: 218px;
    height: 125px;
}

.lsname {
text-transform: lowercase;
    font-size: 16px;
    top: 170px!important;
    position: absolute;
    font-family: 'Poiret One';
    color: var(--doptext);
    line-height: 15px;
    height: 280px;
    overflow: hidden;
    font-weight: bolder;
    left: 26px;
    text-align: center;
    writing-mode: tb-rl;
    transform: rotate(180deg);
}

.lsbon {
    color: #6c6c6c;
    text-transform: uppercase;
    font-family: 'tahoma';
    height: 35px;
    width: 220px;
    position: absolute;
    font-size: 8px;
    line-height: 33px;
    font-weight: bolder;
    top: 456px;
    left: 22px;
    text-align: center;
}

.lscards {
    height: 262px;
    width: 150px;
    position: absolute;
    left: 73px;
    top: 170px;
}

.lsquest {
height: 478px;
    width: 345px;
    position: absolute;
    top: 21px;
    left: 255px;
    overflow: auto;
    padding-right: 10px;
    padding-left: 10px;
}
.quest { position: relative;}

.quest img {width: 100px;
    height: 100px;
/*   filter: grayscale(1); */}

.submenuItems {
  display: none;
  background: #1515158a;
    border: 1px solid #333333;
text-align: center;}

.submenuItems .quest {    margin: 0 5px;
    position: relative;
    display: inline-block;}
.submenuItems .quest img {
    border-radius: 50%;    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}

.submenuItems .quest, .submenuItems .quest img {width: 100px; height: 100px; filter: hue-rotate(70deg);}

.submenuItems .quest span {
    display: block;
    text-align: center;
    overflow: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 7px;
    font-size: 9px;
    transition: all .5s;
    opacity: 0;
}
.submenuItems .quest img.x {filter: grayscale(1); opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1}
.submenuItems .quest:hover img {
    opacity: 0;
}
.submenuItems .quest:hover span {
    opacity: 1;
}

.ls_pl {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 27px;
    padding-top: 40px;
}

.ls_pl span, .ls_aw span {
    background: #191919;
    width: 350px;
    position: absolute;
    text-align: center;
    font-family: poiret one;
    text-transform: lowercase;
    font-size: 13px;
    height: 30px;
    line-height: 27px;
    font-weight: bold;
    border: 1px solid black;
    outline: 1px solid #383838;
    margin-top: -36px!important;
}

.ls_aw {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 260px;
    padding-top: 40px;
}

.pod {opacity: 0.3; filter: grayscale(1);}
.pod:hover {opacity: 1; filter: grayscale(0);-webkit-transition: .5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;}

.grayscale {
  -webkit-filter: grayscale(1);
}

details summary {
background-color: #151515;
    width: 350px;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    color: #7f7f7f;
    z-index: 1000;
    position: relative;
    margin: 10px 0px -1px -6px!important;
    font-family: 'Poiret One';
    font-weight: bolder;
    text-transform: lowercase;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    height: 30px;
}

details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  display: none;
}
details[open] summary::before {
  display: none;
}

.menu span {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    border-radius: 0%;
    text-align: center;
    background: url(http://forumstatic.ru/files/001b/6e/df/69865.png) no-repeat;
    width: 153px!important;
    height: 37px;
    top: -20px;
    left: 10px;
    position: relative;
    padding: 5px 0px 0px 0px;
}

.menu {            color: #7a5e5b;
    font-family: 'Koloman Modern';
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    font-weight: bolder;
    top: 344px;
    font-size: 10px;}

.menu-links {
    margin-left: 475px!important;
    color: #6c6c6a;
    display: flex;
    position: absolute;
    top: 90px;
    right: 15px;
    height: 350px;
    font-family: 'Poiret One';
    text-transform: lowercase!important;
    font-size: 14px;
    writing-mode: tb-rl;
    transform: rotate(360deg);
    gap: 10px;
    align-content: stretch;
    justify-content: space-around;
    cursor: pointer;
    font-weight: bolder;
}
#submenu {}

#submenu, .menu span { }

.menu .tabactive {
color: #4a4b71;
}

#submenu {}   

.submenutext {
display: none;
height: 40px;
}

.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: #c5c6ba!important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 590px; /* ширина блока */
--chrbg: #; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative;     width: 675px;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}

/*************************************************************

СТИЛИ К СКРИПТАМ И ДОПОЛНЕНИЯ

**************************************************************/

/* Отключить надпись "Отредактировано" */
p.lastedit {display:none}

/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}

/*отключение наград*/
li#navawards {display: none;}

/*Регулировка размера шрифта в постах © Alex_63*/
.FNTslider {
position: relative;
    z-index: 100;
    background: var(--forcol);
    width: 110px;
    height: 4px;
    margin: 1px 5px !important;
    border: var(--bordin);
    float: right;
    margin-right: 9% !important;
    }
    .FNTslider .before {
    height: 4px;
    border-right: none 0;
    position: absolute;
    background: var(--hovlink);
    }
    .FNTslider .thumb {
width: 5px;
    height: 10px;
    border-radius: 2px;
    position: relative;
    top: -3px;
    background: #384464;
    cursor: pointer;
    }

/* Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 */
#pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
    font-weight: bold;
    background: #0000000f;
    height: 20px!important;
    font-family: 'tahoma';
    text-transform: uppercase;
    font-size: 8px;
    }

/*Скрытие профиля в теме тегом*/
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}

/*Переключение раскладки выделенного текста*/
#button-transL{background-image:url(https://i.imgur.com/IY448wH.png)}

/*ТЕГ  абзаца - [indent]*/
#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}

/*выравнивание justify*/
#button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}

0

7

вверх

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span><center><br><font face="Times New Roman"><font color="#800000"><span style="font-size: 20pt">Скоро вернёмся...</font></font></span></center>
</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 0;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике— '+document.title;
}
</script>

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "inherit"; // Цвет шрифта,
FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[30,32]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f32 :-[344],  //Мы пишем историю
f9 :-[0],  //Вы пишете рассказ
f43 :-[0],  //Merry Christmas, Joy
f48 :-[0],  //Между прошлым и будущим
f18 :-[0] //А если бы... //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->

<!---------------------------------ТАБЛИЦА В ШАПКЕ------------------------------>

<!------------------ важные ссылки ------------>
<div class="link">
<a href="http://faceinless.ru/viewtopic.php?id=9#p11">сюжет</a>
<a href="http://faceinless.ru/viewtopic.php?id=65">путеводитель</a>
<a href="http://faceinless.ru/viewtopic.php?id=66#p4840">роли & внешности </a>
<a href="http://faceinless.ru/viewtopic.php?id=152">faq</a>
<a href="http://faceinless.ru/viewtopic.php?id=10">бестиарий</a>
<a href="http://faceinless.ru/viewtopic.php?id=7">сюжетные акции</a>
</div>

<!------------------ инфо о проекте ------------>
<div class="info1">
THE VAMPIRE DIARIES × THE ORIGINALS X LEGACIES X 2018
</div>

<!------------------ лучший пост ------------>
<div class="bestpostname">лучший пост
<a href="https://faceinless.ru/viewtopic.php?id=581#p82482">Daniella</a></div>
<div class="bestpost">Ненормированный рабочий день, с одной стороны это хорошо. У тебя есть свободное время в будние дни. Ты не торчишь на работе от звонка до звонка. Но с другой, ты никогда не знаешь, когда придет уведомление на телефон о том, что тебя ждут в офисе. Раньше существовала как на иголках, в ожидании сообщения...
</div>

<!------------------ лучший игрок ------------>
<div class="bestplay">лучший игрок <a href="https://faceinless.ru/profile.php?id=158">
Matt Donovan</a></div>

<!------------------ лучший эпизод ------------>
<div class="bestep">лучший эпизод <br><a href="https://faceinless.ru/viewtopic.php?id=529#p72121" title="Niklaus Mikaelson & Katherine Pierce ">in the blood and this is tradition</a>
</div>

<!------------------ активисты ------------>
<div class="activep"> активисты флуда <br>
<a href="https://faceinless.ru/profile.php?id=66">Cassie</a> x <a href="https://faceinless.ru/profile.php?id=167">Kol</a> x <a href="https://faceinless.ru/profile.php?id=179">
Ruby</a> x  <a href="https://faceinless.ru/profile.php?id=98">
Kayla</a>
</div>

<!------------------ постописцы ------------>
<div class="poster"> постописцы <br>
<a href="https://faceinless.ru/profile.php?id=100">
Klaus</a> x <a href="https://faceinless.ru/profile.php?id=138">Hope</a> x <a href="https://faceinless.ru/profile.php?id=132">Henrik</a> x  <a href="https://faceinless.ru/profile.php?id=130">Kat</a>
</div>

<!--выделить код. 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>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-— Отключение модулей -->
<script type="text/javascript">
RusffCore.sets.share = 0; // Отключить функцию "Поделиться"
rusffLive.enable = false; // Отключить функцию "Это интересно"
RusffCore.sets.use_awards = 0; // Отключить награды
RusffCore.sets.files.button = false; // Отключить кнопку "Вложения"
RusffCore.sets.graffiti = 0; // Отключение граффити
RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе
RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба
RusffCore.sets.tags = 0; // Отключить функцию "Теги"
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>

<!--Скрытие профиля в теме тегом-->
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post-content p:contains("[hideprofile]")').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')}).parents('.post').addClass('hideprofile')});
</script>
<!-- Конец -->

<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'http://forumstatic.ru/files/001a/f4/24/67452.png'; //Дополнительная Иконка выход;
</script>
<script data="357656"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>

<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>

<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>

<!---------------------------- лс---------------------------->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>

<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '86c40b77b6a48c9457190510e92b2032162fa7f4'; // Forum token
notifications.key = 'ove93sk013s7'; // Subscription key
RusffCore.sets.notifications = false
</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [58,130,9,65]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// конец //-->

<link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<link rel="stylesheet" href="/files/001b/95/a1/96876.css">

низ

<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="http://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!-------------------------- Кликабельность ника в постах гостя -------------------------->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>

<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("faceless", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>

<!--скрыть блок автора в сообщении-->
<style>
#pun-live-rusff, .hide-author .post-author, .hide-author .post-sig, .hide-author .pl-email, .hide-author .pl-delete, .hide-author .pl-quote, .hide-author h3 {display:none!important;}
.hide-author .post-rating {margin-top:40px!important;position: relative; z-index:99!important;}
#pun-viewtopic h1 {text-align:center;}
.hide-author .post-links {position:relative;z-index:99!important; margin-top:-23px!important;margin-left:770px!important;}
.hide-author .post-body, .hide-author .post-box{margin:0!important;padding:0!important;}
</style>
<script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>
<!--конец-->

<!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ---->
<script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/hKt5Ry2.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/CsCDOp2.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<style>.avatar-image[style*="default_avatar.jpg"]{       background-image:url(АВ ССВЛКА)!important;    }</style>

    <!--ТЕГ  абзаца - [indent] -->
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>

<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="    font-size: 8px !important;    margin: 0 20px 0 10px;    font-family: tahoma; ">написано <b style="    font-family: tahoma;    font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/001b/f0/c8/82372.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/001b/f0/c8/97975.png" border="0" /></div>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

   
<!-— новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
// поправка для нормального отображения профиля
$('.post-author ul').append('<li class="end_check"></li>');
</script>
<!-— Конец -->

<!-------------------------- Пиар-вход -------------------------->

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

<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>
<!--конец-->

    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/Sv4mpWV.png")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<!---------------------------- выравнивание justify---------------------------->
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('', '');\"/>"
</script>

<!---------------------------- МАСКА ---------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Мы пишем историю', 'Вы пишете рассказ', 'А если бы...', 'Общение', 'Конкурсы', 'Дорогой дневник...', 'Завершенные сюжетные эпизоды'],
    forumAccessExtended: {
        'Мы пишем историю': ['игроки'],
        'Вы пишете рассказ': ['игроки'],
        'А если бы...': ['игроки'],
        'Общение': ['игроки', 'Пользователи'],
        'Конкурсы': ['игроки'],
        'Дорогой дневник...': ['игроки'],
        'Завершенные сюжетные эпизоды': ['игроки'],
    },
    changeList: {
        'pafld2': {
            title: 'личное звание',
            description: '',
            tag: 'info',
            class: 'pa-fld2',
            defaultCode: '<div class="lzname"> <b>Имя Фамилия, возраст</b> </div> <div class="lztext">текст и <a href="http://faceinless.ru/">ссылка</a>. </div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect']
});
</script>

<!---------------------------- личная страничка ---------------------------->

<style>
.reveal-modal {
    display:none;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    z-index: 101;
}

</style>
  <div id="character" class="reveal-modal xlarge main container">   
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal" onclick="$(this).parent().hide()">×</a>
</div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');

    $('.modal_wrap').html('');
    $.get('/pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html()).parent().show();
    });

    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<div class="cop"> <a href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">mrazeushadyprod.</a></div>

<div class="ban">
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a><a href="https://soullove.ru" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/31063.gif" border="0" alt="shadow souls"></a><a href="http://greenwich.rusff.me/" target="_blank"><img src="http://forumstatic.ru/files/001b/b5/60/77478.png" border="0" alt="greenwich"></a> <a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a><a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a><a href="http://newadventure.rusff.me/"><img src="http://forumstatic.ru/files/0014/ed/19/40119.png"></a><a href="https://thedome.rusff.me/" target="_blank"><img src='https://i.imgur.com/qEqiky1.jpg' title="Город, из которого нет выхода" /></a><a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"  title="BOSTON"></a><a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://upforme.ru/uploads/001b/d5/58/2/217166.gif"></a><a href="https://verbaveritatis.rusff.me" title="Верба"><img src="https://upforme.ru/uploads/001b/aa/c9/2/785234.png"></a><a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/xnkEbfi.gif" title="no stress cross"></a><a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a></a><a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>  <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/18464.png" title="alluvio maris"></a><<a href="http://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="http://upforme.ru/uploads/001b/e6/91/2/894168.jpg" border ></a><a href="http://shlexmalalexnulla.rusff.me/" target="_blank"> <img src="http://forumstatic.ru/files/001b/91/87/45101.png" border="0" width="88" height="31" title="LEX MALA LEX NULLA"></a> <a target="_blank" href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a><a href="https://tma.f-rpg.me/" title="The morning after" target="_blank"><img src="https://upforme.ru/uploads/001b/f6/17/2/586749.gif"></a><a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a><a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://upforme.ru/uploads/001c/0a/f5/2/209384.gif " title="PULSE. Зомби апокалипсис. Нью-Йорк 2024"/></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/0013/26/8a/4/813808.png" title="karma cross" border="0" width="88" height="31"></a>
</div>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(96542288, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/96542288" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

объявления

<center><div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=583#p82818">Вторая арка</a> <br>сюжетик, сюжетик</div>
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=58#p82531">Новости</a> <br>от Морганы</div>
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=496#p60001">Опрос</a> <br> сюжетный</div>
</center>

форма ответа

<!--Смайлы от Человека-Шамана редактирование через файл--><script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/0c/86/28923.txt");
});
</script>
<!--конец-->

<!--Переключение раскладки выделенного текста -->
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- конец -->

<!--ДОПОЛНИТЕЛЬНЫЕ ШРИФТЫ -->
<script type="text/javascript">
$(document).ready(function(){

$("#font-area").append('<div style="font-family:Alumni Sans"><span>Alumni Sans</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Amatic SC"><span>Amatic SC</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Calypso"><span>Calypso</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Caveat"><span>Caveat</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Cuprum"><span>Cuprum</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Dark Magic"><span>Dark Magic</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Dark Ministry"><span>Dark Ministry</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Harry Potter"><span>Harry Potter</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Kelly Slab"><span>Kelly Slab</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Oranienbaum"><span>Oranienbaum</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Oswald"><span>Oswald</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Playfair Display SC"><span>Playfair Display SC</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Poiret One"><span>Poiret One</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Vollkorn SC"><span>Vollkorn SC</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Yeseva One"><span>Yeseva One</span><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif" /></div>');

});
</script>

0

8

Зелененький
https://upforme.ru/uploads/001b/dc/dc/3/367195.png

Основа css by shady.
Код:
/*************************************************************

Основа css by shady. 

**************************************************************/

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url('//forumstatic.ru/files/001b/6e/df/58432.css');
@import url('//forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: POIRETONE-REGULAR;
src: url('//forumstatic.ru/files/001b/f0/c8/46727.ttf?v=1');}
@font-face {font-family: tahoma;
    src: url('//forumstatic.ru/files/001b/11/27/69819.ttf?v=1');}
@font-face { font-family: YESEVAONE;
    src: url('//forumstatic.ru/files/001b/11/27/49269.otf?v=1');}
@font-face { font-family: Koloman Modern;
    src: url('//forumstatic.ru/files/001b/6e/df/58872.ttf');}
@font-face { font-family: Alter Biom;
    src: url('//forumstatic.ru/files/001b/b9/c5/65163.otf?v=1');}
@font-face { font-family: Vogue Highline serif;
    src: url('//forumstatic.ru/files/001b/6e/df/10841.otf');}
@font-face {font-family: 'Play';
src: url(//forumstatic.ru/files/0019/47/79/11592.ttf);}
@font-face {font-family: 'georgia';
src: url(//forumstatic.ru/files/001b/f0/c8/45558.ttf);}

/* шрифт для адвент календаря */
@font-face { font-family: Delicate;
    src: url('https://forumstatic.ru/files/001b/dd/85/40872.otf');}    

@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src:  url('//forumstatic.ru/files/001a/da/7d/83987.ttf');}

/* ROOT
-------------------------------------------------------------*/
:root {
--h1-font: 13px "georgia regular"; /* шрифт и размер заглавного текста */
--body-font: 11px "play"; /* шрифт основного текста */
--backcol: #bcbcb3; /* цвет подложки выпадающих меню */
--forcol: #8787871c; /* цвет подложки в цитатах*/
--link: #4f4c46; /* цвет основных ссылок */
--hovlink: #586e61; /* цвет ссылок при наведении */
--doplink: #586e61; /* цвет дополнительных ссылок */
--t-body: #4f4c46; /*цвет основного текста */
--doptext: #586e61; /*цвет дополнительного текста */
--proftext: #6b6b6b; /*цвет текста в профиле */
--bordin: 1px solid #afa8a4; /*цвет рамок форм */
--headtext: #60836a; /*цвет текста в шапке */
--headhov: #888888; /* цвет ссылок в шапке при наведении */
}


 /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body {  font: 11px "play";}
h1, h2 {  font: 12px "georgia regular";    font-weight: normal;}

/* шрифты поля ввода*/
textarea,  input, select, optgroup {  font: 12px verdana;}

/*шрифт в поле кода */
.punbb pre { font: 11px verdana; }


/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
 .section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,  .info-box, #pun-main .info-box .legend,  .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    color: #4f4c46;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.post-box {
    color: #4a3a32; font: 11px verdana;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;
    color: var(--t-body);
    font: var(--body-font);
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    color: #4f4c46;
font-weight: 600;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #60836a;
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table {
  table-layout: fixed;
  width: 100%;  }
#messages > fieldset > div > div > table, #rep_form > table {width: 100%;}

/* отступы в ячейках */
.main td {  padding: 5px 10px;  }
th {  padding: 0!important; font-size: 0px!important;  }

/* ширина подфорума */
 .main .tcl {  text-align: left;  width: 55%;  text-transform: lowercase; }
 #pun-index .tcl {  text-align: left;  width: 60%; }

/* ширина ячеек */
.tc2, .tc3, .tcmod {  text-align: center;  width: 5%;  }

/* ширина последнего сообщения */
 .tcr {  text-align: left;
    width: 30%;
    line-height: 20px!important;  text-transform: lowercase;  }

/* ширина в поиске/модерировании */
#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
  width: 40%  }
#pun-userlist .tc2, #pun-searchtopics .tc2 {  text-align: left;  width: 20%;  }

/*дебаг */
#pun-debug table .tcl {  width: 15%;  white-space:normal;  }
#pun-debug .tcr {  width: 90%;  white-space: normal;  }

/* расположение последней активной темы */
#pun-index .tcr {
width: 40%!important;
    text-align: left;
    line-height: 11px!important;
    font: var(--body-font);
    text-transform: lowercase;
    color: var(--t-body);
    font-size: 9px;
}

/* последняя активная тема в подфоруме */
#pun-index .tcr a {
    text-transform: uppercase;
    font: var(--h1-font);
}

/* количество тем и сообщений в подфоруме */
#pun-index .tc2, #pun-index .tc3 {    width: 5%; display: none; }

/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
/* расположение*/
#pun-navlinks {          top: 30px!important;
    position: relative;
    text-align: center;}

#pun-navlinks .container {    padding: 0px;    margin: 0;}


#pun-navlinks li {  display: inline;  }

/* вид ссылок */
#pun-navlinks li a { 
color: var(--link);
    text-transform: uppercase;
    padding-right: 15px;
    font: var(--h1-font);
    font-size: 16px;
  }

/*  вид ссылок навигации при наведении */
#pun-navlinks li a:hover {      color: var(--hovlink); }


/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ 
-------------------------------------------------------------*/
/*расположение */
#pun-ulinks  {    text-align: center;
position: relative;
    top: 40px;
}

#pun-ulinks .container {    padding: 0!important;    margin: 0px;}
#pun-ulinks li, #pun-ulinks li a {    display: inline;}


/* цвет ссылок */
#pun-ulinks a {
transition: all 0.5s linear 0s;
    text-transform: lowercase;
    padding-right: 10px;
    color: var(--link);
    font: var(--body-font);}

/* цвет ссылок при наведении */
#pun-ulinks a:hover { color: var(--hovlink);} 


/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ 
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 { margin-top: 110px !important;
    margin-bottom: -40px;}

/* расположение снизу */
#pun-crumbs2 {        margin-top: 0px; }

/* общий внешний вид */
#pun-crumbs1, #pun-crumbs2 {
font: var(--h1-font);
    text-align: center;
    text-transform: uppercase;
    color: var(--t-body);
}

/* цвета ссылок */
#pun-crumbs2  a, #pun-crumbs1 a {font-weight: bold; }

/* цвет ссылок при наведении */
#pun-crumbs2  a:hover, #pun-crumbs1 a:hover {font-weight: bold; color: var(--hovlink);}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
/* расположение  */
#pun-status {  position: absolute;
    text-align: center;
    top: 75px;
    width: 960px;
}

/* внешний вид  */
#pun-status .container {    color: var(--t-body);
    font: var(--body-font);
    text-transform: lowercase;}

#pun-status strong {   font-weight: normal; }
#pun-status span {  margin-right: 5px;  }
#pun-status .status-right  { float: none!important; }


/* цвет ссылки  */
#pun-status a {  color: var(--t-body); font-weight: normal;}

 /* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */
.post .container { margin-top: 30px; }

/* разделитель между сообщения*/
.post h3 {     width: 690px;
    margin: 35px 0px -10px 270px !important;
    padding: 5px;
    box-sizing: border-box;
    height: 18px;
    line-height: 10px;
    background: var(--forcol);
    border: var(--bordin);
}

/* текст внутри разделителя */
.post h3 span {
display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--t-body);
    font: var(--body-font);
    font-size: 9px!important;
    line-height: 7px;
}

/* ссылка внутри разделителя */
 .post h3 a {        
    font-size: 9px!important;
    color: var(--t-body)!important;
padding: 0 10px;}

/* номер поста */
.post h3 strong {     float: right;
    text-align: right;
    font-weight: normal;
    margin-right: 10px;
  }

/* расположение профиля */
.post .post-author {    float: left;
    min-height: 265px!important;
}

/* пост и отступы в посте */
.post-body {    margin-left: 260px; }
.post-box { padding: 0px 15px 0px;  }

/* выравнивание текста поста */
.post-content {
  width: 100%;
  overflow: hidden;
  text-align: justify;  }

/* абзацы постов */ 
 .post-content p {
    padding: 0;
    line-height: 150%;}

.post-content {}

/* ссылки в посте */
.post-links a {    }
.post-links li {  display: inline;  padding-left: 5px;  }
.post-links ul {     padding: 0px 10px 0px 22px;
    text-align: right;
}
.pl-email, .pl-website {  float: left;  }
.clearer {  clear: both;  height: 0;  font-size: 0;  }

/* курсив и подчеркнутый текст внутри поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}

/* картинки в постах */
.post-content img {  vertical-align: text-bottom  }
.post-content img.postimg {  vertical-align: middle;  }

/* таблицы в постах */
td { border-color: transparent; }

.post-content td {     padding: 0.4em 0.5em !important;
    overflow: hidden;
}

/* разделитель подписи в посте */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
border: 1px solid #b6b1a24f;
    width: 350px;
    margin: 0px 170px;
}


/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
 .formal .container {padding: 15px 0px; }
.punbb .formal fieldset {min-width:0;     border: none;}
.punbb .formal span.input {padding-right:0 !important}

#post-form h2, #pun-announcement h2 { display:none;}

/* местоположение кнопок отправить/посмотреть */
.formsubmit {    margin: 10px 0px 10px 20px;}
.formsubmit input, .formsubmit a, .formsubmit span {  margin: 0;  }

/* инфо по заполнению */
fieldset {    padding: 0 10px 0 20px;}
fieldset legend {  margin: 0 0px 10px 0;}
/* настройка текста */
fieldset legend span { } 
fieldset fieldset {  border: none;  margin: 0;  padding: 0px 0px 5px;  }

.fs-box {  padding: 0px;  }
.fs-box p, .punbb .fs-box fieldset {  padding: 0px;  }
.inline .inputfield, .inline .selectfield, .inline .passfield {  float: left;  margin-right: 1em;  }
.inline .infofield {  clear:both  }
.datafield br {  display: none  }
.required label, .datafield span.input {  font-weight: bold  }
textarea, .longinput input {  width: 64%;  margin: 0;  }

/* обводка активного поля */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}
.hashelp {  position: relative;  }

/* чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {  height: 1.8em;  vertical-align: middle;  }

/* страница переадресации */
#pun-redirect {padding: 14px;}
#pun-redirect.punbb .info .container{ }

/* поле ввода текста поста */
.punbb textarea {
background-clip: padding-box;
    background: var(--forcol);
    padding: 18px 20px !important;
    width: 95% !important;
    color: #312726;
    border: solid 1px #826b5c38;
    border-radius: 5px;
}

/* поле ввода название темы */
.punbb select, input {
    background: var(--forcol);
    color: var(--t-body);
    margin: 0;
    border: var(--bordin);
    border-radius: 3px;
}

/* перенос сообщений из темы  */
.pun-modal .container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    background: var(--backcol);
}

/* пагинация 
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
 .linkst {  position: relative;
    height: 0;
    top: 0px;  } 
.linkst .pagelink {    margin-left: 25px;}
.postlink.long {    width: 300px; }
.linkst .postlink {     position: absolute;
    top: 0px;
    right: 20px;
    text-align: right;
    font: var(--h1-font);
    text-transform: uppercase;
}

/* страницы в подфоруме снизу*/
.linksb {        text-align: right;
    padding: 0px 20px;
    position: relative;
    bottom: -5px;}

.linksb .pagelink {
width: 300px;
    text-align: left; }

.linksb .postlink {float: right;
font: var(--h1-font);
    text-transform: uppercase; }

/* страницы в теме снизу*/
#pun-viewtopic .linksb {    text-align: right;
    padding: 0px 25px;
    position: relative;
    bottom: -20px;}

/* подписаться и отслеживать внутри темы */
.subscribelink {  clear:both;  padding-top: 10px;  }

/* меню модератора */
.modmenu .container {    padding: 0px 25px;
    text-align: right;
    margin: 25px 0px 0px; }
.modmenu strong,  .modmenu a {height: 15px;    padding-bottom: 10px;  }
.modmenu .container strong {  float: left;  }
.modmenu input {  margin-left: 1em; }

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option {    text-transform: uppercase!important;
    line-height: 9px;
    font-size: 8px !important;
    padding: 2px 4px 4px;}

.checkbox { width: auto !important;}
.punbb option {    background-color: var(--backcol);} 


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, button, #pun-admain input {
background: var(--forcol);
    border-radius: 4px !important;
    border: 1px solid #46464638 !important;
    color: var(--t-body);
    padding: 7px 10px 7px !important;
    cursor: pointer !important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font: var(--h1-font) !important;
    text-transform: uppercase;
    font-size: 10px !important;
    width: auto;
    font-weight: bolder !important;
}

/* при наведении */
input.button:hover, #post fieldset .hashelp div input:hover, button:hover {
    background: #3f6045;
    cursor: pointer!important;
    color: var(--backcol);
  }

/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
 #pun-main table .quote-box,  #pun-main table .code-box {margin: 5px 1px 5px}

/* бокс под цитаты/код итд */
 .scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
  }  

blockquote {margin:0;}


/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; }
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}

/* настройки оформления */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float {
    padding: 15px 10px 10px 10px !important;
    background: var(--backcol);
    border-radius: 5px;
    color: var(--t-body);
    border: var(--bord);
}

#size-area {width: 50px; left: 15px;}

#font-area span, #font-area img {    height: 15px; }

/* фон репутации */
.post_reputation {
padding: 15px;
    background: var(--backcol);}

#font-area {
    height: 160px;
    width: 130px;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0px;
}
#font-area div {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

#tags .container {position: absolute;
    top: 40px!important;
    z-index: 2;
    right: 50px;}

/* мини аватар на главной
-------------------------------------------------------------*/

 .user-avatar {    height: 35px!important;
    width: 35px!important;
    float: left!important;
    position: relative;
    margin: 0px 15px 10px 0!important;}

 .user-avatar .avatar-image {   
border: 2px solid;
    height: 35px!important;
    width: 35px!important;
    color: #382b2982!important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(0.5) brightness(0.9)!important; border-radius: 0!important;}

.user-avatar .avatar-image span img {    filter: grayscale(1)!important;}

.user-avatar .isonline {
width: 8px!important;
    height: 8px!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -4px!important;
    right: 30px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink)!important;
    z-index: 100;
}

.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image:hover {opacity:1}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}

#pun-viewforum .user-avatar {       float: left!important;
    position: relative;
    height: 30px!important;
    width: 30px!important;
    margin: 0px 10px 0px 0px!important;
}

#pun-messages .user-avatar {float: right!important;
    position: relative;
height: 30px!important;
    width: 30px!important;
margin: 0px 10px 0px 0px!important;
}

#pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {   
border: 1px solid!important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.65;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5);
    border-radius: 0!important;}

#pun-viewforum .user-avatar .isonline {
    width: 5px!important;
    height: 5px!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -1px!important;
    right: 30px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink)!important;
    z-index: 100;
}


/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 
-------------------------------------------------------------*/
/* выделенный текст */
::selection { background: #3c3c3c;
    color: #745c4f;}

/* ширина прокрутки  */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
    background-color: #3b5841;
}

.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb, .banktt::-webkit-scrollbar-thumb {
    background-color: #8a837745;
}

/* подложка прокрутки */
::-webkit-scrollbar-track {
background-color: #111110;
}

.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track, .banktt::-webkit-scrollbar-track {
    background-color: #8a837745;
}

/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 {  }

/* контейнер */
#profile .container { padding-left: 200px; }

/* навигация */
#profilenav {  float: left;  width: 200px;  margin-left: -180px;  }

/* отступы между строк в меню*/
#profilenav li {  padding-bottom: 10px;  font-weight: normal;  }

/* отступ в управлении  */ 
#setmods dl {padding: 0 0 0 110px;  }
#setmods dt { float: left;
    width: 150px;
    margin-left: -190px;
    padding: 10px;
    font-weight: bold;
    display: inline;
  }
#setmods dd { display: block;     padding: 10px;     font-weight: normal;  }

/*настройки списка */
#profilenav ul { padding: 0px; }

/* заголовки  в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 {     text-align: left;
    margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {     font-size: 11px;
    text-align: center; }

#profile-signature ul {    border-style: none!important;
    margin: 0;
    padding: 10px;
}

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px 25px;     position: relative; }
#viewprofile li { }
#viewprofile li span {float: left;
    width: 150px;
    padding: 5px 10px;
    font-weight: bold;  }
#viewprofile li strong, #viewprofile li div {    display: block;    padding: 7px 10px;    font-weight: normal;  }
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {}
#profile-left strong {font-weight:bold!important;}
#profile-signature {padding:10px;}

#viewprofile .lzname,  #viewprofile .lztext {
    background: transparent;
    text-align: left;
    width: auto;
    border: none;
    outline: none;
    margin: 0!important;
    padding: 0px!important;
    padding-bottom: 2px!important;
    text-shadow: none;
    font-weight: normal!important;
}

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
html, body {min-width: 1000px!important;}

/* отключить прокрутку снизу */
body {overflow-x: hidden}

/* отступы по умолчанию у тела */
body {margin: 0; padding:0;}

/* элементы списка */
ul, dl, li, dd, dt {  list-style: none;  }

/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;} 

/* убрать подчеркивание с ссылок */
a {  text-decoration: none;  }

/* скрытые элементы */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1,  #pun-debug h2 {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;  }

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,  #navawards a span  {  font-size: 0;  height: 0;  width: 0;  line-height: 0.0;  position:absolute;  left: -9999px;  overflow: hidden  }
#pun-ulinks .item5, .modlist, .topic a.sharelink, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}

/* информация при регистрации */
.info-box {padding: 0 30px;    margin: 0 0 10px 0;  }
.info-box * {  padding: 0;  }
#pun-main .info-box .legend {    font-weight: bold;  }


/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px}
td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px}
td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px}
td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px}
td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px}
td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px}
td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px}
td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px}
td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px}
td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px}
td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px}
td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px}
td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px}
td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px}
td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px}
td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px}
td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px}
td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px}
td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px}
td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px}
td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:25%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}


/** подгрузка видео и картинок 
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}


/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; margin:12% auto 0; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}

.flag-i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    margin-right: 1em;
}

.flag-i:before {    content: '\00a0';}

.social {
    background-image: url(/i/social.1.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px;
}
.social-vkontakte {    background-position: -130px 0;}
.social-odnoklassniki {    background-position: -78px 0;}
.social-mailru {    background-position: -52px 0;}
.social-google {    background-position: -26px 0;}
.social-yandex {    background-position: -156px 0;}


/* СТРАНИЦА СООБЩЕНИЙ
-------------------------------------------------------------*/

#pun-messages .post h3 {
    width: 450px!important;
    margin: 15px 0px 19px 260px!important;
}

#pun-messages .post-author {
margin-left: -20px!important;
}

#pun-messages .post-author ul {}

#pun-messages .post-body {
    margin-left: 255px;
    padding: 0px 0px 0px 10px;}

#pun-messages .post-box {
    padding: 0em!important;}

#pun-messages .post-content {
    width: 100%!important;
    overflow: hidden;
    text-align: justify;}

#pun-messages .pa-posts, .pa-respect {    margin: 0px; }


#pun-messages .pmtcl1 {
    width: 35%!important;
}
#pun-messages td.tc2.pmtc22 {
width: 45% !important;
    line-height: 35px;
}

#pun-messages .pmtc22 {
    width: 20% !important;
}

#pun-messages .pmtc33 {
    width: 16% !important;
}

#pun-messages .pmtc24 {
    width: 7% !important;
    padding: 0 !important;
}

/* ВНЕШНИЙ ВИД ПРОФИЛЯ ПРИ ПРОСМОТРЕ
-------------------------------------------------------------*/

#viewprofile #profile-right li span {
    float: left;
    width: 140px;
    padding: 5px 10px;
    margin: 2px 20px 0px;
    font: var(--body-font);
    font-size: 8px;
    text-align: center;
    color: var(--t-body);
    border-radius: 5px;
    background: var(--forcol);
    border: var(--bordin);
}

#viewprofile #profile-left {
    width: 30%;
    padding-top: 0 !important;
    /* text-align: center; */
    /* background: #aca48d; */
}


.modlist {
    display: block;
    padding-top: 0.3em;
    display: none!important;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: none;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(http://forumstatic.ru/files/001b/f0/c8/95281.png?v=1) no-repeat center;
    position: relative;
    z-index: 100;
    width: 29px;
    padding-right: 2px;
    padding-top: 20px;
    height: 46px;
    text-align: center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #4f4c46;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
display: none!important;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

td.tcl.username {
    padding-left: 15px;
    padding-bottom: 10px;
}
.punbb .main .tcl {
    padding-left: 15px;
}
.punbb .main .tcr {
    padding-right: 15px;
       line-height: 35px;
}

.NoComments {
    display: none; 
}

.post-content abbr {
    cursor: help;
text-decoration: underline dashed;
}

#all_voters tbody {
    background: #edeee485!important;
}


/* ВСПЛЫВАЮЩАЯ ЛС
-------------------------------------------------------------*/


.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0; 
	}


.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
    line-height: .5;
    position: absolute;
    top: -18px;
    right: -24px;
    color: #73647e;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}



/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute;
margin-top: 7px;
margin-left: 65px;
width:20px; 
height:auto;
opacity:.62;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: -30px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
    border: 1px solid #1f1f1f;
    text-rendering: auto;
    color: #000000!important;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    width: 110px;
    background: #505050;
    font: normal normal 400 11px tahoma!important;
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(244, 248, 252, .7);
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px!important;
    font-size: 8px!important;
    color: #9b9b9b!important;
    background: #505050;
    border: 1px solid #1f1f1f!important;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 4px;
    min-width: 110px;
    border-radius: 0px;
    font-family: tahoma!important;
    font-weight: 700!important;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
} 
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
    min-height: 183px;
    border: 1px solid #626262;
    border-radius: 0px 0px 6px 6px;
    color: #7a7a7a;
    display: block;
    font: 8px tahoma;
    background: rgb(40 40 40);
    border-color: #381207;
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    z-index: 20;
    text-align: center;
    word-spacing: normal;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);
    text-transform: uppercase;
    top: 6px;
    width: 135px;
    font-weight: bolder;
    z-index: 100000!important;

}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -36px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Roboto!important; 
letter-spacing: 0.4!important; 
display:inline;
background: none!important;
padding: 0 0 0 8px!important;
color: #BCBCBC;
text-shadow: 1px 1px 1px rgb(40, 52, 61);
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames { 
    position: absolute;
    margin-top: -9px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: rgb(40 40 40);
    border-color: #381207;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 6px;
    text-align: center;
    /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 

} 
.punbb #List-UserNames li {
display: block!important;
    position: relative;
    background: rgb(80 80 80);
    text-align: left;
    box-shadow: 1px 1px 1px rgb(19, 20, 15);
    padding-left: 5px!important;
    font: 9px tahoma!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
    color: #9b9b9b;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#464646; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Roboto;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
    border: 1px solid #1f1f1f!important;
    text-shadow: none!important;
    color: #333!important;
    background-color: rgb(86 86 86);
    font: 11px tahoma!important;
    padding: 2px !important;
    text-transform: uppercase;
    vertical-align: middle;
} 

/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #F9F4FC; 
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Roboto!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/













/*--------------------------адвент-----------------------------------*/

.advfon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* кол-во столбцов*/
    grid-template-rows: auto; /* кол-во рядов*/
    gap: 15px; /*интервал между рядами и колонками */
    padding: 20px;
    background: url(https://forumstatic.ru/files/001b/dd/85/98626.png); /* фон*/
    border-radius: 5px;
} 

.advfon nyslova {
    display: grid;
    font-size: 15px;
    font-family: Montserrat SemiBold;
    color: #00250f;
    grid-column-start: 1;
    grid-column-end: 5;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    box-shadow: 0px 0px 37px 6px rgb(241 234 115 / 23%);
    border-radius:15px;
    padding: 15px;
}

.advfon xmas {
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: -50px;
    z-index: 999999;
    color: #ffe974;
    text-shadow: #ffd700d4 1px 0 10px;
    font-family: 'Delicate';
    font-size: 85px;
    height: 70px;
}

.okno {
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
    display:grid;
    font-family: Montserrat SemiBold;
    font-size: 14px;
}

.okno close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    font-family: Montserrat SemiBold;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    font-family:Delicate;
text-shadow: #ffd700 0px 0px 4px;
   }

.lastokno1 {
   grid-column-start: 1;
   grid-column-end: 3;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}
.lastokno2 {
   grid-column-start: 3;
   grid-column-end:5;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
   padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}

 .lastokno1 close, .lastokno2 close {
    font-family:Delicate;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    text-shadow: #ffd700 0px 0px 4px;
}
.okno zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px; 
}

.okno priz { 
    padding:7px;
    max-height: 60px; 
}

.okno zadanie, .okno priz {
    display: grid;
    grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}

.lastokno1 zadanie, .lastokno2 zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px;
}

.lastokno1 priz, .lastokno2 priz { 
padding:7px;
max-height: 60px; 
text-align: center;
}

.lastokno2 zadanie, .lastokno2 priz, .lastokno1 zadanie, .lastokno1 priz{
  display: grid;
  grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}


/*--------------------------адвент конец-----------------------------------*/

0

9

цвета
Код:
/*  ТЕЛО */
#pun {
    position: relative;
    width: 1044px;
    margin: 350px auto 150px auto;
    background: repeat transparent url(https://forumstatic.ru/files/001b/f0/c8/14110.png);
    padding: 30px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #3b5841, 0 0 0 2px #131312, 0 0 0 3px #3b5841;
}

/* КОНТЕНТА ВНУТРИ ТЕЛА */
.punbb {
        height: auto;
    width: 985px;
    box-sizing: border-box;
    padding: 0px 10px;
    position: relative;
    background: url(https://forumstatic.ru/files/001b/f0/c8/24664.png?v=1);
    box-shadow: 0 0 0 1px #a1a1a1, 0 0 0 3px #c9c9c9, 0 0 0 3px #c9c9c9, 0 0 0 3px #c9c9c9, 0 0 0 3px #c9c9c9, 0 0 0 3px #c9c9c9;
    outline: 1px solid #37372b;
    outline-offset: 3px;
    border: 1px solid #ccccc5;

}


.multipage {  margin-top: 90px!important; }
 #pun-main {    margin-top: 55px!important; }

.adminmain {
    padding-left: 155px;
    margin-bottom: 6px;
    margin-top: 70px;
}


/* ЗАДНИЙ ФОН */
body {
background: url(https://forumstatic.ru/files/001b/f0/c8/15078.png) no-repeat fixed top center;
    background-color: #161618;
}

/* шапка */
#pun-title  {
        background: url(https://forumstatic.ru/files/001b/f0/c8/33506.png);
    margin-left: -65px;
    margin-bottom: -197px;
    margin-top: -380px;
    width: 1074px;
    height: 321px;
    position: absolute;
}


/* ФУТЕР */
#pun-about p.container {

}


/* РЕЙТИНГ  */
#pun-about .container .item1 {
margin-top: -5px;
    width: 959px;
    position: absolute;
    font-family: 'Play';
    font-size: 7px;
    text-align: center;
    text-transform: lowercase;
}

/* ПРОФИЛЬ */

.post-author {
        width: 270px;
    margin-top: -36px;
    background: repeat transparent url(https://forumstatic.ru/files/001b/f0/c8/14110.png);
    padding: 15px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #a1a1a1, 0 0 0 2px #c9c9c9;
    border: 1px solid #ccccc5;
    margin-left: -10px;
}

.post-author ul {
        width: 240px;
    padding: 0px 10px 10px!important;
    box-sizing: border-box;
    text-align: center;
    font: var(--body-font);
    color: var(--proftext);
    background: url(https://forumstatic.ru/files/001b/f0/c8/44063.png);
    box-shadow: 0 0 0 2px #131312, 0 0 0 3px #3b5841;
    margin: 0;
    text-shadow: 1px 1px black;
}

/* НИК АВТОРА */
.pa-author {    font: var(--h1-font);
    padding-top: 10px;
    font-size: 20px;          }

.pa-author a {color: var(--hovlink)!important;
    font-weight: 400!important;}

.pa-author a:hover {color: var(--link)!important;}



/* СТАТУС */
.pa-title {   margin-top: 10px;    text-transform: lowercase; }

/* АВАТАР ПОЛЬЗОВАТЕЛЯ */
.pa-avatar {
    margin-bottom: 5px !important;
    text-align: center;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #3b5841!important;
    box-shadow: 0 0 2px #161515;
}

/* ПОЛЯ ПРОФИЛЯ */

.pa-fld5 {        
background: url(https://forumstatic.ru/files/001b/f0/c8/87862.png) no-repeat;
    width: 200px;
    height: 30px;
    font: var(--h1-font);
    color: #a6a6a6;
    font-size: 12px;
    line-height: 32px;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid black;
    border-radius: 3px;
    text-transform: uppercase;
}

.pa-fld1 {        
    margin-left: 10px!important;
    background: url(https://forumstatic.ru/files/001b/f0/c8/87862.png) no-repeat;
    width: 200px;
    height: 50px;
    margin-top: 10px;
}

.pl0 {
        width: 200px;
    height: 50px;
    position: relative;

}

#pl1 {    
        font: var(--h1-font);
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    position: relative;
    padding-top: 12px;
    text-shadow: 1px 1px black;
    color: #a6a6a6;
}


#pl2 {   font: var(--body-font);
    text-align: center;
    text-shadow: 1px 1px black;
    color: #a6a6a6;
}

#pl3 {       
 margin-top: -55px!important;
 max-width: 30%;
}

/* лз */

.pa-fld2 { margin-bottom: 10px!important;}

.lzname {
font: var(--h1-font);
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    margin-top: 20px!important;
    color: var(--doplink)!important;
}

.lzname a {color: var(--doplink)!important;
    font-weight: 500 !important;}

.lztext {
text-transform: lowercase;
    text-align: justify;
    padding: 10px !important;
    background-color: #00000091;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    margin-top: 10px!important;
    position: relative;
    line-height: 12px;
    text-shadow: 1px 1px black;
font-size: 10px;
}

.lztext a {    color: var(--doplink)!important; }

.pa-fld2 a:hover {color: var(--link)!important;}
.lztext a:hover {color: var(--link)!important;}

/*посты */

li.pa-fld4 {
    font: var(--h1-font);
    width: 95px;
    position: absolute;
    height: 39px;
    text-align: center;
    margin-left: 113px!important;
    margin-top: -61px!important;
    font-size: 36px;
    color: #595858;
    font-weight: 100!important;
    background-color: #00000091;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    padding: 10px 0px!important;
    line-height: 34px;
}


.pa-fld4 span {display:none}

/* деньги */

.pa-fld3 {
width: 90px;
    height: 10px;
    text-align: center;
    margin-bottom: 4px;
    padding: 3px 5px 3px 5px !important;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000091;
    border: 1px solid #000000;
    outline: 1px solid #333333;
font-weight: bolder;}


li.pa-ua {
    margin-top: 0.7em;
    display: none!important;
    justify-content: center;}

.pa-online {font-size: 9px;
padding: 10px 0;}

#profilenav h2 {
    text-align: left !important;
}

/* ПОСТЫ, РЕПУТАЦИЯ */
.pa-posts {
width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin-bottom: 3px;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000091;
    border: 1px solid #000000;
    outline: 1px solid #333333;
 font-weight: bolder;
}

.pa-respect {
width: 90px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    margin-bottom: 3px;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background-color: #00000091;
    border: 1px solid #000000;
    outline: 1px solid #333333;
font-weight: bolder;
}

 .pa-respect a {   
 color: var(--proftext)!important;}


/* ОТОБРАЖЕНИЕ  ПРИ ОТВЕТИТЬ */
#pun-post .pa-author {
    width: 244px !important;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
    text-align: center;
    height: 100px;
    font-size: 12px!important;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bold;
    color: #87694d!important;
    text-transform: uppercase;
    margin: 29px 5px 16px 59px!important;
}

/* АЙПИ */
.pa-ip {
    clear: both;
    color: #626262cf!important;
    font-size: 7px;
    margin-top: 10px!important;
}


.pa-awards {
    padding: 20px 0px 0px 0px!important;
}



/* ПОДФОРУМ */

#pun-index .category table {padding: 0px 0px 0px 10px;}

#pun-index .hasicon tr {
z-index: 1;
    width: 870px;
    position: relative;
    display: table;
    background: var(--forcol);
    margin-bottom: 20px !important;
    border: var(--bordin);
    margin-left: 35px;
    padding: 10px;
    box-sizing: border-box;
}

#pun-index .tclcon {
  width: 540px;
    min-height: 35px !important;
    position: relative;
    text-align: justify;
    color: var(--t-body);
    font: var(--body-font);
    font-size: 10px;
    line-height: 13px;
}

#pun-index .tclcon a {}

/*  НАЗВАНИЕ */

#pun-index .tclcon h3  {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding: 0px 0px 0px 40px;
    background: var(--forcol);
    width: 540px;
    height: 20px;
    box-sizing: border-box;
}


#pun-index .tclcon h3 a { color: var(--t-body);
    font: var(--h1-font);
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: -7px;}


#pun-index .tclcon a:hover {
    color: var(--hovlink); letter-spacing: 0px;
}

/* ССЫЛКИ */
#pun-index .tclcon span {
        display: block;
    font-weight: bold;
}


#pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 {	display: none!important; }

/* описание подфорумов и ссылки */
.f_desc_wrap {
  display: flex;
  justify-content: space-between;
  gap: 10px; /* отступ между блоком текста и блоком ссылок */
  flex-direction: column;
}

.f_desc {
  flex: 0 0 1;
  width: auto /*ширина блока с текстом*/
}

.f_links {
flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2px;
    width: 100% /*ширина блока ссылок*/;
}

.f_links a {
background: var(--forcol);
    font: var(--h1-font);
    font-weight: 500 !important;
    padding: 3px 20px 6px;
    flex: auto;
    line-height: 10px;
    text-transform: lowercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--bordin);
    margin-right: 3px;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}

.f_links a:hover  {  background: repeat transparent url(https://forumstatic.ru/files/001b/f0/c8/14110.png); color: #cecec8!important; text-shadow: 1px 1px  #131312!important;}


.Tems_And_messages {
display: inline-block!important;
    width: auto;
    height: 25px;
    letter-spacing: 0.5px;
    font-size: 7px;
    text-transform: uppercase;
    color: var(--t-body);
    font-family: 'play';
}

.main table .Add {
    display: block;
    padding: 0px;
    width: auto;
    position: absolute;
    top: 6px;
    right: 18px;
}

.Tems_And_messages .right {
	float: right!important;
    margin: 0 2px!important;
}



/* категории
-------------------------------------------------------------*/

.category h2 span {
        display: block;
    background: url(https://forumstatic.ru/files/001b/f0/c8/78310.png?v=1) no-repeat;
    z-index: 1;
    color: var(--doptext);
    text-transform: lowercase;
    width: 645px;
    height: 45px;
    box-sizing: border-box;
    font: var(--body-font);
    text-align: center;
    font-size: 0px;
    margin: auto;
}

div#pun-category1 .catright::after {
    content: "«у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...» ";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category2 .catright::after {
    content: "«семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты»";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category3 .catright::after {
    content: "«и скажу по опыту, ненавидеть можно только то, что в иных обстоятельствах можно было полюбить»  ";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category4 .catright::after {
    content: "«когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться»  ";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category5 .catright::after {
    content: "«за всю мою долгую жизнь, я пришёл к выводу, что мы навеки связаны с теми, кто с нами одной крови» ";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category6 .catright::after {
    content: "«самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву» ";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category7 .catright::after {
    content: "«когда чувства искренни, ты не можешь просто отвернуться»";
    top: -32px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--t-body);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}


/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 span {    display: block;
    background: url(https://forumstatic.ru/files/001b/f0/c8/78310.png?v=1) no-repeat;
    z-index: 1;
    color: var(--doptext);
    text-transform: lowercase;
    width: 645px;
    height: 45px;
    box-sizing: border-box;
    font: var(--body-font);
    text-align: center;
    font-size: 0px;
    margin: auto;
}

#pun-stats h2 {}

#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}

/* оформление статистики */
#pun-stats {    }

/* оформление блока в статистике */
#pun-stats .container {    
position: relative;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: justify;}

#pun-stats .container span {      font: var(--body-font); }
#pun-stats .container span a {    }
#pun-stats .container strong {     font: var(--body-font);  }
#pun-stats .container strong a { }

/* вся инфа в 1 строчке */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    color: var(--t-body);
    text-align: center;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    display: inline-block;
    text-transform: lowercase;
    border-radius: 2px;
    background: var(--forcol);
    position: relative;
    margin-bottom: 10px;
}

/* активные пользователи */
li#onlinelist {
    margin-top: 10px;
    width: 100%;
    font: var(--body-font);
    color: var(--t-body);
    line-height: 15px;
    text-align: justify;
    text-transform: lowercase;
  }

li#onlinelist a { }


/*ИКОНКИ */

/* старые главная */
#pun-index table Div.icon  {
background-image: url(https://forumstatic.ru/files/001b/f0/c8/28860.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 24px;
    margin-left: -38px;
    margin-top: -1px;
    width: 24px;
    z-index: 1;
    position: absolute;
}


/* новые главная */
#pun-index TR.inew Div.icon {
    background-image: url(https://forumstatic.ru/files/001b/f0/c8/10514.png);
    background-repeat: no-repeat;
}

/* старые */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 3px 8px;
    width: 10px;
    height: 10px;
    background: var(--t-body);
    opacity: 0.3;
    border-radius: 50%;
}

/* новые */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: var(--doplink); opacity: 0.5;
}
/* важные */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: var(--doplink); opacity: 1;
}
/* закрытые*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: var(--t-body); opacity: 1;

}


/* КНОПКИ ВВЕРХ ВНИЗ 
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
    bottom: 58%;
    margin-left: 1050px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 45%;
    margin-left: 1050px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

**************************************************************/

/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement {
text-align: center;
    top: 85px;
    position: relative;
padding: 20px 0;
}

.plashka {
    display: inline-block;
    transition-duration: 1s;
    padding: 7px 20px 7px 20px;
    margin-right: 5px!important;
    color: var(--link);
    min-width: 100px;
    background: var(--forcol);
    border: var(--bordin);
    font: var(--body-font);
    text-transform: lowercase;

}


.plashka a {                color: var(--link);
    font: var(--h1-font);
    font-variant: normal;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.plashka:hover {   text-shadow: 1px 1px #131312!important; color: #cecec8; background: repeat transparent url(https://forumstatic.ru/files/001b/f0/c8/14110.png);}

.plashka:hover a {   color: #cecec8!important; text-shadow: 1px 1px  #131312!important;}


#tooltip {
  position: absolute;
  background: #262e31;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05);
  font-family: alice; /* шрифт */
  font-size: 10px; /* размер текста */
  display: none;
  color: #9c9c9c; /* цвет текста */
  text-align: center;
  padding: 2px 6px 3px 6px;
  text-shadow: 1px 1px 0 #1d2835;
  letter-spacing: 2px
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }


.reactions-root .emoji-mart-bar{border:none!important;}



/*ТАБЛИЦА
--------------------------------------------------------------------------------------------*/
/* активисты */
.activep {
position: absolute;
    left: 485px;
    top: -210px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    color: var(--headtext)!important;
    text-align: left;
    font: 7px tahoma;
    text-transform: uppercase;
    line-height: 14px;
    width: 200px;
    height: 40px;
    text-shadow: 1px 1px black; font-weight: bolder;
}

.activep a {font-family: poiret one!important;
    text-transform: lowercase;
    font-size: 14px; color: var(--headtext)!important;}

/* активисты */
.activ {
position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    column-gap: 10px;
    left: 65px;
    top: -125px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;

}
.activ a { border: 2px solid #3b5841;
    box-shadow: inset 0px 0px 1px black;
    outline: 1px solid black;
    border-radius: 50%;}

.activ img {     transition: 0.3s ease-in-out!important;
    border-radius: 50%;
    filter: grayscale(1);}

.activ img:hover { filter: grayscale(1) brightness(1.5);
    transition: 0.3s ease-in-out!important;}

/* постописцы */
.poster {
position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    column-gap: 10px;
    left: 695px;
    top: -125px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
}


.poster a { border: 2px solid #3b5841;
    box-shadow: inset 0px 0px 1px black;
    outline: 1px solid black;
    border-radius: 50%;}

.poster img {     transition: 0.3s ease-in-out!important;
    border-radius: 50%;
    filter: grayscale(1);}

.poster img:hover { filter: grayscale(1) brightness(1.5);
    transition: 0.3s ease-in-out!important;}

/* новости о проекте */
.info1 {
width: 300px;
    position: absolute;
    top: -24px;
    left: 335px;
    z-index: 100;
    font: var(--body-font);
    font-size: 9px;
    color: #8cd9a2a8;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px black;
}

.info1 a:hover {
   color: var(--headtext)!important;
    font-weight: 600 !important;
    text-shadow: 0px 0px 1px #000;
}


/* лучший пост */
.bestpost {
   width: 225px;
    overflow: auto;
    position: absolute;
    top: -195px;
    left: 695px;
    z-index: 100;
    font: var(--body-font);
    padding: 5px 17px 5px 0px;
    color: var(--headtext) !important;
    line-height: 13px;
    text-align: justify;
    height: 55px;
    text-transform: lowercase;
}

.bestpostname {
width: 250px;
    overflow: auto;
    position: absolute;
    top: -215px;
    left: 695px;
    z-index: 100;
    line-height: 15px;
    text-align: left;
    color: var(--headtext)!important;
    font: var(--body-font);
    text-transform: uppercase;
    font-size: 9px;
    text-shadow: 1px 1px black;
    font-weight: bolder;
}

.bestpostname a {
text-transform: uppercase;
    color: var(--headtext)!important;
    font: var(--h1-font);
    font-weight: 100!important;
    padding-left: 10px;
}

.bestpostname a:hover {color: var(--headhov)!important;}


.bestplay {
        width: 270px;
    height: 20px;
    overflow: auto;
    position: absolute;
    top: -214px;
    left: 40px;
    z-index: 100;
    text-align: left;
    color: var(--headtext)!important;
    font: var(--body-font);
    text-transform: uppercase;
    font-size: 9px;
    text-shadow: 1px 1px black;
    font-weight: bolder;
    box-sizing: border-box;
    padding-left: 25px;
}

.bestplay a {
text-transform: uppercase;
    color: var(--headtext)!important;
    font: var(--h1-font);
    font-weight: 100!important;
    padding-left: 10px;
}

.bestplay a:hover {color: var(--headhov)!important;}


/* лучший эпизод*/
.bestep {
    width: 240px;
    overflow: auto;
    position: absolute;
    top: -165px;
    left: 63px;
    z-index: 100;
    text-align: left;
    color: var(--headtext);
    font: var(--body-font);
    text-transform: uppercase;
    font-size: 9px;
    line-height: 15px;
    font-weight: bolder;
    text-shadow: 1px 1px black;
}

.bestep a {
text-transform: uppercase;
    color: var(--headtext)!important;
    font: var(--h1-font);
    font-weight: 100!important;
}

.bestep a:hover {color: var(--headhov)!important;} 


/* ссылки*/
.link {
    display: flex;
    width: 285px;
    position: absolute;
    top: -268px;
    left: 30px;
    z-index: 100;
    text-align: center;
    justify-content: space-between;
}

.link a {
    font: var(--h1-font);
    color: var(--headtext)!important;
    padding: 0px 5px;
    text-transform: lowercase;
    position: relative;
    display: inline-block;
}

.link a:hover {color: var(--headhov)!important;}

.link1 {
    display: flex;
    width: 290px;
    position: absolute;
    top: -268px;
    left: 660px;
    z-index: 100;
    text-align: center;
    justify-content: space-evenly;
}

.link1 a {
    font: var(--h1-font);
    color: var(--headtext)!important;
    padding: 0px 5px;
    text-transform: lowercase;
    position: relative;
    display: inline-block;
}

.link1 a:hover {color: var(--headhov)!important;}

.cop a {
    position: absolute;
    font: var(--body-font);
    font-size: 10px;
    width: 990px!important;
    text-align: right;
    color: var(--doplink)!important;
    font-weight: 100!important;
    margin-top: 50px;
    right: 50px;
}

.cop:hover a {color: var(--link)!important; }

/*---------- баннеры -------------*/
.ban {
    position: absolute;
    height: 65px;
    width: 1000px;
    left: -10px;
    bottom: -140px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 10px 0px 0px;
}

.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}

/*---------- нужные -------------*/
.need {
    bottom: -65px!important;
    left: 290px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
    column-gap: 10px;
    transition: 0.3s ease-in-out!important;
    color: var(--doptext);
    text-shadow: 1px 1px black;
}

.need span {position: relative;
    top: 10px;}

.need a { border: 2px solid #3b5841;
    box-shadow: inset 0px 0px 1px black;
    outline: 1px solid black;
    border-radius: 50%;}

.need img {     transition: 0.3s ease-in-out!important;
    border-radius: 50%;
    filter: grayscale(1);}

.need img:hover { filter: grayscale(1) brightness(1.5);
    transition: 0.3s ease-in-out!important;}



/*----------------------------------  ГОСТЕВАЯ  ---------------------------------- */
.guest {
width: 801px;
    height: 440px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/37587.png);
    margin-left: 70px!important;
    margin-top: 30px;
}


.guest faq {
position: absolute;
    width: 690px;
    height: 50px;
    margin-top: 89px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 8px;
    padding: 5px;
    font-family: verdana;
    text-transform: uppercase;
    overflow-y: auto;
    color: #717171;
    text-shadow: 1px 1px #000;
    text-align: center;
    font-weight: bolder;
}

.guest rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 153px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    text-transform: lowercase;
    overflow-y: auto;
    color: #595858;
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.guest ams {
    position: absolute;
    width: 700px;
    height: 22px;
    text-align: center;
    font: var(--h1-font);
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 120px;
    margin-left: 47px;
    color: var(--doptext)!important;
}

.guest ams a {color: var(--doptext)!important;}

.guest pers a, .guest face a {color: var(--doptext)!important;}

.guest pers {
    position: absolute;
    width: 308px;
    height: 108px;
    margin-top: 261px;
    margin-left: 48px;
    line-height: 120%;
    font-size: 9px;
    text-align: justify;
    font-family: tahoma;
    overflow-y: auto;
    color: #717171;
    letter-spacing: 0.3px;
    padding: 10px;
}
.guest face {
    position: absolute;
    width: 308px;
    height: 108px;
    margin-top: 261px;
    margin-left: 420px;
    line-height: 120%;
    font-size: 9px;
    text-align: justify;
    font-family: tahoma;
    overflow-y: auto;
    color: #717171;
    letter-spacing: 0.3px;
    padding: 10px;
}



/*----------------------------------  банк  ---------------------------------- */
.bank {
width: 801px;
    height: 623px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/31080.png);
    margin-left: 70px!important;
    margin-top: 30px;
}


.bank rules {
    position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.bank get a, .bank spend a {
color: #7f7f7f!important;
}

.price {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 48px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

.bank span {
    text-transform: uppercase;
    font-weight: bolder;
}

.bank spend {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 420px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}


/*---------------------------------- внешности и роли  ---------------------------------- */
.vnesh {
    width: 801px;
    height: 723px;
    background: url(http://forumstatic.ru/files/001b/f0/c8/34531.png);
    margin-left: 90px!important;
    margin-top: 30px;
}


.vnesh rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: center;
}

.vnesh rules span {display: block;
    font: var(--h1-font);
    font-size: 20px;
    font-weight: bolder;
   
}

.vnesh rules2 {
position: absolute;
    width: 680px;
    height: 100px;
    margin-top: 122px!important;
    margin-left: 48px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

/*---------------------------------- расы ---------------------------------- */
.race {
        width: 801px;
    height: 773px;
    background: url(https://forumstatic.ru/files/001b/dc/dc/18772.png);
    margin-left: 90px!important;
    margin-top: 30px;}


.race rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: center;
}

.race rules span {display: block;
    font: var(--h1-font);
    font-size: 20px;
    font-weight: bolder;
   
}


/* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */
.pagelink strong, .pagelink a {transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; display: inline-block;}
.pagelink strong {margin: 0px 0px 0px 10px; padding: 0 0px 3px 0; font-weight: normal; font-size: 10px;}
.pagelink strong, .pagelink a:hover {transform: scale(1.5);}
.pagelink a {padding: 0 1px 0 3px;}

li.pa-avatar.item2 {
margin: -9px;
}

.hotlink {
        text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: auto;
    margin-top: 10px!important;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
}

.hotlink a {
    border: 1px solid #afada5;
}
.hotlink a:hover {
color: #a17e2e!important;
}

/* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#form-buttons {
margin: 15px -14px 3px 0px;
    padding: 4px 5px 0px 0px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
#pun-messages #form-buttons {/*В Личке*/
     padding: 4px 5px 0px 0x;
}
small#plng {    width: 150px;
    /* text-align: center; */
    margin-top: 28px!important;
    left: -1px;
    position: relative;
    z-index: 1;
    text-transform: lowercase;
    /* line-height: 25px; */
    font-family: 'tahoma'!important;
    font-size: 10px!important;
}

small#plng b {font-size: 12px;
    font-family: var(--fontd);
}

#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 22px -21px 0 2px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#keyboard-span input {box-shadow: none !important; text-shadow: none !important;}
#image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;}
/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#tags .container {overflow-y: auto; height: 205px; z-index: 99999;line-height: 200%;}

#float, #tags .container {
padding: 10px !important;
    color: var(--t-body);
    background: var(--backcol);
    border: var(--bordin);}

#keyboard-span input {border: none !important;
    margin: 3px 2px !important;
    height: 23px !important;
    padding: 5px !important;
    font-size: 12px !important;}

#imageupload-left strong {} #upload-button-container input[type=button] {font-weight: normal !important}
#image_upload .button {    width: auto !important;}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */



.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 10px 20px 25px 20px; 
position: relative;    
overflow: hidden;}

.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-size: 11px!important;
background: #bebeb6;
font-family: var(--fontm)!important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {    
border-radius: 2px;
    padding: 20px 15px 10px 15px!important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}

.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before { 
    font-size: 40px;
    position: absolute;
    left: 17px;
    top: 16px;
    color: #8c8a82;
    opacity: 0.5!important;
    content: '\269C';
    font-weight: 100;
}

/* фон проставления репутации */
.post_reputation {
    background-color: #bec2c7;
    padding-right: 20px !important;
}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    
   font-style: normal;
    padding: 7px 10px;
    display: block;
    font-family: 'tahoma';
    font-size: 11px;
    text-align: justify;
    margin: -9px 7px 15px 50px;
    border-bottom: 1px solid #afada5;
    line-height: 200%;
}

.post-content .spoiler-box > div {background: no-repeat 10px !important;    margin-bottom: 0px;}

/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {    
    content: '+';
    font-size: 15px;
    float: right;
    margin: 16px -20px 0 0px;
    transition: all .8s;
    color: var(--forcol);
}

.post-content .spoiler-box > div.visible:after {  transform: rotate(45deg);}

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--fontm)!important;
font-size: 12px;}


/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/

.checkbox {width: auto !important;}


/* 7.2 админка */
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-color: #eee0!important;
 background: #eee0!important;
  }

/*настройка масок*/
#mask_dialog .inner {
cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    background: #c4c2bb!important;
    border-radius: 5px;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    margin: 0px 36px 9px 18px;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 95%;
    background: #0000000f;
}

#mask_dialog .hv-form-block {
    max-height: 415px;
    overflow-y: auto;}

#post #mentions-area {
background-color: #e0c89e!important;
}



/*************************************************************

ЛИЧНАЯ СТРАНИЧКА

**************************************************************/

#character {
    width: 669px;
    height: 524px;
    margin-left: -195px!important;
    top: 100px!important;
    z-index: 99999;
    background: url(http://forumstatic.ru/files/001b/f0/c8/88993.png);
}

.lsgif {
left: 23px;
    top: 30px;
    filter: grayscale(1) blur(0.5px);
    position: absolute;
}

.lsgif img {
object-fit: cover;
    width: 218px;
    height: 125px;
}


.lsname {
text-transform: lowercase;
    font-size: 16px;
    top: 170px!important;
    position: absolute;
    font-family: 'Poiret One';
    color: var(--doptext);
    line-height: 15px;
    height: 280px;
    overflow: hidden;
    font-weight: bolder;
    left: 26px;
    text-align: center;
    writing-mode: tb-rl;
    transform: rotate(180deg);
}

.lsbon {
    color: #6c6c6c;
    text-transform: uppercase;
    font-family: 'tahoma';
    height: 35px;
    width: 220px;
    position: absolute;
    font-size: 8px;
    line-height: 33px;
    font-weight: bolder;
    top: 456px;
    left: 22px;
    text-align: center;
}

.lscards {
    height: 262px;
    width: 150px;
    position: absolute;
    left: 73px;
    top: 170px;
}

.lsquest {
height: 478px;
    width: 345px;
    position: absolute;
    top: 21px;
    left: 255px;
    overflow: auto;
    padding-right: 10px;
    padding-left: 10px;
}
.quest { position: relative;}

.quest img {width: 100px;
    height: 100px;
 /*   filter: grayscale(1); */}

.submenuItems {
  display: none;
  background: #1515158a;
    border: 1px solid #333333;
 text-align: center;}

.submenuItems .quest {    margin: 0 5px;
    position: relative;
    display: inline-block;}
.submenuItems .quest img {
    border-radius: 50%;    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}

.submenuItems .quest, .submenuItems .quest img {width: 100px; height: 100px; filter: hue-rotate(137deg);}

.submenuItems .quest span {
    display: block;
    text-align: center;
    overflow: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 7px;
    font-size: 9px;
    transition: all .5s;
    opacity: 0;
}
.submenuItems .quest img.x {filter: grayscale(1); opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1}
.submenuItems .quest:hover img {
    opacity: 0;
}
.submenuItems .quest:hover span {
    opacity: 1;
}


.ls_pl {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 27px;
    padding-top: 40px;
}

.ls_pl span, .ls_aw span {
    background: #191919;
    width: 350px;
    position: absolute;
    text-align: center;
    font-family: poiret one;
    text-transform: lowercase;
    font-size: 13px;
    height: 30px;
    line-height: 27px;
    font-weight: bold;
    border: 1px solid black;
    outline: 1px solid #383838;
    margin-top: -36px!important;
}


.ls_aw {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 260px;
    padding-top: 40px;
}



.pod {opacity: 0.3; filter: grayscale(1);}
.pod:hover {opacity: 1; filter: grayscale(0);-webkit-transition: .5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;}

.grayscale {
  -webkit-filter: grayscale(1);
}

details summary {
background-color: #151515;
    width: 350px;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    color: #7f7f7f;
    z-index: 1000;
    position: relative;
    margin: 10px 0px -1px -6px!important;
    font-family: 'Poiret One';
    font-weight: bolder;
    text-transform: lowercase;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    height: 30px;
}


details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  display: none;
}
details[open] summary::before {
  display: none;
} 

.menu span {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    border-radius: 0%;
    text-align: center;
    background: url(http://forumstatic.ru/files/001b/6e/df/69865.png) no-repeat;
    width: 153px!important;
    height: 37px;
    top: -20px;
    left: 10px;
    position: relative;
    padding: 5px 0px 0px 0px;
}

.menu {            color: #7a5e5b;
    font-family: 'Koloman Modern';
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    font-weight: bolder;
    top: 344px;
    font-size: 10px;}


.menu-links {
    margin-left: 475px!important;
    color: #6c6c6a;
    display: flex;
    position: absolute;
    top: 90px;
    right: 15px;
    height: 350px;
    font-family: 'Poiret One';
    text-transform: lowercase!important;
    font-size: 14px;
    writing-mode: tb-rl;
    transform: rotate(360deg);
    gap: 10px;
    align-content: stretch;
    justify-content: space-around;
    cursor: pointer;
    font-weight: bolder;
}
#submenu {}

#submenu, .menu span { }


.menu .tabactive {
	color: #4a4b71;
}

#submenu {}    

.submenutext {
	display: none; 
	height: 40px;
}


.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: var(--backcol)!important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}


.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 660px; /* ширина блока */
--chrbg: #; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative;     width: 675px;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}


/*************************************************************

СТИЛИ К СКРИПТАМ И ДОПОЛНЕНИЯ

**************************************************************/

/* Отключить надпись "Отредактировано" */
p.lastedit {display:none}

/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}

/*отключение наград*/
li#navawards {display: none;}


/*Регулировка размера шрифта в постах © Alex_63*/
.FNTslider {
position: relative;
    z-index: 100;
    background: var(--forcol);
    width: 110px;
    height: 4px;
    margin: 1px 5px !important;
    border: var(--bordin);
    float: right;
    margin-right: 9% !important;
    }
    .FNTslider .before {
    height: 4px;
    border-right: none 0;
    position: absolute;
    background: var(--hovlink);
    }
    .FNTslider .thumb {
width: 5px;
    height: 10px;
    border-radius: 2px;
    position: relative;
    top: -3px;
    background: var(--proftext);
    cursor: pointer;
    }

/* Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 */
#pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
    font-weight: bold;
    background: #0000000f;
    height: 20px!important;
    font-family: 'tahoma';
    text-transform: uppercase;
    font-size: 8px;
    }

/*Скрытие профиля в теме тегом*/
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}

/*Переключение раскладки выделенного текста*/
#button-transL{background-image:url(https://i.imgur.com/IY448wH.png)}


/*ТЕГ  абзаца - [indent]*/
#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}


/*выравнивание justify*/
#button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}

0

10

вверх
Код:
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span><center><br><font face="Times New Roman"><font color="#800000"><span style="font-size: 20pt">Скоро вернёмся...</font></font></span></center>
</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 0;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике— '+document.title;
}
</script>


<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[30,32]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f32	:-[344],  //Мы пишем историю
f9	:-[0],  //Вы пишете рассказ
f43	:-[0],  //Merry Christmas, Joy
f48	:-[0],  //Между прошлым и будущим
f18	:-[0]	//А если бы... //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->


<!---------------------------------ТАБЛИЦА В ШАПКЕ------------------------------>
<div class="anim" style="
    position: absolute;
    background: url(https://forumstatic.ru/files/001b/f0/c8/58893.gif);
    top: -238px;
    width: 170px;
    height: 170px;
    left: 404px;
"> </div>

<!------------------ важные ссылки ------------>
<div class="link">
<a href="http://faceinless.ru/viewtopic.php?id=9#p11">сюжет</a> 
<a href="http://faceinless.ru/viewtopic.php?id=65">путеводитель</a> 
<a href="http://faceinless.ru/viewtopic.php?id=66#p4840">роли & внешности </a> 
</div>

<div class="link1">
<a href="http://faceinless.ru/viewtopic.php?id=152">faq</a>
<a href="http://faceinless.ru/viewtopic.php?id=10">бестиарий</a>
<a href="http://faceinless.ru/viewtopic.php?id=7">сюжетные акции</a>
</div>

<!------------------ инфо о проекте ------------>
<div class="info1">
THE VAMPIRE DIARIES × THE ORIGINALS X LEGACIES X 2019
</div>

<!------------------ лучший пост ------------>
<div class="bestpostname">лучший пост 
<a href="https://faceinless.ru/viewtopic.php?id=608#p116166">Leonard</a></div>
<div class="bestpost">Лео, будучи ещё ребёнком, всегда удивлялся метаморфозам, на которые были способны жнецы. Чума однажды объяснил ему, что это не требует больших усилий, но еретик с трудом в это верил. Должно быть, очень трудно поддерживать иллюзию так долго. Они ведь не только принимали чужой облик, но и копировали голос и манеру речи. В этой игре можно было проколоться на малейшей мелочи, поэтому Эверсы выкладывались на 100%. Разумеется, не всегда, но когда решали важные вопросы этого мира, то вживались в роль выбранной личности.
</div>

<!------------------ лучший игрок ------------>
<div class="bestplay">лучший игрок <a href="https://faceinless.ru/profile.php?id=158">Matt Donovan</a></div>

<!------------------ лучший эпизод ------------>
<div class="bestep">лучший эпизод <br><a href="https://faceinless.ru/viewtopic.php?id=497#p60516" title="Klaus & Rebekah">Perfect Storm</a>
</div>

<!------------------ активисты ------------>
<div class="activ">
<a href="https://faceinless.ru/profile.php?id=166"><img src="https://upforme.ru/uploads/001b/dc/dc/134/27959.png" title="активист, умничка и просто шикарный мужчина, Аксель"></a>  
<a href="https://faceinless.ru/profile.php?id=189"><img src="https://upforme.ru/uploads/001b/dc/dc/100/497345.png" title="активист, поддерживающий хорнифлуд, Логан"></a>
<a href="https://faceinless.ru/profile.php?id=132"><img src="https://upforme.ru/uploads/001b/dc/dc/3/675989.jpg" title="активист, единственный и неповторимый в токсичате, Хенрик"></a>
<a href="https://faceinless.ru/profile.php?id=217"><img src="https://upforme.ru/uploads/001b/dc/dc/100/215596.png" title="активист, первый парень на деревне, Дей"></a></div>

<!------------------ постописцы ------------>
<div class="poster">
<a href="https://faceinless.ru/profile.php?id=202"><img src="https://upforme.ru/uploads/001b/dc/dc/179/840588.png" title="постописец Эмили"></a>
<a href="https://faceinless.ru/profile.php?id=220"><img src="https://upforme.ru/uploads/001b/dc/dc/134/931157.png" title="постописец, ай эм секси энд ай ноу ит, Рик"></a>
<a href="https://faceinless.ru/profile.php?id=130"><img src="https://upforme.ru/uploads/001b/dc/dc/100/106121.png" title="постописец, королева всего, Кэтрин"></a>
<a href="https://faceinless.ru/profile.php?id=100"><img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="постописец, он обещал НЦу в посте не только Рори, Никлаус"></a>
</div>

<!--выделить код. 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>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-— Отключение модулей -->
<script type="text/javascript">
RusffCore.sets.share = 0; // Отключить функцию "Поделиться"
rusffLive.enable = false; // Отключить функцию "Это интересно"
RusffCore.sets.use_awards = 0; // Отключить награды
RusffCore.sets.files.button = false; // Отключить кнопку "Вложения"
RusffCore.sets.graffiti = 0; // Отключение граффити
RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе
RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба
RusffCore.sets.tags = 0; // Отключить функцию "Теги"
ReactionsPlugin.setConfig({
  disable: true
});
</script>


<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>

<!--Скрытие профиля в теме тегом-->
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post-content p:contains("[hideprofile]")').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')}).parents('.post').addClass('hideprofile')});
</script>
<!-- Конец -->

<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->


<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'http://forumstatic.ru/files/001a/f4/24/67452.png'; //Дополнительная Иконка выход;
</script>
<script data="357656"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>



<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>


<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>

<!---------------------------- лс---------------------------->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>



<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '86c40b77b6a48c9457190510e92b2032162fa7f4'; // Forum token
notifications.key = 'ove93sk013s7'; // Subscription key
RusffCore.sets.notifications = false
</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [58,130,9,65]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// конец //-->

<link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<link rel="stylesheet" href="/files/001b/95/a1/96876.css">
вниз
Код:
<!------------------ нужные ------------>
<div class="need"> <span> разыскиваются </span>
<a href="https://faceinless.ru/viewtopic.php?id=84#p29227"><img src="https://upforme.ru/uploads/001b/dc/dc/100/353212.png" title="Марселя ищет отец"></a>
<a href="https://faceinless.ru/viewtopic.php?id=84#p108581"><img src="https://s10.gifyu.com/images/SrXAY.png" title="Руби отчаянно нуждается в брате"></a>
<a href="https://faceinless.ru/viewtopic.php?id=84#p47630"><img src="https://upforme.ru/uploads/001b/dc/dc/3/831300.jpg" title="Када ждут детки"></a>
<a href="https://faceinless.ru/viewtopic.php?id=84#p108393"><img src="https://upforme.ru/uploads/001b/dc/dc/100/517033.png" title="Кола ждёт любовь"></a> 
</div>

<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="http://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!-------------------------- Кликабельность ника в постах гостя -------------------------->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>


<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("faceless", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>


<!--скрыть блок автора в сообщении-->
<style>
#pun-live-rusff, .hide-author .post-author, .hide-author .post-sig, .hide-author .pl-email, .hide-author .pl-delete, .hide-author .pl-quote, .hide-author h3 {display:none!important;}
.hide-author .post-rating {margin-top:40px!important;position: relative; z-index:99!important;}
#pun-viewtopic h1 {text-align:center;}
.hide-author .post-links {position:relative;z-index:99!important; margin-top:-23px!important;margin-left:770px!important;}
.hide-author .post-body, .hide-author .post-box{margin:0!important;padding:0!important;}
</style>
<script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>
<!--конец-->


<!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ---->
<script type="text/javascript"> 
    var DefAvtr = 'https://i.imgur.com/hKt5Ry2.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/CsCDOp2.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<style>.avatar-image[style*="default_avatar.jpg"]{       background-image:url(АВ ССВЛКА)!important;    }</style>



<!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url()no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>



<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="    font-size: 11px !important;    margin: 0 20px 0 0;">написано <b style="    font-family: tahoma;    font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/f0/c8/50608.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/f0/c8/61038.png" border="0" /></div>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

   
<!-— новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
// поправка для нормального отображения профиля
$('.post-author ul').append('<li class="end_check"></li>');
</script>
<!-— Конец -->


<!-------------------------- Пиар-вход -------------------------->

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




<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut"><i class="fas fa-outdent"></i></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:var(--backcol);border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001b/f0/c8/31578.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001b/f0/c8/20519.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>


<!---------------------------- МАСКА ---------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Мы пишем историю', 'Вы пишете рассказ', 'А если бы...', 'Общение', 'Конкурсы', 'Дорогой дневник...', 'Завершенные сюжетные эпизоды'],
    forumAccessExtended: {
        'Мы пишем историю': ['игроки'],
        'Вы пишете рассказ': ['игроки'],
        'А если бы...': ['игроки'],
        'Общение': ['игроки', 'Пользователи'],
        'Конкурсы': ['игроки'],
        'Дорогой дневник...': ['игроки'],
        'Завершенные сюжетные эпизоды': ['игроки'],
    },
    changeList: {
        'pafld2': {
            title: 'личное звание',
            description: '',
            tag: 'info',
            class: 'pa-fld2',
            defaultCode: '<div class="lzname"> <b>Имя Фамилия, возраст</b> </div> <div class="lztext">текст и <a href="http://faceinless.ru/">ссылка</a>. </div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect']
});
</script>

<!---------------------------— иконка для маски ---------------------------->
<style>
#form-buttons #button-mask {background-position:center;background-size:contain;background-image:url('https://i.ibb.co/DQScMW6/mask-solid-1.png')!important; filter: grayscale(1) brightness(0.7);}
</style>
<!-- конец -->

<!---------------------------- личная страничка ---------------------------->

<style>
.reveal-modal {
    display:none;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    z-index: 101;
}

</style>
  <div id="character" class="reveal-modal xlarge main container">   
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal" onclick="$(this).parent().hide()">×</a>
 </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');

    $('.modal_wrap').html('');
    $.get('/pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html()).parent().show();
    });

    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>


 <!-- Регулировка размера шрифта в постах © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>


<div class="cop"> <a href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">mrazeushadyprod.</a></div>

<div class="ban">
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a><a href="https://soullove.ru" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/10990.gif" border="0" alt="soul love"></a><a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a><a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a><a href="http://newadventure.rusff.me/"><img src="http://forumstatic.ru/files/0014/ed/19/40119.png"></a><a href="https://thedome.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/60/aa/48/821676.png' title="Город, из которого нет выхода" /></a><a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"  title="BOSTON"></a><a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://upforme.ru/uploads/001b/d5/58/2/217166.gif"></a><a href="https://verbaveritatis.rusff.me" title="Верба"><img src="https://upforme.ru/uploads/001b/aa/c9/2/785234.png"></a><a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/xnkEbfi.gif" title="no stress cross"></a><a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a></a><a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>  <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001a/dc/1c/2/117348.png" title="alluvio maris"></a> <a target="_blank" href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"><a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a><a href="https://pulseofny.rusff.me/" target="_blank"><img src= "https://upforme.ru/uploads/001c/0a/f5/2/209384.gif " title="PULSE. Зомби апокалипсис. Нью-Йорк 2024"/><a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/14/5b/98991.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://limerence.rusff.me" target="_blank"> <img src="https://i.imgur.com/H1mCC1z.gif" title="дневники вампира ♦ 2009"></a><a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/KY59k1D.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a><a href="https://theraven.rusff.me/" target="_blank"><img src="https://i.imgur.com/c4RZpNv.gif" title="THE RAVEN"></a><a href="https://voiceoftales.rusff.me/" target="_blank"> <img src="https://i.ibb.co/QM1GsSh/1.png" title="Voice of tales"></a> <a href="https://englishcross.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/2a/e6/5/995500.png"></a><a href="https://newadventure.rusff.me/" title="Genshin Impact: Adventure Time" target="_blank"><img src="https://upforme.ru/uploads/001b/df/32/4/t64194.gif"></a><a href="https://oblivion.rolfor.me/" title="tvd: oblivion" target="_blank"><img src="https://upforme.ru/uploads/001c/2a/cf/5/15156.gif"></a><a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://upforme.ru/uploads/0015/e5/b7/3090/557165.gif" 
title="crossfeeling"
border="1" width="88" height="31"></a>
</div>


<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(96542288, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/96542288" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
объявления
Код:
<center>
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=763">Поиск</a> <br>найди эпизод</div> 
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=58&p=2#p116369">Новости</a> <br>от Паркера в юбке</div> 
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=583#p82818">Вторая арка</a> <br>сюжетик, сюжетик</div> 
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=707#p105380">Закрываем</a> <br>гештальты</div> 
</center>
форма ответа
Код:
<!-- Font Awesome в форме ответа (с) ForumD.ru -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<style> 
#form-buttons td {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#form-buttons tr {display: block;width: 100%;text-align: center;}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
background-image: none;
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0 4px 0px;
}
#form-buttons td .fab,
#form-buttons td .fas, 
#form-buttons td .far,
#form-buttons td .fal, 
#form-buttons td .fad {
font-size: 15px;
    padding: 5px 4px;
    color: var(--t-body);
}
#button-files_rusff {display:none!important;}
#button-graffiti_rusff {display:none!important;}

#form-buttons td:hover {background-color: var(--hovlink); filter: none!important;} /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .fab,
#form-buttons td:hover .fas, 
#form-buttons td:hover .far,
#form-buttons td:hover .fal, 
#form-buttons td:hover .fad {color: #000;} /* изменение цвета иконки при наведении курсора */</style>
<script type="text/javascript">
$(document).ready(function(){
$("#button-font").append('<i class="fas fa-font"></i>');
$("#button-transL").append('<i class="fas fa-solid fa-globe"></i>');
$("#button-size").append('<i class="fas fa-sort-amount-up-alt"></i>');
$("#button-bold").append('<i class="fas fa-bold"></i>');
$("#button-italic").append('<i class="fas fa-italic"></i>');
$("#button-underline").append('<i class="fas fa-underline"></i>');
$("#button-strike").append('<i class="fas fa-strikethrough"></i>');
$("#button-left").append('<i class="fas fa-align-left"></i>');
$("#button-mybb").append('<i class="fas fa-align-justify"></i>');
$("#floatbut").append('<i class="fas fa-outdent"></i>');
$("#button-center").append('<i class="fas fa-align-center"></i>');
$("#button-right").append('<i class="fas fa-align-right"></i>');
$("#button-link").append('<i class="fas fa-link"></i>');
$("#button-spoiler").append('<i class="fas fa-cut"></i>');
$("#button-image").append('<i class="fas fa-image"></i>');
$("#button-img").append('<i class="fas fa-image"></i>');
$("#button-video").append('<i class="fas fa-play-circle"></i>');
$("#button-hide").append('<i class="fas fa-lock"></i>');
$("#button-quote").append('<i class="fas fa-quote-right"></i>');
$("#button-code").append('<i class="fas fa-code"></i>');
$("#button-color").append('<i class="fas fa-palette"></i>');
$("#button-table").append('<i class="fas fa-table"></i>');
$("#button-smile").append('<i class="far fa-grin"></i>');
$("#button-sticker").append('<i class="far fa-grin"></i>');
$("#button-keyboard").append('<i class="fas fa-keyboard"></i>');
$("#button-addition").append('<i class="fas fa-plus-circle"></i>');
$("#button-mask").append('<i class="fas fa-solid fa-mask"></i>');
$("#button-dice").append('<i class=" fas fa-solid fa-dice"></i>');
$("#button-indent").append('<i class="fas fa-solid fa-indent"></i>');
});
</script>



<!--Смайлы от Человека-Шамана редактирование через файл--><script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/0c/86/28923.txt");
});
</script>

<style> #button-sticker:before {
    content: "\263C";
    line-height: 22px;
    font-weight: bold;
    font-size: 15px;
}</style>

<!--конец-->



<!--Переключение раскладки выделенного текста --> 
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>'; 
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat'; 
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'}; 
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); 
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); 
lat.push('\\[');lat.push('\\]');lat.push('\\.'); 
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); 
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);} 
</script>
<!-- конец -->

<!--ДОПОЛНИТЕЛЬНЫЕ ШРИФТЫ -->
<script type="text/javascript">
$(document).ready(function(){

$("#font-area").append('<div style="font-family:Alumni Sans"><span>Alumni Sans</span><img onclick="bbcode(\'[font=Alumni Sans]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Amatic SC"><span>Amatic SC</span><img onclick="bbcode(\'[font=Amatic SC]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Calypso"><span>Calypso</span><img onclick="bbcode(\'[font=Calypso]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Caveat"><span>Caveat</span><img onclick="bbcode(\'[font=Caveat]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Cuprum"><span>Cuprum</span><img onclick="bbcode(\'[font=Cuprum]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Dark Magic"><span>Dark Magic</span><img onclick="bbcode(\'[font=Dark Magic]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Dark Ministry"><span>Dark Ministry</span><img onclick="bbcode(\'[font=Dark Ministry]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Harry Potter"><span>Harry Potter</span><img onclick="bbcode(\'[font=Harry Potter]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Kelly Slab"><span>Kelly Slab</span><img onclick="bbcode(\'[font=Kelly Slab]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Oranienbaum"><span>Oranienbaum</span><img onclick="bbcode(\'[font=Oranienbaum]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Oswald"><span>Oswald</span><img onclick="bbcode(\'[font=Oswald]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Playfair Display SC"><span>Playfair Display SC</span><img onclick="bbcode(\'[font=Playfair Display SC]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Poiret One"><span>Poiret One</span><img onclick="bbcode(\'[font=Poiret One]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Vollkorn SC"><span>Vollkorn SC</span><img onclick="bbcode(\'[font=Vollkorn SC]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Yeseva One"><span>Yeseva One</span><img onclick="bbcode(\'[font=Yeseva One]\',\'[/font]\')" src="/i/blank.gif" /></div>');

});
</script>

0

11

12

https://upforme.ru/uploads/001b/dc/dc/3/86537.png

вверх
Код:
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span><center><br><font face="Times New Roman"><font color="#800000"><span style="font-size: 20pt">Делаем магию, чтобы сделать вам приятно. Скоро вернемся!</font></font></span></center>
</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике— '+document.title;
}
</script>

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[30,32]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f32	:-[344],  //Мы пишем историю
f9	:-[0],  //Вы пишете рассказ
f43	:-[0],  //Merry Christmas, Joy
f48	:-[0],  //Между прошлым и будущим
f18	:-[0]	//А если бы... //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->



<!--Активисты-->
<div class="activees">
<a href="https://faceinless.ru/profile.php?id=231" target="_blank" title="Постописец Мишелька"><div><img src="https://64.media.tumblr.com/13e69b7fa40be8f8a418dd6806396aac/a55c5a4763adb9a1-b6/s1280x1920/8cfe2081dd84fe76a8e04b7e39ed5d0648e6088e.jpg"></div></a>
</div>
<div class="activees2">
<a href="https://faceinless.ru/profile.php?id=3" target="_blank" title="Постописец Аврора"><div><img src="https://64.media.tumblr.com/cd5d1b91a10fa33433897ddc6a5044f5/67aafa1edb32072b-39/s400x600/4a4f2fd549a0183e634568723e4c7d14a9243652.pnj
"></div></a>
</div>
<div class="activees3">
<a href="https://faceinless.ru/profile.php?id=100" target="_blank" title="Постописец Клося"><div><img src="https://upforme.ru/uploads/001b/dc/dc/100/621183.jpg
"></div></a>
</div>
<div class="activees4">
<a href="https://faceinless.ru/profile.php?id=132" target="_blank" title="Постописец Хенрик"><div><img src="https://64.media.tumblr.com/5f61c382823dc3c3b8fac52865884ce8/37d058c607f8009f-17/s400x600/569678a66f3955dabcb94de5e9717367923753ea.pnj
"></div></a>
</div>
<div class="activees5">
<a href="https://faceinless.ru/profile.php?id=232" target="_blank" title="Активист Лотти"><div><img src="https://64.media.tumblr.com/d672c40314195e47d915644be8214c7c/7bf8588a469c6024-0b/s400x600/69447526a336162f95a0fdea1e39844a846097a0.jpg
"></div></a>
</div>
<div class="activees6">
<a href="https://faceinless.ru/profile.php?id=245" target="_blank" title="Активист Мак"><div><img src="https://64.media.tumblr.com/eaee9a50fb6538a6b6993c3bfe0f7633/9be28f112d76414b-63/s1280x1920/4ca1ec5a2856e11f8dfc8879b56c823af0f5ecd3.jpg"></div></a>
</div>
<div class="activees7">
<a href="https://faceinless.ru/profile.php?id=205" target="_blank" title="Активист Фэйт"><div><img src="https://64.media.tumblr.com/ff989fbc824cb5188085f1764af7e4e4/dbb32642c4a2bcbe-c4/s400x600/34e9f639d3a51269d46ede1ce2953576474fe341.pnj
"></div></a>
</div>
<div class="activees8">
<a href="https://faceinless.ru/profile.php?id=197" target="_blank" title="Активист Бонана"><div><img src="https://upforme.ru/uploads/001b/dc/dc/100/850477.jpg
"></div></a>
</div>




<!--Игрок-->
<div class="best_player">best player: <a href="https://faceinless.ru/profile.php?id=125">Malia Tate-Kenner</a></div>



<!--ЛУЧШИЙ ПОСТ-->
<div class="tab_post"><span>Лучший пост от <a href="https://faceinless.ru/viewtopic.php?id=884#p154603">Alex</a> • </span>Недовольно ворчу, смотря куда-то вдаль уходящей улицы. Надеясь быстрее увидеть силуэт девушки, с которой была назначена встреча. Мое волнение было обусловлено тем, что я до конца не был уверен, что она придет. В ее характере была такая черта, которая могла спонтанно проявиться...</div>



<!--ссылки-->
<div class="tab_lin">
<a href="https://faceinless.ru/viewtopic.php?id=9#p11">сюжет</a> •
<a href="https://faceinless.ru/viewtopic.php?id=65">путеводитель</a> •
<a href="https://faceinless.ru/viewtopic.php?id=66#p4840">роли и лица </a> • 

<a href="https://faceinless.ru/viewtopic.php?id=152">faq</a> •
<a href="https://faceinless.ru/viewtopic.php?id=10">бестиарий</a> •
<a href="https://faceinless.ru/viewtopic.php?id=412">акции</a>

</div>


<!--краткая информация-->
<div class="tab_info"><span>the vampire diaries × the originals </span><span>x legacies x 2019</span></div>



<!--Эпизод-->
<div class="best_ep">best ep: <a href="https://faceinless.ru/viewtopic.php?id=923">этой ночью все решится</a></div>


<div id="animt"></div>



<!-- Скрываем профиль в постах © Deff -->
<script type="text/javascript">
if(GroupID<3)FORUM.set('editor.addition.tags.hide_provil', {name:'скрытие Профиля',onclick:function(){smile('[im'+'g=hide-autor]https://is.gd/ekiTPp['+'/img]');}});
$().pun_mainReady(function() {
function addStyle() { /*==123==;
<style type="text/css">#### .post-author,#### .post-sig,#### .pl-email,#### .pl-website{display:none !important}#### .post-body,#### .post-links,#### .post-links ul,#### h3>span{margin-left:0 !important}</style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
$('.post .post-content img[alt="hide-autor"]').each(function(){
   var id = $(this).parents('.post').prop('id');
   $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
});});
</script>

<!--выделить код. 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>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-— Отключение модулей -->
<script type="text/javascript">
RusffCore.sets.share = 0; // Отключить функцию "Поделиться"
rusffLive.enable = false; // Отключить функцию "Это интересно"
RusffCore.sets.use_awards = 0; // Отключить награды
RusffCore.sets.files.button = false; // Отключить кнопку "Вложения"
RusffCore.sets.graffiti = 0; // Отключение граффити
RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе
RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба
RusffCore.sets.tags = 0; // Отключить функцию "Теги"
ReactionsPlugin.setConfig({
  disable: true
});
</script>


<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>



<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->


<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'http://forumstatic.ru/files/001a/f4/24/67452.png'; //Дополнительная Иконка выход;
</script>
<script data="357656"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>



<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>


<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>

<!---------------------------- лс---------------------------->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>

<!-------------------------- Пиар-вход -------------------------->

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



<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '86c40b77b6a48c9457190510e92b2032162fa7f4'; // Forum token
notifications.key = 'ove93sk013s7'; // Subscription key
RusffCore.sets.notifications = false
</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [58,130,9,65]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// конец //-->

<link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<link rel="stylesheet" href="/files/001b/95/a1/96876.css">
вниз
Код:
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>
<style>
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 980px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 140px;
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:200px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>



<div class="activees9">
<a href="https://faceinless.ru/viewtopic.php?id=84#p98262" target="_blank" title="Magneto"><div><img src="https://upforme.ru/uploads/001b/dc/dc/100/633699.gif"></div></a>

<a href="https://faceinless.ru/viewtopic.php?id=84#p118651" target="_blank" title="Josie Saltzman"><div><img src="https://media.tenor.com/z3At0EBAEnMAAAAM/josie-saltzman-kaylee-bryant.gif"></div></a>

<a href="https://faceinless.ru/viewtopic.php?id=84#p85387" target="_blank" title="Elijah Mikaelson"><div><img src="https://media.tenor.com/FuwmI05zFXoAAAAM/elijah-mikaelson.gif"></div></a>

<a href="https://faceinless.ru/viewtopic.php?id=84#p120217" target="_blank" title="Sage"><div><img src="https://64.media.tumblr.com/a8c587843490ffb9cfb2b9a6149ae228/tumblr_inline_paarpzdLUa1rcq4d9_250.gif"></div></a>
</div>



<!-- КАТЕГОРИИ -->
<script>
$(function (){ 
$( "<q>у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...</q>").insertAfter( ".category.category-1 h2 span" );

$( "<q>семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты</q>" ).insertAfter( ".category.category-2 h2 span" );



$( "<q>когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться</q>" ).insertAfter( ".category.category-4 h2 span" );

$( "<q>vampires don't breed but we love to try</q>" ).insertAfter( ".category.category-3 h2 span" );

$( "<q>самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву</q>" ).insertAfter( ".category.category-6 h2 span" );

$( "<q>когда чувства искренни, ты не можешь просто отвернуться</q>" ).insertAfter( ".category.category-7 h2 span" );
});
  </script>




<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("faceless", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>





<!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url()no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>



<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">написано <b>00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


   
<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="http://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!-------------------------- Кликабельность ника в постах гостя -------------------------->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>



<!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ---->
<script type="text/javascript"> 
    var DefAvtr = 'https://forumstatic.ru/files/001c/33/21/34338.jpg'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://forumstatic.ru/files/001c/33/21/34338.jpg'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<style>.avatar-image[style*="default_avatar.jpg"]{       background-image:url(АВ ССВЛКА)!important;    }</style>



<!-— новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
// поправка для нормального отображения профиля
$('.post-author ul').append('<li class="end_check"></li>');
</script>
<!-— Конец -->


<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut"><i class="material-icons">align_horizontal_left</i></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:var(--backcol);border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001b/f0/c8/31578.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001b/f0/c8/20519.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>


<!---------------------------- МАСКА ---------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Мы пишем историю', 'Вы пишете рассказ', 'А если бы...', 'Общение', 'Конкурсы', 'Дорогой дневник...', 'Завершенные сюжетные эпизоды', 'Страсти прошлого'],
    forumAccessExtended: {
        'Мы пишем историю': ['игроки'],
        'Вы пишете рассказ': ['игроки'],
        'А если бы...': ['игроки'],
        'Общение': ['игроки', 'Пользователи'],
        'Конкурсы': ['игроки'],
        'Дорогой дневник...': ['игроки'],
        'Завершенные сюжетные эпизоды': ['игроки'],
        'Страсти прошлого': ['игроки'],
    },
    changeList: {
        'pafld2': {
            title: 'личное звание',
            description: '',
            tag: 'info',
            class: 'pa-fld2',
            defaultCode: '<div class="lzname"> <b>Имя Фамилия, возраст</b> </div> <div class="lztext">текст и <a href="http://faceinless.ru/">ссылка</a>. </div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect']
});
</script>




<!---------------------------- личная страничка ---------------------------->

<style>
.reveal-modal {
    display:none;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    z-index: 101;
}

</style>
  <div id="character" class="reveal-modal xlarge main container">   
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal" onclick="$(this).parent().hide()">×</a>
 </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');

    $('.modal_wrap').html('');
    $.get('/pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html()).parent().show();
    });

    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>


 <!-- Регулировка размера шрифта в постах © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>






<div class="ban">
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a><a href="https://soullove.ru" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/10990.gif" border="0" alt="soul love"></a><a href="https://secretsofmermaids.rusff.me/" target="_blank"><img src="https://i.imgur.com/uKH5gzO.png" title="Секреты русалок"></a><a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://i.imgur.com/sWcM3uJ.gif"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a><a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a><a href="http://newadventure.rusff.me/"><img src="http://forumstatic.ru/files/0014/ed/19/40119.png"></a><a href="https://thedome.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/60/aa/48/821676.png' title="Город, из которого нет выхода" /></a><a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"  title="BOSTON"></a><a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://upforme.ru/uploads/001b/d5/58/2/217166.gif"></a><a href="https://verbaveritatis.rusff.me" title="Верба. Просто добавь магии."><img src="https://upforme.ru/uploads/001b/aa/c9/4/12634.gif"></a><a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a> <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/grQXuU2.gif" title="no stress cross"></a><a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a></a><a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://blackpines.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/3c/e5/6/443545.png"  title="blackpines" alt="blackpines"></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/184058.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>  <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/35687.png" title="alluvio maris"></a> <a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a><a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://i.ibb.co/p4Kn1Pj/image.jpg" title=“the good place /// визардинг ворлд без постирония“></a><a href="https://pulseofny.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/0f/f1/22/84716.gif" title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a><a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/245/266488.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/lCYion2.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a><a href="https://theraven.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/00/4d/5/220581.gif" title="THE RAVEN"></a><a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a><a href="https://voiceoftales.rusff.me/" target="_blank"> <img src="https://i.ibb.co/QM1GsSh/1.png" title="Voice of tales"></a> <a href="https://englishcross.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/2a/e6/5/995500.png"></a><a href="https://swamptown.f-rpg.me" target=_blank><img src="https://upforme.ru/uploads/001c/46/0f/3/620202.gif" title="2024 - мистика - ужасы, выживание"></a><a href="https://newadventure.rusff.me/" title="Genshin Impact: Adventure Time" target="_blank"><img src="https://upforme.ru/uploads/001b/df/32/4/t64194.gif"></a><a href=http://adarktwilight.rusff.me/><img src="https://forumstatic.ru/files/0012/77/75/84192.jpg?v=1" border="0" alt="twilight: a dark lullaby"width=88  height=31 border></a><a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://upforme.ru/uploads/0015/e5/b7/3090/557165.gif" 
title="crossfeeling"
border="1" width="88" height="31"></a> <a href="https://genshin2stars.rolka.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/02/3d/6/31279.gif" width="88" height="31"></a>
</div>


<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(96542288, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/96542288" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->




<script>
$('#pun-main .post-author ul').each(function(){
$(this).find('.pa-fld3, .pa-posts, .pa-respect').wrapAll('<div class="vazh">');
});
</script>

0

13

форма ответа
Код:
<!-- Material Icons в форме ответа (с) ForumD.ru, Герда -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<script type="text/javascript">
$(document).ready(function(){

$("#button-font").append('<i class="material-icons">font_download</i>');
$("#button-size").append('<i class="material-icons">format_size</i>');
$("#button-bold").append('<i class="material-icons">format_bold</i>');
$("#button-italic").append('<i class="material-icons">format_italic</i>');
$("#button-underline").append('<i class="material-icons">format_underlined</i>');
$("#button-strike").append('<i class="material-icons">strikethrough_s</i>');
$("#button-left").append('<i class="material-icons">format_align_left</i>');
$("#button-center").append('<i class="material-icons">format_align_center</i>');
$("#button-right").append('<i class="material-icons">format_align_right</i>');
$("#button-link").append('<i class="material-icons">link</i>');
$("#button-spoiler").append('<i class="material-icons">menu_book</i>');

$("#button-sticker").append('<i class="material-icons">emoji_emotions</i>');

$("#button-video").append('<i class="material-icons">ondemand_video</i>');
$("#button-hide").append('<i class="material-icons">lock_open</i>');
$("#button-quote").append('<i class="material-icons">format_quote</i>');
$("#button-code").append('<i class="material-icons">code</i>');
$("#button-color").append('<i class="material-icons">color_lens</i>');
$("#button-table").append('<i class="material-icons">table_view</i>');
$("#button-smile").append('<i class="material-icons">mood</i>');
$("#button-keyboard").append('<i class="material-icons">keyboard</i>');
$("#button-addition").append('<i class="material-icons">library_add</i>');
$("#button-transL").append('<i class="material-icons">compare_arrows</i>');
$("#button-indent").append('<i class="material-icons">format_indent_increase</i>');
$("#button-justify").append('<i class="material-icons">format_align_justify</i>');
$("#floatbut").append('<i class="material-icons">align_horizontal_left</i>');
$("#button-sp_for_you").append('<i class="material-icons">vpn_key</i>');
setTimeout(() => $("#button-mask").append('<i class="material-icons">face_retouching_natural</i>'), 400);

});
</script>



<!--Смайлы от Человека-Шамана редактирование через файл--><script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/0c/86/28923.txt");
});
</script>

<style> #button-sticker:before {
    content: "\263C";
    line-height: 22px;
    font-weight: bold;
    font-size: 15px;
}</style>

<!--конец-->



<!--Переключение раскладки выделенного текста --> 
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>'; 
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat'; 
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'}; 
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split(''); 
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split(''); 
lat.push('\\[');lat.push('\\]');lat.push('\\.'); 
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split(''); 
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);} 
</script>
<!-- конец -->

<!--ДОПОЛНИТЕЛЬНЫЕ ШРИФТЫ -->
<script type="text/javascript">
$(document).ready(function(){

$("#font-area").append('<div style="font-family:Alumni Sans"><span>Alumni Sans</span><img onclick="bbcode(\'[font=Alumni Sans]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Amatic SC"><span>Amatic SC</span><img onclick="bbcode(\'[font=Amatic SC]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Calypso"><span>Calypso</span><img onclick="bbcode(\'[font=Calypso]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Caveat"><span>Caveat</span><img onclick="bbcode(\'[font=Caveat]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Cuprum"><span>Cuprum</span><img onclick="bbcode(\'[font=Cuprum]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Dark Magic"><span>Dark Magic</span><img onclick="bbcode(\'[font=Dark Magic]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Dark Ministry"><span>Dark Ministry</span><img onclick="bbcode(\'[font=Dark Ministry]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Harry Potter"><span>Harry Potter</span><img onclick="bbcode(\'[font=Harry Potter]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Kelly Slab"><span>Kelly Slab</span><img onclick="bbcode(\'[font=Kelly Slab]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Oranienbaum"><span>Oranienbaum</span><img onclick="bbcode(\'[font=Oranienbaum]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Oswald"><span>Oswald</span><img onclick="bbcode(\'[font=Oswald]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Playfair Display SC"><span>Playfair Display SC</span><img onclick="bbcode(\'[font=Playfair Display SC]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Poiret One"><span>Poiret One</span><img onclick="bbcode(\'[font=Poiret One]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Vollkorn SC"><span>Vollkorn SC</span><img onclick="bbcode(\'[font=Vollkorn SC]\',\'[/font]\')" src="/i/blank.gif" /></div>');

$("#font-area").append('<div style="font-family:Yeseva One"><span>Yeseva One</span><img onclick="bbcode(\'[font=Yeseva One]\',\'[/font]\')" src="/i/blank.gif" /></div>');

});
</script>
объявления
Код:
<div class="news_s">
 <a href="https://faceinless.ru/viewtopic.php?id=943"><raz>стикеры</raz><dva>тыковка Джек</dva></a>
 <a href="https://faceinless.ru/viewtopic.php?id=927"><raz>фильмы</raz><dva>на halloween</dva></a>
 <a href="https://faceinless.ru/viewtopic.php?id=58&p=2#p155843"><raz>новости</raz><dva>в черном кружевном</dva></a>
 <a href="https://faceinless.ru/viewtopic.php?id=920"><raz>пазлы</raz><dva>осенние</dva></a>
 <a href="https://faceinless.ru/viewtopic.php?id=905"><raz>марафон</raz><dva>осенний</dva></a>
</div>

0

14

стиль.сs

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Viaoda+Libre&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


@font-face {
  font-family: 'karlotte';
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001c/33/21/87552.otf);
}

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url('//forumstatic.ru/files/001b/6e/df/58432.css');
@import url('//forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: POIRETONE-REGULAR;
src: url('//forumstatic.ru/files/001b/f0/c8/46727.ttf?v=1');}
@font-face {font-family: tahoma;
    src: url('//forumstatic.ru/files/001b/11/27/69819.ttf?v=1');}
@font-face { font-family: YESEVAONE;
    src: url('//forumstatic.ru/files/001b/11/27/49269.otf?v=1');}
@font-face { font-family: Koloman Modern;
    src: url('//forumstatic.ru/files/001b/6e/df/58872.ttf');}
@font-face { font-family: Alter Biom;
    src: url('//forumstatic.ru/files/001b/b9/c5/65163.otf?v=1');}
@font-face { font-family: Vogue Highline serif;
    src: url('//forumstatic.ru/files/001b/6e/df/10841.otf');}
@font-face {font-family: 'Play';
src: url(//forumstatic.ru/files/0019/47/79/11592.ttf);}
@font-face {font-family: 'georgia';
src: url(//forumstatic.ru/files/001b/f0/c8/45558.ttf);}

/* шрифт для адвент календаря */
@font-face { font-family: Delicate;
    src: url('https://forumstatic.ru/files/001b/dd/85/40872.otf');}    




/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
    font-size: 100.01%;
    position: initial !important;
}

/* A3.2 */
.punbb {
    font: normal 70% Verdana;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 11px verdana, arial, helvetica, sans-serif;
    background: #c1bbad;
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb legend span {
    font-size: 13px;
    padding: 5px 20px;
}

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
    margin: auto;
    width: 1160px;
    margin-bottom: 100px;
    background: url(https://forumstatic.ru/files/001c/33/21/69455.jpg) repeat #c5c0b2;
    border-radius: 0;
    margin-top: 350px;
    position: relative;
    padding-top: 40px;
}


/* A5.2 */
.punbb {
    float: none;
    width: auto;
    height: auto;
    margin: 0px 100px;

}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
 min-height: 100px;
  }

#pun-redirect {
    border: 0 none!important;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #0d0d0e url(https://forumstatic.ru/files/001c/33/21/61852.jpg) repeat fixed top center/cover;
    background-size: cover; 
}
    #pun-redirect *{
      border:0 none;
    }
    #pun-redirect .main-title {
      display:none;
    }
#pun-redirect.punbb .info .container {
    text-align: center;
    display: block;
    margin: 5% auto;
    font-size: 11px;
    font-weight: 400;
    font-family: roboto;
    text-transform: lowercase;
    padding: 30px 0px;
    height: auto;
    border: 0 !important;
    text-transform: lowercase;
    width: 900px;
    font-weight: 500;
    margin-top: 120px;
    color: #dcdad4;
}



/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none none none;
  border-width: 0px 0px 0px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 0px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
    display: none;
}


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
    margin-top: 10px;
}

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px dotted #3e4b6d;
    width: 60%;
    margin-left: 120px;
    padding-bottom: 5px;
    margin-top: 10px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0 0 0 0px;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 10px 1em 10px;
    padding: 20px 20px 10px 20px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    text-align: left;
    display: block;
    font-size: 20px;
    font-weight: 400;
    font-family: viaoda libre;
    margin-bottom: 8px;
    width: auto;
    text-transform: lowercase;
    font-style: normal;
    letter-spacing: 0.2px;
    color: #000000;
    border-bottom: 1px dashed #746d5b99;
    padding-bottom: 6px;
    height: 18px;
    line-height: 14px;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
    position: relative;
    width: 100%;
    height: 21px;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: none;
    margin-top: -10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    /* background: #c1c1b6; */
    align-items: center;
}

/* B3.2 */
.multipage {
  margin-top: 1em;
  }

/* B3.3 */
.linkst .pagelink {
    width: 24em;
margin-left: 10px;
}

/* B3.4 */
.linkst .postlink {
  text-align: right;
margin-right: 10px;

  }

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 11px;
    font-weight: 400;
    font-family: roboto;
    text-transform: lowercase;
  }

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
}

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
}

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 0em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 10px 0px 0 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 15px;
    font-weight: 400;
    font-family: roboto;
    font-size: 0;
    text-transform: uppercase;
    color: #000 !important;
    background: transparent;
}

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;

  }


/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 45%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    font-family: 'Roboto';
    text-transform: lowercase;
    width: 8%;
}



/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
}

#pun-index .tcr {
    width: 30%;
    position: relative;
    overflow: visible;
    flex: auto;
    text-align: left;
    font-size: 11px;
    font-weight: 300;
    font-family: 'Roboto';
    line-height: 16px;
    text-transform: lowercase;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: center;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  width: 90%;
  white-space: normal;
  }

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    margin-top: 0px;
    letter-spacing: .6px;
    text-align: left;
    margin-bottom: 5px;
    margin-left: -20px;
}


#pun-index .tcl {
    width: 70%;
    position: relative;
    overflow: visible;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 10px 0;
}

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1.5em;
  }

/* C2.13 */
.punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    text-align: justify;
    margin: 0px 40px 0 0;
    position: relative;
    font: 300 11px/140% roboto;
    width: auto;
    z-index: 1;
    padding: 0 0 0 10px;
    letter-spacing: 0;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
}




#pun-messages .main .tc2 {
  text-align: center;
  }
  

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

/* CS2.1 */
.punbb .container, .punbb .post-body {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none;
    border-width: 0;
  }

/* CS2.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent ;

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }


/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: 0px;
  padding-bottom: 1px;
  }

/* C3.2 */
#pun-viewtopic .post h3 {
    position: relative;
    font: 400 10px roboto;
    text-transform: lowercase;
}

/* C3.3 */
.punbb .post h3 span {
    display: block;
    margin-left: 260px;
    width: auto;
    padding: 4px 15px 6px;
    background: #171923;
    height: 25px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    border-radius: 1px;
    color: #c7c1b3;
    box-shadow: 0px 0px 0px 1px #918a7bbd, 0px 0px 10px #79726059;
}

.punbb .post h3 span a {
    color: #c5c18c !important;
    transition: 1s ease;
}


.punbb .post h3 span a:hover { 
    color: #c7c1b3 !important;
    transition: 1s ease;
}


/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 240px;
    background: #0e0e16 url(https://forumstatic.ru/files/001c/33/21/76130.jpg) top left / cover no-repeat;
    margin: -25px 0px 0px 0px;
    font-family: open sans;
    font-weight: 400;
    font-size: 10.5px;
    padding-top: 0px;
    position: relative;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 1px #918a7bbd, 0px 0px 10px #79726059;
    color: #c5c2bc;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    border-radius: 1px;
}


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0em 1em 1em 1em;
    line-height: 160%;
}


/* C3.7 */
.pa-author {
    font-family: karlotte, viaoda libre;
    font-size: 22px;
    font-weight: 400 !IMPORTANT;
    letter-spacing: 1px;
    text-transform: none;
    color: #bfb957d4;
    position: relative;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    margin-top: 10px;
}


/* C3.9 */
li.pa-title {
    display: block;
    text-align: center;
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: .6px;
    margin: 7px;
    color: #a9a5a1;
    font-size: 9.5px;
    font-family: 'Bona Nova';
}

/* C3.11 */
.punbb .post-body {
    margin-left: 260px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
    padding: 10px 0px 15px 0px;
}

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    padding: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19.5em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-size: 11px;
    font-weight: 400;
    font-family: roboto;
    text-transform: lowercase;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
    font-size: 11.5px;
    font-weight: 400;
    font-family: roboto;
    text-transform: lowercase;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {

  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px 0em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    margin: 0;
    border-style: none none none none;
    border-width: 0px 0px 0 0px;
    margin-bottom: -80px;
}

/* D1.2 */
#pun-title h1 {
  display : block;}

/* D1.3 */
#pun-title .container {
  border-style: none none none none;}


/* D1.4 */
#pun-title h1 span  {
  display: none;}

#pun-title h1 span  {
  font-size: 1.5em;}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;}

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em}



/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks .container {
    text-align: center;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    height: 30px;
    font-family: karlotte, viaoda libre;
    letter-spacing: .8px;
    margin-left: 0px;
    width: 100%;
    padding: 0 !important;
    top: -320px;
    position: absolute;
    /* border: red 1px solid; */
    left: 0;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 0em;
  padding-top: 4px;}

/* D.3 */
#pun-navlinks li {
    display: inline;
    padding: 0px 10px 0 0;
}


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {

}

/* D4.2 */
#pun-ulinks .container {
    font-style: normal;
    text-align: center;
    text-transform: lowercase;
    height: 20px;
    /* border: 1px solid red; */
    padding-inline-start: 0px;
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 16px;
    margin-top: 0;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline-block;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
    padding: 0;
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    font-family: roboto;
    letter-spacing: 0;
    height: 25px;
    text-transform: lowercase;
    width: 100%;
    background: #b8b2a361;
    border: 1px solid #b8b2a3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}


#pun-status .container strong, pun-status .container a {
    font-weight: 400;
    /* color: #5e2917; */
}



/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }




/* D5.4 */
#pun-crumbs1 {
    font-weight: 400;
    overflow: hidden;
}

/* D5.5 */
#pun-crumbs1 p.container {
    text-align: left;
    height: 25px;
    font-family: viaoda libre;
    font-size: 17px;
    letter-spacing: .8px;
    text-transform: none;
    font-weight: 500;
    margin: 10px 0;
    text-shadow: 0px 0px 1px #898b7d;
}

/* D5.6 */
#pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: 0px 0 0 0 !important;
    position: relative;
    z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0em 1em 1em 1em;
  margin-top: 0px; 
  line-height: 1.1;
  text-align: center;  
}


/* D7 Statistics
-------------------------------------------------------------*/
#pun-stats .container {
    letter-spacing: 0px;
    padding: 20px 20px;
    font: 300 11px/140% roboto;
    color: #000;
    box-sizing: border-box;
    background: #b3ad9d36;
    border: 1px solid #bbb5a7;
}
#pun-stats .container a {
    font-weight: 600;
}


/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  margin-bottom: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: center;
  line-height: 150%;}

/* D8.5 */
#pun-about p span {
    display: block;
    padding-left: 50%;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 400;
    font-family: roboto;
    text-transform: lowercase;
}

/* D8.6 */
#pun-crumbs2 {
  font-weight: 400;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
    text-align: left;
    height: 25px;
    font-family: viaoda libre;
    font-size: 17px;
    letter-spacing: .8px;
    text-transform: none;
    font-weight: 500;
    text-shadow: 0px 0px 1px #898b7d;
}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style:  none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }



/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  border-bottom-width: 0px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: none;
  border-bottom-width: 0px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }


#pun-status .status-right {
display: none;
}



.punbb th {
    font-size: 0 !important;
}





#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}




html {
    position: relative;
}



#pun-index .category table tr {
    -webkit-appearance: none;
    display: flex;
    padding: 7px 10px;
    align-items: center;
    gap: 0 40px;
    position: relative;
    overflow: hidden;
    background: #c3bdae url(https://forumstatic.ru/files/001c/33/21/61499.jpg) center/cover;
    border: 1px solid #bbb5a7;
    box-sizing: border-box;
}


#pun-index .category tr.inew {
    background: #c3bdae url(https://forumstatic.ru/files/001c/33/21/14140.jpg) bottom/cover;
    border: 1px solid #bbb5a7;
    box-shadow: 0px -3px inset #9d884c;
}


#pun-index .category table tr + tr {
    margin: 20px 0;
}


#pun-index td div.tclcon span {
    font-weight: 500;
}


.f_desc_wrap {
    margin-top: 4px;
}

.f_links {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: center;
}


.f_links a {
    background: #b5afa170;
    border: 1px solid #918e723b;
    text-transform: lowercase;
    padding: 2px 10px;
    transition: 1s ease;
    color: #403b2e !important;
    border-radius: 2px;
    font-weight: 400;
    height: 15px;
}

.f_links a:hover {
    background: #c7c1b3a8;
    border: 1px solid #918e7247;
    text-transform: lowercase;
    padding: 2px 10px;
    transition: 1s ease;
    color: #4d576e !important;
    border-radius: 2px;
    font-weight: 400;
}



.punbb textarea, .punbb input {
    background: #c1bbad;
    border: 1px solid #b7b1a1;
    color: #000;
    padding: 10px 10px;
    outline: none;
    box-sizing: border-box;
}

.best_ep {
    width: 440px;
    position: absolute;
    color: #cdc9bc;
    top: -230px;
    font-family: 'Viaoda Libre';
    height: 20px;
    font-size: 18px;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #00000069;
    /* border: red 1px solid; */
    left: 72px;
    text-align: center;
}



.best_ep a {
    color: #f5f189b8 !important;
    text-shadow: 1px 1px #00000054;
    transition: 1s ease;
}


.best_ep a:hover {
    color: #d7d6c2b8 !important;
    text-shadow: 1px 1px #00000054;
    transition: 1s ease;
}



.tab_info {
    width: 390px;
    position: absolute;
    color: #e9e8d4c9;
    top: -165px;
    font-family: 'Viaoda Libre';
    font-size: 14px;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #00000069;
    /* border: red 1px solid; */
    left: 146px;
    text-align: center;
    display: flex;
    gap: 44px;
    height: 20px;
}


.tab_lin {
    width: 420px;
    position: absolute;
    color: #e9e8d4c9;
    top: -56px;
    font-family: 'Viaoda Libre';
    font-size: 12px;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #00000069;
    /* border: red 1px solid; */
    left: 115px;
    text-align: center;
    display: flex;
    gap: 5px;
    height: 20px;
    justify-content: flex-start;}




#html-header a {
    color: #bfb957;
    transition: all .7s ease-in-out 0s;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    letter-spacing: .6px;
}

#html-header a:Hover {
    color: #c6c1b3;
    transition: all .7s ease-in-out 0s;
}



.tab_post span {
    font-size: 12px;
    color: #cdc9bc;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    text-transform: uppercase;
    font-family: 'Viaoda Libre';
    letter-spacing: .5px;}



.tab_post {
    left: 115px;
    position: absolute;
    color: #cdcbc1;
    top: -20px;
    width: 420px;
    /* border: red 1px solid; */
    box-sizing: border-box;
    padding-right: 10px;
    font-family: 'Roboto';
    overflow-y: auto;
    height: 70px;
    text-align: justify;
    line-height: 18px;
    font-size: 10px;
}


.best_player {
    width: 420px;
    position: absolute;
    color: #cdc9bc;
    top: 60px;
    font-family: 'Viaoda Libre';
    height: 20px;
    font-size: 18px;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #00000069;
    /* border: red 1px solid; */
    left: 115px;
    text-align: center;
}


.activees, .activees2, .activees3, .activees4,
.activees5, .activees6, .activees7, .activees8 {
    height: 45px;
    width: 45px;
    position: absolute;
    z-index: 100;
    top: -50px;
    left: 560px;
    /* border: 1px solid red; */
}


.activees9 {
    height: 45px;
    width: 345px;
    position: absolute;
    z-index: 100;
    left: 407px;
    /* border: 1px solid red; */
    gap: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -7px;
}

.activees div, .activees2 div, .activees3 div, .activees4 div,
.activees5 div, .activees6 div, .activees7 div, .activees8 div, .activees9 div {
    position: relative;
    width: 41px;
    height: 41px;
    border-radius: 100%;
    /* box-shadow: 0px 0px 0px 1px #000; */
    border: 1px solid #33384a;
}

.activees img, .activees2 img, .activees3 img, .activees4 img,
.activees5 img, .activees6 img, .activees7 img, .activees8 img, .activees9 img {
    filter: grayscale(100%);
    transition: all .6s ease-in-out 0s;
    width: 41px;
    height: 41px;
    border-radius: 100%;
}

.activees div:after, .activees2 div:after, .activees3 div:after, .activees4 div:after,
.activees5 div:after, .activees6 div:after, .activees7 div:after, .activees8 div:after, .activees9 div:after {
    content: "";
    background: #4c4c67;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
}


.activees div:hover img, .activees2 div:hover img, .activees3 div:hover img, .activees4 div:hover img,
.activees5 div:hover img, .activees6 div:hover img, .activees7 div:hover img, .activees8 div:hover img, .activees9 div:hover img {
    filter: grayscale(100%);
}

.activees div:hover:after, .activees2 div:hover:after, .activees3 div:hover:after, .activees4 div:hover:after,
.activees5 div:hover:after, .activees6 div:hover:after, .activees7 div:hover:after, .activees8 div:hover:after, .activees9 div:hover:after {
    opacity: 1;
    mix-blend-mode: multiply;
    background: #ae9f53;
}


.activees2 {
    top: -15px;
    left: 610px;
}

.activees3 {
    top: 12px;
    left: 665px;
}

.activees4 {
    top: 25px;
    left: 725px;
}

.activees5 {
    top: -126px;
    left: 1040px;
}


.activees6 {
    top: -76px;
    left: 1008px;
}

.activees7 {
    top: -30px;
    left: 970px;
}

.activees8 {
    top: 0px;
    left: 920px;
}




#pun-index .category h2, #pun-stats h2 {
    background: url(https://forumstatic.ru/files/001c/33/21/93555.jpg) center;
    width: auto;
    height: 40px;
    font-size: 17px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    font-family: 'Viaoda Libre';
    margin: 0px 0 20px 0 !important;
    border: 1px solid #857f70;
    box-shadow: 0px 0px 10px #0e0f13 inset;
    position: relative;
    display: flex;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
}


#pun-index .category h2 span, #pun-stats h2 span {
    color: #bfb957;
    background: url(https://forumstatic.ru/files/001c/33/21/93555.jpg) center;
    z-index: 99;
    position: relative;
    padding: 0px 20px;
    display: none;
}

#pun-stats h2:before, #pun-index .category h2:before {
    content: "";
    height: 1px;
    width: 1080px;
    background: #635842 url(https://forumstatic.ru/files/001c/33/21/26936.png);
    position: absolute;
    top: 19px;
    right: 0px;
    left: -61px;
    z-index: 1;
}


#animt {
    background: url(https://forumstatic.ru/files/001c/33/21/92244.gif);
    height: 226px;
    width: 327px;
    position: absolute;
    top: -258px;
    left: 642px;
    /* opacity: .4; */
    transition: all .7s ease-in-out 0s;
}


.topic a.sharelink {
    display: none;
}



#pun-index .category h2 q, #pun-stats h2 q {
    color: #dbd68f;
    background: url(https://forumstatic.ru/files/001c/33/21/93555.jpg) center;
    z-index: 99;
    position: relative;
    padding: 0px 20px;
    display: block;
    text-transform: lowercase;
    font-size: 12px;
}

#pun-index .category h2 span {
    display: none;
}


#pun-stats h2 span {
    color: #bfb957;
    background: url(https://forumstatic.ru/files/001c/33/21/93555.jpg) center;
    z-index: 99;
    position: relative;
    padding: 0px 20px;
    display: block;
}






.punbb .post .post-author ul {
    margin: 1em 1em 1em 1em;
    line-height: 160%;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
}


.pa-fld5 {
    background: #0e0e16 url(https://forumstatic.ru/files/001c/33/21/76130.jpg) top center no-repeat;
    margin: -5px 10px 10px;
    z-index: 99;
    position: relative;
    padding: 0px 10px;
    display: block;
    text-transform: uppercase;
    font-size: 8px;
    font-family: bona nova;
    font-weight: 400;
    letter-spacing: .5px;
    color: #e3ddd0;
}


#plng {
    font-size: 10px !important;
    margin: 0 20px 0 0;
    text-transform: uppercase;
    font-family: roboto;
}



.pa-fld1 {
    background: url(https://forumstatic.ru/files/001c/33/21/67584.jpg) no-repeat center/cover;
    width: 215px;
    height: 50px;
    margin: 10px -11px;
    border: 1px solid #74644c;
    border-style: solid;
    border-width: 1px 0;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
}


#pl1 {
    font-family: bona nova;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    position: relative;
    text-shadow: 1px 1px #0000009c;
    color: #a9a49a;
}


#pl2 {
    text-align: center;
    text-shadow: 1px 1px black;
    color: #a6a6a6;
    font-family: 'Roboto';
}


.pl0 {
    width: 215px;
    height: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.pa-fld2 {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    gap: 5px;
}


.lzname {
    font-family: bona nova;
    font-size: 13px;
}


.lztext {
    box-sizing: border-box;
    background: #08090e69;
    padding: 5px 8px;
    text-align:left;
    font-size: 10px;
    color: #c6c0b2;
    border: 1px solid #252734;
}

.pa-fld4 {
    font-family: karlotte;
    width: 84px;
    /* position: absolute; */
    margin-left: 110px!important;
    margin-top: -60px!important;
    box-sizing: border-box;
    background: #08090e69;
    text-align: justify;
    color: #c6c0b2;
    border: 1px solid #252734;
    height: 57px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
}


.vazh {
    font-family: open sans;
    width: 106px;
    margin-left: 0;
    margin-top: 0px!important;
    box-sizing: border-box;
    color: #c6c0b2;
    height: 60px;
    font-size: 7px;
    display: flex;
    font-weight: 400;
    flex-direction: column;
    text-transform: uppercase;
    gap: 3px;
}

.pa-online {
    font-family: viaoda libre;
    font-size: 8px;
    font-weight: 400 !IMPORTANT;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ebe46bd4;
    position: relative;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    margin-top: 10px;
}


.pa-online strong {
    font-weight: 400;
}


.pa-fld3, .pa-posts, .pa-respect {
    box-sizing: border-box;
    background: #08090e69;
    padding: 0px 8px;
    text-align: justify;
    font-size: 7px;
    border: 1px solid #252734;
    height: 17px;
}


.ban {
    height: 31px;
    width: 1160px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    white-space: nowrap;
    overflow-y: auto;
    margin: 66px 0 0 0px;
    position: absolute;
    /* border: red 1px solid; */
    padding-right: 10px;
    flex-wrap: wrap;
    left: 0;
    box-sizing: border-box;
}


.ban img {
    cursor: pointer;
    opacity: .3;
    transition: 1s;
}



.ban img:hover {
    cursor: pointer;
    opacity: .9;
    transition: 1s;
}







/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: none;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(http://forumstatic.ru/files/001b/f0/c8/95281.png?v=1) no-repeat center;
    position: relative;
    z-index: 100;
    width: 29px;
    padding-right: 2px;
    padding-top: 20px;
    height: 46px;
    text-align: center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #4f4c46;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
display: none!important;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}


#keyboard-span input {
    background-color: #b7b1a1 !important;
    margin: 3px !important;
    border: 1px solid #b9b29e !important;
    height: 25px !important;
    min-width: 30px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
}

#form-buttons tr {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-around;
    padding: 0px 6px;
}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
    background-image: none !important;
    position: relative;
    width: 26px;
    height: 26px;
    margin: 10px 0px 10px 0px;
}
#form-buttons td .material-icons {
    position: absolute;
    z-index: 1;
    left: -2px;
    font-size: 20px;
    padding: 3px;
    color: #161a26;
}



td#button-image:hover::before {
    content: ' ';
    content: '\e43e';
    font-weight: 400;
    display: block;
    font-size: 20px;
    margin: 12px 0 -12px 0;
    color: #c8a5c2;
    font-family: material icons;
}
 /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .material-icons {
    color: #958d77;
} /* изменение цвета иконки при наведении курсора */


td#button-image::before {
    content: ' ';
    content: '\e43e';
    font-weight: 400;
    display: block;
    font-size: 20px;
    margin: 12px 0 -12px 0;
    color: #161a26;
    font-family: material icons;
}
.spoiler-box {
    margin: 1em 1px 1em 1px;
    padding: 10px 20px 10px 20px !important;
}


.go-up {
background: url(https://forumstatic.ru/files/001c/33/21/22058.png);
width:80px;
height:35px;
}

.go-down {
background: url(https://forumstatic.ru/files/001c/33/21/21988.png);
width:80px;
height:35px;
}



#MyBookmarks h2 {
    margin: 10px 0 10px 0 !important;
    display: block !important;
}


#pun-messages td.tc2.pmtc22 {
    width: 45% !important;
    line-height: 35px;
}


#pun-searchtopics .tcr {
    overflow: hidden;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
    border-color: #bdb7a9 !important;
    background-color: #bdb7a9 !important;
}

#pun-admain legend span {
    background-color: #b3ad9d !important;
}



#profilenav li {
    padding-bottom: 0.8em;
    font-weight: 400;
}


.news_s a {
    min-width: 140px;
    text-align: center;
    height: 40px;
    font-size: 12px;
    border-radius: 0;
    text-decoration: none;
    color: #c7c1b3;
    overflow: hidden;
    transition-duration: 1s;
    display: inline-flex;
    flex-direction: column;
    font-family: roboto;
    justify-content: center;
    background-color: #3b4250;
    border: 1px solid #3b4250;
    box-shadow: 0px 0px 10px #5c677eb5 inset, 0px 0px 6px #a09a8bc9;
    gap: 2px;
}



.news_s a:hover {
    background-color: #282a30;
    border: 1px solid #292b30;
    box-shadow: 0px 0px 10px #0c0c0d85 inset, 0px 0px 6px #8d887cc9;
    transform: scale(.9);
    transition: 1s ease;
}


.news_s raz {
    color: #ddd66ad4;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17b3, 0px 0px 10px #85693a9c;
    font-family: 'Viaoda Libre';
    font-size: 17px;
    line-height: 15px;
}

.news_s dva {
    color: #c6c1b3;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17b3, 0px 0px 10px #85693a9c;
    font-family: roboto;
    font-size: 11px;
    font-weight: 300;
}

#viewprofile ul, #profilenav ul {
    padding-inline-start: 0 !important;
}


#profile-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    width: auto !important;
    background: #b8b2a269;
    border: 1px solid #b8b2a2 ! IMPORTANT;
    border-radius: 0;
    padding: 20px !important;
    box-sizing: border-box;
}

#profile-right li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: auto;
    text-align: center;
    padding: 10px 10px !important;
    font-size: 10px;
    background: #c7c1b3;
    border: 1px solid #b8b2a2;
    gap: 6px;
}

#pa-invites, #pa-gifts, #pa-awards {
    display: none !important;
}


#profile-right #pa-fld2 {
    width: 100%;
}

#pun #profile-right li span {
    float: none;
    margin: 0;
    width: auto;
    font-weight: 500;
    font-size: 9px;
    text-transform: uppercase;
    font-family: roboto;
    padding: 0 !important;
}


#profile-right li strong {
    flex: auto;
    font-weight: normal;
    padding: 0 !important;
    margin: 0 !important;
}


#profile-right .lzname {
    font-family: viaoda libre;
    font-size: 16px;
}


#profile-right .lztext {
    background: #c1bbac;
    border: 1px solid #b8b2a2;
}



.FNTslider {
    position: relative;
    z-index: 1000;
    background: #8d8841;
    width: 110px;
    height: 4px;
    margin: 4px 5px;
    border: solid 1px #ada755c2;
    float: right;
    margin-right: 40px;
}

.FNTslider .before {
    height: 4px;
    position: absolute;
    background: #646028;
    margin-top: 0;
    box-sizing: border-box;
}

.FNTslider .thumb {
    width: 6px;
    height: 4px;
    border-radius: 0;
    position: relative;
    top: -1px;
    background: #403e18;
    cursor: pointer;
    border: 1px solid #a6a051;
}

img[alt="hide-autor"] {
    display: none;
}


.guestb {
    background: url(https://forumstatic.ru/files/001c/33/21/86033.jpg) top center/cover;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    border-radius: 1px;
    color: #c7c1b3;
    box-shadow: 0px 0px 0px 1px #918a7bbd, 0px 0px 10px #79726059;
    box-sizing: border-box;
    overflow: hidden;
    margin: 10px;
}


.guestb p {
    margin: 0 0 0 0px;
    padding: 0 !IMPORTANT;
    line-height: normal !important;
    font-size: inherit !important;
}



.gb_name {
    color: #bfb957d4;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    font-family: 'karlotte';
    display: flex;
    justify-content: center;
    align-items: center;
}


.gb_name p {
    font-size: 50px !important;
}

.gb_info {
    font-family: 'Roboto';
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .4px;
}


.gb_ams a {
    color: #fff661a8 !important;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    transition: 1s ease;
}
.gb_ams a:hover {
    color: #c6c0b2 !important;
    transition: 1s ease;
}


.gb_ams {
    font-family: 'Roboto';
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: none;
    flex-direction: column;
    gap: 5px;
}

.ss_ams {
    font-family: 'karlotte';
    text-transform: lowercase;
    font-size: 16px;
}


.osn_inf {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    height: 90px;
    border: 1px solid red;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
}

.gb_info p {
    display: flex;
    gap: 5px;
    flex-direction: column;
}



.gb_text {
    height: auto;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    margin: 20px 60px;
    border: 1px solid #292d38;
    font-family: 'Roboto';
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    padding: 20px;
    gap: 10px;
}


.gb_brony {
    display: flex;
    margin: 20px 60px 30px;
    gap: 30px;
    justify-content: space-between;
}


.bro_face, .bro_pers {
    flex: 1;
    height: 115px;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    border: 1px solid #292d38;
    font-family: 'Roboto';
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 14px;
}


.bp_name {
    color: #bfb957d4;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Bona Nova';
    font-size: 15px;
}


.bp_sps {
    overflow-y: auto;
    padding-right: 20px;
}



.bp_sps a {
    color: #bfb957 !important;
    transition: 1s ease;
}


.bp_sps a:hover {    color: #b1aa9b !important;
    transition: 1s ease;
}








.oformlenie_knopki {
    cursor: pointer;
    flex: 1;
    color: #bfb957d4;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    font-family: 'Viaoda Libre';
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-transform: lowercase;
}


.facls {
    background: url(https://forumstatic.ru/files/001c/33/21/86033.jpg) top center/cover;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    border-radius: 1px;
    color: #c7c1b3;
    box-shadow: 0px 0px 0px 1px #918a7bbd, 0px 0px 10px #79726059;
    box-sizing: border-box;
    overflow: hidden;
    margin: 10px;
}


.fcl_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 90px;
    justify-content: center;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 8.5px;
    letter-spacing: 1px;
}





.fcl_title name {
    color: #bfb957d4;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    font-family: 'Viaoda Libre';
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 27px;
    text-transform: lowercase;
}


.fcl_rules {
    height: auto;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    margin: 0px 60px 20px;
    border: 1px solid #292d38;
    font-family: 'Roboto';
    font-size: 11px;
    padding: 20px;
    white-space: break-spaces;
    line-height: 20px;
    font-weight: 400;
}

.fcl_vkl {
    height: 400px;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    margin: 0px 60px 30px;
    border: 1px solid #292d38;
    font-family: 'Roboto';
    font-size: 11px;
    padding: 20px;
    font-weight: 400;
}


.fcl_vkl_kn {
    display: flex;
    justify-content: center;
    gap: 30px;
}


#vkladka1 text, #vkladka2 text {
    display: flex;
    margin: 10px;
    justify-content: center;
    gap: 30px;
    height: 350px;
    overflow: hidden;
    line-height: 20px;
}

.vnleft, .vnright {
    flex: 1;
    overflow-y: auto;
}

.vnleft span, .vnright span {
    display: block;
    color: #898f9b;
    font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    margin: 10px;
}


.vnleft a, .vnright a {
    transition: 1s ease;
    cursor: pointer;
    color: #bfb957 !IMPORTANT;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
}
.vnleft a:hover, .vnright a:hover {
    transition: 1s ease;
    color: #c7c1b3 ! IMPORTANT;
}




/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; margin:12% auto 0; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}

.flag-i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    margin-right: 1em;
}

.flag-i:before {    content: '\00a0';}

.social {
    background-image: url(/i/social.1.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px;
}
.social-vkontakte {    background-position: -130px 0;}
.social-odnoklassniki {    background-position: -78px 0;}
.social-mailru {    background-position: -52px 0;}
.social-google {    background-position: -26px 0;}
.social-yandex {    background-position: -156px 0;}



0

15

Структура style.css конец

Код:
/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute;
margin-top: 7px;
margin-left: 65px;
width:20px; 
height:auto;
opacity:.62;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: -30px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
    border: 1px solid #1f1f1f;
    text-rendering: auto;
    color: #000000!important;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    width: 110px;
    background: #787a7f;
    font: normal normal 400 11px tahoma!important;
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(244, 248, 252, .7);
} 
.punbb #pun-navlinks #form-login input[type="submit"] {
    margin: 13px 0 2px!important;
    font-size: 10px!important;
    color: #cdcbcb !important;
    background: #505050;
    border: 1px solid #576072 !important;
    text-align: center;
    text-transform: uppercase;
    min-width: 110px;
    font-family: roboto !important;
    font-weight: 400!important;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
    box-shadow: none;
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login {
    min-height: 183px;
    border: 1px solid #333b50;
    border-radius: 0px 0px 0px 0px;
    color: #7a7a7a;
    display: block;
    font: 9px roboto;
    background: rgb(29 34 47);
    border-color: #333b50;
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    z-index: 20;
    text-align: center;
    word-spacing: normal;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);
    text-transform: uppercase;
    top: 6px;
    width: 135px;
    font-weight: bolder;
    z-index: 100000!important;
}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -36px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Roboto!important; 
letter-spacing: 0.4!important; 
display:inline;
background: none!important;
padding: 0 0 0 8px!important;
color: #BCBCBC;
text-shadow: 1px 1px 1px rgb(40, 52, 61);
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames {
    position: absolute;
    margin-top: -9px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: rgb(29 34 47);
    border-color: #333b50;
    border-style: solid;
    text-align: center;
    border-width: 1px;
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 

} 
.punbb #List-UserNames li {
display: block!important;
    position: relative;
    background: rgb(80 80 80);
    text-align: left;
    box-shadow: 1px 1px 1px rgb(19, 20, 15);
    padding-left: 5px!important;
    font: 9px tahoma!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
    color: #9b9b9b;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#464646; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Roboto;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
    border: 1px solid #1f1f1f!important;
    text-shadow: none!important;
    color: #333!important;
    background-color: rgb(86 86 86);
    font: 11px tahoma!important;
    padding: 2px !important;
    text-transform: uppercase;
    vertical-align: middle;
} 

/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #F9F4FC; 
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Roboto!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/



/*--------------------------адвент-----------------------------------*/

.advfon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* кол-во столбцов*/
    grid-template-rows: auto; /* кол-во рядов*/
    gap: 15px; /*интервал между рядами и колонками */
    padding: 20px;
    background: url(https://forumstatic.ru/files/001b/dd/85/98626.png); /* фон*/
    border-radius: 5px;
} 

.advfon nyslova {
    display: grid;
    font-size: 15px;
    font-family: Montserrat SemiBold;
    color: #00250f;
    grid-column-start: 1;
    grid-column-end: 5;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    box-shadow: 0px 0px 37px 6px rgb(241 234 115 / 23%);
    border-radius:15px;
    padding: 15px;
}

.advfon xmas {
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: -50px;
    z-index: 999999;
    color: #ffe974;
    text-shadow: #ffd700d4 1px 0 10px;
    font-family: 'Delicate';
    font-size: 85px;
    height: 70px;
}

.okno {
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
    display:grid;
    font-family: Montserrat SemiBold;
    font-size: 14px;
}

.okno close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    font-family: Montserrat SemiBold;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    font-family:Delicate;
text-shadow: #ffd700 0px 0px 4px;
   }

.lastokno1 {
   grid-column-start: 1;
   grid-column-end: 3;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}
.lastokno2 {
   grid-column-start: 3;
   grid-column-end:5;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
   padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}

 .lastokno1 close, .lastokno2 close {
    font-family:Delicate;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    text-shadow: #ffd700 0px 0px 4px;
}
.okno zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px; 
}

.okno priz { 
    padding:7px;
    max-height: 60px; 
}

.okno zadanie, .okno priz {
    display: grid;
    grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}

.lastokno1 zadanie, .lastokno2 zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px;
}

.lastokno1 priz, .lastokno2 priz { 
padding:7px;
max-height: 60px; 
text-align: center;
}

.lastokno2 zadanie, .lastokno2 priz, .lastokno1 zadanie, .lastokno1 priz{
  display: grid;
  grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}


/*--------------------------адвент конец-----------------------------------*/



.pa-fld4 .fld-name {
    display: none;
}


/* ВСПЛЫВАЮЩАЯ ЛС
-------------------------------------------------------------*/


.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0; 
	}


.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
    line-height: .5;
    position: absolute;
    top: -18px;
    right: -24px;
    color: #73647e;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}




.unread-notifications #notifications-wrap table {
    box-sizing: border-box;
    text-align: left;
    padding: 0 20px;
}


.pa-ip {
    margin-top: 10px;
    font-size: 9px;
}


.pa-respect img {
    width: 6px;
}


a.post-mention {
    font-weight: 600;
}


.pa-fld1 a {
    width: 215px;
    height: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#topic-users-in a:not(:last-of-type):after {
content: ",";
}



.punbb fieldset legend {
    padding: 0;
    margin: 0;
    font-size: 0;
}


#profile #tags .container {
    position: absolute;
    right: 6px;
    top: 43px;
    z-index: 2;
    background: #c7c1b3;
    border: 1px solid #b1ab9b;
    max-height: 250px;
    margin-top: 14px;
    padding-left: 10px !important;
}


#profile .punbb .fs-box p {
    padding: 0;
}



.punbb .formal fieldset .post-box {
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
}



#profile fieldset legend span{
font-size: 10px;
}


0

16

Цвета style_cs.css

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
body {
    background: #0d0d0e url(https://forumstatic.ru/files/001c/33/21/61852.jpg) repeat fixed top center/cover;
}

/* Шапка */
#pun-title table {
    background-image: url(https://forumstatic.ru/files/001c/33/21/75686.png);
    background-repeat: repeat-x;
    background-position: top left;
    border: none;
    width: 1160px;
    height: 542px;
    margin-left: -100px;
    overflow-x: hidden;
    margin-top: -390px;
}

/* Тело форума */
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}


/* Футер */
#pun-about p.container {
    border: none !important;
    background-image: url(https://forumstatic.ru/files/001c/33/21/59062.png);
    margin: 0px 0px -50px -100px;
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 1160px;
    height: 144px;
    overflow-x: hidden;
}


/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container {
    background-color: transpanent;
    color: #000;
    font-weight: normal;
    font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #000;
    text-align: center;
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    font-family: roboto;
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    color: #000;
    background: #bfb9ab;
    border: 1px solid #b1ab9b;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
    background: #bfb9ab;
    border: 1px solid #b1ab9b;
    color: #000;
}


/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #bfb9ab;
    border: 1px solid #b1ab9b;
}


/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #252a3c;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulinks a:active {
color: #000;
    transition-duration: 1s;
  }

.punbb a:hover {
color: #000;
    transition-duration: 1s;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 11px;
    color: #0d0e13;
    font-weight: 300;
    text-transform: lowercase;
    letter-spacing: 0;
    font-family: 'Roboto';
    transition: all .7s ease-in-out 0s;
}crumbs1

#pun-ulinks a:hover {
    text-decoration: none;
    color: #2c3240;
    transition: all .7s ease-in-out 0s;
}


#pun-navlinks a {
    color: #bfb957d4;
    transition: all .7s ease-in-out 0s;
    position: relative;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
}

#pun-navlinks a:focus, #pun-navlinks a:active, #pun-navlinks a:hover {
    color: #afafa7;
    transition: all .7s ease-in-out 0s;
}





/* CS3 Остальное 
-------------------------------------------------------------*/
div.icon {
display: none;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #a59918;
    height: 7px;
    width: 7px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #8177107d;
    margin-left: 0px;
    border-radius: 2px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #a59918;
    height: 7px;
    width: 7px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #8177107d;
    margin-left: 0px;
    border-radius: 2px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #bfbaaa;
    height: 7px;
    width: 7px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #aca695;
    margin-left: 0px;
    border-radius: 2px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #535871;
    height: 7px;
    width: 7px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #474b62;
    margin-left: 0px;
    border-radius: 2px;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Прокрутка---*/
::-webkit-scrollbar {
    width: 9px;
    height: 3px;
    background-color: #0c0f14;
    -webkit-background-color: #b9b9af;
}
::-webkit-scrollbar-thumb {
    background-color: #8d8841;
    -webkit-background-color: #8d8841;
    border: 1px solid #958f40;
}

::selection {
    background: #1f232f !important;
    color: #c9c6be;
}


#pun-viewforum td.tcr a, #pun-messages td.tcr a, #pun-searchtopics td.tcr a {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto';
    letter-spacing: 0;
    text-transform: none;
}


#pun-index .tcl h3 a {
    transition: all .7s ease-in-out 0s;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    font-family: viaoda libre;
    text-shadow: 0px 0px 1px #8f8f85;
    background: #bbb5a77a;
    padding: 0px 20px;
    display: inline-flex;
    height: 30px;
    align-items: center;
    text-transform: uppercase;
    border: 1px solid #a9a39552;
    border-width: 1px 1px 1px 0;
}

.punbb .user-avatar .avatar-image {
    border: 1px solid #afafa2;
    opacity: .77  !important;
    width: 30px !important;
    height: 30px !important;
    mix-blend-mode: luminosity;
    border-radius: 3px !important;
}

.punbb .user-avatar {
    float: left;
    position: relative;
    height: 36px;
    width: 30px !important;
    margin: 1px 9px 2px 0px;
}

.punbb .user-avatar .isonline {
    margin-right: -5px;
    background: #4f5a7a !important;
}

.punbb .user-avatar {
    margin: 1px 14px 2px 0px !important;
}



.category .container thead {display: none;}

.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 0px;
    margin-top: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
}


#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    overflow-y: auto;
    padding-top: 10px;
    background: #c1c1b7;
    border: 1px solid #b8b8ab;
}



.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background: #c1c1b7;
    border: 1px solid #b8b8ab;
}
.button {
    font-family: roboto !important;
    background-color: #3b4250 !important;
    font-size: 10px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: .1px;
    border: 1px solid #3b4250 !important;
    text-align: justify;
    color: #cbc6b9 ! IMPORTANT;
    border-radius: 0 !important;
    padding: 5px 15px !important;
    box-shadow: 0px 0px 10px #5c677eb5 inset, 0px 0px 6px #a09a8bc9;
}


#video-area-tinp, #image-area-tinp {
    margin: .5em 0;
    padding: .3em;
    background: #c1c1b7;
    border: 1px solid #b8b8ab;
    height: 70px;
}

#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    width: 240px;
    background: #cbc6b9;
    border: 1px solid #b8b8ab;
}

#BookmCntToggle.default-style {
    background: #F7F7F7;
    border-left: solid 5px currentColor;
    box-shadow: 0 0 6px rgb(0 0 0 / 42%);
    color: #8d8841 !important;
    display: block;
    height: 26px;
    width: 21px;
}


#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    background: #c1c1b7;
    border: 1px solid #b8b8ab;
    padding: 8px;
}




#MyBookmarks h2 {
margin: 10px 0 10px 0 !important;
}

#pun-viewforum .tclcon a, #pun-messages .tclcon a, #pun-searchtopics .tclcon a {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto';
    letter-spacing: 0;
    text-transform: none;
    transition: all .7s ease-in-out 0s;
}

td.tcr a {
    font-family: roboto;
    font-size: 12px;
    font-weight: 600;
    transition: all .7s ease-in-out 0s;
    text-transform: none;
}

#pun-viewforum .tcr {
    position: relative;
    display: flex;
    width: 100%;
    gap: 0 10px;
    align-items: center;
}

#pun-viewforum span.byuser, #pun-messages span.byuser, #pun-searchtopics span.byuser {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto';
}

.punbb .post .post-author a {
    font-weight: 500;
    color: #bfb957;
}


.punbb .post .post-author a:hover {
    font-weight: 500;
    color: #afaba3;
}


#tags .container {
    position: absolute;
    right: 6px;
    top: 43px;
    z-index: 2;
    background: #c7c1b3;
    border: 1px solid #b1ab9b;
    max-height: 250px;
    margin-top: 14px;
}



#imageupload-left input[type=button] {
    width: auto !important;
    text-align: center;
}



#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    position: relative;
    width: auto;
    z-index: 9999999;
    margin-left: 0px !important;
}




/*---------------------------------- расы ---------------------------------- */
.race {
    width: 802px;
    height: 774px;
    background: url(https://forumstatic.ru/files/001c/33/21/86033.jpg) top center/cover;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    border-radius: 1px;
    color: #c7c1b3;
    box-shadow: 0px 0px 0px 1px #918a7bbd, 0px 0px 10px #79726059;
    box-sizing: border-box;
    overflow: hidden;
    margin: 10px auto !important;
}


.race rules {
    width: 690px;
    height: 70px;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    display: flex;
    flex-direction: column;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    margin: 20px auto;
    border: 1px solid #292d38;
    justify-content: center;
    align-items: center;
}

.race rules span {
    font-size: 25px;
    color: #bfb957ad;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #0e1b17, 0px 0px 10px #85693a9c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Viaoda Libre';
    text-transform: uppercase;
}



/*** код от вещего духа ***/

#race {
    position: absolute;
    width: 700px;
    height: 520px;
    margin: 90px 50px;
}

#race span {font: var(--h1-font);
    font-weight: bolder;}

.tabs {
	padding: 0px;
	margin: 0 auto;
}

.tabs>section {
display: none;
    padding: 10px;
    height: 587px;
    width: 460px;
    overflow-y: auto;
    top: -709px;
    font: 10px verdana;
    text-align: justify;
    float: right;
    position: relative;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
}
.tabs>section>p {
margin: 0 0 5px;
    line-height: 1.5;
    color: #888888;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

 
@keyframes fadeIn {
	from {
    opacity:0;
	}
	to {
    opacity:1;
	}
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
    display: block;
    margin: 0 -2px 0px;
    text-align: center;
    color: #7f7f7f;
    height: 50px;
    width: 200px;
    margin-bottom: 10px;
    left: 2px;
    top: -90px;
    position: relative;
    text-transform: lowercase;
    font-size: 20px;
    font-family: viaoda libre;
    line-height: 46px!important;
    box-sizing: border-box;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    border: 1px solid #292d38;
}

.tabs>input:checked+label {
    font-size: 20px;
    color: #bfb957ad;
    background: linear-gradient(rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px #000000, 0px 0px 10px #85693a9c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Viaoda Libre';
    text-transform: uppercase;
    font-weight: 400;
}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8, #tab9:checked~#content-tab9, #tab10:checked~#content-tab10  {
	display: block;
}




/*----------------------------------  банк  ---------------------------------- */
.bank {
    width: 802px;
    height: 624px;
    background: url(https://forumstatic.ru/files/001c/33/21/86033.jpg) top center/cover;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
    border-image: url(https://forumstatic.ru/files/001c/33/21/59544.png) round 1;
    border-radius: 1px;
    color: #c7c1b3;
    box-shadow: 0px 0px 0px 1px #918a7bbd, 0px 0px 10px #79726059;
    box-sizing: border-box;
    overflow: hidden;
    margin: 10px auto !important;
}


.bank rules {
    position: absolute;
    height: 70px;
    font-size: 11px;
    padding: 5px 15px;
    font-family: 'Roboto';
    color: #b1b1b1;
    text-shadow: 1px 1px #000;
    text-align: justify;
    width: 700px;
    line-height: 17px;
    box-sizing: border-box;
    background: #00000030;
    box-shadow: 0px 0px 10px #00000094, 0px 0px 30px #000 inset;
    border: 1px solid #292d38;
    margin-top: 40px;
    margin-left: 49px;
    display: flex;
    align-items: center;
}

.bank get a, .bank spend a {
color: #7f7f7f!important;
}

.price {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 48px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

.bank span {
    text-transform: uppercase;
    font-weight: bolder;
}

.bank spend {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 138px!important;
    margin-left: 420px!important;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}


/*************************************************************

ЛИЧНАЯ СТРАНИЧКА

**************************************************************/

#character {
    width: 669px;
    height: 524px;
    margin-left: -195px!important;
    top: 100px!important;
    z-index: 99999;
    background: url(http://forumstatic.ru/files/001b/f0/c8/88993.png);
}

.lsgif {
left: 23px;
    top: 30px;
    filter: grayscale(1) blur(0.5px);
    position: absolute;
}

.lsgif img {
object-fit: cover;
    width: 218px;
    height: 125px;
}


.lsname {
text-transform: lowercase;
    font-size: 16px;
    top: 170px!important;
    position: absolute;
    font-family: 'Poiret One';
    color: var(--doptext);
    line-height: 15px;
    height: 280px;
    overflow: hidden;
    font-weight: bolder;
    left: 26px;
    text-align: center;
    writing-mode: tb-rl;
    transform: rotate(180deg);
}

.lsbon {
    color: #6c6c6c;
    text-transform: uppercase;
    font-family: 'tahoma';
    height: 35px;
    width: 220px;
    position: absolute;
    font-size: 8px;
    line-height: 33px;
    font-weight: bolder;
    top: 456px;
    left: 22px;
    text-align: center;
}

.lscards {
    height: 262px;
    width: 150px;
    position: absolute;
    left: 73px;
    top: 170px;
}

.lsquest {
height: 478px;
    width: 345px;
    position: absolute;
    top: 21px;
    left: 255px;
    overflow: auto;
    padding-right: 10px;
    padding-left: 10px;
}
.quest { position: relative;}

.quest img {width: 100px;
    height: 100px;
 /*   filter: grayscale(1); */}

.submenuItems {
  display: none;
  background: #1515158a;
    border: 1px solid #333333;
 text-align: center;}

.submenuItems .quest {    margin: 0 5px;
    position: relative;
    display: inline-block;}
.submenuItems .quest img {
    border-radius: 50%;    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}

.submenuItems .quest, .submenuItems .quest img {width: 100px; height: 100px; filter: hue-rotate(137deg);}

.submenuItems .quest span {
    display: block;
    text-align: center;
    overflow: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 7px;
    font-size: 9px;
    transition: all .5s;
    opacity: 0;
}
.submenuItems .quest img.x {filter: grayscale(1); opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1}
.submenuItems .quest:hover img {
    opacity: 0;
}
.submenuItems .quest:hover span {
    opacity: 1;
}


.ls_pl {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 27px;
    padding-top: 40px;
}

.ls_pl span, .ls_aw span {
    background: #191919;
    width: 350px;
    position: absolute;
    text-align: center;
    font-family: poiret one;
    text-transform: lowercase;
    font-size: 13px;
    height: 30px;
    line-height: 27px;
    font-weight: bold;
    border: 1px solid black;
    outline: 1px solid #383838;
    margin-top: -36px!important;
}


.ls_aw {
position: absolute;
    width: 350px;
    height: 185px;
    overflow: auto;
    padding: 10px;
    left: 250px;
    top: 260px;
    padding-top: 40px;
}



.pod {opacity: 0.3; filter: grayscale(1);}
.pod:hover {opacity: 1; filter: grayscale(0);-webkit-transition: .5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;}

.grayscale {
  -webkit-filter: grayscale(1);
}

details summary {
background-color: #151515;
    width: 350px;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    color: #7f7f7f;
    z-index: 1000;
    position: relative;
    margin: 10px 0px -1px -6px!important;
    font-family: 'Poiret One';
    font-weight: bolder;
    text-transform: lowercase;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    height: 30px;
}


details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  display: none;
}
details[open] summary::before {
  display: none;
} 

.menu span {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    border-radius: 0%;
    text-align: center;
    background: url(http://forumstatic.ru/files/001b/6e/df/69865.png) no-repeat;
    width: 153px!important;
    height: 37px;
    top: -20px;
    left: 10px;
    position: relative;
    padding: 5px 0px 0px 0px;
}

.menu {            color: #7a5e5b;
    font-family: 'Koloman Modern';
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    font-weight: bolder;
    top: 344px;
    font-size: 10px;}


.menu-links {
    margin-left: 475px!important;
    color: #6c6c6a;
    display: flex;
    position: absolute;
    top: 90px;
    right: 15px;
    height: 350px;
    font-family: 'Poiret One';
    text-transform: lowercase!important;
    font-size: 14px;
    writing-mode: tb-rl;
    transform: rotate(360deg);
    gap: 10px;
    align-content: stretch;
    justify-content: space-around;
    cursor: pointer;
    font-weight: bolder;
}
#submenu {}

#submenu, .menu span { }


.menu .tabactive {
	color: #4a4b71;
}

#submenu {}    

.submenutext {
	display: none; 
	height: 40px;
}


.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: #c1bbad ! IMPORTANT;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}


.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 660px; /* ширина блока */
--chrbg: #; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative;     width: 675px;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}




/* ------------------мы тут номинируем -------------------------*/
.pa-fld6{position: absolute;
    z-index: 9;
  width: 50px;
    left: 180px;
}

.pa-fld6 img {
    width: 50px;
    height: 50px;
}

0

17

гостевая

добро пожаловать к безликим! ролевой проект, основанный на сериалах дневники вампира, первородные и наследии с авторской переработкой устройства мира и сюжета.

сроки придержания: за гостем - сутки, за зарегистрированными пользователями - три дня.

Внешности список:

» Jamie Dornan — заявка [бессрочно]
» Sarah Gadon — Niklaus Mikaelson [бессрочно]
» Sydney Sweeney — блонда [23.10]
» Bill Skarsgеrd — за амс [бессрочно]
» Rebecca Breeds — Aurora de Martel [бессрочно] 
» Avan Jogia — Alex Evers [15.03]
» Dakota Johnson — the bossy One [20.10]
» Kristen Stewart — blues [20.10]
» Crystal Reed — blues [20.10]
» Dylan Sprayberry — Liam Mikaelson [21.10]

Роли список:

» Camille O'Connell — Niklaus Mikaelson [бессрочно]
» One — the bossy One [20.10]
» Nadia Petrova — Nadia Petrova [20.10.2024]
» Liam Stefan Mikaelson — Liam Mikaelson [21.10]
» Имя персонажа — роль [число]

hide-autor

Код:
» Имя персонажа — [url=https://faceinless.ru]роль[/url] [число]
Код:
» Внешность — [url=https://faceinless.ru]роль[/url] [число]

0

18

hide-autor

Код:
<!--HTML-->
<div class="race">
<!------------------информация ------------>
<rules> <span> игровые расы</span>
здесь вы найдете доступные для регистрации расы.
</rules>

<!------------------кнопки ------------>

<div id="race">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">heretics</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">vampires</label>

<input id="tab3" type="radio" name="tabs">
    <label for="tab3">witches</label>

<input id="tab4" type="radio" name="tabs">
    <label for="tab4">werewolves</label>

<input id="tab5" type="radio" name="tabs">
    <label for="tab5">hybrids</label>

<input id="tab6" type="radio" name="tabs">
    <label for="tab6">siphons</label>

<input id="tab7" type="radio" name="tabs">
    <label for="tab7">w-wolfes</label>

<input id="tab8" type="radio" name="tabs">
    <label for="tab8">banshees</label>

<input id="tab9" type="radio" name="tabs">
    <label for="tab9">demons</label>

<input id="tab10" type="radio" name="tabs">
    <label for="tab10">hellhounds</label>

<!------------------еретики ------------>
 
    <section id="content-tab1">
        <p>
<center> <img src="https://i.imgur.com/8H8USGR.gif"> <img src="https://i.imgur.com/bxqJtG3.gif"> <img src="https://i.imgur.com/J7760mr.gif"></center>
Гибрид вампира и ведьмы (еретик) — это вид сверхъестественного существа, способный поглощать магию из любых заклинаний, магических предметов, сверхъествественных существ и из самих себя. 
<hr>
<span>и с т о р и я:</span>  впервые эти существа появились в 1903 году. Тогда они были колдунами и ведьмами из ковена Близнецов, которые не разделяли способностей своих братьев и сестёр. Так как они обладали одной особенностью — они могли поглощать магию других колдунов и ведьм, однако, у этой особенности был изъян — они не могли использовать эту магию постоянно и она вскоре заканчивалась. Это не устраивало «еретиков» (тогда их так называли за отклонение от предыдущих мировоззрений клана), и они пытались найти способ превратить этот недостаток в долговременное преимущество — став вампирами, они смогли поглощать магию не только из внешний источников, но и из самих себя.<br>
<br>
<span>к т о  т а к и е  е р е т и к и:</span>  это вид сверхъестественного существа, способный поглощать магию из любых заклинаний, магических предметов, сверхъестественных существ и из самих себя. <br><br>Еретик — один из видов гибридов, которыми могут стать только сифоны. Силы еретика будут усиливаться с возрастом и после потребления человеческой крови.<br><br>
<span>сильные стороны:</span> <u>важно</u>: прежде чем использовать любую форму магии, сифону сначала необходимо поглотить её из других источников.
<br>► <b>поглощение магии</b>: извлечение всех форм магии из внешних источников, вместо отсутствия собственной силы. эту способность можно использовать для лечения любого вампира от укуса оборотня, путём поглощения магии из самого укуса. также это позволяет чувствовать магию других существ, распутывать самые сложные заклинания, просто поглотив саму магию, которую использовали для создания заклинания.
<br>► <b>причинение боли</b>: поглощая магию из сверхъестественных существ, те могут ощущать боль (смотря сколько магии поглотить). если же поглотить всю магию, например вампира, тот просто иссохнет и умрёт.
<br>► <b>заклинание</b>: изменение и контролирование событий с помощью чар, ритуалов и прочего.
<br>► <b>телекинез</b>: перемещение предметов и людей силой мыслей.
<br>► <b>пирокинез</b>: генерирование и управление огнём силой мыслей.
<br>► <b>гадание</b>: предсказывание будущего или прошлого, экстрасенсорное восприятие.
<br>► <b>ясновидение</b>: гадание через восприятие эмоций, предметов, людей и физических явлений.
<br>► <b>предчувствие</b>: гадание через наблюдения и изучение сновидений.
<br>► <b>психометрия</b>: гадание через контакт или близость к определённому предмету или человеку.
<br>► <b>экстрасенсорика</b>: гадание с использованием магии.
<br>► <b>зельеварение</b>: приготовление различных средств, эликсиров и зельей, которые имеют сверхъестественные свойства.
<br>► <b>медиумизм</b>: общение с духами умерших.
<br>► <b>управление стихиями</b>: контролирование и манипулирование элементами воздуха, земли, огня и воды.
<br>► <b>вызов боли</b>: вызов очень сильной боли у вампира, оборотня или других существ путём расширения сосудов и капилляров в мозгу.
<br>► <b>электрокинез</b>: контролирование энергетического заряда в электроприборах.
<br>► <b>атмокинез</b>: контролирование погоды.<br><br>
<span>слабые стороны:</span>
<br>► <b>отвлечение</b>: потеря внимания и нарушение концентрации могут помешать ведьме во время колдовства.
<br>► <b>эмоции</b>: тревожные эмоции и страх, вызванные опасностью или болью, реальной или воображаемой угрозой, приводят к ослаблению.
<br>► <b>травы</b>: приём некоторых трав может привести к потере сознания и помешать использовать магию в течение неопределённого количества времени.
<br>► <b>магия</b>: подверженность силам колдовства. Это включает в себя и мистические объекты, такие как устройство Гилберта, клинок Папы Тунде, проклятый кол и тёмные объекты.
<br>► <b>смертность</b>: сифоны, все ещё люди, и таким образом, разделяют многие из тех же слабостей, что и человек (болезнь, удушье, старость, обезглавливание и т. д.).
<br>► <b>злоупотребление магией</b>: приводит к дезориентации, кровотечению из носа, потере сознания и даже к смерти.
<br>► <b>перенапряжение</b>: если поглотить слишком много магии из своей крови за один раз, могут начать высыхать и, в конечном счёте, умереть.
        </p>
    </section>  

<!------------------вампиры ------------>

    <section id="content-tab2">
        <p>
<center> <img src="https://i.imgur.com/5yUbA5U.gif"> <img src="https://i.imgur.com/xTrqw61.gif"> <img src="https://i.imgur.com/6lwWXRY.gif"></center>
Первыми вампирами в истории стало семейство Майклсонов в начале второго тысячелетия новой эры. Все вампиры в мире произошли от них. После того, как младшего ребёнка в семье убил оборотень, отец убедил свою жену, сильную ведьму превратить его самого и их детей в существ, которые могли бы противостоять угрозе. Эстер создала заклинание бессмертия, с помощью которого исполнила желание мужа. Первые вампиры называются древними, либо же первородными.
<hr>
<span>к а к  с т а т ь  в а м п и р о м:</span>  для того, чтобы стать вампиром, человек или другое существо должны умереть, употребив при этом кровь другого вампира. Как человек умрёт, не имеет особого значения, но его тело не должно быть серьёзно повреждено, чтобы после смерти вампир мог свободно двигаться. Однако кровь вампира имеет исцеляющие свойства, поэтому просто тяжёлое ранение может и не привести к тому, что человек превратится в вампира. <br><br>После физической смерти и воскрешения юному вампиру необходимо в течение 24 часов выпить человеческой крови, чтобы завершить процесс. В противном случае он умрёт вторично и окончательно. Оборотни могут стать вампирами, при этом их называют гибридами, и они несколько отличаются от обычных вампиров. <br><br>Если ведьма станет вампиром, она не будет гибридом, так как после превращения потеряет способность к магии. однако, «неправильные» ведьмы могут стать еретиками. то есть, те ведьмы, которые родились без собственной магии, но со способностью вытягивать её отовсюду — став вампирами, вытягивают магию из самих себя. Таким образом, оставаясь и вампиром, и ведьмой одновременно.<br>
<br><br>
<span>п и т а н и е:</span>  кровь является главным веществом, которое вампиры употребляют, чтобы поддерживать свои силы. Сытый вампир, дополнительно напитавшийся кровью, может усиливать свои способности. Вампиры могут пить кровь людей, животных, а также своих собратьев вампиров. <br><br>Если вампир долгое время не употребляет кровь, то он становится слабым, его физические и сверхъестественные силы уменьшаются, кожа высыхает, и наконец, тело вампира становится неподвижной мумией. Чем дольше вампир сидит на «диете», тем он становится агрессивнее, пока не потеряет всё спокойствие и способность рационально мыслить из-за жажды крови. <br><br>

<span>сильные стороны:</span> 
<br>►<b>огромная сила</b>: даже юный вампир сильнее любого человека и оборотня в человеческом обличье, что продемонстрировала кэролайн форбс, когда с лёгкостью победила мэйсона локвуда и легко убрала со своей дороги тайлера локвуда, когда тот был оборотнем. старый же вампир, способен победить молодого гибрида.
<br>► <b>высокая скорость</b>: вампиры могут двигаться так быстро, что становятся невидимыми для человеческого глаза.
<br>► <b>высокая ловкость</b>: вампиры могут высоко и далеко прыгать, их ловкость намного превосходит человеческую.
<br>► <b>контроль эмоций</b>: вампиры могут контролировать и управлять своими эмоциями и эмоциями людей, как бы включая и выключая их. Например, они не чувствуют вины за то, что убивают людей.
<br>► <b>замедленное падение</b>: прыгая с высоты, вампир движется плавно, почти левитируя, что позволяет ему приземлиться без травм.
<br>► <b>обострённые чувства</b>: все чувства вампира намного сильнее, чем у человека или оборотня. Они легко ориентируются в темноте, могут услышать разговор шёпотом в соседнем здании и чувствуют запах крови на большом расстоянии.
<br>► <b>манипуляция подсознанием</b>: вампиры могут контролировать сны и подсознание людей, что даёт им возможность изменять мечты людей и навевать осознанные сны.
<br>► <b>внушение</b>: вампиры могут принудить человека действовать согласно своей воле и стереть у него часть воспоминаний.
<br>► <b>бессмертие</b>: вампиры не умирают и выглядят также, как момент своей смерти, как человека. им не страшны болезни, вирусы и инфекции.
<br>► <b>исцеление</b>: вампиры могут исцелить сами себя от любой физической травмы.
<br>► <b>высокая живучесть</b>: вампиры могут получить серьёзные ранения и при этом не потерять своих сил.
<br>► <b>клыки</b>: вампиры могут выпустить клыки.<br><br>
<span>слабые стороны:</span>
<br>► <b>солнце</b>: если у них нет специального магического предмета от солнца, то вампир при солнечном свете сгорит и умрёт.
<br>► <b>вербена</b>: при попадании внутрь организма ослабляет вампира.
<br>► <b>устройство Гилберта</b>: испускает высокочастотный шум, который негативно действует на оборотней и вампиров.
<br>► <b>магия</b>: ведьмы могут нанести им с помощью магии такие травмы, от которых они умрут.
<br>► <b>вырывание сердца</b>: приводит к мгновенной смерти вампира.<br>
        </p>
    </section>  

<!------------------ведьмы------------>

    <section id="content-tab3">
        <p>
<center> <img src="https://i.imgur.com/590uFoj.gif"> <img src="https://i.imgur.com/znxQnoT.gif"> <img src="https://i.imgur.com/2YKDUnG.gif"></center>
Ведьма — это мужчина или женщина, кто родился с силой влиять на изменение магических сил («колдовство»). В то время как многие ведьмы являются самопровозглашёнными хранителями равновесия, другие ведьмы работают против баланса, и используют свою власть для личного обогащения.
<hr>
<span>и с т о р и я:</span>  верования большинства ведьм и колдунов основаны на почитании матери-природы и духов. В идеале считается, что всё (люди, животные, сама жизнь и прочее) в природе священно, так как это всё представляет различные проявления природных сил. <br><br>Для того, чтобы быть ближе к естественным ритмам вселенной, ведьмы прибегают к особым обрядам, ритуалам, шаманским практикам. Так они получают знания и помощь от мудрых ведьм, ставших духами. Однако следует помнить, что не все ведьмы согласны с этой системой, и ведьмы могут свободно выбирать, как они хотят взаимодействовать с миром.
<br><br>Происхождение ведьм и самой магии неизвестно, хотя ведьмы существуют уже много столетий, передавая свои знания из поколения в поколение. Вопреки распространённому мнению ведьмы не получают свои способности от демонов и не поклоняются дьяволу. Они считают себя слугами природы и верят, что цель их деятельности в том, чтобы сохранить баланс в мире.
<br><br>Магия или колдовство — это сверхъестественная сила ведьм и колдунов. В основном, магические практики можно разделить на тёмные и светлые, но в зависимости от ситуации одну и ту же магию можно использовать и для добра, и для зла, и в нейтральных целях. Способность к магии наследуется генетически.<br>
<br>
<span>м а г и я  и  и с т о ч н и к  с и л:</span>  
<br>► <b>сила рода</b>: наиболее распространённая энергия, используемая ведьмами. сила рода передаётся из поколения в поколение, генетически.
<br>► <b>экспрессия</b>: огромная сила, часто ассоциирующаяся с тёмной энергией. является противопоставлением светлой, природной силы ведьмы. Экспрессия черпает силы из жертв, призывая в мир тёмную силу, которая не может существовать, не уничтожая этот мир.
<br>► <b>сила предков</b>: умершие ведьмы рода могут по своей воле отдать свою силу ведьме. Таким образом, умершая ведьма может по своей воле наделить другую ведьму силой, которую она сама имела при жизни.
<br>► <b>сила стихий</b>: ведьмы могут брать энергию из огня, воды, земли, и воздуха. именно для этого в ритуалах используются свечи. огонь — одна из форм чистой энергии.
<br>► <b>сила предмета</b>: ведьмы могут использовать силу определённого предмета. так, например, ведьмы берут силу из крови двойников. В некоторых же случаях, ведьмы, лишённые собственной силы, то есть сифоны, используют магию предмета, концентрирующего в себе магическую силу.
<br>► <b>сила другой ведьмы</b>: ведьма может пользоваться энергией другой ведьмы посредством специального заклинания. В другом же случае, некоторые ведьмы, то есть сифоны, с рождения наделены способностью поглощать магическую силу предметов/заклинаний/ведьм без их согласия.<br><br>
<span>п р е д м е т ы :</span>  
<br>► <b>свечи</b>: используются для усиления заклинаний;
<br>► <b>гримуары</b>: семейные книги, в которых приводится описание рецептов зелий, ритуалов и заклинаний;
<br>► <b>травы, камни</b>: используются ведьмами в качестве ингредиентов для зелий и талисманов;
<br>► <b>талисманы</b>: усиливают способности ведьм.<br><br> 
<span>заклинания:</span>
<br>► <b>заклинание поиска (ведьм)</b>: metey acsan syky en lumiye laffi.
<br>► <b>проклятие солнца и луны</b>: сильнейшее проклятие, которое блокировало возможность Клауса обращаться к своей волчьей сущности. снять проклятие: fes matos tribum, salve sorce das. fes matos eliximo nominum, etrinox sorce sotero callux oxtara.
<br>► <b>медальоны от солнца</b>: любые драгоценности, которые содержат камень ляпис-лазури в себе, могут быть зачарованы ведьмами, чтобы позволить вампирам свободно жить под солнцем.
<br>► <b>кольца Гилбертов</b>: кольца, которые предотвращают смерть их владельцев, вызванная любым сверхъестественным явлением.
<br>► <b>устройство Гилберта</b>: устройство, которое выводит из строя вампиров и оборотней, всякий раз, когда оно активизировано.
<br>► <b>изоляция</b>. невозможность выйти за пределы чего-либо.
<br>► <b>спиритический сеанс</b>: способ связаться с духом.
<br>► связь двух и более человек физически.
<br>► <b>управление болью</b>: asinta mulaf hinto.
<br>► <b>локатор</b>: способность определить местонахождение определённого человека с использованием свечей, карты, и крови родственника: fes matos tribum, nas ex veras, secrita sanguinis amentes aste mihan , agapentus.
<br>► <b>отправить сообщение</b>: можно отправить записку определённому человеку.
<br>► <b>гипноз</b>: можно зачаровать человека и узнать его тайны.
<br>► <b>освобождение от сил</b>: ведьма(к) может забрать силы ведьмы и только он(а) может вернуть ей эти силы: fes matos tribum, exum sue, redem supas quo.
<br>► <b>астральная проекция</b>: fes matos tribum, nas ex veras, estas sue sastanance, trasum viso. mastenas quisa, nas metam.
<br>► <b>овладение телом</b>: somno ritum per dax ritum. заклинание, помогающее духу одного человека овладеть телом другого человека.
<br>► <b>заклинание энергии</b>: заклинание, которое помогает вызвать силу умерших ведьм.
<br>► <b>воскрешение</b>: vitas fasmatis, ex saleto, revertas fasmatis. ut vectas, vitas fasmatos, ex saleto.
<br>► <b>защита</b>: защита человека от любого ущерба, нанесённого сверхъестественным явлением.
<br>► <b>обращение в оборотня</b>: можно уменьшить или увеличить скорость обращения оборотня.
<br>► <b>против древних вампиров</b>: fes matos, afero eseri gratas, disasustos vom, mas pro je ta sue te, vitamas veras. fes matos tribum, disasustos vom, mas pro je ta sue te. nevam, disasustos vom. fes matos veras. victas et melam. fes matos veras, mas pro je ta sue te. сильнейшее заклятие, которое может ослабить или сделать больно древнему вампиру.
<br>► <b>заклинание опоры</b>: in or prom ku saffie jem ay protake rassatan.
<br>► <b>камни для защиты от луны</b>: для этого нужны специальные камни,которые будут защищать оборотня от воздействия луны, если наложить на них нужные чары.
<br>► <b>вызывает шум в голове (у ведьм)</b>: fes matos sicvel amenuia.
<br>► <b>для огня</b>: fes matos insindia.
<br>► <b>заклинание, чтобы забрать свою магию из помещённого в неё предмета</b>: laktos espiritox.
<br>► <b>ключ от всех замков</b>: rektos.
<br>► <b>работает, как отталкиватель</b>: notes или nures.
<br>► <b>заклинание, чтобы снять антимагический барьер странников</b>: magia tollox de terras utera aso utox, так повторять пока не впитаешь эту силу или снимешь барьер.
<br>► invisique — <b>скрывающее заклинание</b>;
<br>► fes matos aculex — <b>снятие скрывающего заклинания</b>;
<br>► <b>заклинание чтобы впитывать силу партнёра(ов) и наоборот</b>, чтобы партнёры впитывали силу прочитавшего заклинание человека: med dette segled cum soluta nobis saman.
<br>► <b>заклинание бессмертия для ведьм</b>, век спишь и просыпаешь на один год с очень большой силой: magi somn et immortalis,binde oss.
<br>► <b>заклинание для асцендента 1903</b>, чтобы попасть туда или выбраться оттуда: sangiema meam liber nos ex carcelema sangiema meam liber.
<br>► <b>заклинание для оживления растений</b>: fes matos tribum plantus horples plantus ivefey.
<br>► <b>отталкивающее заклинание</b>: motus.
<br>► <b>заклинание вызова стихии воды</b>: konfusa fatina, ignus itiegnus, mortum fina.

<br><br> 
<span>сильные стороны:</span>
<br>► <b>заклинание</b>: изменение и контролирование событий с помощью чар, ритуалов и прочего.
<br>► <b>телекинез</b>: перемещение предметов и людей силой мыслей.
<br>► <b>пирокинез</b>: генерирование и управление огнём силой мыслей.
<br>► <b>гадание</b>: предсказывание будущего или прошлого, экстрасенсорное восприятие.
<br>► <b>ясновидение</b>: гадание через восприятие эмоций, предметов, людей и физических явлений.
<br>► <b>предчувствие</b>: гадание через наблюдения и изучение сновидений.
<br>► <b>психометрия</b>: гадание через контакт или близость к определённому предмету или человеку.
<br>► <b>экстрасенсорика</b>: гадание с использованием магии.
<br>► <b>зельеварение</b>: приготовление различных средств, эликсиров и зельей, которые имеют сверхъестественные свойства.
<br>► <b>медиумизм</b>: общение с духами умерших.
<br>► <b>управление стихиями</b>: контролирование и манипулирование элементами воздуха, земли, огня и воды.
<br>► <b>вызов боли</b>: вызов очень сильной боли у вампира, оборотня или других существ путём расширения сосудов и капилляров в мозгу.
<br>► <b>электрокинез</b>: контролирование энергетического заряда в электроприборах.
<br>► <b>атмокинез</b>: контролирование погоды.

<br><br> 
<span>слабые стороны:</span>
<br>► <b>отвлечение</b>: потеря внимания и нарушение концентрации могут помешать ведьме во время колдовства.
<br>► <b>эмоции</b>: тревожные эмоции и страх, вызванные опасностью или болью, реальной или воображаемой угрозой, приводят к ослаблению.
<br>► <b>травы</b>: приём некоторых трав может привести к потере сознания и помешать использовать магию в течение неопределённого количества времени.
<br>► <b>магия</b>: подверженность силам колдовства. это включает в себя и мистические объекты, такие как устройство Гилберта, клинок Папы Тунде, проклятый кол и тёмные объекты. Сифоны могут поглощать магию из ведьм, что приводит к ослаблению. Также вместе с ведьмами могут использовать магию, чтобы вызывать мучительную боль, вызывая аневризмы в мозге или мышечные спазмы, телекинетически вырывать сердца, ломать шеи и т.д.
<br>► <b>смертность</b>: ведьмы и колдуны, все ещё люди, и таким образом, разделяют многие из тех же слабостей, что и человек (болезнь, удушье, старость, обезглавливание и т.д.).
<br>► <b>злоупотребление магией</b>: приводит к дезориентации, кровотечению из носа, потере сознания и даже к смерти.
<br>► <b>вампиризм</b>: вампиры нарушают баланс природы. если ведьма будет обращена в вампира, её магические способности покинут её.

<br><br> 

        </p>
    </section>  

<!------------------оборотни ------------>

    <section id="content-tab4">
        <p>
<center> <img src="https://i.imgur.com/gQRj5ey.gif"> <img src="https://i.imgur.com/8daOhSf.gif"> <img src="https://i.imgur.com/c3HN4nB.gif"></center>
<hr>
Полтора тысячелетия назад, когда пустота должна была родиться, будущие оборотни, на тот момент некое подобие шаман, одаривали её мать различными подарками, чтобы Пустая стала символом мира. Родившись, она требовала силы всё больше с каждым днём, из-за чего её решили запереть, но перед смертью она прокляла всех присутствующих, связав их с полнолунием, чтобы раз в месяц они становились тварями, которых использовали против неё — волками. <br><br>Ранее каждая из семи стай имела индивидуальную силу, у кого-то скорость, у кого-то супер слух и т.д. и для того ,чтобы передать эти способности, устраивали специальные обряды свадьбы, при котором каждый присутствующий получал силы вожаков (как свадьба Хейли и Джексона, где оборотни приняли вампирскую сущность первой) из-за большого количества таких свадеб, у всех оборотней сейчас одинаковая сила.
<br><br>В раннее Средневековье оборотни были широко распространены в Европе. Они жили бок о бок с обычными людьми. Кризис для оборотней начался после появления вампиров. Именно из-за того, что оборотень в виде волка убил Хенрика, его мать Эстер, являющаяся ведьмой, использовала заклинание бессмертия, чтобы превратить своего мужа и своих детей сильнее, чем кто-либо.<br><br>Однако своего сына Никлауса Эстер родила не от мужа, а от оборотня, поэтому он стал первым гибридом. Узнав о предательстве жены, Майкл убил её любовника и всю его стаю, положив начало вражде оборотней и вампиров.
<br><br>Семья Майкла начала путешествовать по новому и старому свету, создавая новых вампиров. Когда вампиры обнаружили, что укус оборотня может убить их, они начали истреблять оборотней и добились в этом значительных успехов. Но на самом деле оборотни выжили. Они стали жить стаями, чтобы помогать друг другу и более эффективно противостоять вампирам.
<br><br>
<span>п р е в р а щ е н и е:</span>  ген оборотня передаётся по наследству. если только один из родителей является оборотнем, то ребёнок может и не стать оборотнем. чтобы активировать ген, необходимо убить человека, причём необязательно будет ли убийство случайным или намеренным. Сразу после первой активация гена глаза оборотня желтеют. Если оборотень не убивал людей, то в полнолуние он не будет превращаться в волка, а только проявлять агрессию и страдать приступами ярости.
<br>
<br><br>
<span>ф и з и о л о г и я  и  п с и х о л о г и я:</span>  в обличье зверя оборотни мало чем отличаются от обычного волка: они немного больше размером, у них большие клыки и горящие жёлтые глаза. Цвет меха отличается у разных оборотней. Превращение происходит только при полной луне. первое превращение оборотня происходит очень медленно — порядка пяти-шести часов. И это весьма болезненный процесс, во время которого тело, суставы и кости выкручиваются неестественным образом, чтобы соответствовать физиологии волка.<br><br>Второе и последующие превращения происходят быстрее, вплоть до секунд, но боль никуда не уходит. Возвращение к облику человека также происходит около часа. В человеческом обличье они обладают более высокой температурой тела, чем обычные люди. Тайлер Локвуд после первого превращения говорил, что чувствует, что его кожа как бы горит.
<br><br>Будучи беременными, женщины-оборотни не превращаются в волков во время полнолуния, так как это может убить их ребёнка.
Оборотни едят ту же еду, что и обычные люди, но когда они превращаются в волков, то едят только сырую плоть. Однако, в отличие от вампиров, им не нужно делать это постоянно, чтобы продлить своё существование. <br><br>Также если оборотень не поест в то время, когда он будет в обличье волка, это не приведёт ни к чему. Не было замечено, чтобы оборотни нападали друг на друга как в виде человека, так и в виде волка. У гибридов также преобладает инстинкт оборотня, поэтому в обличье волка они инстинктивно нападают на вампиров и людей.
<br><br>Агрессия и приступы ярости — одна из отличительных черт оборотней. Зачастую, они не могут себя контролировать, но вместе с тем слепая ярость помогает им не чувствовать боли во время схватки. Некоторый оборотни не хотят привлекать внимание к своей второй натуре, хотя остальные наоборот объединяются в стаи, чтобы было легче выжить. Стаи — это как большая семья, члены которой связаны сильным чувствами друг к другу.<br><br>

<span>сильные стороны:</span>
<br>► <b>суперсила</b>: физически намного сильнее бессмертных, сверхъестественных охотников и людей, однако в человеческой форме не так сильны, как вампиры, но когда находятся в своей волчьей форме, их сила усиливается до такой степени, что превосходит силу обычных вампиров.
<br>► <b>суперскорость</b>: намного быстрее бессмертных, сверхъестественных охотников и людей. Обладают этой способностью как в процессе трансформации, так и вне её. Однако ночью действуют быстрее, чем днём, благодаря присутствию луны, и их скорость значительно возрастает, когда трансформируются во время полнолуния.
<br>► <b>суперловкость</b>: сверхчеловеческая ловкость, как в волчьем, так и в человеческом обличье могут прыгать очень высоко, карабкаться, переворачиваться и бежать невероятно быстро, без труда и усталости. Также могут прыгать вниз с невероятных высот с почти игнорирующей гравитацию грацией.
<br>► <b>исцеление</b>: восстанавливают ткани от физического повреждения в течение нескольких секунд, хотя всё ещё чувствуют боль до того, как она заживёт. Также могут напрягаться без утомления в течение длительного периода времени, хотя и медленнее по сравнению с вампирами.
<br>► <b>сверхчувства</b>: чрезвычайно острое чувство слуха, зрения, обоняния и вкуса, также могут почуять вампира и идти по его следу.
<br>► <b>усиление волка</b>: заставляют свои глаза светиться, когда сердятся или угрожают, но только на короткое время. Когда находятся в ярости или вынужденны защищаться, их гнев увеличивает всю их силу и способности в течение короткого периода времени, что позволяет получить доступ к некоторой силе своей волчьей формы.
<br>► <b>превращение в волка</b>: сверхъестественная способность во время полнолуния. В обличье волка усиливаются все способности.
<br>► <b>укус оборотня</b>: смертелен для вампиров, но не для древних вампиров. Даже если рана, нанесённая оборотнем не смертельна, вампир начнёт испытывать боль, галлюцинации, жуткий голод и в конце концов умрёт.
<br>► <b>иммунитет к серебру</b>: невосприимчивы к магии, связанной с серебром.<br>
<br>
<span>слабые стороны:</span>
<br>► <b>магия</b>: подверженность силам колдовства. это включает в себя и мистические объекты, такие как устройство Гилберта, клинок Папы Тунде, проклятый кол и тёмные объекты. Сифоны могут поглощать магию из оборотней, что приводит к ослаблению. также сифоны вместе с ведьмами могут использовать магию, чтобы вызывать мучительную боль, вызывая аневризмы в мозге или мышечные спазмы, телекинетически вырывать сердца, ломать шеи и т.д.
<br>► <b>смертность</b>: они всё ещё люди, и таким образом, разделяют многие из тех же слабостей, что и человек (болезнь, удушье, старость, обезглавливание и т.д.).
<br>► <b>сломанная шея</b>: приводит к мгновенной смерти.
<br>► <b>обезглавливание</b>: расчленение или удаление головы приводит к мгновенной и постоянной смерти.
<br>► <b>сильная потеря крови</b>: при очень тяжёлой травме, например, при разрыве вены или артерии, исцеляющих сил не хватит, чтобы заживить рану.
<br>► <b>огонь</b>: лёгкое воспламенение и смерть, если пламя не погаснет вовремя.
<br>► <b>извлечение сердца</b>: приводит к немедленной и постоянной смерти.
<br>► <b>физическая травма</b>: незначительные травмы, такие как выстрелы, колотые раны и переломы костей, вызывают боль, а также замедляют. тем не менее, это на мгновение, поскольку травмы полностью заживают в течение нескольких минут.
<br>► <b>аконит</b>: вызывает сильную слабость и лихорадку. кроме того, если кожа подвергается воздействию аконита, он будет сжигать их.
        </p>
    </section>  

<!------------------гибриды ------------>

    <section id="content-tab5">
        <p>
<center> <img src="https://i.imgur.com/68r7OrW.gif"> <img src="https://i.imgur.com/BToUwRz.gif"> <img src="https://i.imgur.com/C3P7Xg7.gif"></center>
Смесь двух или более разных сверхъестественных видов. Этот термин обычно используется для описания оборотня, превращенного в вампира.
<hr>
<span>и с т о р и я: </span>  первый гибрид, Клаус, был зачат, когда у его матери Эстер был роман с альфой стаи оборотней их деревни, Энселом. Её роман держался в секрете ото всех. Однако, когда Клаус совершил своё первое убийство человека после превращения в вампира, он активировал свой ген оборотня, который превратил его в первого в мире гибрида. Стало понятно, что Клаус был незаконнорождённым ребёнком альфы той же стаи, чей член был виновен в убийстве сына Эстер и Майкла, Хенрика.
<br><br>Когда Майкл, отчим Клауса, узнал об измене своей жены, он убил Энсела и всю его семью, из-за чего началась вражда между вампирами и оборотнями, которая длилась на протяжении веков и, в некоторой степени, по сей день. Будучи гибридом, Клаус имеет дополнительные силы, которых нет у его братьев и сестёр и отца. <br><br>Тем не менее, Эстер наложила на него заклинание — чтобы подавить его сторону оборотня и помешать ему получить доступ к силам, которые перешли с его биологического отца — в качестве долга перед природой, а также в качестве искупления за её дело.
<br><br>
<span>с т а т ь  г и б р и д о м:</span> оборотень должен выпить кровь Хоуп, затем умереть, очнуться и снова выпить кровь Хоуп или выпить кровь Клауса, умереть и выпить кровь двойника.
<br><br>
<span>сильные стороны:</span>
<br>► регенерация.
<br>► <b>укус оборотня</b>: смертелен для вампиров, но не для древних вампиров. даже если рана, нанесённая оборотнем не смертельна, вампир начнёт испытывать боль, галлюцинации, жуткий голод и в конце концов умрёт.
<br>► <b>превращение в волка</b>: сверхъестественная способность оборотня во время полнолуния. в обличье волка усиливаются все способности оборотня.
<br>► <b>распознавание лжи</b>: оборотни могут распознать лжёт ли человек (на вампирах это не работает).
<br>► <b>горящие глаза</b>: оборотни кратковременно могут войти в состояние, когда глаза их начинают светиться. в этом состоянии их способности усиливаются.
<br>► <b>высокая скорость</b>: вампиры могут двигаться так быстро, что становятся невидимыми для человеческого глаза.
<br>► <b>высокая ловкость</b>: вампиры могут высоко и далеко прыгать, их ловкость намного превосходит человеческую.
<br>► <b>контроль эмоций</b>: вампиры могут контролировать и управлять своими эмоциями и эмоциями людей, как бы включая и выключая их. Например, они не чувствуют вины за то, что убивают людей.
<br>► <b>замедленное падение</b>: прыгая с высоты, вампир движется плавно, почти левитируя, что позволяет ему приземлиться без травм.
<br>► <b>обострённые чувства</b>: все чувства вампира намного сильнее, чем у человека или оборотня. Они легко ориентируются в темноте, могут услышать разговор шёпотом в соседнем здании и чувствуют запах крови на большом расстоянии.
<br>► <b>манипуляция подсознанием</b>: вампиры могут контролировать сны и подсознание людей, что даёт им возможность изменять мечты людей и навевать осознанные сны.
<br>► <b>внушение</b>: вампиры могут принудить человека действовать согласно своей воле и стереть у него часть воспоминаний.
<br>► <b>бессмертие</b>: вампиры не умирают и выглядят также, как момент своей смерти как человека. Им не страшны болезни, вирусы и инфекции.
<br>► <b>исцеление</b>: вампиры могут исцелить сами себя от любой физической травмы.
<br>► <b>высокая живучесть</b>: вампиры могут получить серьёзные ранения и при этом не потерять своих сил.
<br>► <b>клыки</b>: вампиры могут выпустить клыки.<br><br>
<span>слабые стороны:</span>
<br>► вырванное сердце.
<br>► огонь и солнечный свет.
<br>► <b>обезглавливание</b>: голова назад не отрастает и наступает смерть.
<br>► <b>кинжал Папы Тунды</b>: убивает всех, кроме абсолютно бессмертных.
<br>► <b>магия</b>: колдуны вполне могут использовать магию для противостояния с другими ведьмами, также как и с любыми другими существами.
<br>► сломанная шея не убьёт гибрида, в отличии от оборотня, но гибрид потеряет сознание.
<br>► <b>вербена</b>: как и вампиры, гибриды страдают от воздействия вербены.
<br>► <b>аконит</b>: как и у оборотней, способность гибридов оборотня и вампира ослабляются от воздействия аконита.
<br>► <b>деревянный кол</b>: может ослабить гибрида, но не убить, в отличие от обычного вампира.
<br>► <b>отсутствие крови</b>: гибриды, как и вампиры, не могут активно существовать без регулярного употребления крови, в противном случае — они иссыхают подобно вампирам.
<br>► <b>устройство Гилберта</b>: испускает высокочастотный шум, который негативно действует на оборотней, вампиров и гибридов.
<br>► <b>кровь двойников и заклинание очистки</b>: убивает любого вампира, исцеляет от вампиризма и возвращает в состояние до обращения, в мёртвое.<br><br>
        </p>
    </section>  

<!------------------сифоны ------------>

    <section id="content-tab6">
        <p>
<center> <img src="https://i.imgur.com/K5JlpHo.gif"> <img src="https://i.imgur.com/GYxqc7G.gif"> <img src="https://i.imgur.com/WhzRu5s.gif"></center>
Вид ведьм, рождённых без собственной магии, но обладающих уникальной силой, которая позволяет им поглощать магию из других источников и использовать эту магию в своих целях.
<hr>
<span>и с т о р и я:</span>  в течение более десяти лет в середине 1800-х годов ряд сифонов были изгнаны из ковена близнецов из-за веры ведьм в то, что они являются мерзостями природы. Эти шесть человек, подружились с Лилиан Сальваторе в конце 1800-х годов, и она превратила их в вампиров. Как вампиры, они обнаружили, что могут поглощать магию из самих себя, становясь гибридом ведьмы и вампира (еретиком).<br>
<br>
<span>к т о  т а к и е  с и ф о н ы:</span> подвид ведьм, рождённых без собственной магии, но обладающих уникальной силой, которая позволяет им поглощать магию из других источников и использовать эту магию в своих целях. <br><br>Они считаются мерзостями природы многих сообществ ведьм. Несмотря на то, что сифон может столкнуться с жестоким обращением со стороны своего ковена, они являются редкими и уникальными существами. У них есть возможность стать гибридом ведьмы и вампира, в отличие от обычных ведьм. Как правило, сифоны рождаются в ковене Близнецов.
<br><br>
<span>сильные стороны:</span> 
<u>важно</u>: прежде чем использовать любую форму магии, сифону сначала необходимо поглотить её из других источников.
<br>► <b>поглощение магии</b>: извлечение всех форм магии из внешних источников, вместо отсутствия собственной силы. Эту способность можно использовать для лечения любого вампира от укуса оборотня, путём поглощения магии из самого укуса. Также это позволяет чувствовать магию других существ, распутывать самые сложные заклинания, просто поглотив саму магию, которую использовали для создания заклинания.
<br>► <b>причинение боли</b>: поглощая магию из сверхъестественных существ, те могут ощущать боль (смотря сколько магии поглотить). Если же поглотить всю магию, например вампира, тот просто иссохнет и умрёт.
<br>► <b>заклинание</b>: изменение и контролирование событий с помощью чар, ритуалов и прочего.
<br>► <b>телекинез</b>: перемещение предметов и людей силой мыслей.
<br>► <b>пирокинез</b>: генерирование и управление огнём силой мыслей.
<br>► <b>гадание</b>: предсказывание будущего или прошлого, экстрасенсорное восприятие.
<br>► <b>ясновидение</b>: гадание через восприятие эмоций, предметов, людей и физических явлений.
<br>► <b>предчувствие</b>: гадание через наблюдения и изучение сновидений.
<br>► <b>психометрия</b>: гадание через контакт или близость к определённому предмету или человеку.
<br>► <b>экстрасенсорика</b>: гадание с использованием магии.
<br>► <b>зельеварение</b>: приготовление различных средств, эликсиров и зельей, которые имеют сверхъестественные свойства.
<br>► <b>медиумизм</b>: общение с духами умерших.
<br>► <b>управление стихиями</b>: контролирование и манипулирование элементами воздуха, земли, огня и воды.
<br>► <b>вызов боли</b>: вызов очень сильной боли у вампира, оборотня или других существ путём расширения сосудов и капилляров в мозгу.
<br>► <b>электрокинез</b>: контролирование энергетического заряда в электроприборах.
<br>► <b>атмокинез</b>: контролирование погоды.
<br><br>
<span>слабые стороны:</span> 
<br>► <b>отвлечение</b>: потеря внимания и нарушение концентрации могут помешать ведьме во время колдовства.
<br>► <b>эмоции</b>: тревожные эмоции и страх, вызванные опасностью или болью, реальной или воображаемой угрозой, приводят к ослаблению.
<br>► <b>травы</b>: приём некоторых трав может привести к потере сознания и помешать использовать магию в течение неопределённого количества времени.
<br>► <b>магия</b>: подверженность силам колдовства. это включает в себя и мистические объекты, такие как устройство гилберта, клинок папы тунде, проклятый кол и тёмные объекты.
<br>► <b>смертность</b>: сифоны, все ещё люди, и таким образом, разделяют многие из тех же слабостей, что и человек (болезнь, удушье, старость, обезглавливание и т. д.).
<br>► <b>злоупотребление магией</b>: приводит к дезориентации, кровотечению из носа, потере сознания и даже к смерти.
<br>► <b>перенапряжение</b>: если поглотить слишком много магии из своей крови за один раз, могут начать высыхать и, в конечном счёте, умереть.
<br><br>
        </p>
    </section>  

<!-----------------ви-вульф------------>

    <section id="content-tab7">
        <p>
<center> <img src="https://i.imgur.com/Hddm2Sk.gif"> <img src="https://i.imgur.com/HO9p7qr.gif"> <img src="https://i.imgur.com/Qg8ubBN.gif"></center>
До 400-500 лет; нужно иметь ген оборотня и быть потомком ведьм.
<hr>
<span>и с т о р и я: </span> Не так давно, примерно лет семьдесят назад, оборотень силой взял ослабленную заклятьями ведьму. В результате преступления на свет появилась ведьма, несущая в себе ген оборотня. Никто ничего не заподозрил бы, если бы ведьма, защищая свою жизнь, не убила нападавшего, активировав ген. Самая малочисленная раса на текущий момент времени.
<br><br>
<span>к т о  т а к и е   в и-в у л ь ф ы:</span> Это гибрид оборотня и ведьмы. Ви-вульф в природе встречаются очень редко, потому что не все знают кто они и активация гена оборотня многих ведьм обходит стороной.  После первого убийства, ви-вульф проходит обряд инициации — первого обращения в волка. В обличии волка, ви-вульф не способен колдовать. Далее у представителя этой расы проходят физические изменения — появляется быстрая регенерация, скорость и другие особенности волка. Также если ведьму очень просто убить, то ви-вульф обладая способностями оборотня гораздо выносливее человека.<br><br>
<span>сильные стороны:</span> 
<br>► обращаются ви-вульфы по своему желанию в волка за счет магических сил;
<br>► сверхсила;
<br>► сверхскорость;
<br>► сверхловкость: прыгают дальше и выше, лучше карабкаются;
<br>► <b>регенерация</b>: способна исцелить большинство ранений, но от свернутой шеи не спасет;
<br>► <b>сверхчувства</b>: слух, зрение, вкус, обоняние, которые намного сильнее аналогичных способностей вампиров;
<br>► <b>ярость</b>: на короткое время увеличивает силу, заставляет глаза светиться;
<br>► <b>яд</b>: укус оборотня смертелен для вампира;
<br>► <b>полная луна</b>: в полнолуние силы достигают своего пика;
<br>► <b>иммунитет к серебру</b>: можно ранить, но оборотень регенерирует.
<br>► <b>способность создавать заклинания</b>: но не в ночь полнолуния.<br><br>
<span>слабые стороны:</span> 
<br>► <b>чрезмерная ярость</b>: способна лишать ви-вульфа контроля над силами; неконтролируемые выбросы энергии или отсутствие магии, если ви-вульф злится или возбужден;
<br>► во время беременности не общаются в волка во время полнолуния;
<br>► <b>кол из дуба с ядом из волчьего аконита</b>: убивает ви-вульфа;
<br>► <b>кольца-блокаторы</b>: их невозможно снять; они блокируют одну из двух сущностей ви-вульфов, остаётся сущность или ведьмы или оборотня;
<br>► <b>обращение в вампира с кровью обычного вампира</b>: он просто умрет;
<br>► <b>обращение в вампира с кровью Клауса или Хоуп</b>: делает ви-вульфа гибридом оборотня и вампира, а сущность ведьмы умирает.<br><br>
        </p>
    </section>  

<!------------------банши ------------>

    <section id="content-tab8">
        <p>
<center> <img src="https://upforme.ru/uploads/001b/dc/dc/65/t496490.gif"> <img src="https://upforme.ru/uploads/001b/dc/dc/65/t883747.gif"> <img src="https://upforme.ru/uploads/001b/dc/dc/65/t646365.gif"></center>

НОВАЯ РАСА. До 100 лет; нужно быть воскрешенной ведьмой французского квартала.
<hr>
<span>и с т о р и я:</span>  Когда Лилит наложила заклинание невероятной силы, чтобы магия поколений не рассеивалась на всех ведьм, которые вернулись из мертвых, воскрешенные ведьмы лишились возможности использовать магию. Это было большим горем для каждой ведьмы, естественно, что они всеми силами пытались вернуть ее себе. Но единственное, чего они смогли добиться, это проявление способностей медиума. Это был успех! <br><br>Воодушевленные своим достижением ведьмы прилагали все усилия, чтобы развить в себе эти способности. Но знакомства со смертью не проходят даром, даже способности медиума исказились, приведя не совсем к тому результату, на который рассчитывали. Но чуть больше, чем за месяц, банши стали официальной расой.<br>
<br><br>
<span>к т о  т а к и е   б а н ш и:</span> Это ведьмы французского квартала, которые так или иначе умерли, но сумели выбраться из Ада или с «той стороны» во время раскола Врат Ада. <br><br>Способности медиумов стали проявляться у них 07.07.2018 г. Искаженные смертью способности стали и карой и благословлением. Банши способны видеть смерть, предчувствовать ее, находить трупы. Крик банши можно услышать или когда кто-нибудь должен умереть, или когда банши пытается защитить себя.<br>
<br><br>
<span>сильные стороны:</span> 
<br>► крик (способность преобразовывать свой крик в звуковую волну ужасной силы);
<br>► ловчее обычного человека;
<br>► способны чувствовать смерть;
<br>► быстрее исцеляются за счет медитаций;
<br>► ориентируются в любом незнакомом месте;
<br>► повышенное зрение и обоняние;
<br>► единственные, кроме созданий Ада, кто способен различать расы;
<br>► иммунитет к ядам (можно отравить, но не смертельно).<br><br>
<span>слабые стороны:</span> 
<br>► смертны;
<br>► впадают в транс, чувствуя смерть;
<br>► могут ходить во сне;
<br>► подвержены болезням;
<br>► зависимы от желания обладать магией;
<br>► если умирают, то уже окончательно;
<br>► обращение банши в вампира с 50% вероятностью заканчивается смертью.<br><br>
        </p>
    </section> 
    
<!------------------ демоны ------------>

    <section id="content-tab9">
        <p>
<center> <img src="https://s12.gifyu.com/images/SVbWm.gif"> <img src="https://s12.gifyu.com/images/SVbWk.gif"> <img src="https://s12.gifyu.com/images/SVbWv.gif"></center>
<hr>
<span>и с т о р и я:</span>  появились в аду, когда тот возник. Магия, что была использована для его создания, дала отток, но вместиться никуда не смогла, и приняла единственно похожую на самоё себя форму. В родном аду могут принимать вид человека, но на земле все равно примут истинную форму дыма, пока не вселятся в кого-то. Демоны отправлялись в мир людей временно, без вместилищ, чтобы нашептывать человечеству искушения и толкать на пороки. Большинство из них предпочли исполнять роль слуг и гвардии властителей ада.<br>
<br><br>
<span>к т о  т а к и е  д е м о н ы:</span> демон — это вид сверхъестественного существа, способный вселяться в людей. Представляет из себя магический черный дым, который мечется в пространстве, пока не найдет себе вместилище. <br><br>Вместилище демон выбирает очень тщательно и бережет его. Раны на теле, даже смертельные, заживляются на вместилище очень быстро. К неудовольствию демонов, вместилище может быть только одно. Если демона изгнать, он может вселиться в другое, если сумеет покинуть ад. <br><br>По сути своей имеют ограниченный срок существования, примерно семьсот лет, после чего отправляется в безвременье ада, где восполняет свою магическую сущность триста лет.<br>
<br><br>
<span>о с о б е н н о с т и:</span> 
<br>○ Пока демон находится во вместилище, человек отходит на второй план и может только наблюдать. Если телу не были нанесены повреждения, но демона изгнали, он будет все помнить. Человек способен стать демоном, если переродится в аду. Для этого ему придется собирать и истязать другие души.
<br>○ Без вместилища он не способен испытывать эмоции, и не знает, что это такое.
<br>○ Если душа соглашается стать демоном, то лишается внешней оболочки, как признак подчинения, и лишается возможности узнать, кем являлся демон при жизни.
<br>○ Демон вправе сменить себе имя, начиная свой темный путь с чистого листа. Это его тайна, она доступна только ему подобным, и тем, кто поклоняется данному демону — заключая с ним сделки или молясь, даруя дары, проводя жертвоприношения.
<br>○ Если демон плохо выполняет поставленную перед ним задачу, то подвергнется наказанию — физическим, душевным пыткам, заключению или казни.
<br>○ Выполнять поручения в человеческом мире могут лишь те демоны, которые имеют сосуд. Без сосуда демон может просуществовать лишь пару часов на земле, и ему придется вернуться обратно в Ад для поддержания своего существования.
<br>○ Демон, запертый в человеческое тело, не имеет права возвращаться в Ад.
<br>○ Демон может предстать перед зовущим его, даже если находился в этот момент в аду или в другом конце света. Быстрота ответа зависит от того, каким именем призывать к себе демона. Если настоящим, то его выдернет от насущных дел, а если другим — которым он представлялся призывающему — то процесс может затянуться.<br>
<br><br>
<span>сильные стороны:</span> 
<br>► <b>исполнение простейших желаний</b>: демон может исполнить желание человека в обмен на его душу. То есть заключается устный договор, скрепляется поцелуем, после чего демон выполняет свою часть сделки. Ни любви, ни вечной жизни демон дать не способен. После этого у человека есть десять лет жизни, но потом демон заберет его душу в ад или отправит за душой адских гончих.
<br>► <b>виденье</b>: способны разглядеть душу человека, ее порочность и силу или слабости.
<br>► <b>заклинание</b>: изменение и контролирование событий с помощью чар, а иногда достаточно простого взгляда или жеста.
<br>► <b>телекинез</b>: перемещение предметов и людей силой мысли.
<br>► <b>пирокинез</b>: генерирование и управление огнём силой мысли.
<br>► <b>ясновидение</b>: без подготовки способны видеть небольшие фрагменты прошлого или размытые обрывки будущего.
<br>► <b>зельеварение</b>: приготовление различных средств, эликсиров и зелий, которые имеют сверхъестественные свойства.
<br>► <b>вызов боли</b>: вызов очень сильной боли у вампира, оборотня или других существ путём расширения сосудов и капилляров в мозгу.
<br>► <b>электрокинез</b>: контролирование энергетического заряда в электроприборах.<br><br>
<span>слабые стороны:</span> 
<br>► <b>отвлечение</b>: будучи дымом, демоны могут рассеивать внимание на мелочи.
<br>► <b>эмоции</b>: не способные на эмоции в аду, воплощенные демоны подвержены им на земле, что приводит к ослаблению их магии, если не контролировать эмоции.
<br>► <b>камни</b>: оникс способен вызвать ожог на коже и ослабляет демона.
<br>► <b>магия</b>: подверженность силам магии, как и любая ведьма, хоть и в меньшей мере.
<br>► <b>смертность</b>: демона можно развеять окончательно, если обряд проведет опытный охотник с силами ведьмы или странствующие монахи-отшельники.
<br>► <b>изгнание</b>: демон может быть изгнан из тела охотниками или с помощью обряда экзорцизма в церкви.
<br>► <b>церковь</b>: не переносят нахождения в церковных стенах. Если задержатся там больше десяти минут, могут сильно пострадать и лишиться сил минимум на две недели.
<br>► <b>соль</b>: демоны не могут пересечь линию из соли и не могут до неё дотронуться. Также, если под дверью насыпать дорожку из соли, то она станет неприкасаемой баррикадой от демонов.
<br>► <b>святая вода</b>: святая вода действует на демонов, как кислота, однако некоторые сильные демоны могут ей противостоять — например, Лилит, Кад, жнецы.
<br>► <b>сжигание останков</b>: так как демон — это дух человека, только злой и с изувеченной душой, то его, так же как и призрака, можно убить сжиганием костей человека, который впоследствии стал демоном.
<br>► <b>пентаграмма</b>: охотники используют пентаграмму для ловли демонов. Для этого её нужно начертить на полу, потолке или предмете мелом, краской, кровью — в общем тем, что оставляет за собой след, и демон не сможет её переступить. Жнецы чувствуют эти метки, как и сильные демоны. Нарисованная на теле человека пентаграмма означает, что в него не может вселиться демон — если символ четкий, без повреждения линий.<br><br>
        </p>
    </section> 

<!------------------адские гончие ------------>

    <section id="content-tab10">
        <p>
<center> <img src="https://s12.gifyu.com/images/SVbcb.gif"> <img src="https://s12.gifyu.com/images/SVbcM.gif"> <img src="https://s12.gifyu.com/images/SVbcS.gif"></center>
<hr>
<span>и с т о р и я:</span> появились в аду вместе с воплощенными жнецами. Частица вечности, которая составляет сущность жнецов, после их воплощения материализовалась, и обрела форму вечных спутников. Принимают по желанию вид человека, но способны показать свою настоящую ипостась - большого добермана. <br><br>Большая часть темных гончих распределилась по всему аду, чтобы выслеживать и ловить души тех, кто не прошел дальше, в чистилище и темницы ада. Нарушителей. Остальные предпочли остаться с адской королевской семьей в качестве охраны.<br>
<br><br>
<span>к т о  т а к и е  т е м н ы е  г о н ч и е:</span> Темные или адские гончие — это вид сверхъестественного существа, способный забирать души тех, кто заключил сделку с демоном или того, на кого укажет жнец. Начисто лишены каких-либо рамок, кроме адских. Весьма темпераментны и вспыльчивы.<br><br>
Гончие способны перемещаться между адом и миром людей по своему желанию, поскольку служат адскими коллекторами и забирают души. Стальные когти и острые, как клинки, ядовитые зубы способны нанести душе раны и увечья, вплоть до того, что способны разорвать душу в клочья. Тело, при этом, останется невредимым. По желанию принимают облик человека или добермана с горящими адским пламенем глазами. Когда они в истинной форме ступают на землю, под их лапами могут остаться подпалины или раскалиться земля.<br><br>
Бесстрастны и собраны, как охотник на загоне зверя. Чувствуют и испытывают эмоции весьма приглушенно, словно сквозь вату и мутное стекло. Самое яркое и понятное им чувство — преданность. Могут часами лежать у ног хозяина, позволяя себя гладить. Любят похвалу хозяев и себя в любой форме: человеческой или истинной. Весьма умны и расчетливы.<br>
<br><br>
<span>сильные стороны:</span> 
<br>► способность перемещаться между адом и миром людей, пронося с собой души.
<br>► <b>виденье</b>: способны разглядеть душу человека, ее порочность и силу или слабости.
<br>► <b>обращение</b>: меняют свою ипостась по желанию, в зависимости от обстоятельств.
<br>► обладают ядовитой слюной (в истинной форме), от которой не существует противоядия, поскольку яд разъедает не тело, а душу.
<br>► <b>ясновидение</b>: без подготовки способны видеть небольшие фрагменты прошлого своей жертвы.
<br>► когти и зубы способны нанести увечья душе или оставить на ней подпаленные раны.
<br>► <b>выносливость</b>: почти не ощущают усталости.
<br>► способны изображать домашнего пса.<br><br>
<span>слабые стороны:</span> 
<br>► можно убить аконитом, или вырвать сердце в виде человека, после смерти перерождаются в аду, но не помнят жизни на земле.
<br>► <b>эмоции</b>: уважают только преданность и верность, в частности, верность обещаниям. Остальное ощущают весьма слабо.
<br>► <b>магия</b>: подверженность силам магии, хоть и в меньшей мере.
<br>► <b>преданность</b>: не способны ослушаться жнеца или демона.
<br>► <b>аконит</b>: не переносят аконит наравне с оборотнями.
<br>► <b>церковь</b>: не переносят нахождения в церковных стенах. Если задержатся там больше десяти минут, могут сильно пострадать и выйти из строя минимум на две недели.
<br>► <b>ясновидение</b>: НЕ способны видеть будущее, они лишают его. Видят только обрывки прошлого, что может ввести их в заблуждение, потому что людям свойственно меняться.<br><br>
        </p>
    </section>  
</div>
  </div>
</div>
<div class="clearer"></div>


0

19

hide-autor

Код:
<!--HTML-->
<div class="bank">
<!------------------информация ------------>

<rules>Добро пожаловать в центральный банк Мистик-Фоллса. Здесь вы можете потратить все свои денежки на себя любимых и на своих любимых. В банке доступна услуга перевода денег с одного счета на другой без комиссии и переплат. Удачных вам покупок!
</rules>

<!------------------заработать------------>
<div class="price">
<span>за регистрацию</span> <br>
<br>
» регистрация — 100$;<br>
» регистрация по заявке "хочу к вам" — 150$;<br>
» регистрация по заявке из нужных — 200$;<br>
<br>
<span>за игру</span><br>
<br>
» за открытие эпизода (1 раз всем участникам) — 100$;<br>
» пост от 1-3к —  100$;<br>
» пост от 3-6к — 200$;<br>
» пост от 6-10к — 300$;<br>
» каждая новая 1000 знаков — 50$;<br>
» ответ за 24 часа — 75$;<br>
» за закрытие эпизода (1 раз всем участникам) — 100$;<br>
<br>
<span>за актив</span><br>
<br>
» каждые 100 сообщений — 50$;<br>
» каждая 1000 сообщений — 100$;<br>
» каждый месяц на форуме — 150$;<br>
» заявка в "хочу видеть" — 50$;<br>
» заявка на нужного персонажа — 200$;<br>
» привел друга на форум — 150$;<br>
» попал в таблицу — 250$;<br>
<br>
<span>за рекламу</span><br>
<br>
» за 10 рекламу — 25$;<br>
» за 20 реклам  — 50$;<br>
» за 50 реклам  — 150$;<br>
» за баннер в подписи на арт-темах — 100$;<br>

</div>

<!------------------потратить ------------>
<spend>
<span>Твинки и прочее</span> <br>
<br>
» первый твинк — 10 постов (каноничная - с разрешения амс);<br>
» последующие твинки — 3500$ + 1 пост с каждого профиля в месяц;<br>
» выкуп имени/фамилии на неделю — 650$;<br>
» выкуп имени/фамилии на месяц — 850$;<br>
» выкуп внешности на неделю — 750$;<br>
» выкуп внешности на месяц — 950$;<br>
» смена внешности на любую незанятую — 2000$;<br>
» реклама вашего нужного в гостевой на неделю — 900$;<br>
» реклама вашего нужного в гостевой на месяц — 1700$;<br>
<br>
<span>На красоту</span><br>
<br>
»  плашка себе/в подарок— 350$;<br>
» реклама нужного (рекламная листовка) (две недели)  - 1000$;<br>
» реклама нужного (рекламная листовка) (месяц)  - 1500$;<br>
<br>
<span>Иммунитет</span><br>
<br>
»  спасение от чистки себя - 7500$;<br>
»  спасение от чистки твинка - 6800$;<br>
»  спасение от чистки друга - 7000$;<br>
<br>
<span>Переводы</span><br>
<br>
» бесплатно<br>

</spend>


</div>
Код:
НАЧИСЛИТЬ:
1. За что 
2. Доказательство
3. Было - стало
Код:
ПОТРАТИТЬ:
1. На что
2. Сумма списания
3. Было - стало
Код:
ПЛАШКА:
1. Текст заголовка и нижний текст
2. Сумма списания за плашку
3. Было - стало

0

20

[html]<div class="facls">
<div class="fcl_title"><name>список занятых внешностей и ролей</name>
здесь вы найдете список занятых персонажей и внешностей.
придержанные можно посмотреть в гостевой книге;</div>

<div class="fcl_rules">- одна внешность - один персонаж, но мы не против близнецов;
- в этой теме не придерживается внешность для нужного. Ее необходимо сначала выкупить в банке, а затем придержать в гостевой книге;
- сtrl+f / cmd+f поможет для поиска интересующей внешности / персонажа;
- kat graham [bonnie bennett]</div>

<div class="fcl_vkl">
<div class="fcl_vkl_osn">
<div class="fcl_vkl_kn"><div class="oformlenie_knopki" id="banner_1">список занятых внешностей</div>
<div class="oformlenie_knopki" id="banner_2">список занятых ролей</div></div>

<div id="vkladka1" style="display:block">
<text>
<div class="vnleft">
<span> a - b - c </span>
Aaron Taylor-Johnson [<a href="https://faceinless.ru/profile.php?id=182">Jason Reed</a>]<br>
Aaron Stanford [<a href="https://faceinless.ru/profile.php?id=226">Finn Mikaelson</a>]<br>
Aidan Gallagher  [<a href="https://faceinless.ru/profile.php?id=166">Axel Evers</a>]<br>
Anna Pavaga [<a href="https://faceinless.ru/profile.php?id=98">Kayla Weiser</a>]<br>
Anya Taylor-Jay [<a href="https://faceinless.ru/profile.php?id=122">Nikki Short</a>]<br>
Arielle Kebbel [<a href="https://faceinless.ru/profile.php?id=113">Alexia Branson</a>]<br>
Ben Barnes [<a href="https://faceinless.ru/profile.php?id=189">Logan Hunt</a>]<br>
Ben Barnes [<a href="https://faceinless.ru/profile.php?id=106">David Hunt</a>]<br>
Bradley James [<a href="https://faceinless.ru/profile.php?id=177">Leonard Baxter</a>]<br>
Brianne Howey [<a href="https://faceinless.ru/profile.php?id=116">Inadu Lily Evers</a>]<br>
Can Yaman  [<a href="https://faceinless.ru/profile.php?id=262">Jackson Kenner </a>]<br>
Candice King [<a href="https://faceinless.ru/profile.php?id=133">Caroline Forbes</a>]<br>
Cara Delevingne [<a href="https://faceinless.ru/profile.php?id=134">Alita Adderley</a>]<br>
Cindy Kimberly [<a href="https://faceinless.ru/profile.php?id=231">Michelle de Martel</a>]<br>
Claire Holt [<a href="https://faceinless.ru/profile.php?id=66">Rebekah Mikaelson</a>]<br>
Charles Melton [<a href="https://unholy.f-rpg.me/profile.php?id=254">Tyler Lockwood</a>]<br>
Charles Michael Davis [<a href="https://faceinless.ru/profile.php?id=249">Marcel Gerard</a>]<br>
Charlie Hunnam [<a href="https://faceinless.ru/profile.php?id=111">Trevor Fitsgerald</a>]<br>
Chloe Bennet [<a href="https://faceinless.ru/profile.php?id=172">Daniella Sharman</a>]<br>
Chris Evans [<a href="https://unholy.f-rpg.me/profile.php?id=240">Josh Lewis</a>]<br>
Chris Wood [<a href="https://faceinless.ru/profile.php?id=252">Kai Parker</a>]<br>
Cody Fern  [<a href="https://faceinless.ru/profile.php?id=166">Axel Evers</a>]<br>

<span> d - e - f </span>
Dane Dehaan [<a href="https://faceinless.ru/profile.php?id=91">Maud Evers</a>]<br>
Daniel Sharman [<a href="https://faceinless.ru/profile.php?id=135">Alex Evers</a>]<br>
Danielle Campbell [<a href="https://faceinless.ru/profile.php?id=187">Davina Claire</a>]<br>
Danielle Rose Russell [<a href="https://faceinless.ru/profile.php?id=138">Hope Mikaelson</a>]<br>
Drew Van Acker [<a href="https://faceinless.ru/profile.php?id=158">Matt Donovan</a>]<br>
Eiza Gonzбlez [<a href="https://faceinless.ru/profile.php?id=205">Faith Allard</a>]<br>
Emma Dumont [<a href="https://faceinless.ru/profile.php?id=135">Alex Evers</a>]<br>
Emeraude Toubia [<a href="https://faceinless.ru/profile.php?id=70">Isabel Rainwood</a>]<br>
Florence Pugh [<a href="https://faceinless.ru/profile.php?id=91">Maud Evers</a>] <br>
Freya Allan [<a href="https://faceinless.ru/profile.php?id=255">Briana Berger</a>]<br>

<span> g - h - i </span>
Ian Somerhalder [<a href="https://faceinless.ru/profile.php?id=217">Damon Salvatore</a>]<br>

</div>

<div class="vnright">
<span> j - k - l - m </span>
Jacob Elordi [<a href="https://faceinless.ru/profile.php?id=245">Mac Ross</a>]<br>
Janet Montgomery [<a href="https://faceinless.ru/profile.php?id=65">Morgana Evers</a>]<br>
Jeffrey Dean Morgan [<a href="https://faceinless.ru/profile.php?id=212">Mikael</a>]<br>
Jenny Boyd [<a href="https://faceinless.ru/profile.php?id=176">Elizabeth Saltzman</a>]<br>
Jessica Alba [<a href="https://faceinless.ru/profile.php?id=134">Alita Parker</a>]<br>
Jessica Alexander [<a href="https://faceinless.ru/profile.php?id=66">Cassandra Blackwell</a>]<br>
Joseph Morgan [<a href="https://faceinless.ru/profile.php?id=100">Niklaus Mikaelson</a>]<br>
Josh Segarra [<a href="https://faceinless.ru/profile.php?id=226">Finn Mikaelson</a>]<br>
Kat Graham [<a href="https://faceinless.ru/profile.php?id=197">Bonnie Bennett</a>]<br>
Katherine McNamara [<a href="https://faceinless.ru/profile.php?id=179">Ruby Ross</a>]<br>
Katheryn Winnick [<a href="https://faceinless.ru/profile.php?id=213">Esther Mikaelson</a>]<br>
Katie McGrath [<a href="https://faceinless.ru/profile.php?id=65">Morgana Evers</a>]<br>
Kerem Bursin [<a href="https://faceinless.ru/profile.php?id=256">Kemal Kaya</a>]<br>
Lily Collins [<a href="https://faceinless.ru/profile.php?id=232">Charlotte Salvatore</a>]<br>
Lucas Hedges [<a href="https://faceinless.ru/profile.php?id=230">Alistair Baxter</a>]<br>
Lucy Hale [<a href="https://faceinless.ru/profile.php?id=221">Cleo Sowande</a>]<br>
Madelaine Petsch [<a href="https://faceinless.ru/profile.php?id=219">Octavia Gentile</a>]<br>
Madison Beer [<a href="https://faceinless.ru/profile.php?id=218">Michaella Wayne</a>]<br>
Melissa Benoist [<a href="https://faceinless.ru/profile.php?id=250">Rhiannon Dornan</a>]<br>
Michael B. Jordan [<a href="https://faceinless.ru/profile.php?id=249">Marcel Gerard</a>]<br>
Michael Malarkey [<a href="https://faceinless.ru/profile.php?id=198">Lorenzo St. John</a>]<br>
Michael Trevino [<a href="https://unholy.f-rpg.me/profile.php?id=254">Tyler Lockwood</a>]<br>

<span> n - o - p </span>
Nathaniel Buzolic [<a href="https://faceinless.ru/profile.php?id=227">Kol Mikaelson</a>]<br>
Nina Dobrev [<a href="https://faceinless.ru/profile.php?id=210">Elena Gilbert</a>]<br>
Nina Dobrev [<a href="https://faceinless.ru/profile.php?id=130">Katherine Pierce</a>]<br>
Olivia Cooke [<a href="https://faceinless.ru/profile.php?id=3">Aurora De Martel</a>]<br>
Paul Weasley [<a href="https://faceinless.ru/profile.php?id=203">Stefan Salvatore</a>]<br>
Paul Wesley [<a href="https://faceinless.ru/profile.php?id=69">Tom Avery</a>]<br>
Phoebe Tonkin [<a href="https://faceinless.ru/profile.php?id=263">Hayley Marshall-Kenner</a>]<br>

<span> q - r - s </span>
Rebecca Ferguson [<a href="https://faceinless.ru/profile.php?id=136">Inadu Lily Evers</a>]<br>
Samara Weaving [<a href="https://faceinless.ru/profile.php?id=191">Zireael</a>]<br>
Shailene Woodley [<a href="https://faceinless.ru/profile.php?id=183">Adriana Sage</a>]<br>
Shelley Hennig [<a href="https://faceinless.ru/profile.php?id=125">Malia Tate-Kenner</a>] <br>
Steven R. McQueen [<a href="https://faceinless.ru/profile.php?id=209">Jeremy Gilbert</a>]<br>

<span> t — u — v </span>
Teresa Palmer [<a href="https://faceinless.ru/profile.php?id=211">Freya Mikaelson</a>]<br>
Vanessa Morgan Mziray [<a href="https://faceinless.ru/profile.php?id=221">Cleo Sowande</a>]<br>

<span> w — x — y — z </span>
Zoey Deutch [<a href="https://faceinless.ru/profile.php?id=224">Caitlin Ripley</a>]<br>

<br>
</div>

</text>
</div>
<div id="vkladka2" style="display:none">
<text>
<div class="vnleft">
<span> Вампиры и первородные</span>
<a href="https://faceinless.ru/profile.php?id=3">Аврора Де Мартель // Aurora De Martel</a> <br>
<a href="https://faceinless.ru/profile.php?id=113">Алексия Брэнсон // Alexia Branson</a> <br>
<a href="https://faceinless.ru/profile.php?id=217">Деймон Сальваторе // Damon Salvatore</a><br>
<a href="https://faceinless.ru/profile.php?id=98">Кейла Вейсер // Kayla Weiser </a><br>
<a href="https://faceinless.ru/profile.php?id=227">Кол Майклсон // Kol Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=133">Кэролайн Форбс // Caroline Forbes</a> <br>
<a href="https://faceinless.ru/profile.php?id=130">Кэтрин Пирс // Katherine Pierce</a> <br>
<a href="https://faceinless.ru/profile.php?id=198">Лоренцо Сент Джон // Lorenzo St. John</a><br>
<a href="https://faceinless.ru/profile.php?id=212">Майкл // Mikael</a><br>
<a href="https://faceinless.ru/profile.php?id=249">Марсель Жерар // Marcel Gerard</a><br>
<a href="https://faceinless.ru/profile.php?id=100">Никлаус Майклсон // Niklaus Mikaelson</a> <br>
<a href="https://faceinless.ru/profile.php?id=122">Никки Шорт // Nikki Short </a><br>
<a href="https://faceinless.ru/profile.php?id=66">Ребекка Майклсон // Rebekah Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=250">Рианнон Дорнан // Rhiannon Dornan</a><br>
<a href="https://faceinless.ru/profile.php?id=203">Стефан Сальваторе // Stefan Salvatore</a><br>
<a href="https://faceinless.ru/profile.php?id=111">Тревор Фицджеральд // Trevor Fitsgerald</a><br>
<a href="https://faceinless.ru/profile.php?id=226">Финн Майклсон // Finn Mikaelson</a><br>

<span>Люди и охотники</span>
<a href="https://faceinless.ru/profile.php?id=209">Джереми Гилберт // Jeremy Gilbert</a><br>
<a href="https://faceinless.ru/profile.php?id=210">Елена Гилберт // Elena Gilbert</a><br>
<a href="https://faceinless.ru/profile.php?id=158">Мэтт Донован // Matt Donovan</a><br>
<a href="https://faceinless.ru/profile.php?id=69">Том Эвери // Tom Avery</a><br>
</div>

<div class="vnright">
<span>Ведьмы/сифоны/банши/медиумы/демоны/гончие</span>
<a href="https://faceinless.ru/profile.php?id=183"> Адриана Сейдж // Adriana Sage </a><br>
<a href="https://faceinless.ru/profile.php?id=166">Аксель Эверс // Axel Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=135">Алекс Эверс // Alex Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=197">Бонни Беннетт // Bonnie Bennett </a><br>
<a href="https://faceinless.ru/profile.php?id=187">Давина Клэр // Davina Claire</a><br>
<a href="https://faceinless.ru/profile.php?id=191">Зираэль // Zireael</a><br>
<a href="https://faceinless.ru/profile.php?id=136">Инаду/Пустая/Лилит // Inadu/Lilith</a><br>
<a href="https://faceinless.ru/profile.php?id=224">Кейтлин Рипли // Caitlin Ripley</a><br>
<a href="https://faceinless.ru/profile.php?id=221">Клео Сованде // Cleo Sowande</a><br>
<a href="https://faceinless.ru/profile.php?id=106">David Hunt // Девид Хант</a><br>
<a href="https://faceinless.ru/profile.php?id=189">Логан Хант // Logan Hunt</a><br>
<a href="https://faceinless.ru/profile.php?id=218">Микаэлла Уэйн // Michaella Wayne</a><br>
<a href="https://faceinless.ru/profile.php?id=91">Мод Эверс // Maud Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=65">Моргана Эверс // Мorgana Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=219">Октавия Джентиле // Octavia Gentile</a><br>
<a href="https://faceinless.ru/profile.php?id=211">Фрея Майклсон // Freya Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=205">Фэйт Эллард // Faith Allard</a><br>
<a href="https://faceinless.ru/profile.php?id=132">Хенрик Майклсон // Henrik Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=176">Элизабет Зальцман // Elizabeth Saltzman</a><br>
<a href="https://faceinless.ru/profile.php?id=213">Эстер Майклсон // Esther Mikaelson</a><br>

<span>Оборотни/гибриды/еретики/трибрид/ви-вульфы</span>
<a href="https://faceinless.ru/profile.php?id=230">Алистер Бакстер // Alistair Baxter</a><br>
<a href="https://faceinless.ru/profile.php?id=134">Алита Нимуэ Аддерли // Alita Nimue Adderley</a><br>
<a href="https://faceinless.ru/profile.php?id=255">Бриана Бёргер // Briana Berger</a><br>
<a href="https://faceinless.ru/profile.php?id=172">Даниэлла Шарман // Daniella Sharman</a><br>
<a href="https://faceinless.ru/profile.php?id=182">Джейсон Рид // Jason Reed</a><br>
<a href="https://faceinless.ru/profile.php?id=262">Джексон Кеннер // Jackson Kenner</a><br>
<a href="https://unholy.f-rpg.me/profile.php?id=240">Джош Льюис // Josh Lewis</a><br>
<a href="https://faceinless.ru/profile.php?id=70">Изабель Рейнвуд // Isabel Rainwood</a><br>
<a href="https://faceinless.ru/profile.php?id=252">Кай Паркер // Kai Parker</a><br>
<a href="https://faceinless.ru/profile.php?id=66">Кассандра Блэквелл // Cassandra Blackwell</a><br>
<a href="https://faceinless.ru/profile.php?id=256">Кемаль Кая // Kemal Kaya</a><br>
<a href="https://faceinless.ru/profile.php?id=177">Леонард Бакстер // Leonard Baxter</a><br>
<a href="https://faceinless.ru/profile.php?id=245">Мак Росс // Mac Ross</a><br>
<a href="https://faceinless.ru/profile.php?id=125">Малия Тейт-Кеннер // Malia Tate-Kenner</a><br>
<a href="https://faceinless.ru/profile.php?id=231">Мишель де Мартель // Michelle de Martel</a><br>
<a href="https://faceinless.ru/profile.php?id=179">Руби Росс // Ruby Ross</a><br>
<a href="https://unholy.f-rpg.me/profile.php?id=254">Тайлер Локвуд // Tyler Lockwood</a><br>
<a href="https://faceinless.ru/profile.php?id=263">Хейли Маршалл-Кеннер // Hayley Marshall-Kenner</a><br>
<a href="https://faceinless.ru/profile.php?id=138">Хоуп Андреа Майклсон // Hope Andrea Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=232">Шарлотта Сальваторе // Charlotte Salvatore</a><br>

</div>
</text>
</div>

</div></div>

   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#banner_1").click(function(){
    $("#vkladka1").slideToggle();
    $("#vkladka2").hide();
    $("#vkladka3").hide();
});

    $("#banner_2").click(function(){
    $("#vkladka1").hide();
    $("#vkladka2").slideToggle();
    $("#vkladka3").hide();
});
   
     $("#banner_3").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").slideToggle();
});

                                    });
        </script>

</div>[/html] hide-autor

0

21

https://upforme.ru/uploads/001b/dc/dc/100/687864.png

HTML верх

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span><center><br><font face="Times New Roman"><font color="#800000"><span style="font-size: 20pt">Скоро вернёмся...</font></font></span></center>
</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 0;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике— '+document.title;
}
</script>

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "inherit"; // Цвет шрифта,
FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[30,32]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f32 :-[344],  //Мы пишем историю
f9 :-[0],  //Вы пишете рассказ
f43 :-[0],  //Merry Christmas, Joy
f48 :-[0],  //Между прошлым и будущим
f18 :-[0] //А если бы... //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->

<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '86c40b77b6a48c9457190510e92b2032162fa7f4'; // Forum token
notifications.key = 'ove93sk013s7'; // Subscription key
RusffCore.sets.notifications = false
</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [58,130,9,65]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// конец //-->

<!---------------------------------ТАБЛИЦА В ШАПКЕ------------------------------>

<!------------------ важные ссылки ------------>
<div class="link">
<a href="http://faceinless.ru/viewtopic.php?id=9#p11">сюжет</a>
<a href="http://faceinless.ru/viewtopic.php?id=65">путеводитель</a>
<a href="http://faceinless.ru/viewtopic.php?id=66#p4840">роли & внешности </a>
</div>

<div class="link1">
<a href="http://faceinless.ru/viewtopic.php?id=152">faq</a>
<a href="http://faceinless.ru/viewtopic.php?id=10">бестиарий</a>
<a href="http://faceinless.ru/viewtopic.php?id=7">сюжетные акции</a>
</div>

<!------------------ инфо о проекте ------------>
<div class="info1">
THE VAMPIRE DIARIES × THE ORIGINALS X LEGACIES X 2019
</div>

<!------------------ лучший пост ------------>
<div class="bestpostname">лучший пост
<a href="https://faceinless.ru/viewtopic.php?pid=212039#p212039">Bai Lin</a></div>
<div class="bestpost">- Может, хватит пытаться его опорочить? - в глубине души я знала, что это всего лишь игра. Я ненавижу Поттера, как многие из нас, до глубины души. Только ему всегда удается выйти сухим из воды. Любимчик Дамблдора, как же. На мой взгляд, Драко заслуживал куда больше, чем этот избранный. – Почему бы просто не избавиться от него? Достаточно показать всем, что он не такой святой, как все думают. – по моим губам зазмеилась ядовитая улыбка. – Что скажешь, Даф? – лениво полюбовавшись на аккуратные ногти, я перевела взгляд на одну из моих близких подруг. Чистокровная, с чудесной пакостностью, девушка была рьяной приверженкой наших общих взглядов, что позволило ей присоединиться к нашей компании.
</div>

<!------------------ лучший игрок ------------>
<div class="bestplay">лучший игрок <br> <a href="https://faceinless.ru/profile.php?id=270">
Liam Mikaelson</a></div>

<!------------------ лучший эпизод ------------>
<div class="bestep">лучший эпизод <br><a href="https://faceinless.ru/viewtopic.php?id=1151#p211372">Каждому рядом нужен человек</a>
</div>

<!------------------ активисты ------------>
<div class="activ">
<a href="https://faceinless.ru/profile.php?id=100"><img src="https://upforme.ru/uploads/001b/dc/dc/100/830448.png" title="активист Клаус"></a>
<a href="https://faceinless.ru/profile.php?id=3"><img src="https://upforme.ru/uploads/001b/dc/dc/100/657103.png" title="активист Рора"></a>
<a href="https://faceinless.ru/profile.php?id=255"><img src="https://upforme.ru/uploads/001b/dc/dc/100/647323.png" title="активист Бри"></a>
<a href="https://faceinless.ru/profile.php?id=224"><img src="https://upforme.ru/uploads/001b/dc/dc/100/440362.png" title="активист Кейти"></a> 
</div>

<!------------------ постописцы ------------>
<div class="poster">
<a href="https://faceinless.ru/profile.php?id=302"><img src="https://upforme.ru/uploads/001b/dc/dc/100/912163.png" title="постописец Хантер"></a>
<a href="https://faceinless.ru/profile.php?id=301"><img src="https://upforme.ru/uploads/001b/dc/dc/100/843646.png" title="постописец Хоуп"></a>
<a href="https://faceinless.ru/profile.php?id=205"><img src="https://upforme.ru/uploads/001b/dc/dc/100/246756.png" title="постописец Фэйт"></a>
<a href="https://faceinless.ru/profile.php?id=263"><img src="https://upforme.ru/uploads/001b/dc/dc/100/475830.png" title="постописец Хейли"></a>
</div>

<!--выделить код. 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>
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-— Отключение модулей -->
<script type="text/javascript">
RusffCore.sets.share = 0; // Отключить функцию "Поделиться"
rusffLive.enable = false; // Отключить функцию "Это интересно"
RusffCore.sets.use_awards = 0; // Отключить награды
RusffCore.sets.files.button = false; // Отключить кнопку "Вложения"
RusffCore.sets.graffiti = 0; // Отключение граффити
RusffCore.sets.auth_methods = 0; // Убирает ссылки на соцсети при входе
RusffCore.sets.show_reportBtn = 0; // Отключение кнопки жалоба
RusffCore.sets.tags = 0; // Отключить функцию "Теги"
ReactionsPlugin.setConfig({
  disable: true
});
</script>

<!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/67168.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>

<!--Скрытие профиля в теме тегом-->
<script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post-content p:contains("[hideprofile]")').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')}).parents('.post').addClass('hideprofile')});
</script>
<!-- Конец -->

<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!-------------------------- Пиар-вход -------------------------->

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

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'http://forumstatic.ru/files/001a/f4/24/67452.png'; //Дополнительная Иконка выход;
</script>
<script data="357656"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>

<!-- БЫСТРОЕ РЕДАКТИРОВАНИЕ ПОСТОВ © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>

<!-- КОММЕНТАРИИ К РЕПУТАЦИИ -->
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>

<script type="text/javascript">
RusffCore.sets.share = false;
RusffCore.sets.show_reportBtn = 0;
</script>

<!---------------------------- лс---------------------------->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>

<!-- ШРИФТ ДЛЯ ЛИЧНОЙ СТРАНИЦЫ -->
<link href='https://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Fira+Mono|Ubuntu+Condensed&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
<!-- КОНЕЦ ШРИФТ ДЛЯ ЛИЧНОЙ СТРАНИЦЫ -->

<link rel="stylesheet" href="/files/001b/95/a1/11817.css">
<link rel="stylesheet" href="/files/001b/95/a1/96876.css">

<!-- Подсчет символов в постах игры -->
<style>.send-sumb{margin: 28px 0 12px;padding:2px 7px; float:right;color:#800;
cursor:pointer; border:1px solid;}.post.topicpost .send-sumb{display:none}</style>
<script type="text/javascript">
if([32,9,43,48,18].indexOf(+FORUM.topic.forum_id)!=-1){//id Нужных форумов для подсчета
document.write('<script type="text/javascript" data="134yk" src="//forumstatic.ru/files/0013/44/56/67571.js?"><\/script>')}
$(function(){$(".post-content .send-sumb").each(function(){$(this).attr("title",$(this).attr("original-title"))
.removeAttr("original-title")})});
</script>
<!-- конец -->

HTML низ

<!------------------ нужные ------------>
<div class="need">
<a href="https://faceinless.ru/viewtopic.php?id=84#p172381" target="_blank" title="Важная шишка">
<img src="https://upforme.ru/uploads/001b/dc/dc/224/811862.gif">
</a>

<a href="https://faceinless.ru/viewtopic.php?id=84#p212578" target="_blank" title="Kol Mikaelson"><img src="https://i.pinimg.com/originals/b9/4b/b3/b94bb339e7d6e2850fe0baa3bb3229d6.gif"></a>

<a href="https://faceinless.ru/viewtopic.php?id=84#p196266" target="_blank" title="Park Yeon-soo">
<img src="https://upforme.ru/uploads/001b/dc/dc/134/238638.gif"> </a>

<a href="https://faceinless.ru/viewtopic.php?id=84#p201307" target="_blank" title="Silas">
<img src="https://64.media.tumblr.com/cc5a307e3a1547233d215730b13b79cc/tumblr_inline_orzmmuP3og1rifr4k_540.gif">
</a>
</div>

<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="http://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9,10,11,12]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

<!-------------------------- Кликабельность ника в постах гостя -------------------------->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>

<!---------------------------- навигация ---------------------------->
<script type="text/javascript">
var itemMass = new Array("faceless", "coven", "search", "who're me?", "letters", "ams", "become cursed", "come back", "run away");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>

<!--скрыть блок автора в сообщении-->
<style>
#pun-live-rusff, .hide-author .post-author, .hide-author .post-sig, .hide-author .pl-email, .hide-author .pl-delete, .hide-author .pl-quote, .hide-author h3 {display:none!important;}
.hide-author .post-rating {margin-top:40px!important;position: relative; z-index:99!important;}
#pun-viewtopic h1 {text-align:center;}
.hide-author .post-links {position:relative;z-index:99!important; margin-top:-23px!important;margin-left:770px!important;}
.hide-author .post-body, .hide-author .post-box{margin:0!important;padding:0!important;}
</style>
<script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>
<!--конец-->

<!------------------------------------------------ АВАТАРИЯ: ГОСТЮ, ПРИВЕТСТВИЕ, ОТОБРАЖЕНИЯ В ТЕМАХ Deff, Alex_63 ---->
<script type="text/javascript">
    var DefAvtr = 'https://i.ibb.co/Ht3mmrk/image.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.ibb.co/Ht3mmrk/image.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<style>.avatar-image[style*="default_avatar.jpg"]{       background-image:url(АВ ССВЛКА)!important;    }</style>

<!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url()no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>

<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="    font-size: 11px !important;    margin: 0 20px 0 0;">написано <b style="    font-family: tahoma;    font-size: 13px;">00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/f0/c8/31146.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/f0/c8/96577.png" border="0" /></div>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

   
<!-— новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
// поправка для нормального отображения профиля
$('.post-author ul').append('<li class="end_check"></li>');
</script>
<!-— Конец -->


<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>
<!--конец-->

    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut"><i class="fas fa-outdent"></i></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:var(--backcol);border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001b/f0/c8/31578.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001b/f0/c8/20519.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<!---------------------------- МАСКА ---------------------------->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Мы пишем историю', 'Вы пишете рассказ', 'А если бы...', 'Общение', 'Конкурсы', 'Дорогой дневник...', 'Завершенные сюжетные эпизоды'],
    forumAccessExtended: {
        'Мы пишем историю': ['игроки'],
        'Вы пишете рассказ': ['игроки'],
        'А если бы...': ['игроки'],
        'Общение': ['игроки', 'Пользователи'],
        'Конкурсы': ['игроки'],
        'Дорогой дневник...': ['игроки'],
        'Завершенные сюжетные эпизоды': ['игроки'],
        'Страсти прошлого': ['игроки']
    },
    changeList: {
        'pafld2': {
            title: 'личное звание',
            description: '',
            tag: 'info',
            class: 'pa-fld2',
            defaultCode: '<div class="lzname"> <b>Имя Фамилия, возраст</b> </div> <div class="lztext">текст и <a href="http://faceinless.ru/">ссылка</a>. </div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect']
});
</script>

<!---------------------------— иконка для маски ---------------------------->
<style>
#form-buttons #button-mask {background-position:center;background-size:contain;background-image:url('https://i.ibb.co/DQScMW6/mask-solid-1.png')!important; filter: grayscale(1) brightness(0.7);}
</style>
<!-- конец -->

<!-- ЛИЧНАЯ СТРАНИЦА -->
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
    <style type="text/css">
    /*Подвижка иконки*/
    img.a-info{
      margin-top: -3px!important;
      margin-left: 173px!important;
      width:30px;  /*Размер иконки*/
    }
    /*Подвижка всплывающей подсказки иконки*/
    .tipsy.a-info{
      margin-top: -2px!important;
      margin-left:-6px!important;
      font: normal normal 400 11px/16.5px Verdana;
    }
    /*сдвиг таблицы*/ #pun_wrap #pun-main .my-tabs{
    margin-left: 5%;
    position: fixed!important;
    top: 14%!important;
    }

    /*Цвет фона и бордюров таблицы*/
    .my-tabs>.tab-a,.my-tabs>span{
    /* background: #DEDCDD !important; */
       border-color: #101010 !important;
}

.MyredirICon{
    color: #090110;
}

.MyredirICon:hover {
    color: #969396;
  font-weight: bold;
}
   
    </style>
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0014/e2/8d/53362.css?v=18" />
    <script src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="49"></script>
    <!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Включаем HTML в Постах в Вспл.табличке-->
<script type="text/javascript">
$(function(){$('img.a-info,.my-tabs>span').live('click',function(){$("li.tab-a").map(function(){HTMLinPost.parseTags($(this).attr("data-group-id",0))});});});
</script>

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>
<!-- ЛИЧНАЯ СТРАНИЦА КОНЕЦ -->

<!-- Регулировка размера шрифта в постах © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<div class="cop"> <a href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">mrazeushadyprod.</a></div>

<div class="ban">
<a href="https://darkonmoon.rusff.me" target="_blank"><img src='https://forumstatic.ru/files/001c/60/35/77891.png' title="Ночь кровавой луны"/></a> <a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a><a href="https://soullove.ru" target=_blank> <img src="https://forumstatic.ru/files/000e/5d/50/10990.gif" border="0" alt="soul love"></a><a href="https://secretsofmermaids.rusff.me/" target="_blank"><img src="https://i.imgur.com/uKH5gzO.png" title="Секреты русалок"></a> <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a><a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a><a href="http://newadventure.rusff.me/"><img src="http://forumstatic.ru/files/0014/ed/19/40119.png"></a><a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a><a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"  title="BOSTON"></a><a href="https://darkmatter.rusff.me/" title=" DARK MATTER" target="_blank"><img src="https://i.imgur.com/Lwq68mt.png"></a><a href="https://verbaveritatis.rusff.me" title="Верба. Просто добавь магии."><img src="https://upforme.ru/uploads/001b/aa/c9/4/12634.gif"></a><a href="https://arkhaim.su/index.php" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a> <a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/50003.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a></a><a href="https://hpsleepless.rusff.me/"><img src="https://forumstatic.ru/files/001c/39/a8/72498.svg" title="hp: sleepless"></a><a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>   <a href="https://rialan.rusff.me" target="_blank"> <img src="https://i.imgur.com/w2dmehd.gif" title="RIALAN: doomed to die"></a> <a href="https://blackpines.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/3c/e5/6/443545.png"  title="blackpines" alt="blackpines"></a> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/184058.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>   <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/71898.png" title="alluvio maris"></a> <a href="https://wolveslife.bbok.ru" target="_blank"><img src="https://forumstatic.ru/files/0001/bf/9c/79365.gif" title="Волки. Инстинкт зовет!"> <a href="https://hpa.magicrpg.ru" class="tip" title="Форумная ролевая игра по мотивам мира Дж.Роулинг Гарри Поттер с авторским сюжетом" target="_blank"><img src="https://forumstatic.ru/files/001b/f4/b7/88399.gif"></a><a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://i.imgur.com/ziAEvwz.png" title=“the good place /// визардинг ворлд без постирония“></a><a href="https://pulseofny.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/0f/f1/22/33452.gif" title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a><a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/2/863815.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/LCSHzDw.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a><a href="https://theraven.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/00/4d/5/220581.gif" title="THE RAVEN"></a><a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a><a href="https://voiceoftales.rusff.me/" target="_blank"> <img src="https://i.ibb.co/QM1GsSh/1.png" title="Voice of tales"></a> <a href="https://swamptown.f-rpg.me" target=_blank><img src="https://upforme.ru/uploads/001c/45/71/60/150348.gif" title="2024 - мистика - ужасы, выживание"></a> <a href="https://heartmystic.rusff.me/" target=_blank><img src="https://i.imgur.com/GZ67mar.png" border="0" title="heartless" width="88" height="31"></a> <a href="https://genshineclipse.com/" title="Genshin Impact: Celestial Eclipse" target="_blank"><img src="https://upforme.ru/uploads/001b/df/32/147/26957.gif"></a><a href=http://adarktwilight.rusff.me/><img src="https://forumstatic.ru/files/0012/77/75/84192.jpg?v=1" border="0" alt="twilight: a dark lullaby"width=88  height=31 border></a><a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://forumstatic.ru/files/0015/e5/b7/66578.png"
title="crossfeeling"
border="1" width="88" height="31"></a>
</div>

<!-- Исключение из "Цитировать" подписи и "отредактировано" © Deff -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>

<!-- Быстрое обёртывание в спойлер с ником Админа © Deff -->
<script>if(GroupID<3)(function () {
var obj = {'Смотритель':'Смотритель','Deweus':'Deweus','max, the murderer!':'макс'} /* Замещение ников */
var nb = (obj[UserLogin]?obj[UserLogin]:UserLogin);
nb = "bbcode('"+"["+"spoiler=&quot;"+nb+"&quot;]'";
var $a = $("<td id=\"button-spoiler2\" title=\"Свернутый текст\"><img onclick=\"$('#main-reply').focus().select();"+nb+",'['+'/spoiler]');\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-14px 0 0 23px;\"></p></b></td>");
$a.insertAfter('#post #button-spoiler');}());
</script>
<!-- конец -->

<script id="efof">
/** СКРИПТ ИЗМЕНЕНИЯ БАЛАНСА СО СТРАНИЦЫ БАНКА
https://github.com/4eDo/mybb/blob/main/ … /readme.md
Версия от 2024-11-01
**/
const FIELD_ID_FOR_EDIT = "fld3";
const ADD_CACHE_TEXT = "Банк #1";
const COLOR_INPUT_TEXT = "color: #000000 !important";
const ALLOWED_TOPICS = ['63']; // С кавычками
const ALLOWED_GROUPS = [1]; // БЕЗ кавычек

const OPERATIONS = [ // Наименование опции, коэффициент, в каких топиках есть (через пробел) или all
["Начисление", "1", "all"],
["Списание", "-1", "all"],
["От большой любви", "5", "1 2"],
["От маленькой любви", "0.1", "1 3"],
["От большой нелюбви", "-5", "1 2"],
["От маленькой нелюбви", "-0.1", "1 3"],
];
const ROUND = 0; // Если допускается дробный баланс, укажите кол-во знаков после запятой
// if 0 then 0.5555555 -> 0    1.999 -> 1
// if 1 then 0.5555555 -> 0.6
// if 2 then 0.5555555 -> 0.56
// if 3 then 0.5555555 -> 0.556

const USE_WRAPPER = true; // false, если не хотите, чтобы сообщение как-то помечалось

// шаблон, по которому оборачивается пост.
// {{ADMIN_NAME}} - имя админа
// {{CACHE_BEFORE}} - баланс до изменения
// {{CACHE_AFTER}} - баланс после изменения
const WRAPPER_START = `

ОБРАБОТАНО ({{ADMIN_NAME}})

Было: {{CACHE_BEFORE}}

Стало: {{CACHE_AFTER}}

`
const WRAPPER_END = `

`;

// Если id есть в таблице ниже, будет подставлено имя из неё. Иначе будет имя профиля.
const ADMIN_NAMES = { // id, ник для подстановки
1: "Кот админа",
3: "Люто Страшный Админ",
}

var currTopic_efof = new URLSearchParams(window.location.search).get('id');$(document).ready(function(){if(ALLOWED_GROUPS.includes(GroupID)&&ALLOWED_TOPICS.includes(currTopic_efof)){function t(t,e,n){const o={};return $.ajax({url:t,method:"get",async:!1,success:function(t){let e=(new DOMParser).parseFromString(t,"text/html").querySelector(n);if(e){const t=new FormData(e);for(const[e,n]of t.entries())o[e]=n;return o}throw new Error(`Форма '${n}' не найдена.`)},error:function(e,n,o){throw console.error("Ошибка при выполнении AJAX-запроса:",n,o),new Error(`Ошибка при загрузке страницы ${t} : ${n}`)}}),o}async function e(t,e){let n=new FormData;for(let t in e)n.append(t,e[t]);try{const e=await fetch(t,{method:"POST",body:function(t){const e=[];for(const[n,o]of t.entries())e.push({name:n,value:o});const n=$("<form>");return $.each(e,function(t,e){n.append($("<input>").attr({type:"hidden",name:e.name,value:e.value}))}),n.serialize2()}(n),headers:{"Content-Type":"application/x-www-form-urlencoded"}});return!!e.ok||(console.error("Ошибка отправки данных:",e.statusText),!1)}catch(t){return console.error("Ошибка отправки данных:",t),!1}}console.group("4eDo script edit_field_on_fly "),console.log("%c~~ Скрипт для быстрого начисления/списания средств. %c https://github.com/4eDo ~~","font-weight: bold;","font-weight: bold;"),console.groupEnd(),function(){const n=$(".post-rating");let o=0;n.each(function(){const n=$(this),r=n.closest("[data-user-id]"),s=r.data("user-id"),l=r.attr("id").slice(1),i=$("<div></div>"),a=$('<input type="button" />').addClass("edit_on_fly button preview").val(ADD_CACHE_TEXT).css("cursor","pointer").on("click",function(){p.show()}),c=$("<select></select>").attr("id",`select-type-${o}`).on("change",function(){d.toggle("0"!==c.val())});c.append('<option value="0">Не выбрано</option>');for(let t=0;t<OPERATIONS.length;t++)("all"==OPERATIONS[t][2]||OPERATIONS[t][2].split(" ").includes(currTopic_efof))&&c.append(`<option value="${OPERATIONS[t][1]}">${OPERATIONS[t][0]} (${OPERATIONS[t][1]>0?"+":""}${OPERATIONS[t][1]})</option>`);const p=$("<p>Тип операции: </p>").hide().append(c),u=$('<input type="number" min="0" step="1" />').attr("style",COLOR_INPUT_TEXT).attr("id",`input-count-${o}`).on("input",function(){f.toggle(u.val()>0)}),d=$("<p>Количество: </p>").hide().append(u),f=$('<input type="button" />').addClass("edit_on_fly button submit").val("Выполнить").hide().css("cursor","pointer").on("click",function(){const n=c.val(),o=u.val();f.prop("disabled",!0),p.css("opacity","0.5").css("pointer-events","none"),d.css("opacity","0.5").css("pointer-events","none"),f.css("opacity","0.5").css("pointer-events","none"),async function(n,o,r,s,l){try{var i=document.URL;let a="/profile.php?section=fields&id="+r,c="#profile8",p=await t(a,r,c),u=`form[${FIELD_ID_FOR_EDIT}]`,d=parseFloat(p[u])||0,f=d,E=function(t){if(0==ROUND)return parseInt(t);return Number.isInteger(t)?t:parseFloat(t.toFixed(ROUND))}(d+parseFloat(n)*parseInt(o));p[u]=`${E}`;let h='<table class="editOnFly_success" border="1" style="margin-top: 10px;"><tr><td>Тип операции:</td>'+`<td>${n>0?"начисление (+":"списание ("} ${parseFloat(n)})</td></tr>`+`<tr><td>Количество:</td><td>${o}</td></tr>`+`<tr><td>Было:</td><td>${f}</td></tr>`+`<tr><td>Стало:</td><td>${E}</td></tr></table>`+"<p>Новые значения будут видны после обновления страницы.</p>";h+=USE_WRAPPER?"<p><strong>Оборачиваем сообщение.</strong></p>":"",history.replaceState(null,null,a),setTimeout(function(){history.replaceState(null,null,i)},1e3);let A=await e(a,p);if(!A)throw new Error("Произошла ошибка при отправке данных.");if(s.append($(h)),USE_WRAPPER){let n="/edit.php?id="+l,o="#post",a=await t(n,r,o),c="req_message",p=a[c],u=WRAPPER_START+p+WRAPPER_END;u=u.replaceAll("{{CACHE_BEFORE}}",f).replaceAll("{{CACHE_AFTER}}",E).replaceAll("{{ADMIN_NAME}}",ADMIN_NAMES[UserID]||UserLogin),a[c]=u,console.log("getCurrentValueAndSetNew: обёрнутое сообщение",a);let d="<p>Сообщение обёрнуто.</p>";history.replaceState(null,null,n),setTimeout(function(){history.replaceState(null,null,i)},1e3);let h=await e(n,a);if(!h)throw new Error("Произошла ошибка при оборачивании сообщения.");s.append($(d))}}catch(t){s.append($(`<p class="editOnFly_error">${t}</p>`))}}(n,o,s,i,l)});i.append(a,p,d,f),n.after(i),o++})}()}else $("#efof").remove()});
</script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(96542288, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/96542288" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<!----- Предупреждение 18 by g.vatueil ---->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000b/09/4f/12176.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/000b/09/4f/10828.js"></script>

<!-- Вставить картинку © Deff -->
<script>
var oldIMG="<td id=\"button-img\" title=\"Изображение2\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\"></p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!-- DICE © @4eD0 -->
<script type="text/javascript">
const maxDiceCount = 9; // Максимальное кол-во кубиков за один бросок
const defaultDiceCount = 1; // Кол-во кубиков по умолчанию

const maxSideCount = 9; // Максимальное кол-во граней кубика
const defaultSideCount = 6; // Кол-во граней по умолчанию

function unhtml(s) { return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"); }

function numword(s,one,two,many) { return(((s%100>=10 && s%100<=20) || s%10>=5) ? many : (s%10==1 ? one : two)); }

function dice() {
        var FoundErrors = '';
        var diceRes=""
        var CountCube = prompt("Количество кубиков", defaultDiceCount );
        if(CountCube>maxDiceCount  || CountCube<=0) {
        alert("Нельзя бросать столько кубиков.");  return false;}
        var SideCube = prompt("Сколько граней у кубика?", defaultSideCount );
        if(SideCube>maxSideCount  || SideCube<=0){
        alert("Не бывает таких кубиков.");         return false;}
       
        for(i=0; i<CountCube;i++)
        {
          var dice = (Math.round(Math.random()*SideCube));
          if(dice==0) dice=1;
          diceRes += dice*1936+"-";
        }
        smile('[dice='+diceRes+CountCube+':'+SideCube+']');
}

function addDice(post, from, internal) {
  var str = post.innerHTML;
  var a = $(post).closest('.post').innerHTML;
  var u = "";
  var num = +post.id.match(/\d+/g)[0];
  var date = new Date(+$(post).attr('data-posted')*1000).getSeconds();
  var fCanRandomise = 1;
   
  var ran = num + date;
  return str
    .replace(
        /\[dice=((?:\d+[-—])*)(?:(\d)(\d+)|(\d+)(:)(\d+))]/g,
        function(a, dice, diceC, diceS, adieC, fNewScheme, adieS) {
            dice  = dice.replace(/[-—]/g, '-');
            diceC = parseInt(fNewScheme ? adieC : diceC);
            diceS = parseInt(fNewScheme ? adieS : diceS);
            if(!fCanRandomise && fNewScheme)
                return '<div class="quote-box"><blockquote><p><b>Гадание по кубикам не удалось, сообщите Администрации.</b></p></blockquote></div>';

            var i,
                diceR = 0,
                s = '<div class="quote-box"><blockquote '
                    + 'style="text-align:left"><p>'
                    + '<b>Игрок кинул '
            +diceC+numword(diceC,' куб с ',' куба с ',' кубов с ')
            +diceS+numword(diceS,' гранью',' гранями',' гранями')
                    + '<br /><br />Результаты броска '
                    + (fNewScheme ? '' : '(старая схема)')+'</b>: (';

            dice = dice.split("-");
            for (var i=0; i < dice.length-1; ++i) {
                var d = parseInt(dice[i]/1936);
                date=((date>>1)+((date&1)<<21))&0x3fffff;
                num=((num>>1)+((num&1)<<22))&0x7fffff;
                if(fNewScheme)
                    d = (ran=(((ran>>1)+(((ran&1) ? 0 : 1)<<23)+d+date)^num)&0xffffff)%diceS + 1;
                diceR += d;
                s+= (i?' + ':'') + d;
            }

            return (s + ')' + '=' + diceR + '</p></blockquote></div>');
        }
    );
}
$(document).ready(function() { initDices() });
$(document).on('pun_post', function() { initDices() });
$(document).on('pun_edit', function() { initDices() });

function initDices() {
    if (! FORUM.topic) return;

    $('.post-content').each(function(i, post) {
        var str = post.innerHTML;
        var isDiceInPost = /\[dice=((?:\d+[-—])*)(?:(\d)(\d+)|(\d+)(:)(\d+))]/.test(str);
        if (!isDiceInPost) { return;}
        post.innerHTML = addDice(post);
    });
}
</script>
<!-- end DICE -->

0

22

Объявление

<center>
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=58&p=2#p212739">новости</a> <br>от главы команды красных</div>
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=1253">БИТВА</a> <br>команды вперед</div>
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=1240">ПАЗЛЫ</a> <br>ты просто сияй</div> 
<div class="plashka"><a href="https://faceinless.ru/viewtopic.php?id=1156#p196630">ЛОТЕРЕЯ</a> <br>беспроигрышная</div>
</center>

Форма ответа

<!-- Font Awesome в форме ответа (с) ForumD.ru -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<style>
#form-buttons td {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#form-buttons tr {display: block;width: 100%;text-align: center;}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
background-image: none;
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0 4px 0px;
   transition: all .2s ease-in-out;
}
#form-buttons td .fab,
#form-buttons td .fas,
#form-buttons td .far,
#form-buttons td .fal,
#form-buttons td .fad {
font-size: 15px;
    padding: 5px 4px;
    color: var(--t-body);
}
#button-files_rusff {display:none!important;}
#button-graffiti_rusff {display:none!important;}

#form-buttons td:hover {background-color: var(--hovlink); filter: none!important;} /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .fab,
#form-buttons td:hover .fas,
#form-buttons td:hover .far,
#form-buttons td:hover .fal,
#form-buttons td:hover .fad {color: #000;} /* изменение цвета иконки при наведении курсора */</style>
<script type="text/javascript">
$(document).ready(function(){
$("#button-font").append('<i class="fas fa-font"></i>');
$("#button-transL").append('<i class="fas fa-solid fa-globe"></i>');
$("#button-size").append('<i class="fas fa-sort-amount-up-alt"></i>');
$("#button-bold").append('<i class="fas fa-bold"></i>');
$("#button-italic").append('<i class="fas fa-italic"></i>');
$("#button-underline").append('<i class="fas fa-underline"></i>');
$("#button-strike").append('<i class="fas fa-strikethrough"></i>');
$("#button-left").append('<i class="fas fa-align-left"></i>');
$("#button-mybb").append('<i class="fas fa-align-justify"></i>');
$("#floatbut").append('<i class="fas fa-outdent"></i>');
$("#button-center").append('<i class="fas fa-align-center"></i>');
$("#button-right").append('<i class="fas fa-align-right"></i>');
$("#button-link").append('<i class="fas fa-link"></i>');
$("#button-spoiler").append('<i class="fas fa-cut"></i>');
$("#button-spoiler2").append('<i class="fas fa-solid fa-book-open"></i>');
$("#button-image").append('<i class="fas fa-image"></i>');
$("#button-img").append('<i class="fas fa-images"></i>');
$("#button-video").append('<i class="fas fa-play-circle"></i>');
$("#button-hide").append('<i class="fas fa-lock"></i>');
$("#button-quote").append('<i class="fas fa-quote-right"></i>');
$("#button-code").append('<i class="fas fa-code"></i>');
$("#button-color").append('<i class="fas fa-palette"></i>');
$("#button-table").append('<i class="fas fa-table"></i>');
$("#button-smile").append('<i class="far fa-grin"></i>');
$("#button-sticker").append('<i class="far fa-grin"></i>');
$("#button-keyboard").append('<i class="fas fa-keyboard"></i>');
$("#button-addition").append('<i class="fas fa-plus-circle"></i>');
$("#button-mask").append('<i class="fas fa-solid fa-mask"></i>');
$("#button-dice").append('<i class=" fas fa-solid fa-dice"></i>');
$("#button-indent").append('<i class="fas fa-solid fa-indent"></i>');
});
</script>

<!-- ДОП ШРИФТЫ -->
<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Agoka+Family&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Faster+One&family=MedievalSharp&family=Homemade+Apple&family=Dancing+Script:wght@400;700&family=Great+Vibes&family=Sacramento&family=Pattaya&family=Raleway:wght@400;700&family=Cinzel:wght@400;700&display=swap" rel="stylesheet">
<!-- Подключение красивых шрифтов из Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Roboto+Slab:wght@400;700&family=Amatic+SC:wght@400;700&family=Caveat:wght@400;700&family=Raleway+Dots&display=swap" rel="stylesheet">

<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('');
ft_f.push('— универсальные —');
ft_f.push('');
ft_f.push('Alkonaut'); 
ft_f.push('Arina'); 
ft_f.push('Arkhip'); 
ft_f.push('Avertequestra'); 
ft_f.push('Bloc Kursiv'); 
ft_f.push('Colus'); 
ft_f.push('Cyrano'); 
ft_f.push('Helvetica Neue'); 
ft_f.push('Lobster'); 
ft_f.push('Merriweather'); 
ft_f.push('Montserrat'); 
ft_f.push('Oranienbaum'); 
ft_f.push('Playfair Display'); 
ft_f.push('Raleway'); 
ft_f.push('Raleway Dots'); 
ft_f.push('Roboto Slab'); 
ft_f.push('Yeseva One');
ft_f.push('');
ft_f.push('— л а т и н и ц а —');
ft_f.push('');
ft_f.push('Abril Fatface');
ft_f.push('Agoka Family');
ft_f.push('AlwaysSmile');
ft_f.push('Amanda');
ft_f.push('Amatic SC');
ft_f.push('Antifont');
ft_f.push('Anthanista');
ft_f.push('Antosan'); 
ft_f.push('Ariel Script');
ft_f.push('Avriella');
ft_f.push('Baysoir');
ft_f.push('Beatrix Signature');
ft_f.push('Before the Rain');
ft_f.push('Bigilla');
ft_f.push('Bitter Mind');
ft_f.push('Birch');
ft_f.push('Bleinheim Signature');
ft_f.push('Botaky');
ft_f.push('Breital');
ft_f.push('Brilliant Signature');
ft_f.push('Brioche');
ft_f.push('Broadway');
ft_f.push('Brooke Smith Script');
ft_f.push('Bw Vivant');
ft_f.push('Caledo');
ft_f.push('CapturaNow');
ft_f.push('Cantique');
ft_f.push('Caravan');
ft_f.push('Caveat');
ft_f.push('CharliePerth');
ft_f.push('Chequers');
ft_f.push('Clovvo');
ft_f.push('Cinzel');
ft_f.push('Clementhorp');
ft_f.push('Coastine Font');
ft_f.push('CoffeeSigns');
ft_f.push('Crystal Vibes');
ft_f.push('Dancing Script');
ft_f.push('DelunaSignature');
ft_f.push('Disneyland');
ft_f.push('Enough');
ft_f.push('Erotique Alternate');
ft_f.push('Farloxy');
ft_f.push('Fashionable');
ft_f.push('Faster One');
ft_f.push('Fright Night');
ft_f.push('GabrielAuste');
ft_f.push('Gardens');
ft_f.push('Great Vibes');
ft_f.push('Hello Paris');
ft_f.push('Homemade Apple');
ft_f.push('Hullist');
ft_f.push('Katulamp');
ft_f.push('Laginchy');
ft_f.push('Landsay');
ft_f.push('Liquido');
ft_f.push('Los Angeles');
ft_f.push('Madegra');
ft_f.push('Masquerouge');
ft_f.push('MedievalSharp');
ft_f.push('Netflix');
ft_f.push('Pacifico');
ft_f.push('Parisienne');
ft_f.push('Pattaya');
ft_f.push('Peter Jhons');
ft_f.push('Pink Script');
ft_f.push('Pistilli');
ft_f.push('Recorda Script');
ft_f.push('Renith');
ft_f.push('Rise');
ft_f.push('Rosemaria');
ft_f.push('Rotherland');
ft_f.push('Sage');
ft_f.push('Sacramento');
ft_f.push('Seaweed Script');
ft_f.push('Serifiqo');
ft_f.push('Shutter Stone');
ft_f.push('Simphonia');
ft_f.push('Smooth Stone'); 
ft_f.push('Soothing'); 
ft_f.push('Specials'); 
ft_f.push('Stay Classy');   
ft_f.push('Tamira');   
ft_f.push('TheLaker');
ft_f.push('Valkyrie'); 
ft_f.push('Vanity'); 
ft_f.push('Venom');
ft_f.push('Verona Lotte'); 
ft_f.push('Wata'); 
ft_f.push('Yellowbird');
ft_f.push('Port Vintage');
ft_f.push('Valky');
ft_f.push('');
ft_f.push('— к и р и л л и ц а —');
ft_f.push('');
ft_f.push('Alegreya Sans SC');
ft_f.push('Alter Biom');   
ft_f.push('Baron Neue');
ft_f.push('Bradobrei');
ft_f.push('Calama');
ft_f.push('Calypso');
ft_f.push('Cheque');
ft_f.push('Code Pro');
ft_f.push('Cuprum');
ft_f.push('Curator');
ft_f.push('Dita Sweet');
ft_f.push('Doppelganger');
ft_f.push('Galatea Gothic');
ft_f.push('Gunny Rewritten');
ft_f.push('Journalism');
ft_f.push('Lighthaus');
ft_f.push('Mak Light');
ft_f.push('Shlapak Script');
ft_f.push('The Artist Script');
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

<!--Смайлы от Человека-Шамана редактирование через файл--><script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001b/dc/dc/28923.txt");
});
</script>

<style> #button-sticker:before {
    content: "\263C";
    line-height: 22px;
    font-weight: bold;
    font-size: 15px;
}</style>

<!--конец-->

<!--Переключение раскладки выделенного текста -->
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- конец -->

<!-- Взаимная реклама © max, the murderer! 24.09.2024 -->
<script>
if ((GroupID <= 2 || GroupID == 4 || GroupID == 6) && (FORUM.get('topic.subject') && FORUM.get('topic.subject').match("Наша реклама #"))) $(document).on('pun_main_ready pun_post', function() {
    $('.post').each(function() {       
        if ($(this).find('.pl-mutualPR').length) return;
        var link = $(this).find('h3 span > a.permalink').attr('href');
        link = '\n\nВзаимная реклама';
       
        // Задаём шаблоны
        var template = [
           
             '
https://upforme.ru/uploads/001b/dc/dc/130/118403.png',
            'https://upforme.ru/uploads/001b/dc/dc/130/98200.png'  // последний элемент БЕЗ запятой

        ];
       
        template = template[Math.floor(Math.random() * template.length)];
        $(this).find('.post-links ul').append('<li class="pl-mutualPR"><a href="javascript://">Взаимная реклама</a></li>');
        $(this).find('.pl-mutualPR a').click(function() {
            var temp = $('<textarea>');
            $('body').append(temp);
            $(temp).val(template + link).select();
            document.execCommand('copy');
            $(temp).remove();
            $.jGrowl("Наш шаблон и ссылка на взаимную рекламу скопированы!");
        });
    });
});
</script>

<!-- Дополнительные цвета © Romych, shafim -->
<script language="javascript">
$(function(){
$('div#color-area table').append('<tr><td style="background-color: indianred;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightcoral;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: salmon;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darksalmon;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightsalmon;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: crimson;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: firebrick;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: pink;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightpink;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: hotpink;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: deeppink;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumvioletred;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: palevioletred;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightsalmon;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: coral;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: tomato;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: orangered;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkorange;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: orange;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: gold;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightyellow;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lemonchiffon;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightgoldenrodyellow;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: papayawhip;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: moccasin;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: peachpuff;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: palegoldenrod;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: khaki;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkkhaki;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lavender;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: thistle;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: plum;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: violet;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: orchid;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: magenta;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumorchid;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumpurple;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: blueviolet;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkviolet;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkorchid;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkmagenta;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: indigo;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: slateblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkslateblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: greenyellow;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: chartreuse;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lawngreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: limegreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: palegreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumspringgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: springgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumseagreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: seagreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: forestgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: yellowgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: olivedrab;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkolivegreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumaquamarine;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkseagreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightseagreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkcyan;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: cyan;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: lightcyan;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: paleturquoise;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: aquamarine;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: turquoise;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumturquoise;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkturquoise;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: cadetblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: steelblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightsteelblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: powderblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: skyblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightskyblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: deepskyblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: dodgerblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: cornflowerblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: mediumslateblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: royalblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: midnightblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: cornsilk;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: blanchedalmond;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: bisque;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: navajowhite;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: wheat;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: burlywood;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: tan;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: rosybrown;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: sandybrown;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: goldenrod;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkgoldenrod;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: peru;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: chocolate;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: saddlebrown;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: sienna;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: brown;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: snow;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: honeydew;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mintcream;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: azure;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: aliceblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: ghostwhite;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: whitesmoke;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: seashell;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: beige;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: oldlace;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: floralwhite;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr><tr><td style="background-color: ivory;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: antiquewhite;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: linen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lavenderblush;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mistyrose;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: gainsboro;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightgrey;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkgray;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: dimgray;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightslategray;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: slategray;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkslategray;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td></tr>');
});
</script>

<!-- DICE button -->
<input type="button" onclick="dice()" value="Кинуть кубики" />
<!-- end DICE button -->

0

23

Стиль

/*************************************************************

Основа css by shady.

**************************************************************/

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url('//forumstatic.ru/files/001b/6e/df/58432.css');
@import url('//forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: POIRETONE-REGULAR;
src: url('//forumstatic.ru/files/001b/f0/c8/46727.ttf?v=1');}
@font-face {font-family: tahoma;
    src: url('//forumstatic.ru/files/001b/11/27/69819.ttf?v=1');}
@font-face { font-family: YESEVAONE;
    src: url('//forumstatic.ru/files/001b/11/27/49269.otf?v=1');}
@font-face { font-family: Koloman Modern;
    src: url('//forumstatic.ru/files/001b/6e/df/58872.ttf');}
@font-face { font-family: Alter Biom;
    src: url('//forumstatic.ru/files/001b/b9/c5/65163.otf?v=1');}
@font-face { font-family: Vogue Highline serif;
    src: url('//forumstatic.ru/files/001b/6e/df/10841.otf');}
@font-face {font-family: 'Mulish';
src: url(//forumstatic.ru/files/001b/f0/c8/42778.ttf);}
@font-face {font-family: 'Anticva';
src: url(//forumstatic.ru/files/001b/f0/c8/89727.otf?v=1);}
@font-face {font-family: 'Disneyland';
src: url(//forumstatic.ru/files/001b/dc/dc/10315.otf);}
@font-face {font-family: 'Seaweed Script';
src: url(//forumstatic.ru/files/001b/dc/dc/10717.ttf);}
@font-face {font-family: 'Before the Rain';
src: url(//forumstatic.ru/files/001b/dc/dc/84201.ttf);}
@font-face {font-family: 'Parisienne';
src: url(//forumstatic.ru/files/001b/dc/dc/54805.ttf);}
@font-face {font-family: 'Arina';
src: url(//forumstatic.ru/files/001b/dc/dc/94523.ttf);}
@font-face {font-family: 'Arkhip';
src: url(//forumstatic.ru/files/001b/dc/dc/71654.otf);}
src: url(//forumstatic.ru/files/001b/dc/dc/65480.ttf);}
@font-face {font-family: Netflix;
src: url(//forumstatic.ru/files/001b/dc/dc/88098.ttf);}
@font-face {font-family: Brygada;
src: url(//forumstatic.ru/files/001b/dc/dc/29869.ttf);}
@font-face {font-family: CapturaNow;
src: url(//forumstatic.ru/files/001b/dc/dc/43649.otf);}
@font-face {font-family: Caravan;
src: url(//forumstatic.ru/files/001b/dc/dc/89177.otf);}
@font-face {font-family: Alkonaut;
src: url(//forumstatic.ru/files/001b/dc/dc/84688.ttf);}
@font-face {font-family: Clementhorp;
src: url(//forumstatic.ru/files/001b/dc/dc/44810.ttf);}
@font-face {font-family: Colus;
src: url(//forumstatic.ru/files/001b/dc/dc/84866.otf?v=1);}
@font-face {font-family: Gardens;
src: url(//forumstatic.ru/files/001b/dc/dc/34603.ttf?v=1);}
@font-face {font-family: KingthingsPetrock;
src: url(//forumstatic.ru/files/001b/dc/dc/58520.ttf?v=1);}
@font-face {font-family: Los Angeles;
src: url(//forumstatic.ru/files/001b/dc/dc/19129.ttf?v=1);}
@font-face {font-family: Oranienbaum;
src: url(//forumstatic.ru/files/001b/dc/dc/38878.ttf?v=1);}
@font-face {font-family: Rosemaria;
src: url(//forumstatic.ru/files/001b/dc/dc/23395.ttf?v=1);}
@font-face {font-family: Serifiqo;
src: url(//forumstatic.ru/files/001b/dc/dc/75245.otf?v=1);}
@font-face {font-family: Simphonia;
src: url(//forumstatic.ru/files/001b/dc/dc/15200.ttf?v=1);}
@font-face {font-family: AlwaysSmile;
src: url(//forumstatic.ru/files/001b/dc/dc/12507.otf);}
@font-face {font-family: Anthanista;
src: url(//forumstatic.ru/files/001b/dc/dc/77914.ttf);}
@font-face {font-family: Avertequestra;
src: url(//forumstatic.ru/files/001b/dc/dc/42496.ttf);}
@font-face {font-family: CharliePerth;
src: url(//forumstatic.ru/files/001b/dc/dc/43270.otf);}
@font-face {font-family: CoffeeSigns;
src: url(//forumstatic.ru/files/001b/dc/dc/83185.ttf);}
@font-face {font-family: DelunaSignature;
src: url(//forumstatic.ru/files/001b/dc/dc/79153.ttf);}
@font-face {font-family: Farloxy;
src: url(//forumstatic.ru/files/001b/dc/dc/55443.ttf);}
@font-face {font-family: GabrielAuste;
src: url(//forumstatic.ru/files/001b/dc/dc/82981.ttf);}
@font-face {font-family: Landsay;
src: url(//forumstatic.ru/files/001b/dc/dc/63526.ttf);}
@font-face {font-family: TheLaker;
src: url(//forumstatic.ru/files/001b/dc/dc/61387.otf);}
src: url(//forumstatic.ru/files/001b/dc/dc/22165.ttf);}
@font-face {font-family: Venom;
src: url(//forumstatic.ru/files/001b/dc/dc/40312.ttf);}
@font-face {font-family: Yellowbird;
src: url(//forumstatic.ru/files/001b/dc/dc/30953.otf);}
src: url(//forumstatic.ru/files/001b/dc/dc/65465.ttf);}
@font-face {font-family: Agoka Family;
src: url(//forumstatic.ru/files/001b/dc/dc/30513.otf);}
@font-face {font-family: Amanda;
src: url(//forumstatic.ru/files/001b/dc/dc/62693.otf);}
src: url(//forumstatic.ru/files/001b/dc/dc/81036.ttf);}
@font-face {font-family: Antifont;
src: url(//forumstatic.ru/files/001b/dc/dc/61390.ttf);}
@font-face {font-family: Antosan;
src: url(//forumstatic.ru/files/001b/dc/dc/78640.otf);}
src: url(//forumstatic.ru/files/001b/dc/dc/46549.ttf);}
@font-face {font-family: Ariel Script;
src: url(//forumstatic.ru/files/001b/dc/dc/47262.otf);}
src: url(//forumstatic.ru/files/001b/dc/dc/91678.ttf);}
@font-face {font-family: Avriella;
src: url(//forumstatic.ru/files/001b/dc/dc/91840.ttf);}
@font-face {font-family: Baron Neue;
src: url(//forumstatic.ru/files/001b/dc/dc/96742.otf);}
@font-face {font-family: Bradobrei;
src: url(//forumstatic.ru/files/001b/dc/dc/94404.otf);}
@font-face {font-family: Calama;
src: url(//forumstatic.ru/files/001b/dc/dc/25271.ttf);}
@font-face {font-family: Cheque;
src: url(//forumstatic.ru/files/001b/dc/dc/86070.otf);}
@font-face {font-family: Code Pro;
src: url(//forumstatic.ru/files/001b/dc/dc/70211.otf);}
@font-face {font-family: Curator;
src: url(//forumstatic.ru/files/001b/dc/dc/63476.ttf);}
@font-face {font-family: Dita Sweet;
src: url(//forumstatic.ru/files/001b/dc/dc/94941.otf);}
@font-face {font-family: Doppelganger;
src: url(//forumstatic.ru/files/001b/dc/dc/93527.ttf);}
@font-face {font-family: Galatea Gothic;
src: url(//forumstatic.ru/files/001b/dc/dc/27497.ttf);}
@font-face {font-family: Gunny Rewritten;
src: url(//forumstatic.ru/files/001b/dc/dc/28933.otf);}
@font-face {font-family: Journalism;
src: url(//forumstatic.ru/files/001b/dc/dc/59019.ttf);}
@font-face {font-family: Lighthaus;
src: url(//forumstatic.ru/files/001b/dc/dc/43814.otf);}
@font-face {font-family: Mak Light;
src: url(//forumstatic.ru/files/001b/dc/dc/30630.otf);}
@font-face {font-family: The Artist Script;
src: url(//forumstatic.ru/files/001b/dc/dc/10987.otf);}
@font-face {font-family: Baysoir;
src: url(//forumstatic.ru/files/001b/dc/dc/13471.ttf);}
@font-face {font-family: Beatrix Signature;
src: url(//forumstatic.ru/files/001b/dc/dc/64353.otf);}
@font-face {font-family: Bigilla;
src: url(//forumstatic.ru/files/001b/dc/dc/90653.otf);}
@font-face {font-family: Bitter Mind;
src: url(//forumstatic.ru/files/001b/dc/dc/59970.otf);}
@font-face {font-family: Birch;
src: url(//forumstatic.ru/files/001b/dc/dc/98766.otf);}
@font-face {font-family: Bleinheim Signature;
src: url(//forumstatic.ru/files/001b/dc/dc/19415.ttf);}
@font-face {font-family: Bloc Kursiv;
src: url(//forumstatic.ru/files/001b/dc/dc/50418.ttf);}
@font-face {font-family: Botaky;
src: url(//forumstatic.ru/files/001b/dc/dc/25628.otf);}
@font-face {font-family: Breital;
src: url(//forumstatic.ru/files/001b/dc/dc/48141.ttf);}
@font-face {font-family: Brilliant Signature;
src: url(//forumstatic.ru/files/001b/dc/dc/55336.ttf);}
@font-face {font-family: Brioche;
src: url(//forumstatic.ru/files/001b/dc/dc/80253.otf);}
@font-face {font-family: Brooke Smith Script;
src: url(//forumstatic.ru/files/001b/dc/dc/28432.ttf);}
@font-face {font-family: Bw Vivant;
src: url(//forumstatic.ru/files/001b/dc/dc/29348.ttf);}
@font-face {font-family: Caledo;
src: url(//forumstatic.ru/files/001b/dc/dc/59609.otf);}
@font-face {font-family: Cantique;
src: url(//forumstatic.ru/files/001b/dc/dc/19536.ttf);}
@font-face {font-family: Chequers;
src: url(//forumstatic.ru/files/001b/dc/dc/15179.otf);}
@font-face {font-family: Clovvo;
src: url(//forumstatic.ru/files/001b/dc/dc/38000.otf);}
@font-face {font-family: Coastine Font;
src: url(//forumstatic.ru/files/001b/dc/dc/39824.ttf);}
@font-face {font-family: Crystal Vibes;
src: url(//forumstatic.ru/files/001b/dc/dc/19215.otf);}
@font-face {font-family: Cyrano;
src: url(//forumstatic.ru/files/001b/dc/dc/99770.otf);}
@font-face {font-family: Enough;
src: url(//forumstatic.ru/files/001b/dc/dc/34780.ttf);}
@font-face {font-family: Erotique Alternate;
src: url(//forumstatic.ru/files/001b/dc/dc/73337.ttf);}
@font-face {font-family: Fashionable;
src: url(//forumstatic.ru/files/001b/dc/dc/37805.otf);}
@font-face {font-family: Fright Night;
src: url(//forumstatic.ru/files/001b/dc/dc/42368.ttf);}
@font-face {font-family: Hello Paris;
src: url(//forumstatic.ru/files/001b/dc/dc/42821.ttf);}
@font-face {font-family: Hullist;
src: url(//forumstatic.ru/files/001b/dc/dc/88442.ttf);}
@font-face {font-family: Katulamp;
src: url(//forumstatic.ru/files/001b/dc/dc/50423.ttf);}
@font-face {font-family: Laginchy;
src: url(//forumstatic.ru/files/001b/dc/dc/54956.otf);}
@font-face {font-family: Liquido;
src: url(//forumstatic.ru/files/001b/dc/dc/20901.otf);}
@font-face {font-family: Madegra;
src: url(//forumstatic.ru/files/001b/dc/dc/69890.ttf);}
@font-face {font-family: Peter Jhons;
src: url(//forumstatic.ru/files/001b/dc/dc/29635.otf);}
@font-face {font-family: Pink Script;
src: url(//forumstatic.ru/files/001b/dc/dc/54461.otf);}
@font-face {font-family: Pistilli;
src: url(//forumstatic.ru/files/001b/dc/dc/18116.otf);}
@font-face {font-family: Recorda Script;
src: url(//forumstatic.ru/files/001b/dc/dc/98642.ttf);}
@font-face {font-family: Renith;
src: url(//forumstatic.ru/files/001b/dc/dc/85687.ttf);}
@font-face {font-family: Rise;
src: url(//forumstatic.ru/files/001b/dc/dc/80215.otf);}
@font-face {font-family: Shutter Stone;
src: url(//forumstatic.ru/files/001b/dc/dc/90867.ttf);}
@font-face {font-family: Smooth Stone;
src: url(//forumstatic.ru/files/001b/dc/dc/62048.ttf);}
@font-face {font-family: Soothing;
src: url(//forumstatic.ru/files/001b/dc/dc/99667.otf);}
@font-face {font-family: Stay Classy;
src: url(//forumstatic.ru/files/001b/dc/dc/74709.otf);}
@font-face {font-family: Tamira;
src: url(//forumstatic.ru/files/001b/dc/dc/28385.otf);}
@font-face {font-family: Valkyrie;
src: url(//forumstatic.ru/files/001b/dc/dc/10338.ttf);}
@font-face {font-family: Vanity;
src: url(//forumstatic.ru/files/001b/dc/dc/84984.otf);}
@font-face {font-family: Verona Lotte;
src: url(//forumstatic.ru/files/001b/dc/dc/69163.otf);}
@font-face {font-family: Port Vintage;
src: url(//forumstatic.ru/files/001b/dc/dc/73027.otf);}
@font-face {font-family: Valky;
src: url(//forumstatic.ru/files/001b/dc/dc/64559.otf);}

@font-face {font-family: 'Mulish Bold';
src: url(//forumstatic.ru/files/001b/f0/c8/78710.ttf);}

/* шрифт для адвент календаря */
@font-face { font-family: Delicate;
    src: url('https://forumstatic.ru/files/001b/dd/85/40872.otf');}   

@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src:  url('//forumstatic.ru/files/001a/da/7d/83987.ttf');}

/* ROOT
-------------------------------------------------------------*/
:root {
--h1-font: 13px "Anticva"; /* шрифт и размер заглавного текста */
--body-font: 10px "Mulish"; /* шрифт основного текста */
--backcol: #cbc4b5; /* цвет подложки выпадающих меню */
--forcol: #8787871c; /* цвет подложки в цитатах*/
--link: #4f4c46; /* цвет основных ссылок */
--hovlink: #6d7e77; /* цвет ссылок при наведении */
--doplink: #d1cdc1; /* цвет дополнительных ссылок */
--t-body: #4f4c46; /*цвет основного текста */
--doptext: #7f4a3a; /*цвет дополнительного текста */
--proftext: #658376; /*цвет текста в профиле */
--bordin: 1px solid #adaaa1; /*цвет рамок форм */
--headtext: #b38971; /*цвет текста в шапке */
--headhov: #7f4a3a; /* цвет ссылок в шапке при наведении */
}

/* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body {  font: 12px "Mulish";}
h1, h2 {  font: 13px "Anticva";    font-weight: normal;}

/* шрифты поля ввода*/
textarea,  input, select, optgroup {  font: 13px "Verdana";}

/*шрифт в поле кода */
.punbb pre { font: 10px 'Mulish'; }

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,  .info-box, #pun-main .info-box .legend,  .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    color: #4f4c46;
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.post-box {
    color: #4a3a32;
font: 11px "Verdana";
background: #cbc4b5;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;
    color: var(--t-body);
    font: var(--body-font);
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    transition: color 0.3s ease-in-out;
    color: #7f4a3a;
font-weight: 600;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #6d7e77;
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table {
  table-layout: fixed;
  width: 100%;  }
#messages > fieldset > div > div > table, #rep_form > table {width: 100%;}

/* отступы в ячейках */
.main td {  padding: 5px 10px;  }
th {  padding: 0!important; font-size: 0px!important;  }

/* ширина подфорума */
.main .tcl {  text-align: left;  width: 55%;  }
#pun-index .tcl {  text-align: left;  width: 60%; }

/* ширина ячеек */
.tc2, .tc3, .tcmod {  text-align: center;   }

/* ширина последнего сообщения */
.tcr {  text-align: left;
    width: 30%;
    line-height: 20px!important;   }

/* ширина в поиске/модерировании */
#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
  width: 40%  }
#pun-userlist .tc2, #pun-searchtopics .tc2 {  text-align: left;  width: 20%;  }

/*дебаг */
#pun-debug table .tcl {  width: 15%;  white-space:normal;  }
#pun-debug .tcr {  width: 90%;  white-space: normal;  }

/* расположение последней активной темы */
#pun-index .tcr {
width: 40%!important;
    text-align: left;
    line-height: 11px!important;
    font: var(--body-font);
    color: var(--t-body);
    font-size: 9px;
}

/* последняя активная тема в подфоруме */
#pun-index .tcr a {
    text-transform: uppercase;
    font: var(--body-font);
    font-weight: bolder;
}

/* количество тем и сообщений в подфоруме */
#pun-index .tc2, #pun-index .tc3 {    width: 5%; display: none; }

/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
/* расположение*/
#pun-navlinks {
    position: relative;
    text-align: center;}

#pun-navlinks .container {    padding: 0px;    margin: 0;}

#pun-navlinks li {  display: inline;  }

/* вид ссылок */
#pun-navlinks li a {
color: var(--link);
    text-transform: uppercase;
    padding-right: 15px;
    font: var(--h1-font);
    font-size: 16px;
  }

/*  вид ссылок навигации при наведении */
#pun-navlinks li a:hover {      color: var(--hovlink); }

/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
-------------------------------------------------------------*/
/*расположение */
#pun-ulinks  {    text-align: center;
position: relative;
    top: 10px;
}

#pun-ulinks .container {    padding: 0!important;    margin: 0px;}
#pun-ulinks li, #pun-ulinks li a {    display: inline;}

/* цвет ссылок */
#pun-ulinks a {
transition: all 0.5s linear 0s;
    text-transform: lowercase;
    padding-right: 10px;
    color: var(--link);
    font: var(--body-font);}

/* цвет ссылок при наведении */
#pun-ulinks a:hover { color: var(--hovlink);}

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 { margin-top: 90px !important;
    margin-bottom: -40px;}

/* расположение снизу */
#pun-crumbs2 {        margin-top: 0px; }

/* общий внешний вид */
#pun-crumbs1, #pun-crumbs2 {
font: var(--h1-font);
    text-align: center;
    text-transform: uppercase;
    color: var(--t-body);
}

/* цвета ссылок */
#pun-crumbs2  a, #pun-crumbs1 a {font-weight: bold; }

/* цвет ссылок при наведении */
#pun-crumbs2  a:hover, #pun-crumbs1 a:hover {font-weight: bold; color: var(--hovlink);}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
/* расположение  */
#pun-status {      position: relative;
    text-align: center;
    top: 55px;
    width: 700px;
    background: var(--forcol);
    border: var(--bordin);
    border-radius: 20px;
    left: 125px;
}

/* внешний вид  */
#pun-status .container {    color: var(--t-body);
    font: var(--body-font);
    text-transform: lowercase;}

#pun-status strong {   font-weight: normal; }
#pun-status span {  margin-right: 5px;  }
#pun-status .status-right  { float: none!important; }

/* цвет ссылки  */
#pun-status a {  color: var(--t-body); font-weight: normal;}

/* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */
.post .container { margin-top: 30px; }

/* разделитель между сообщения*/
.post h3 {     width: 700px;
    margin: 35px 0px -10px 260px;
    padding: 10px;
    box-sizing: border-box;
    background: var(--forcol);
    border: var(--bordin);
    border-radius: 10px;
}

/* текст внутри разделителя */
.post h3 span {
display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--t-body);
    font: var(--body-font);
    font-size: 9px!important;
    line-height: 7px;
}

/* ссылка внутри разделителя */
.post h3 a {       
    font-size: 9px!important;
    color: var(--t-body)!important;
padding: 0 10px;}

/* номер поста */
.post h3 strong {     float: right;
    text-align: right;
    font-weight: normal;
    margin-right: 10px;
  }

/* расположение профиля */
.post .post-author {    float: left;
    min-height: 265px!important;
}

/* пост и отступы в посте */
.post-body {    margin-left: 260px; }
.post-box { padding: 0px 15px 0px;  }

/* выравнивание текста поста */
.post-content {
  width: 100%;
  overflow: hidden;
  text-align: justify;  }

/* абзацы постов */
.post-content p {
    padding: 0;
    line-height: 150%;
    margin: 10px 0px;}

.post-content {}

/* ссылки в посте */
.post-links a {    }
.post-links li {  display: inline;  padding-left: 5px;  }
.post-links ul {     padding: 0px 10px 0px 22px;
    text-align: right;
}
.pl-email, .pl-website {  float: left;  }
.clearer {  clear: both;  height: 0;  font-size: 0;  }

/* курсив и подчеркнутый текст внутри поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}

/* картинки в постах */
.post-content img {  vertical-align: text-bottom  }
.post-content img.postimg {  vertical-align: middle;  }

/* таблицы в постах */
td { border-color: transparent; }

.post-content td {     padding: 0.4em 0.5em !important;
    overflow: hidden;
}

/* разделитель подписи в посте */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
border: 1px solid #b6b1a24f;
    width: 350px;
    margin: 0px 170px;
}

/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
.formal .container {padding: 15px 0px; }
.punbb .formal fieldset {min-width:0;     border: none;}
.punbb .formal span.input {padding-right:0 !important}

#post-form h2, #pun-announcement h2 { display:none;}

/* местоположение кнопок отправить/посмотреть */
.formsubmit {    margin: 10px 0px 10px 20px;}
.formsubmit input, .formsubmit a, .formsubmit span {  margin: 0;  }

/* инфо по заполнению */
fieldset {    padding: 0 10px 10px 20px;}
fieldset legend {  margin: 0 0px 10px 0;}
/* настройка текста */
fieldset legend span { }
fieldset fieldset {  border: none;  margin: 0;  padding: 0px 0px 5px;  }

.fs-box {  padding: 0px;  }
.fs-box p, .punbb .fs-box fieldset {  padding: 0px;  }
.inline .inputfield, .inline .selectfield, .inline .passfield {  float: left;  margin-right: 1em;  }
.inline .infofield {  clear:both  }
.datafield br {  display: none  }
.required label, .datafield span.input {  font-weight: bold  }
textarea, .longinput input {  width: 64%;  margin: 0;  }

/* обводка активного поля */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}
.hashelp {  position: relative;  }

/* чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {  height: 1.8em;  vertical-align: middle;  }

/* страница переадресации */
#pun-redirect {padding: 14px;}
#pun-redirect.punbb .info .container{ }

/* поле ввода текста поста */
.punbb textarea {
background-clip: padding-box;
    background: var(--forcol);
    padding: 18px 20px !important;
    width: 95% !important;
    color: #312726;
    border: solid 1px #826b5c38;
    border-radius: 5px;
background: #cbc4b5;
}

/* поле ввода название темы */
.punbb select, input {
    background: var(--forcol);
    color: var(--t-body);
    margin: 0;
    border: var(--bordin);
    border-radius: 3px;
}

/* перенос сообщений из темы  */
.pun-modal .container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    background: var(--backcol);
}

/* пагинация
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
.linkst {  position: relative;
    height: 0;
    top: 0px;  }
.linkst .pagelink {    margin-left: 25px;}
.postlink.long {    width: 300px; }
.linkst .postlink {     position: absolute;
    top: 0px;
    right: 20px;
    text-align: right;
    font: var(--h1-font);
    text-transform: uppercase;
}

/* страницы в подфоруме снизу*/
.linksb {        text-align: right;
    padding: 0px 20px;
    position: relative;
    bottom: -5px;}

.linksb .pagelink {
width: 300px;
    text-align: left; }

.linksb .postlink {float: right;
font: var(--h1-font);
    text-transform: uppercase; }

/* страницы в теме снизу*/
#pun-viewtopic .linksb {    text-align: right;
    padding: 0px 25px;
    position: relative;
    bottom: -20px;}

/* подписаться и отслеживать внутри темы */
.subscribelink {  clear:both;  padding-top: 10px;  }

/* меню модератора */
.modmenu .container {    padding: 0px 25px;
    text-align: right;
    margin: 25px 0px 0px; }
.modmenu strong,  .modmenu a {height: 15px;    padding-bottom: 10px;  }
.modmenu .container strong {  float: left;  }
.modmenu input {  margin-left: 1em; }

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option {    text-transform: uppercase!important;
    line-height: 9px;
    font-size: 8px !important;
    padding: 2px 4px 4px;}

.checkbox { width: auto !important;}
.punbb option {    background-color: var(--backcol);}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, button, #pun-admain input {
    background: var(--forcol);
    border-radius: 4px !important;
    border: 1px solid #46464638 !important;
    color: var(--doptext);
    padding: 9px 10px 7px !important;
    cursor: pointer !important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font: var(--h1-font) !important;
    text-transform: uppercase;
    font-size: 10px !important;
    width: auto;
    font-weight: bolder !important;
}

/* при наведении */
input.button:hover, #post fieldset .hashelp div input:hover, button:hover {
background: var(--forcol);
    cursor: pointer !important;
    color: var(--hovlink);
    filter: brightness(1.1);
  }

/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
#pun-main table .quote-box,  #pun-main table .code-box {margin: 5px 1px 5px}

/* бокс под цитаты/код итд */
.scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
  } 

blockquote {margin:0;}

/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; }
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}

/* настройки оформления */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float {
    padding: 15px 10px 10px 10px !important;
    background: var(--backcol);
    border-radius: 5px;
    color: var(--t-body);
    border: var(--bord);
}

#size-area {width: 50px; left: 15px;}

#font-area span, #font-area img {    height: 15px; }

/* фон репутации */
.post_reputation {
padding: 15px;
    background: var(--backcol);}

#font-area {
    height: 160px;
    width: 130px;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0px;
}
#font-area div {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

#tags .container {position: absolute;
    top: 40px!important;
    z-index: 2;
    right: 50px;}

/* мини аватар на главной
-------------------------------------------------------------*/

.user-avatar {    height: 35px!important;
    width: 35px!important;
    float: left!important;
    position: relative;
    margin: 0px 15px 10px 0!important;}

.user-avatar .avatar-image {   
border: 2px solid;
    height: 35px!important;
    width: 35px!important;
    color: #382b2982!important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(0.5) brightness(0.9)!important; border-radius: 0!important;}

.user-avatar .avatar-image span img {    filter: grayscale(1)!important;}

.user-avatar .isonline {
width: 8px!important;
    height: 8px!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -4px!important;
    right: 30px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink)!important;
    z-index: 100;
}

.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image:hover {opacity:1}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}

#pun-viewforum .user-avatar {       float: left!important;
    position: relative;
    height: 30px!important;
    width: 30px!important;
    margin: 0px 10px 0px 0px!important;
}

#pun-messages .user-avatar {float: right!important;
    position: relative;
height: 30px!important;
    width: 30px!important;
margin: 0px 10px 0px 0px!important;
}

#pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {   
border: 1px solid!important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.65;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5);
    border-radius: 0!important;}

#pun-viewforum .user-avatar .isonline {
    width: 5px!important;
    height: 5px!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -1px!important;
    right: 30px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink)!important;
    z-index: 100;
}

/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА
-------------------------------------------------------------*/
/* выделенный текст */
::selection { background: #3c3c3c;
    color: #745c4f;}

/* ширина прокрутки  */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
    background-color: #3b5841;
}

.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb, .banktt::-webkit-scrollbar-thumb {
    background-color: #8a837745;
}

/* подложка прокрутки */
::-webkit-scrollbar-track {
background-color: #111110;
}

.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track, .banktt::-webkit-scrollbar-track {
    background-color: #8a837745;
}

/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 {  }

/* контейнер */
#profile .container { padding-left: 200px; }

/* навигация */
#profilenav {  float: left;  width: 200px;  margin-left: -195px;  }

/* отступы между строк в меню*/
#profilenav li {  padding-bottom: 10px;  font-weight: normal;  }

/* отступ в управлении  */
#setmods dl {padding: 0 0 0 110px;  }
#setmods dt { float: left;
    width: 150px;
    margin-left: -190px;
    padding: 10px;
    font-weight: bold;
    display: inline;
  }
#setmods dd { display: block;     padding: 10px;     font-weight: normal;  }

/*настройки списка */
#profilenav ul { padding: 0px; }

/* заголовки  в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 {     text-align: left;
    margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {     font-size: 11px;
    text-align: center; }

#profile-signature ul {    border-style: none!important;
    margin: 0;
    padding: 10px;
}

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px 25px;     position: relative; }
#viewprofile li { }
#viewprofile li span {float: left;
    width: 150px;
    padding: 5px 10px;
    font-weight: bold;  }
#viewprofile li strong, #viewprofile li div {    display: block;    padding: 7px 10px;    font-weight: normal;  }
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {}
#profile-left strong {font-weight:bold!important;}
#profile-signature {padding:10px;}

#viewprofile .lzname,  #viewprofile .lztext {
    background: transparent;
    text-align: left;
    width: auto;
    border: none;
    outline: none;
    margin: 0 !important;
    padding: 0px !important;
    padding-bottom: 2px !important;
    text-shadow: none;
    font-weight: normal !important;
    top: 0px !important;
}

.punbb #profile-right li strong.GamePst2 {display: block !important; }

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
html, body {min-width: 1000px!important;}

/* отключить прокрутку снизу */
body {overflow-x: hidden}

/* отступы по умолчанию у тела */
body {margin: 0; padding:0;}

/* элементы списка */
ul, dl, li, dd, dt {  list-style: none;  }

/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;}

/* убрать подчеркивание с ссылок */
a {  text-decoration: none;  }

/* скрытые элементы */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1,  #pun-debug h2 {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;  }

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,  #navawards a span  {  font-size: 0;  height: 0;  width: 0;  line-height: 0.0;  position:absolute;  left: -9999px;  overflow: hidden  }
#pun-ulinks .item5, .modlist, .topic a.sharelink, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}

/* информация при регистрации */
.info-box {padding: 0 30px;    margin: 0 0 10px 0;  }
.info-box * {  padding: 0;  }
#pun-main .info-box .legend {    font-weight: bold;  }

/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px}
td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px}
td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px}
td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px}
td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px}
td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px}
td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px}
td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px}
td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px}
td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px}
td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px}
td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px}
td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px}
td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px}
td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px}
td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px}
td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px}
td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px}
td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px}
td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px}
td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:25%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}

/** подгрузка видео и картинок
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}

.flag-i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    margin-right: 1em;
}

.flag-i:before {    content: '\00a0';}

.social {
    background-image: url(/i/social.1.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px;
}
.social-vkontakte {    background-position: -130px 0;}
.social-odnoklassniki {    background-position: -78px 0;}
.social-mailru {    background-position: -52px 0;}
.social-google {    background-position: -26px 0;}
.social-yandex {    background-position: -156px 0;}

/* СТРАНИЦА СООБЩЕНИЙ
-------------------------------------------------------------*/

#pun-messages .post h3 {
    width: 450px!important;
    margin: 15px 0px 19px 260px!important;
}

#pun-messages .post-author {
margin-left: -50px!important;
}

#pun-messages .post-author ul {}

#pun-messages .post-body {
    margin-left: 255px;
    padding: 0px 0px 0px 10px;}

#pun-messages .post-box {
    padding: 0em!important;}

#pun-messages .post-content {
    width: 100%!important;
    overflow: hidden;
    text-align: justify;}

#pun-messages .pa-posts, .pa-respect {    margin: 0px; }

#pun-messages .pmtcl1 {
    width: 35%!important;
}
#pun-messages td.tc2.pmtc22 {
width: 45% !important;
    line-height: 35px;
}

#pun-messages .pmtc22 {
    width: 20% !important;
}

#pun-messages .pmtc33 {
    width: 16% !important;
}

#pun-messages .pmtc24 {
    width: 7% !important;
    padding: 0 !important;
}

/* ВНЕШНИЙ ВИД ПРОФИЛЯ ПРИ ПРОСМОТРЕ
-------------------------------------------------------------*/

#viewprofile #profile-right li span {
    float: left;
    width: 140px;
    padding: 5px 10px;
    margin: 2px 20px 0px;
    font: var(--body-font);
    font-size: 8px;
    text-align: center;
    color: var(--t-body);
    border-radius: 5px;
    background: var(--forcol);
    border: var(--bordin);
}

#viewprofile #profile-left {
    width: 30%;
    padding-top: 0 !important;
    /* text-align: center; */
    /* background: #aca48d; */
}

.modlist {
    display: block;
    padding-top: 0.3em;
    display: none!important;
}

/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: none;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(
http://forumstatic.ru/files/001b/f0/c8/95281.png?v=1) no-repeat center;
    position: relative;
    z-index: 100;
    width: 29px;
    padding-right: 2px;
    padding-top: 20px;
    height: 46px;
    text-align: center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #4f4c46;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
display: none!important;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

td.tcl.username {
    padding-left: 15px;
    padding-bottom: 10px;
}
.punbb .main .tcl {
    padding-left: 15px;
}
.punbb .main .tcr {
    padding-right: 15px;
       line-height: 35px;
}

.NoComments {
    display: none;
}

.post-content abbr {
    cursor: help;
text-decoration: underline dashed;
}

#all_voters tbody {
    background: #edeee485!important;
}

/* ВСПЛЫВАЮЩАЯ ЛС
-------------------------------------------------------------*/

.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 9999;
display: none;
top: 0;
left: 0;
}

.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
font-size: 22px;
    line-height: .5;
    position: absolute;
    top: -18px;
    right: -24px;
    color: #73647e;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks a#New-exit {
  background: transparent!important;
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important;
}
#pun-navlinks #New-exit img{
position:absolute;
margin-top: 7px;
margin-left: 65px;
width:20px;
height:auto;
opacity:.62;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: -30px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
    border: 1px solid #1f1f1f;
    text-rendering: auto;
    color: #000000!important;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    width: 110px;
    background: #505050;
    font: normal normal 400 11px tahoma!important;
}
.punbb #form-login #fld1,#form-login #fld2{
background-color: rgba(244, 248, 252, .7);
}
.punbb #pun-navlinks #form-login input[type="submit"]{
margin: 13px 0 2px!important;
    font-size: 8px!important;
    color: #9b9b9b!important;
    background: #505050;
    border: 1px solid #1f1f1f!important;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 4px;
    min-width: 110px;
    border-radius: 0px;
    font-family: tahoma!important;
    font-weight: 700!important;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
    min-height: 183px;
    border: 1px solid #626262;
    border-radius: 0px 0px 6px 6px;
    color: #7a7a7a;
    display: block;
    font: 8px tahoma;
    background: rgb(40 40 40);
    border-color: #381207;
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    z-index: 20;
    text-align: center;
    word-spacing: normal;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);
    text-transform: uppercase;
    top: 6px;
    width: 135px;
    font-weight: bolder;
    z-index: 100000!important;

}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
  margin-left: -36px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
cursor:pointer;
font: normal normal 200 10px/normal Roboto!important;
letter-spacing: 0.4!important;
display:inline;
background: none!important;
padding: 0 0 0 8px!important;
color: #BCBCBC;
text-shadow: 1px 1px 1px rgb(40, 52, 61);
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слева(с Никами) */
#List-UserNames {
    position: absolute;
    margin-top: -9px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: rgb(40 40 40);
    border-color: #381207;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 6px;
    text-align: center;
    /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
display: block!important;
    position: relative;
    background: rgb(80 80 80);
    text-align: left;
    box-shadow: 1px 1px 1px rgb(19, 20, 15);
    padding-left: 5px!important;
    font: 9px tahoma!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#83693E!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
    color: #9b9b9b;
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 3px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #393A38;
border: 0px solid #d7d8d9;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9;
box-shadow: none;
}

/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display:inline-block;
padding:0 3px;
position:absolute;

opacity:.88;
cursor:pointer;
top:0;bottom:0;
right:2px;
color:#464646;
font: normal normal

700 10.56px/normal Verdana;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#pun:not(.isguest) #navlogout .Rega,
#pun:not(.isguest) #navlogout .Forgot {
display:none!important;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Roboto;
}
/*Сам инпут*/
.punbb #List-UserNames input {
    border: 1px solid #1f1f1f!important;
    text-shadow: none!important;
    color: #333!important;
    background-color: rgb(86 86 86);
    font: 11px tahoma!important;
    padding: 2px !important;
    text-transform: uppercase;
    vertical-align: middle;
}

/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #F9F4FC;
}
/*Кликалка слева, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справа*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Roboto!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/

/*Размытие на зачеркнутый текст*/
del {
    filter: blur(3px);
    text-decoration: none;
    transition:.33s;
}
del:hover {
    filter: initial;
    transition:.63s;
}



/*--------------------------адвент-----------------------------------*/

.advfon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* кол-во столбцов*/
    grid-template-rows: auto; /* кол-во рядов*/
    gap: 15px; /*интервал между рядами и колонками */
    padding: 20px;
    background: url(https://forumstatic.ru/files/001b/dd/85/98626.png); /* фон*/
    border-radius: 5px;
}

.advfon nyslova {
    display: grid;
    font-size: 15px;
    font-family: Montserrat SemiBold;
    color: #00250f;
    grid-column-start: 1;
    grid-column-end: 5;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    box-shadow: 0px 0px 37px 6px rgb(241 234 115 / 23%);
    border-radius:15px;
    padding: 15px;
}

.advfon xmas {
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: -50px;
    z-index: 999999;
    color: #ffe974;
    text-shadow: #ffd700d4 1px 0 10px;
    font-family: 'Delicate';
    font-size: 85px;
    height: 70px;
}

.okno {
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
    display:grid;
    font-family: Montserrat SemiBold;
    font-size: 14px;
}

.okno close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    font-family: Montserrat SemiBold;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    font-family:Delicate;
text-shadow: #ffd700 0px 0px 4px;
   }

.lastokno1 {
   grid-column-start: 1;
   grid-column-end: 3;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
    padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}
.lastokno2 {
   grid-column-start: 3;
   grid-column-end:5;
       background: linear-gradient(127deg, #efe299a3 30%, rgb(92 169 120 / 76%) 78%);
   padding: 10px;
    height: 200px;
    border-radius: 3px;
    box-sizing: border-box;
font-size: 14px;
    font-family: Montserrat SemiBold;
}

.lastokno1 close, .lastokno2 close {
    font-family:Delicate;
    font-size: 50px;
    color: #ffe974;
    background:url(https://forumstatic.ru/files/001b/dd/85/43805.png);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -10px;
    height: 200px;
    text-shadow: #ffd700 0px 0px 4px;
}
.okno zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px;
}

.okno priz {
    padding:7px;
    max-height: 60px;
}

.okno zadanie, .okno priz {
    display: grid;
    grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}

.lastokno1 zadanie, .lastokno2 zadanie {
    border-bottom: thick double #0037199e;
    overflow-y: scroll;
    max-height: 140px; /* Ограничиваем высоту текста задания */
    padding: 0px 5px 0px 0px;
}

.lastokno1 priz, .lastokno2 priz {
padding:7px;
max-height: 60px;
text-align: center;
}

.lastokno2 zadanie, .lastokno2 priz, .lastokno1 zadanie, .lastokno1 priz{
  display: grid;
  grid-template-rows: 130px 1fr; /* Первая строка для задания, вторая для приза */
}

/*--------------------------адвент конец-----------------------------------*/

0

24

Цвета

/*  ТЕЛО */
#pun {
        position: relative;
    width: 1045px;
    margin: 300px auto 150px auto;
    background: repeat transparent url(
https://forumstatic.ru/files/001b/f0/c8/77273.png);
    padding: 30px 30px;
    box-sizing: border-box;
}

/* КОНТЕНТА ВНУТРИ ТЕЛА */
.punbb {
        height: auto;
    width: 985px;
    box-sizing: border-box;
    padding: 0px 10px;
    position: relative;
    border: 1px solid #ccccc5;

}

.multipage {  margin-top: 90px!important; }
#pun-main {    margin-top: 55px!important; }

.adminmain {
    padding-left: 155px;
    margin-bottom: 6px;
    margin-top: 70px;
}

/* ЗАДНИЙ ФОН */
body {
background: url(https://forumstatic.ru/files/001b/f0/c8/64783.png) no-repeat fixed top center;
    background-color: #161618;
}

/* шапка */
#pun-title  {
       background: url(https://upforme.ru/uploads/001b/dc/dc/130/221397.png);
    margin-left: -41px;
    margin-top: -330px;
    width: 1045px;
    height: 369px;
    margin-bottom: -110px;
}

/* ФУТЕР */
#pun-about .container {
background: url(https://forumstatic.ru/files/001b/f0/c8/18758.png);
    width: 1045px;
    height: 250px;
    margin: -85px -41px -175px;

}

/* РЕЙТИНГ  */
#pun-about .container .item1 {
    margin-top: 78px;
    width: 1044px;
    position: absolute;
    font-family: 'Play';
    font-size: 7px;
    text-align: center;
    text-transform: lowercase;
}

/* ПРОФИЛЬ */

.post-author {
    width: 284px;
    margin-top: -50px;
    background: url(https://forumstatic.ru/files/001b/f0/c8/90252.png) top no-repeat, url(https://forumstatic.ru/files/001b/f0/c8/55147.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/f0/c8/75911.png) repeat;
    padding: 15px 15px;
    box-sizing: border-box;
    margin-left: -41px;
}

.post-author ul {
    width: 260px;
    padding: 0px 15px 10px 20px !important;
    box-sizing: border-box;
    text-align: center;
    font: var(--body-font);
    color: var(--proftext);
margin: 0px;
}

/* НИК АВТОРА */
.pa-author {    font: var(--h1-font);
    padding-top: 6px;
    font-size: 16px;       }

.pa-author a { }

.pa-author a:hover {color: var(--link)!important;}

/* СТАТУС */
.pa-title {       margin: 13px 0px 10px;
    text-transform: lowercase;}

/* АВАТАР ПОЛЬЗОВАТЕЛЯ */
.pa-avatar {
    margin-bottom: 5px !important;
    text-align: center;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #222222 !important;
    box-shadow: 0 0 2px #161515;
}

/* ПОЛЯ ПРОФИЛЯ */

.pa-fld5 {       
    background: #090909;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    width: 70%;
    height: 23px;
    font: var(--h1-font);
    color: var(--doptext);
    font-size: 10px;
    line-height: 25px;
    margin-top: -10px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
    z-index: 100;
    margin-left: 35px;
}

.pa-fld1 {       
        margin-left: -18px !important;
    background: url(https://forumstatic.ru/files/001b/f0/c8/20221.png) no-repeat;
    width: 260px;
    height: 82px;
    margin-top: 10px;
    padding-top: 15px;
    margin-bottom: -20px;
}

.pl0 {
    width: 261px;
    height: 50px;
    position: relative;

}

#pl1 {   
font: var(--body-font);
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    position: relative;
    padding-top: 12px;
    text-shadow: 1px 1px black;
    color: var(--hovlink);
}

#pl2 {   font: var(--body-font);
    text-align: center;
    text-shadow: 1px 1px black;
    color: var(--hovlink);
}

#pl3 {       
margin-top: -55px!important;
max-width: 30%;
}

/* лз */

.pa-fld2 {     background: #0e0e0e;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    border-radius: 10px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;}

.lzname {
    font: var(--h1-font);
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    background: #090909;
    display: block;
    position: relative;
    top: -13px;
    padding: 7px 0px 4px;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    width: 80%;
    border-radius: 5px;
}

.lzname a { }

.lztext {
    text-align: justify;
    padding: 10px !important;
    margin-top: -10px !important;
    position: relative;
    line-height: 12px;
    text-shadow: 1px 1px black;
    font-size: 10px;
    color: var(--headtext);
}

.lztext a {  }

.pa-fld2 a:hover {}
.lztext a:hover {}

/*посты */

li.pa-fld4 {
    font: var(--h1-font);
    width: 95px;
    position: absolute;
    height: 39px;
    text-align: center;
    margin-left: 125px!important;
    margin-top: -61px !important;
    font-size: 36px;
    font-weight: 100 !important;
    background: #0e0e0e;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    padding: 10px 0px !important;
    line-height: 45px;
    border-radius: 10px;
}

.pa-fld4 span {display:none}

/* деньги */

.pa-fld3 {
width: 95px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    font-weight: bolder;
    background: #0e0e0e;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    border-radius: 5px;
    margin-left: 5px !important;
margin-bottom: 3px;}

li.pa-ua {
    margin-top: 0.7em;
    display: none!important;
    justify-content: center;}

.pa-online {font-size: 9px;
padding: 10px 0;}

#profilenav h2 {
    text-align: left !important;
}

/* ПОСТЫ, РЕПУТАЦИЯ */
.pa-posts {
width: 95px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    font-weight: bolder;
    background: #0e0e0e;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    border-radius: 5px;
    margin-left: 5px !important;
margin-bottom: 3px;}

.pa-respect {
width: 95px;
    height: 10px;
    text-align: center;
    padding: 3px 5px 3px 5px !important;
    font-size: 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    font-weight: bolder;
    background: #0e0e0e;
    border: 1px solid #080706;
    outline: 1px solid #1e1a18;
    border-radius: 5px;
    margin-left: 5px !important;
}

.pa-respect a {   
color: var(--proftext)!important;}

.pa-respect a img {
    height: 8px;
    position: relative;
    top: 1.5px;
    object-fit: contain;
    filter: grayscale(.2) brightness(0.6);
}

/* ОТОБРАЖЕНИЕ  ПРИ ОТВЕТИТЬ */
#pun-post .pa-author {
    width: 244px !important;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
    text-align: center;
    height: 100px;
    font-size: 12px!important;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bold;
    color: #87694d!important;
    text-transform: uppercase;
    margin: 29px 5px 16px 59px!important;
}

/* АЙПИ */
.pa-ip {
    clear: both;
    color: #626262cf!important;
    font-size: 7px;
    margin-top: 10px!important;
}

.pa-awards {
    padding: 20px 0px 0px 0px!important;
}

/* ПОДФОРУМ */

#pun-index .category table {padding: 0px 0px 0px 10px;}

#pun-index .hasicon tr {
    z-index: 1;
    width: 830px;
    position: relative;
    display: table;
    background: var(--forcol);
    margin-bottom: 20px !important;
    border: var(--bordin);
    margin-left: 65px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 15px;
}

#pun-index .tclcon {
  width: 475px;
    min-height: 35px !important;
    position: relative;
    text-align: justify;
    color: var(--t-body);
    font: var(--body-font);
    font-size: 10px;
    line-height: 13px;
}

#pun-index .tclcon a {}

/*  НАЗВАНИЕ */

#pun-index .tclcon h3  {
        display: block;
    margin: 0px;
    position: relative;
    padding: 0px 0px 0px 30px;
    background: url(https://forumstatic.ru/files/001b/f0/c8/75715.png);
    width: 500px;
    height: 30px;
    box-sizing: border-box;
    margin-left: -25px;
}

#pun-index .tclcon h3 a { color: var(--doplink);
    font: var(--h1-font);
    font-size: 17px;
    text-transform: uppercase;
    line-height: 32px;}

#pun-index .tclcon a:hover {
    color: var(--hovlink); letter-spacing: 0px;
}

/* ССЫЛКИ */
#pun-index .tclcon span {
    display: block;
    font-weight: bold;
    margin-top: 13px;
    background: #b19e91;
    width: 475px;
    padding: 2px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    text-transform: uppercase;
    color: #502c21;
    margin-bottom: 7px;
}

#pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 { display: none!important; }

/* описание подфорумов и ссылки */
.f_desc_wrap {
     display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column;
    width: 475px;
}

.f_desc {
      flex: 0 0 1;
    width: auto /*ширина блока с текстом*/;
    margin-bottom: -25px;
}

.f_links {
flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    background: var(--backcol);
    padding: 5px;
    border: var(--bordin);
    border-radius: 10px;
    position: relative;
    bottom: -25px;
}

.f_links a {
    font: var(--body-font);
    flex: auto;
    line-height: 10px;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}

.f_links a:hover  {  }

.Tems_And_messages {
display: inline-block!important;
    width: auto;
    height: 25px;
    letter-spacing: 0.5px;
    font-size: 7px;
    text-transform: uppercase;
    color: var(--t-body);
    font-family: 'play';
}

.main table .Add {
    display: block;
    padding: 0px;
    width: auto;
    position: absolute;
    top: 6px;
    right: 18px;
}

.Tems_And_messages .right {
float: right!important;
    margin: 0 2px!important;
}

/* категории
-------------------------------------------------------------*/

.category h2 span {
           display: block;
    background: url(https://forumstatic.ru/files/001b/f0/c8/63210.png) no-repeat;
    z-index: 1;
    color: var(--doptext);
    text-transform: lowercase;
    width: 1044px;
    height: 121px;
    box-sizing: border-box;
    font: var(--body-font);
    text-align: center;
    font-size: 0px;
    margin-left: -41px;
    margin-top: -30px;
    margin-bottom: -30px;
}

div#pun-category1 .catright::after {
    content: "«у нас проблема. и когда я говорю проблема, я подразумеваю глобальный кризис...» ";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category2 .catright::after {
    content: "«семья — это не те, кто тебя балует и следует всякому твоему капризу. это те, кто сражается за тебя и за кого сражаешься ты»";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category3 .catright::after {
    content: "«и скажу по опыту, ненавидеть можно только то, что в иных обстоятельствах можно было полюбить»  ";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category4 .catright::after {
    content: "«когда ты теряешь кого-то, это чувство всегда остаётся с тобой, постоянно напоминая тебе, как легко можно пораниться»  ";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category5 .catright::after {
    content: "«за всю мою долгую жизнь, я пришёл к выводу, что мы навеки связаны с теми, кто с нами одной крови» ";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category6 .catright::after {
    content: "«самопожертвование редко оправдывает ожидания тех, кто приносит себя в жертву» ";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

div#pun-category7 .catright::after {
    content: "«когда чувства искренни, ты не можешь просто отвернуться»";
    top: -34px;
    position: relative;
    font: var(--body-font);
    font-size: 7px;
    color: var(--doptext);
    letter-spacing: 1px;
    text-align: center;
    display: block;
}

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 span {    display: block;
    background: url(https://forumstatic.ru/files/001b/f0/c8/63210.png) no-repeat;
    z-index: 1;
    color: var(--doptext);
    text-transform: lowercase;
    width: 1044px;
    height: 121px;
    box-sizing: border-box;
    font: var(--body-font);
    text-align: center;
    font-size: 0px;
    margin-left: -41px;
    margin-top: -30px;
    margin-bottom: -30px;
}

#pun-stats h2 {}

#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}

/* оформление статистики */
#pun-stats {    }

/* оформление блока в статистике */
#pun-stats .container {   
position: relative;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: justify;}

#pun-stats .container span {      font: var(--body-font); }
#pun-stats .container span a {    }
#pun-stats .container strong {     font: var(--body-font);  }
#pun-stats .container strong a { }

/* вся инфа в 1 строчке */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    color: var(--t-body);
    text-align: center;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    display: inline-block;
    text-transform: lowercase;
    background: var(--forcol);
    position: relative;
    margin-bottom: 10px;
    border: var(--bordin);
    border-radius: 8px;
}

/* активные пользователи */
li#onlinelist {
    margin-top: 10px;
    width: 100%;
    font: var(--body-font);
    color: var(--t-body);
    line-height: 15px;
    text-align: justify;
    text-transform: lowercase;
  }

li#onlinelist a {  color: var(--link) !important;
    font: 10px 'Mulish Bold'; }

/*ИКОНКИ */

/* старые главная */
#pun-index table Div.icon  {
background-image: url(https://forumstatic.ru/files/001b/f0/c8/62330.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 45px;
    margin-left: -95px;
    margin-top: -5px;
    width: 44px;
    z-index: 1;
    position: absolute;
}

/* новые главная */
#pun-index TR.inew Div.icon {
        background-image: url(https://forumstatic.ru/files/001b/f0/c8/83298.png);
    background-repeat: no-repeat;
    filter: saturate(3);
}

/* старые */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 3px 8px;
    width: 10px;
    height: 10px;
    background: var(--t-body);
    opacity: 0.3;
    border-radius: 50%;
}

/* новые */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: var(--doptext);
    opacity: 1;
}
/* важные */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: var(--hovlink); opacity: 1;
}
/* закрытые*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: var(--t-body); opacity: 1;

}

/* КНОПКИ ВВЕРХ ВНИЗ
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 990;
}

/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
    bottom: 58%;
    margin-left: 1050px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 45%;
    margin-left: 1050px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

**************************************************************/

/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement {
text-align: center;
    top: 30px;
    position: relative;
}

.plashka {
    display: inline-block;
    transition-duration: 1s;
    padding: 7px 20px 7px 20px;
    margin-right: 5px!important;
    color: var(--link);
    min-width: 100px;
    background: var(--forcol);
    border: var(--bordin);
    font: var(--body-font);
    text-transform: lowercase;

}

.plashka a {                color: var(--link);
    font: var(--h1-font);
    font-variant: normal;
    text-transform: uppercase;
}

.plashka:hover {   filter: brightness(1.2);}

.plashka:hover a {  }

#tooltip {
  position: absolute;
  background: #262e31;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05);
  font-family: alice; /* шрифт */
  font-size: 10px; /* размер текста */
  display: none;
  color: #9c9c9c; /* цвет текста */
  text-align: center;
  padding: 2px 6px 3px 6px;
  text-shadow: 1px 1px 0 #1d2835;
  letter-spacing: 2px
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

.reactions-root .emoji-mart-bar{border:none!important;}

/*ТАБЛИЦА
--------------------------------------------------------------------------------------------*/
/* активисты */
.activep {
position: absolute;
    left: 485px;
    top: -210px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    color: var(--headtext)!important;
    text-align: left;
    font: 7px tahoma;
    text-transform: uppercase;
    line-height: 14px;
    width: 200px;
    height: 40px;
    text-shadow: 1px 1px black; font-weight: bolder;
}

.activep a {font-family: poiret one!important;
    text-transform: lowercase;
    font-size: 14px; color: var(--headtext)!important;}

/* активисты */
.activ {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    column-gap: 10px;
    left: 55px;
    top: -225px;
    z-index: 100;
    transition: 0.3s ease-in-out !important;

}
.activ a {    background: #3b4943;
    width: 43px;
    height: 43px;
    border-radius: 7px; }

.activ img {     transition: 0.3s ease-in-out !important;
    border-radius: 7px;
    width: 43px;
    height: 43px;
        mix-blend-mode: overlay;
    filter: grayscale(1); }

.activ img:hover {        filter: grayscale(1) brightness(1.5); }

/* постописцы */
.poster {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    column-gap: 10px;
    left: 711px;
    top: -225px;
    z-index: 100;
    transition: 0.3s ease-in-out !important;
}

.poster a {    background: #3b4943;
    width: 43px;
    height: 43px;
    border-radius: 7px; }

.poster img {   transition: 0.3s ease-in-out !important;
    border-radius: 7px;
    width: 43px;
    height: 43px;
        mix-blend-mode: overlay;
    filter: grayscale(1);
}

.poster img:hover {         filter: grayscale(1) brightness(1.5);}

/* новости о проекте */
.info1 {
    width: 300px;
    position: absolute;
    top: -314px;
    left: 335px;
    z-index: 100;
    font: var(--body-font);
    font-size: 9px;
    color: var(--headhov);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px black;
}

.info1 a:hover {
   color: var(--headtext)!important;
    font-weight: 600 !important;
    text-shadow: 0px 0px 1px #000;
}

/* лучший пост */
.bestpost {
    width: 360px;
    overflow: auto;
    position: absolute;
    top: -190px;
    left: 305px;
    z-index: 100;
    font: var(--body-font);
    padding: 0px 5px 5px 0px;
    color: var(--headtext) !important;
    line-height: 13px;
    text-align: justify;
    height: 60px;
}

.bestpostname {
    width: 275px;
    overflow: auto;
    position: absolute;
    top: -224px;
    left: 346px;
    z-index: 100;
    line-height: 15px;
    text-align: center;
    color: var(--headtext) !important;
    font: var(--body-font);
    text-transform: uppercase;
    font-size: 9px;
    text-shadow: 1px 1px black;
    font-weight: bolder;
}

.bestpostname a {
text-transform: uppercase;
    padding-left: 5px;
}

.bestpostname a:hover {color: var(--hovlink)!important;}

.bestplay {
    width: 180px;
    height: 30px;
    overflow: auto;
    position: absolute;
    top: -162px;
    left: 65px;
    z-index: 100;
    text-align: center;
    color: var(--headtext) !important;
    font: var(--body-font);
    text-transform: uppercase;
    font-size: 8px;
    text-shadow: 1px 1px black;
    font-weight: bolder;
    box-sizing: border-box;
    line-height: 12px;
}

.bestplay a {
text-transform: uppercase;
}

.bestplay a:hover {color: var(--hovlink)!important;}

/* лучший эпизод*/
.bestep {
    width: 180px;
    overflow: auto;
    position: absolute;
    top: -162px;
    left: 723px;
    z-index: 100;
    text-align: center;
    color: var(--headtext);
    font: var(--body-font);
    text-transform: uppercase;
    font-size: 8px;
    line-height: 12px;
    font-weight: bolder;
    text-shadow: 1px 1px black;
}

.bestep a {
text-transform: uppercase;
}

.bestep a:hover {color: var(--hovlink)!important;}

/* ссылки*/
.link {
    display: flex;
    width: 220px;
    position: absolute;
    top: -312px;
    left: 30px;
    z-index: 100;
    text-align: center;
    justify-content: space-between;
}

.link a {
       font: var(--body-font);
    color: var(--hovlink) !important;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 8px;
}

.link a:hover {color: var(--headhov)!important;}

.link1 {
    display: flex;
    width: 220px;
    position: absolute;
    top: -312px;
    left: 730px;
    z-index: 100;
    text-align: center;
    justify-content: space-evenly;
}

.link1 a {
        font: var(--body-font);
    color: var(--hovlink) !important;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 8px;
}

.link1 a:hover {color: var(--headhov)!important;}

.cop a {
    position: absolute;
    font: var(--body-font);
    text-align: center;
    color: var(--doptext) !important;
    margin-top: 135px;
    left: 26px;
    text-transform: uppercase;
    font-size: 9px;
    width: 180px;
    background: #111111;
}

.cop:hover a {color: var(--link)!important; }

/*---------- баннеры -------------*/
.ban {
    position: absolute;
    height: 65px;
    width: 720px;
    left: 260px;
    bottom: -125px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 10px 0px 0px;
}

.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}

/*---------- нужные -------------*/
.need {
        bottom: -110px !important;
    left: 17px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
    column-gap: 10px;
    transition: 0.3s ease-in-out !important;
    color: var(--doptext);
}

.need span {position: relative;
    top: 10px;}

.need a {     background: #3b4943;
    width: 43px;
    height: 43px;
    border-radius: 7px; }

.need img {         transition: 0.3s ease-in-out !important;
    border-radius: 7px;
    width: 43px;
    height: 43px;
        mix-blend-mode: overlay;
    filter: grayscale(1);}

.need img:hover {        filter: grayscale(1) brightness(1.5); }

/*----------------------------------  ГОСТЕВАЯ  ---------------------------------- */
.guest {
    width: 800px;
    height: 450px;
    background: url(https://upforme.ru/uploads/001b/dc/dc/130/914464.png);
    margin-left: 70px !important;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.guest span {    display: block;
    font: var(--h1-font);
    color: var(--doptext);
    font-size: 30px;
    text-shadow: 1px 1px black;
    margin-top: 35px; }

.guest faq {
    display: block;
    font: var(--body-font);
    text-transform: uppercase;
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: center;
}

.guest rules {
    padding: 10px 70px;
    font: var(--body-font);
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: justify;
    margin-top: 20px;
}

.guest ams {
text-align: center;
    font: var(--h1-font);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--doptext) !important;
    margin-top: 20px;
}

.guest ams a {color: var(--doptext)!important;}

.guest pers a, .guest face a {color: var(--doptext)!important;}

.guest pers {
position: absolute;
    width: 320px;
    height: 150px;
    margin-top: 230px;
    margin-left: -330px;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--proftext);
    letter-spacing: 0.3px;
    padding: 10px;
}
.guest face {
position: absolute;
    width: 320px;
    height: 150px;
    margin-top: 230px;
    margin-left: 320px;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--proftext);
    letter-spacing: 0.3px;
    padding: 10px;
}

.guest pers span, .guest face span {
    display: block;
    font: var(--h1-font);
    color: var(--doptext);
    text-shadow: 1px 1px black;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
}

/*----------------------------------  банк  ---------------------------------- */
.bank {
    width: 800px;
    height: 600px;
    background: url(https://upforme.ru/uploads/001b/dc/dc/130/477308.png);
    margin-left: 80px !important;
    margin-top: 30px;
}

.bank rules {
    position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: justify;
}

.bank get a, .bank spend a {
color: #7f7f7f!important;
}

.price {
    position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 130px !important;
    margin-left: 40px !important;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

.bank span {
        text-transform: uppercase;
    font-weight: bolder;
    color: var(--doptext);
}

.bank spend {
position: absolute;
    width: 305px;
    height: 425px;
    margin-top: 130px!important;
    margin-left: 420px!important;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: left;
    padding-left: 20px;
}

/*---------------------------------- внешности и роли  ---------------------------------- */
.vnesh {
        width: 800px;
    height: 750px;
    background: url(https://upforme.ru/uploads/001b/dc/dc/130/477308.png);
    margin-left: 80px !important;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.vnesh rules {
    font-size: 10px;
    overflow-y: auto;
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: center;
    margin-top: 40px;
    display: block;
}

.vnesh rules span {display: block;
    font: var(--h1-font);
    font-size: 20px;
    font-weight: bolder;
   
}

.vnesh rules2 {
font-size: 10px;
    overflow-y: auto;
    color: var(--proftext);
    text-shadow: 1px 1px #000;
    text-align: left;
    display: block;
    margin-top: 30px;
}

#vnesh2 {
    margin-top: 40px;
}

/*---------------------------------- расы ---------------------------------- */
.race {
        width: 800px;
    height: 800px;
    background: url(https://upforme.ru/uploads/001b/dc/dc/130/477308.png);
    margin-left: 80px !important;
    margin-top: 30px;}

.race rules {
position: absolute;
    width: 689px;
    height: 50px;
    margin-top: 40px;
    margin-left: 49px;
    line-height: 127%;
    font-size: 10px;
    padding: 5px;
    font-family: verdana;
    overflow-y: auto;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
    text-align: center;
}

.race rules span {display: block;
    font: var(--h1-font);
    font-size: 20px;
    font-weight: bolder;
   
}

#race span {
    font: var(--h1-font);
    font-weight: bolder;
    color: var(--proftext);
}

/* ПАГИНАЦИЯ © blanche. брать можно только с копирайтом */
.pagelink strong, .pagelink a {transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; display: inline-block;}
.pagelink strong {margin: 0px 0px 0px 10px; padding: 0 0px 3px 0; font-weight: normal; font-size: 10px;}
.pagelink strong, .pagelink a:hover {transform: scale(1.5);}
.pagelink a {padding: 0 1px 0 3px;}

.hotlink {
        text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: auto;
    margin-top: 10px!important;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
}

.hotlink a {
    border: 1px solid #afada5;
}
.hotlink a:hover {
color: #a17e2e!important;
}

/* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#form-buttons {
margin: 15px -14px 3px 0px;
    padding: 4px 5px 0px 0px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
#pun-messages #form-buttons {/*В Личке*/
     padding: 4px 5px 0px 0x;
}
small#plng {    width: 150px;
    /* text-align: center; */
    margin-top: 28px!important;
    left: -1px;
    position: relative;
    z-index: 1;
    text-transform: lowercase;
    /* line-height: 25px; */
    font-family: 'tahoma'!important;
    font-size: 10px!important;
}

small#plng b {font-size: 12px;
    font-family: var(--fontd);
}

#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 22px -21px 0 2px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#keyboard-span input {box-shadow: none !important; text-shadow: none !important;}
#image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;}
/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#tags .container {overflow-y: auto; height: 205px; z-index: 99999;line-height: 200%;}

#float, #tags .container {
padding: 10px !important;
    color: var(--t-body);
    background: var(--backcol);
    border: var(--bordin);}

#keyboard-span input {border: none !important;
    margin: 3px 2px !important;
    height: 23px !important;
    padding: 5px !important;
    font-size: 12px !important;}

#imageupload-left strong {} #upload-button-container input[type=button] {font-weight: normal !important}
#image_upload .button {    width: auto !important;}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */

.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 10px 20px 25px 20px;
position: relative;   
overflow: hidden;}

.punbb .post-content .quote-box, .punbb .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-size: 11px!important;
background: #cbc4b5;
font-family: var(--fontm)!important;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {   
border-radius: 15px;
    padding: 20px 15px 10px 15px!important;
    background: #2626220d;
    border: 1px #afada5 solid!important;
}

.punbb .quote-box cite:before, .punbb .code-box strong.legend:before, .post-content .spoiler-box > div:before {
    font-size: 40px;
    position: absolute;
    left: 17px;
    top: 16px;
    color: #8c8a82;
    opacity: 0.5!important;
    content: '\269C';
    font-weight: 100;
}

/* фон проставления репутации */
.post_reputation {
    background-color: #bec2c7;
    padding-right: 20px !important;
}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {   
   font-style: normal;
    padding: 7px 10px;
    display: block;
    font-family: 'tahoma';
    font-size: 11px;
    text-align: justify;
    margin: -9px 7px 15px 50px;
    border-bottom: 1px solid #afada5;
    line-height: 200%;
}

.post-content .spoiler-box > div {background: no-repeat 10px !important;    margin-bottom: 0px;}

/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {   
    content: '+';
    font-size: 15px;
    float: right;
    margin: 16px -20px 0 0px;
    transition: all .8s;
    color: var(--forcol);
}

.post-content .spoiler-box > div.visible:after {  transform: rotate(45deg);}

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--fontm)!important;
font-size: 12px;}

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/

.checkbox {width: auto !important;}

/* 7.2 админка */
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-color: #eee0!important;
background: #eee0!important;
  }

/*настройка масок*/
#mask_dialog .inner {
cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    background: #c4c2bb!important;
    border-radius: 5px;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    margin: 0px 36px 9px 18px;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 95%;
    background: #0000000f;
}

#mask_dialog .hv-form-block {
    max-height: 415px;
    overflow-y: auto;}

#post #mentions-area {
background-color: #e0c89e!important;
}

/*************************************************************

ЛИЧНАЯ СТРАНИЧКА

**************************************************************/

details summary /*СПОЙЛЕР ЗАДАНИЙ*/  {
    background-color: #151515;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    z-index: 1000;
    position: relative;
    margin: 10px 0px -1px -6px!important;
    text-transform: lowercase;
    text-align: center;
    line-height: 27px;
    font-family: Fira Mono;
    font-size: 13px;
    color: #DAD9D9;
}

details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  display: none;
}
details[open] summary::before {
  display: none;
}

/*ИКОНКА ЛИЦА ИЗ ЗАДАНИЙ*/
.lsquest {
height: 478px;
    width: 345px;
    position: absolute;
    top: 21px;
    left: 255px;
    overflow: auto;
    padding-right: 10px;
    padding-left: 10px;
}
.quest { position: relative;}

.quest img {width: 100px;
    height: 100px;
/*   filter: grayscale(1); */}

.submenuItems {
  display: none;
  background: #151515;
    border: 1px solid #333333;
text-align: center;}

.submenuItems .quest {    margin: 0 5px;
    position: relative;
    display: inline-block;}
.submenuItems .quest img {
    border-radius: 50%;    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}

/*  .submenuItems .quest, .submenuItems .quest img {
width: 100px; height: 100px; filter: hue-rotate(137deg);} */

.submenuItems .quest span {
    display: block;
    text-align: center;
    overflow: auto;
    height: 100px;
    width: 150px;
    box-sizing: border-box;
    padding-right: 7px;
    font-size: 9px;
    transition: all .5s;
    opacity: 0;
    color: #DAD9D9;
overflow-x: auto;
}

.submenuItems .quest img.x {mix-blend-mode: luminosity; opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1}

/* .submenuItems .quest img.x {filter: grayscale(1); opacity: .7}
.submenuItems .quest img.1 {filter: grayscale(0); opacity: 1} */
.submenuItems .quest:hover img {
    opacity: 0;
}
.submenuItems .quest:hover span {
    opacity: 1;
}

/*ВСПЛЫВАЮЩАЯ ВКЛАДКА ЛИЧНОЙ СТРАНИЦЫ */

.lsss1 /*ПОДПУНКТ*/ {
background-color: #151515;
    border: 1px solid #000000;
    outline: 1px solid #333333;
    text-transform: lowercase;
    text-align: center;
    font-family: Fira Mono;
    font-size: 13px;
    color: #DAD9D9;
}

.zss1 /*НАГРАДЫ ПОДАРКИ*/ {
    text-align: center;
    background: rgba(146, 143, 143, 0.27);
    -webkit-box-shadow: rgba(0, 0, 0, 0.26) 1px 2px 4px, rgba(0, 0, 0, 0.57) 0px 0px 17px inset;
    padding: 5px 5px 5px 5px;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 10px 2px 0px 0px !important;
}

.zssok /*НАГРАДЫ ПОДАРКИ*/ {
    text-align: center;
    display: inline-block;
    /* padding: 0 2px!important; */
    width: 278px;
    margin-left: 0;
    line-height: 12px;
    /* letter-spacing: 2px; */
    /* margin: 2px 2px 2px 0px !important; */
}

.zss2 /*ИНСТА ДНЕВНИК*/ {
    text-align: center;
    background-color: rgba(61, 61, 61, 0.52);
    padding: 5px 5px 5px 5px;
    display: inline-block;
    width: 150px;
}

.zss3 /*КВАДРАТ*/ {
    width: 70px;
    height: 70px;
    border: 3px solid #423F3F;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    display: inline-block;
    /* padding: 5px 5px 5px 5px; */
margin: 0px 10px 0px 0px !important;
}

.zss4 /*КВАДРАТ ТЕКСТ*/ {
    width: 70px;
    font-family: Fira Mono;
    font-size: 10px;
    color: #DAD9D9;
    letter-spacing: 1px;
    text-align: center;
    background-color: rgba(61, 61, 61, 0.52);
}

.zss5 /*КВАДРАТ ЦИФРА*/ {
color: #eef0e6;
    font-family: roboto slab;
font-size: 40px;
    text-align: center;
}

.zss6 /*КОЛЛЕКЦИИ*/ {
    width: 225px !important;
    height: 40px !important;
    background: rgba(146, 143, 143, 0.27);
    -webkit-box-shadow: rgba(0, 0, 0, 0.26) 1px 2px 4px, rgba(0, 0, 0, 0.57) 0px 0px 17px inset;
    padding: 5px 5px 5px 5px;
}

#waffles /*1 ВКЛАДКА*/ {height: 400px !important;
position: relative;
margin-left: 0px !important;}

.wafflesh /*1 АВАТАР*/  {height: 120px;
    background-color: rgba(61, 61, 61, 0.52);
    width: 100%;
    position: absolute;
    top: 0px;}

.wafflesh1 /*1 АВАТАР*/ {    height: 80px;
    width: 80px;
    border: 6px solid #423F3F;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    top: 13px;
    left: 14px;
background-blend-mode: multiply;
    mix-blend-mode: luminosity;
    background-color: #BEC2C5;}

.wafflesh2 /*1 ЦИТАТА*/ { height: 20px;
    text-transform: uppercase;
    position: absolute;
    width: 480px !important;
    right: 10px;
    top: 15px;
    font-family: Fira Mono;
    font-size: 10px;
    color: #9A9A9A;
    letter-spacing: 1px;}

.wafflesh3 /*1 ИМЯ*/  {    width: 400px;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    color: #eef0e6;
    font-family: Yellowtail;
    position: absolute;
    right: 50px;
    top: 60px;
    font-size: 45px;
    text-align: center;
    letter-spacing: -3px;
    line-height: 30px;}

.naborka /*1 АЧИВКИ*/  {
text-align: center;
    display: inline-block;
    padding: 0 2px!important;
    width: 558px !important;
    margin-left: 0;
}

.naborka img.ah0 {mix-blend-mode: luminosity; opacity: .4}
.naborka img.ah1 {}

.lsss202 img.ah0 {mix-blend-mode: luminosity; opacity: .4}
.lsss202 img.ah1 {}

.p1ar {  text-transform: uppercase;   font-size: 12px;   text-align: center;   position: relative;  padding-top: 12px;  text-shadow: 1px 1px black; color: #B3B3B3; }
.p2ar {  text-align: center;  text-shadow: 1px 1px black; color: #B3B3B3;}

/*************** КОНЕЦ ВСПЛЫВАЮЩАЯ ВКЛАДКА ЛИЧНОЙ СТРАНИЦЫ ***************/

/******************************************************************
СТИЛЬ ХРОНОЛОГИИ СЮЖЕТА
******************************************************************/

.hrons01    /* ОСНОВНОЕ ОКНО */ {
    height: 535px !important;    background: url(http://upforme.ru/uploads/0014/e2/8d/3/861293.png) no-repeat !important;   border-radius: 10px; margin-left: 35px; }

.hrons0ar    /* АРКА */ {
    background: #b4ac9b;    width: 300px;    border-radius: 10px;    padding: 10px;    margin: 10px 10px 10px 250px;    position: absolute; }

.hrons0ar1   /* СТИЛЬ ТЕКСТА АРКИ */ {
  font-size: 18px;    text-align: center;    line-height: 5px;    color: #130901;    font-weight: bold; font-family: Arial; }

.hronspole /* РАСПОЛОЖЕНИЕ ВКЛАДКИ*/ {
padding: 10px;    margin: 80px 0px 0px 10px;    position: absolute;    width: 815px !important; }

.hrons_knopki /* РАСПОЛОЖЕНИЕ КНОПОК*/ {
margin: 20px 0px 0px 20px;    position: absolute;    width: 815px !important; }

.hrons04 /* ТЕКСТ */ {
    width: auto;    font-size: 11px;    color: #080000;    margin-top: 5px !important;    text-align: justify;    line-height: 15px;    padding: 5px 10px 5px 10px;    background-color: #b4ac9b;    border-radius: 10px; font-weight: bold; font-family: Arial;   font-size: 12px; }

.hrons05 /* ОКНО ЭПИЗОДА*/ {
width: auto;   font-size: 11px;    color: #080000;    margin-top: 35px !important;    text-align: justify;    line-height: 12px;    padding: 5px 10px 5px 10px;    background-color: #b4ac9b;    border-radius: 10px; }

.hrons06 /* ЭПИЗОД НАЗВАНИЕ*/ {    width: 250px;    border-radius: 10px;    background-color: #c3bcae;    font-size: 11px;    color: #080000;    margin: 0px 0px 5px 10px;    margin-left: 525px !important;    border: 1px solid rgba(160, 101, 50, 0.55);    text-align: center;    padding: 3px 1px 3px 1px;    margin-top: -79px; font-family: Arial; }

.hrons07 /* ЭПИЗОД ФАКТЫ*/ {
border-radius: 10px;    background-color: #c3bcae;    font-size: 11px;    color: #080000;    border: 1px solid rgba(160, 101, 50, 0.55);    text-align: center;    padding: 3px 1px 3px 1px;    margin: 0px 10px 5px 10px; font-family: Arial;}

.hrons08 /* ЭПИЗОД ОПИСАНИЕ*/ {
width: auto;    font-size: 12px;    color: #080000;    margin-top: 5px !important;    text-align: justify;    line-height: 12px;    padding: 5px 10px 5px 10px; font-family: Arial; }

.hrons053 /* КАРТИНКИ ЭПИЗОДА РАСПОЛОЖЕНИЕ*/ {
    margin-top: -40px !important; position: inherit; }

.hrons051 /* КАРТИНКИ ЭПИЗОДА*/ {
border-radius: 100px;    border: 1px solid rgba(160, 101, 50, 0.55);    margin: 0px 5px 0px 10px; }

.hrons060 /* СТАТУС ЭПИЗОДА КРАСНЫЙ */ {
width: 20px;    height: 20px;    border-radius: 100px;    background-color: #9C0606;    color: #9C0606;    border: 1px solid rgba(160, 101, 50, 0.55);    margin-left: -20px !important;    margin-top: 35px !important; }

.hrons061 /* СТАТУС ЭПИЗОДА ЗЕЛЕНЫЙ */ {
width: 20px;    height: 20px;    border-radius: 100px;   background-color: #08612B;    color: #08612B;    border: 1px solid rgba(160, 101, 50, 0.55);    margin-left: -20px !important;    margin-top: 35px !important; }

.hrons062 /* СТАТУС ЭПИЗОДА БЕЛЫЙ */ {
width: 20px;    height: 20px;    border-radius: 100px;    background-color: #EAEAEA;    color: #EAEAEA;    border: 1px solid rgba(160, 101, 50, 0.55);    margin-left: -20px !important;    margin-top: 35px !important; }

.s-tabshron>.stabhron,.s-tabshron>span /*Правки для Цвета фона и бордюров таблицы*/{}

.s-tabshron  /*ширина таблицы*/ { width:840px;  display:block; }

.s-tabshron>.stabhron /*высота вкладки*/{ height:430px; }

.s-tabshron>span   /* Стиль "Ушка" вкладок */ {
position: relative;    z-index: 100;    color: #101001;    cursor: pointer;    display: inline-block;    padding: 4px 4px 4px 4px;    background: #c3bcae;    border-radius: 10px;    margin: 8px 0px 8px 8px;    width: 100px;    text-align: center;    font-family: Arial;    font-size: 13px;    border: 1px solid rgba(160, 101, 50, 0.55); }

.s-tabshron>span.selected /* Активное "Ушко" */ {
color: #100101;    background: #b4ac9b; font-weight: bold; font-family: Arial; font-size: 14px; border: 1px solid rgba(160, 101, 50, 0.55); }

.s-tabshron>.stabhron /* Стиль вкладки(LI)*/{
width: 800px; margin:0; display:none; overflow-y:auto; overflow-x:hidden;  text-align:center; vertical-align:middle;     padding: 0px 15px 0px 10px; }

/******************************************************************
  КОНЕЦ СТИЛЯ ХРОНОЛОГИИ СЮЖЕТА
******************************************************************/

.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: var(--backcol)!important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 660px!important; /* ширина блока */
--chrbg: #; /* цвет фона */
--chrd: #ffffff; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px!important; padding:26px 20px 24px 10px; position:relative;     width: 675px;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}

/*************************************************************

СТИЛИ К СКРИПТАМ И ДОПОЛНЕНИЯ

**************************************************************/

/* Отключить надпись "Отредактировано" */
p.lastedit {display:none}

/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}

/*отключение наград*/
li#navawards {display: none;}

/*Регулировка размера шрифта в постах © Alex_63*/
.FNTslider {
position: relative;
    z-index: 100;
    background: var(--forcol);
    width: 110px;
    height: 4px;
    margin: 1px 5px !important;
    border: var(--bordin);
    float: right;
    margin-right: 9% !important;
    }
    .FNTslider .before {
    height: 4px;
    border-right: none 0;
    position: absolute;
    background: var(--hovlink);
    }
    .FNTslider .thumb {
width: 5px;
    height: 10px;
    border-radius: 2px;
    position: relative;
    top: -3px;
    background: var(--proftext);
    cursor: pointer;
    }

/* Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 */
#pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
    font-weight: bold;
    background: #0000000f;
    height: 20px!important;
    font-family: 'tahoma';
    text-transform: uppercase;
    font-size: 8px;
    }

/*Скрытие профиля в теме тегом*/
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul, .hideprofile h3>span{margin-left:0!important}

.hideprofile h3 {    width: 100% !important;
    margin-left: 0px !important;}

/*Переключение раскладки выделенного текста*/
#button-transL{background-image:url(https://i.imgur.com/IY448wH.png)}

/*ТЕГ  абзаца - [indent]*/
#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}

/*выравнивание justify*/
#button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}

0

25

Гостевая

[hideprofile]

Код:
<!--HTML-->
<div class="guest">
<!------------------информация ------------>
<span> TVD: FACELESS </span>
<faq>Игровое время: 2018 год [seasons: TVD - after, TO - 4, LEG - 3]
</faq>

<rules>Добро пожаловать к Безликим. В одном году, в двух разных городах соединилось прошлое и будущее, создав кучу неприятностей и без того проблемному миру Дневников вампира.<br>
<br>
<center>Сроки придержания: за гостем - сутки, за зарегистрированными пользователями - три дня.</center>
</rules>

<!------------------админы------------>
<ams> <a href="https://faceinless.ru/profile.php?id=65">Morgana</a> -  <a href="https://faceinless.ru/profile.php?id=3">Aurora</a> - <a href="https://faceinless.ru/profile.php?id=100">Niklaus</a> - <a href="https://faceinless.ru/profile.php?id=197">Bonnie</a> - <a href="https://faceinless.ru/profile.php?id=130">Kat</a></ams>

<!------------------придержанные/выкупленные роли ------------>
<pers>
<span> придержанные роли </span>
» Name Surname — <a href="http://faceinless.ru/">Ник</a></sup> [00.00]<br>
</sup><br>

</pers>

<!------------------придержанные/выкупленные внешности ------------>
<face>
<span> придержанные внешности </span>
» Jеnsen Ackles — <a href="https://faceinless.ru/viewtopic.php?id=84#p161310">за амс</a> [бессрочно]<br>
» Adria Arjona — <a href="https://faceinless.ru/">заявка Чумы</a></sup> [бессрочно]<br>
» Henry Cavill — <a href="https://faceinless.ru/viewtopic.php?id=84#p157768">заявка на отца</a> [28.03]<br>
» Avan Jogia — <a href="https://faceinless.ru/profile.php?id=135">Alex Evers</a></sup> [15.06]<br>
» Jеnsen Ackles — <a href="https://faceinless.ru/">Dean Smith</a></sup> [20.03]<br>



</face>


</div>
Код:
» Name Surname — <a href="http://faceinless.ru/">Ник</a></sup> [00.00]<br>
Роли и внешности

[hideprofile]

Код:
<!--HTML-->
<div class="vnesh">
<!------------------информация ------------>
<rules> <span> список занятых внешностей и ролей </span>
здесь вы найдете список занятых персонажей и внешностей.<br>
придержанные можно посмотреть в гостевой книге;<br>
</rules>

<!------------------правила ------------>
<rules2>
- одна внешность - один персонаж, но мы не против близнецов;<br>
- в этой теме не придерживается внешность для нужного. Ее необходимо сначала выкупить в банке, а затем придержать в гостевой книге;<br>
- сntrl+f поможет для поиска интересующей внешности / персонажа;<br>
- kat graham [bonnie bennett]<br>
</rules2>

<!------------------кнопки ------------>

<div id="vnesh2">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">посмотреть внешности</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">посмотреть роли</label>
 
    <section id="content-tab1">
        <p>
<div class="vnleft">
<span> a - b - c </span>
Aaron Taylor-Johnson [<a href="https://faceinless.ru/profile.php?id=182">Jason Reed</a>]<br>
Aaron Stanford [<a href="https://faceinless.ru/profile.php?id=226">Finn Mikaelson</a>]<br>
Adelaide Kane [<a href="https://faceinless.ru/profile.php?id=274">Nadia Petrova</a>]<br>
Aidan Gallagher  [<a href="https://faceinless.ru/profile.php?id=166">Axel Evers</a>]<br>
Anna Pavaga [<a href="https://faceinless.ru/profile.php?id=98">Kayla Weiser</a>]<br>
Anya Taylor-Jay [<a href="https://faceinless.ru/profile.php?id=122">Nikki Short</a>]<br>
Arielle Kebbel [<a href="https://faceinless.ru/profile.php?id=113">Alexia Branson</a>]<br>
Barbara Palvin [<a href="https://faceinless.ru/profile.php?id=218">Michaella Wayne</a>]<br>
Ben Barnes [<a href="https://faceinless.ru/profile.php?id=189">Logan Hunt</a>]<br>
Ben Barnes [<a href="https://faceinless.ru/profile.php?id=106">David Hunt</a>]<br>
Benjamin Wandsworth [<a href="https://faceinless.ru/profile.php?id=299">Marcus Hott</a>]<br>
Brianne Howey [<a href="https://faceinless.ru/profile.php?id=116">Inadu Lily Evers</a>]<br>
Can Yaman [<a href="https://faceinless.ru/profile.php?id=262">Jackson Kenner </a>]<br>
Candice King [<a href="https://faceinless.ru/profile.php?id=133">Caroline Forbes</a>]<br>
Claire Holt [<a href="https://faceinless.ru/profile.php?id=66">Rebekah Mikaelson</a>]<br>
Charles Michael Davis [<a href="https://faceinless.ru/profile.php?id=249">Marcel Gerard</a>]<br>
Charlie Hunnam [<a href="https://faceinless.ru/profile.php?id=111">Trevor Fitsgerald</a>]<br>
Chloe Bennet [<a href="https://faceinless.ru/profile.php?id=172">Daniella Sharman</a>]<br>
Chris Evans [<a href="https://faceinless.ru/profile.php?id=240">Josh Lewis</a>]<br>
Chris Wood [<a href="https://faceinless.ru/profile.php?id=252">Kai Parker</a>]<br>
Cody Fern  [<a href="https://faceinless.ru/profile.php?id=166">Axel Evers</a>]<br>

<span> d - e - f </span>
Dane Dehaan [<a href="https://faceinless.ru/profile.php?id=282">Garry Lancaster</a>]<br>
Daniel Gillies [<a href="https://faceinless.ru/profile.php?id=303">Elijah Mikaelson</a>]<br>
Daniel Sharman [<a href="https://faceinless.ru/profile.php?id=135">Alex Evers</a>]<br>
Danielle Rose Russell [<a href="https://faceinless.ru/profile.php?id=301">Hope Mikaelson</a>]<br>
Deborah Ann Woll [<a href="https://faceinless.ru/profile.php?id=290">Sage Nox</a>]<br>
Dylan Sprayberry [<a href="https://faceinless.ru/profile.php?id=270">Liam Mikaelson</a>]<br>
Eiza Gonzalez [<a href="https://faceinless.ru/profile.php?id=205">Faith Allard</a>]<br>
Emma Dumont [<a href="https://faceinless.ru/profile.php?id=135">Alex Evers</a>]<br>
Emeraude Toubia [<a href="https://faceinless.ru/profile.php?id=70">Isabel Rainwood</a>]<br>
Florence Pugh [<a href="https://faceinless.ru/profile.php?id=91">Maud Evers</a>] <br>
Freya Allan [<a href="https://faceinless.ru/profile.php?id=255">Briana Ross</a>]<br>

<span> g - h - i </span>
Harris Dickinson [<a href="https://faceinless.ru/profile.php?id=302">Hunter Murray</a>]<br>
Ian Somerhalder [<a href="https://faceinless.ru/profile.php?id=217">Damon Salvatore</a>]<br>

</div>


<div class="vnright">
<span> j - k - l - m </span>
Jacob Elordi [<a href="https://faceinless.ru/profile.php?id=245">Mac Ross</a>]<br>
Janet Montgomery [<a href="https://faceinless.ru/profile.php?id=65">Morgana Evers</a>]<br>
Jeffrey Dean Morgan [<a href="https://faceinless.ru/profile.php?id=212">Mikael</a>]<br>
Jenny Boyd [<a href="https://faceinless.ru/profile.php?id=176">Elizabeth Saltzman</a>]<br>
Jessica Alexander [<a href="https://faceinless.ru/profile.php?id=66">Cassandra Blackwell</a>]<br>
Joseph Gilgun [<a href="https://faceinless.ru/profile.php?id=272">Vincent Gallager</a>]<br>
Joseph Morgan [<a href="https://faceinless.ru/profile.php?id=100">Niklaus Mikaelson</a>]<br>
Josh Segarra [<a href="https://faceinless.ru/profile.php?id=226">Finn Mikaelson</a>]<br>
Kat Graham [<a href="https://faceinless.ru/profile.php?id=197">Bonnie Bennett</a>]<br>
Kate Beckinsale [<a href="https://faceinless.ru/profile.php?id=291">Magdalene Black</a>]<br>
Katherine McNamara [<a href="https://faceinless.ru/profile.php?id=179">Ruby Ross</a>]<br>
Katheryn Winnick [<a href="https://faceinless.ru/profile.php?id=213">Esther Mikaelson</a>]<br>
Katie McGrath [<a href="https://faceinless.ru/profile.php?id=65">Morgana Evers</a>]<br>
Kaylee Bryant [<a href="https://faceinless.ru/profile.php?id=275">Josie Saltzman</a>]<br>
Lee Dong Wook [<a href="https://faceinless.ru/profile.php?id=292">Yoon Miro</a>]<br>
Lee Ji-eun (IU)  [<a href="https://faceinless.ru/profile.php?id=134">Jang Man-Wol</a>]<br>
Lily Collins [<a href="https://faceinless.ru/profile.php?id=232">Charlotte Salvatore</a>]<br>
Lily James [<a href="https://faceinless.ru/profile.php?id=284">Donatella Stark</a>]<br>
Lucas Hedges [<a href="https://faceinless.ru/profile.php?id=230">Alistair Baxter</a>]<br>
Madison Beer [<a href="https://faceinless.ru/profile.php?id=218">Michaella Wayne</a>]<br>
Matt Smith [<a href="https://faceinless.ru/profile.php?id=285">Sebastian Crown</a>]<br>
Max Irons [<a href="https://faceinless.ru/profile.php?id=296">Isaac Godfrey</a>]<br>
Melissa Benoist [<a href="https://faceinless.ru/profile.php?id=250">Rhiannon Dornan</a>]<br>
Michael B. Jordan [<a href="https://faceinless.ru/profile.php?id=249">Marcel Gerard</a>]<br>
Michael Malarkey [<a href="https://faceinless.ru/profile.php?id=198">Lorenzo St. John</a>]<br>


<span> n - o - p </span>
Nina Dobrev [<a href="https://faceinless.ru/profile.php?id=298">Amara</a>]<br>
Nina Dobrev [<a href="https://faceinless.ru/profile.php?id=130">Katherine Pierce</a>]<br>
Olivia Cooke [<a href="https://faceinless.ru/profile.php?id=3">Aurora De Martel</a>]<br>
Park Yoo-na [<a href="https://faceinless.ru/profile.php?id=295">Lee Myoung-ja</a>]<br>
Patrick Gibson [<a href="https://faceinless.ru/profile.php?id=305">Lucien Castle</a>]<br>
Paul Weasley [<a href="https://faceinless.ru/profile.php?id=203">Stefan Salvatore</a>]<br>
Paul Wesley [<a href="https://faceinless.ru/profile.php?id=69">Tom Avery</a>]<br>
Phoebe Tonkin [<a href="https://faceinless.ru/profile.php?id=263">Hayley Marshall-Kenner</a>]<br>

<span> q - r - s </span>
Rebecca Breeds [<a href="https://faceinless.ru/profile.php?id=3">Aurora de Martel</a>]<br>
Rebecca Ferguson [<a href="https://faceinless.ru/profile.php?id=136">Inadu Lily Evers</a>]<br>
Saoirse Ronan [<a href="https://faceinless.ru/profile.php?id=283">Olivia Parker</a>]<br>
Sarah Gadon [<a href="https://faceinless.ru/profile.php?id=239">Camille O'Connell</a>]<br>
Samara Weaving [<a href="https://faceinless.ru/profile.php?id=191">Zireael</a>]<br>
Shailene Woodley [<a href="https://faceinless.ru/profile.php?id=183">Adriana Sage</a>]<br>
Shelley Hennig [<a href="https://faceinless.ru/profile.php?id=125">Malia Tate-Kenner</a>] <br>
Steven R. McQueen [<a href="https://faceinless.ru/profile.php?id=209">Jeremy Gilbert</a>]<br>
Sydney Sweeney [<a href="https://faceinless.ru/profile.php?id=251">Martha De Martel</a>]<br>



<span> t — u — v </span>
Teresa Palmer [<a href="https://faceinless.ru/profile.php?id=211">Freya Mikaelson</a>]<br> 
Tom Ellis [<a href="https://faceinless.ru/profile.php?id=267">Vlad Dracula</a>]<br> 

<span> w — x — y — z </span>
Xu Lu [<a href="https://faceinless.ru/profile.php?id=138">Bai Lin</a>]<br>
Zoey Deutch [<a href="https://faceinless.ru/profile.php?id=224">Caitlin Ripley</a>]<br>

 <br>
</div>
        </p>
    </section>  
    <section id="content-tab2">
        <p>
<div class="vnleft">
<span> Вампиры и первородные</span>
<a href="https://faceinless.ru/profile.php?id=3">Аврора Де Мартель // Aurora De Martel</a> <br>
<a href="https://faceinless.ru/profile.php?id=296">Айзек Годфри // Isaac Godfrey</a><br>
<a href="https://faceinless.ru/profile.php?id=113">Алексия Брэнсон // Alexia Branson</a> <br>
<a href="https://faceinless.ru/profile.php?id=272">Винсент Галлагер // Vincent Gallager</a><br>
<a href="https://faceinless.ru/profile.php?id=267">Влад Дракула (Вэзил) // Vlad Dracula (Vazil)</a><br>
<a href="https://faceinless.ru/profile.php?id=282">Гэрри Ланкастер // Garry Lancaster</a><br>
<a href="https://faceinless.ru/profile.php?id=217">Деймон Сальваторе // Damon Salvatore</a><br>
<a href="https://faceinless.ru/profile.php?id=98">Кейла Вейсер // Kayla Weiser </a><br>
<a href="https://faceinless.ru/profile.php?id=133">Кэролайн Форбс // Caroline Forbes</a> <br>
<a href="https://faceinless.ru/profile.php?id=130">Кэтрин Пирс // Katherine Pierce</a> <br>
<a href="https://faceinless.ru/profile.php?id=198">Лоренцо Сент Джон // Lorenzo St. John</a><br>
<a href="https://faceinless.ru/profile.php?id=305">Люсьен Касл // Lucien Castle</a><br>
<a href="https://faceinless.ru/profile.php?id=212">Майкл // Mikael</a><br>
<a href="https://faceinless.ru/profile.php?id=249">Марсель Жерар // Marcel Gerard</a><br>
<a href="https://faceinless.ru/profile.php?id=274">Надя Петрова // Nadia Petrova</a><br>
<a href="https://faceinless.ru/profile.php?id=100">Никлаус Майклсон // Niklaus Mikaelson</a> <br>
<a href="https://faceinless.ru/profile.php?id=122">Никки Шорт // Nikki Short </a><br>
<a href="https://faceinless.ru/profile.php?id=66">Ребекка Майклсон // Rebekah Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=250">Рианнон Дорнан // Rhiannon Dornan</a><br>
<a href="https://faceinless.ru/profile.php?id=203">Стефан Сальваторе // Stefan Salvatore</a><br>
<a href="https://faceinless.ru/profile.php?id=111">Тревор Фицджеральд // Trevor Fitsgerald</a><br>
<a href="https://faceinless.ru/profile.php?id=226">Финн Майклсон // Finn Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=303">Элайджа Майклсон // Elijah Mikaelson</a><br>


<span>Люди и охотники</span>
<a href="https://faceinless.ru/profile.php?id=298">Амара // Amara</a><br>
<a href="https://faceinless.ru/profile.php?id=209">Джереми Гилберт // Jeremy Gilbert</a><br>
<a href="https://faceinless.ru/profile.php?id=239">Камилла О'Коннелл // Camille O'Connell</a><br>
<a href="https://faceinless.ru/profile.php?id=69">Том Эвери // Tom Avery</a><br>
</div>

<div class="vnright">
<span>Ведьмы/сифоны/банши/медиумы/демоны/гончие</span>
<a href="https://faceinless.ru/profile.php?id=183">Адриана Сейдж // Adriana Sage </a><br>
<a href="https://faceinless.ru/profile.php?id=166">Аксель Эверс // Axel Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=135">Алекс Эверс // Alex Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=138">Бай Лин // Bai Lin</a><br>
<a href="https://faceinless.ru/profile.php?id=197">Бонни Беннетт // Bonnie Bennett </a><br>
<a href="https://faceinless.ru/profile.php?id=106">Девид Хант // David Hunt</a><br>
<a href="https://faceinless.ru/profile.php?id=275">Джози Зальцман // Josie Saltzman</a><br>
<a href="https://faceinless.ru/profile.php?id=191">Зираэль // Zireael</a><br>
<a href="https://faceinless.ru/profile.php?id=136">Инаду/Пустая/Лилит // Inadu/Lilith</a><br>
<a href="https://faceinless.ru/profile.php?id=224">Кейтлин Рипли // Caitlin Ripley</a><br>
<a href="https://faceinless.ru/profile.php?id=295">Ли Мёнджа // Lee Myoung-ja</a><br>
<a href="https://faceinless.ru/profile.php?id=189">Логан Хант // Logan Hunt</a><br>
<a href="https://faceinless.ru/profile.php?id=291">Магдалина Блэк // Magdalene Black</a><br>
<a href="https://faceinless.ru/profile.php?id=218">Микаэлла Уэйн // Michaella Wayne</a><br>
<a href="https://faceinless.ru/profile.php?id=91">Мод Эверс // Maud Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=65">Моргана Эверс // Мorgana Evers</a><br>
<a href="https://faceinless.ru/profile.php?id=265">Моник Деверо // Monique Deveraux</a><br>
<a href="https://faceinless.ru/profile.php?id=283">Оливия Паркер // Olivia Parker</a><br>
<a href="https://faceinless.ru/profile.php?id=290">Сейдж Нокс // Sage Nox</a><br>
<a href="https://faceinless.ru/profile.php?id=211">Фрея Майклсон // Freya Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=205">Фэйт Эллард // Faith Allard</a><br>
<a href="https://faceinless.ru/profile.php?id=132">Хенрик Майклсон // Henrik Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=134">Чан Ман Воль // Jang Man-Wol</a><br>
<a href="https://faceinless.ru/profile.php?id=176">Элизабет Зальцман // Elizabeth Saltzman</a><br>
<a href="https://faceinless.ru/profile.php?id=213">Эстер Майклсон // Esther Mikaelson</a><br>

<span>Оборотни/гибриды/еретики/трибрид/ви-вульфы</span>
<a href="https://faceinless.ru/profile.php?id=230">Алистер Бакстер // Alistair Baxter</a><br>
<a href="https://faceinless.ru/profile.php?id=255">Бриана Росс // Briana Ross</a><br>
<a href="https://faceinless.ru/profile.php?id=172">Даниэлла Шарман // Daniella Sharman</a><br>
<a href="https://faceinless.ru/profile.php?id=284">Донателла Старк // Donatella Stark</a><br>
<a href="https://faceinless.ru/profile.php?id=182">Джейсон Рид // Jason Reed</a><br>
<a href="https://faceinless.ru/profile.php?id=262">Джексон Кеннер // Jackson Kenner </a><br>
<a href="https://faceinless.ru/profile.php?id=240">Джош Льюис // Josh Lewis</a><br>
<a href="https://faceinless.ru/profile.php?id=70">Изабель Рейнвуд // Isabel Rainwood</a><br>
<a href="https://faceinless.ru/profile.php?id=252">Кай Паркер // Kai Parker</a><br>
<a href="https://faceinless.ru/profile.php?id=66">Кассандра Блэквелл // Cassandra Blackwell</a><br>
<a href="https://faceinless.ru/profile.php?id=277">Кевин Уилсон // Kevin Wilson</a><br>
<a href="https://faceinless.ru/profile.php?id=270">Лиам Майклсон // Liam Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=245">Мак Росс // Mac Ross</a><br>
<a href="https://faceinless.ru/profile.php?id=299">Маркус Хотт // Marcus Hott</a><br>
<a href="https://faceinless.ru/profile.php?id=251">Марта Де Мартель // Martha De Martel</a><br>
<a href="https://faceinless.ru/profile.php?id=125">Малия Тейт-Кеннер // Malia Tate-Kenner</a><br>
<a href="https://faceinless.ru/profile.php?id=179">Руби Росс // Ruby Ross</a><br>
<a href="https://faceinless.ru/profile.php?id=285">Себастиан Краун // Sebastian Crown</a><br>
<a href="https://faceinless.ru/profile.php?id=302">Хантер Мюррей // Hunter Murray</a><br>
<a href="https://faceinless.ru/profile.php?id=263">Хейли Маршалл-Кеннер // Hayley Marshall-Kenner</a><br>
<a href="https://faceinless.ru/profile.php?id=301">Хоуп Майклсон // Hope Mikaelson</a><br>
<a href="https://faceinless.ru/profile.php?id=232">Шарлотта Сальваторе // Charlotte Salvatore</a><br>
<a href="https://faceinless.ru/profile.php?id=292">Юн Миро // Yoon Miro</a><br>

</div>
        </p>
    </section> 

</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#vnesh2 {position: absolute;
    width: 700px;
    height: 520px;
    margin: 212px 0px 0px 47px;}

.tabs {
	padding: 0px;
	margin: 0 auto;
}

.tabs>section {
    display: none;
    padding: 10px;
    height: 440px;
    overflow-y: auto;
    text-align: justify;
    font-size: 10px;
}
.tabs>section>p {
margin: 0 0 5px;
    line-height: 1.5;
    color: #888888;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

 
@keyframes fadeIn {
	from {
    opacity:0;
	}
	to {
    opacity:1;
	}
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
    display: inline-grid;
    margin: 0 -2px 0px;
    text-align: center;
    color: var(--proftext);
    height: 28px;
    line-height: 25px !important;
    width: 348px;
    left: 2px;
    top: 0px;
    position: relative;
    font: var(--h1-font);
    text-transform: lowercase;
    font-weight: bold;
}

.tabs>input:checked+label {    color: var(--doptext);}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
	display: block;
}
.vnleft {       display: inline-block;
    width: 45%;
    box-sizing: border-box;
    overflow-y: auto;
    height: 400px;
    color: var(--proftext);
    margin-right: 30px;}
.vnleft span {    display: block;
    text-align: center;
    font: var(--h1-font);
    font-weight: bolder;
    margin-bottom: 10px; margin-top: 10px;}
.vnright {    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    overflow-y: auto;
    color: var(--proftext);
    height: 400px;}
.vnright span {    display: block;
    text-align: center;
    font: var(--h1-font);
    font-weight: bolder;
    margin-bottom: 10px;margin-top: 10px;}
</style>
Банк

[hideprofile]

Код:
<!--HTML-->
<div class="bank">
<!------------------информация ------------>

<rules>Добро пожаловать в центральный банк Мистик-Фоллса. Здесь вы можете потратить все свои денежки на себя любимых и на своих любимых. В банке доступна услуга перевода денег с одного счета на другой без комиссии и переплат. Удачных вам покупок!
</rules>

<!------------------заработать------------>
<div class="price">
<span>за регистрацию</span> <br>
<br>
» регистрация — 100$;<br>
» регистрация по заявке "хочу к вам" — 150$;<br>
» регистрация по заявке из нужных — 200$;<br>
<br>
<span>за игру</span><br>
<br>
» за открытие эпизода (1 раз всем участникам) — 100$;<br>
» пост от 1-3к —  100$;<br>
» пост от 3-6к — 200$;<br>
» пост от 6-10к — 300$;<br>
» каждая новая 1000 знаков — 50$;<br>
» ответ за 24 часа — 75$;<br>
» за закрытие эпизода (1 раз всем участникам) — 100$;<br>
<br>
<span>за актив</span><br>
<br>
» каждые 100 сообщений — 50$;<br>
» каждая 1000 сообщений — 100$;<br>
» каждый месяц на форуме — 150$;<br>
» заявка в "хочу видеть" — 50$;<br>
» заявка на нужного персонажа — 200$;<br>
» привел друга на форум — 150$;<br>
» попал в таблицу — 250$;<br>
<br>
<span>за рекламу</span><br>
<br>
» за 10 рекламу — 25$;<br>
» за 20 реклам  — 50$;<br>
» за 50 реклам  — 150$;<br>
» за баннер в подписи на арт-темах — 100$;<br>

</div>

<!------------------потратить ------------>
<spend>
<span>Твинки и прочее</span> <br>
<br>
» первый твинк — 10 постов (каноничная - с разрешения амс);<br>
» последующие твинки — 3500$ + 1 пост с каждого профиля в месяц;<br>
» выкуп имени/фамилии на неделю — 650$;<br>
» выкуп имени/фамилии на месяц — 850$;<br>
» выкуп внешности на неделю — 750$;<br>
» выкуп внешности на месяц — 950$;<br>
» смена внешности на любую незанятую — 2000$;<br>
» реклама вашего нужного в гостевой на неделю — 900$;<br>
» реклама вашего нужного в гостевой на месяц — 1700$;<br>
<br>
<span>На красоту</span><br>
<br>
» плашка себе/в подарок — 350$;<br>
» плашка себе/в подарок с идеей от амс — 400$;<br>
» реклама нужного (рекламная листовка) (две недели) — 1000$;<br>
» реклама нужного (рекламная листовка) (месяц) — 1500$;<br>
<br>
<span>Иммунитет</span><br>
<br>
»  спасение от чистки себя — 7500$;<br>
»  спасение от чистки твинка — 6800$;<br>
»  спасение от чистки друга — 7000$;<br>
<br>
<span>Переводы</span><br>
<br>
» бесплатно<br>

</spend>


</div>
Код:
НАЧИСЛИТЬ:
1. За что 
2. Доказательство
3. Сколько всего начислить
Код:
ПОТРАТИТЬ:
1. На что
2. Сумма списания
3. Сколько всего списать
Код:
ПЛАШКА:
1. Текст заголовка и нижний текст
Если с картинкой, то размер: 265 x 55
2. Сумма списания за плашку
Мастерская

[hideprofile]

Код:
<!--HTML-->
<div class="race">
<!------------------информация ------------>
<rules> <span> Мастерская графики</span>
здесь вы можете заказать графику
</rules>

<!------------------кнопки ------------>

<div id="race">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">общее</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">Aurora</label>

<input id="tab3" type="radio" name="tabs">
    <label for="tab3">Rebekah</label>

<input id="tab4" type="radio" name="tabs">
    <label for="tab4">Katherine</label>

<input id="tab5" type="radio" name="tabs">
    <label for="tab5">-----</label>
<input id="tab6" type="radio" name="tabs">
    <label for="tab6">-----</label>
<input id="tab7" type="radio" name="tabs">
    <label for="tab7">-----</label>
<input id="tab8" type="radio" name="tabs">
    <label for="tab8">-----</label>
<input id="tab9" type="radio" name="tabs">
    <label for="tab9">-----</label>
<input id="tab10" type="radio" name="tabs">
    <label for="tab10">-----</label>

<!------------------общее------------>
 
    <section id="content-tab1">
        <p>
<center> <img src="https://i.imgur.com/M5Ya1R7.png"> <img src="https://upforme.ru/uploads/000f/09/5e/14329/654401.png"> <img src="https://i.imgur.com/MhslNXh.png"></center>
Хочешь красиво выглядеть и есть форумная валюта? Тогда эта тема для тебя!
<hr>
<span>закажи аватар</span>  наши мастера представлены в этой теме, поэтому не стесняйся, расчехляй свой кошелек, заполняй шаблон и жди свой заказ<br>
<br>
<span>время ожидания:</span> мы не диктуем нашим мастерам, когда делать графику, но она выполняется в порядке очереди [у выбранного мастера], в рамках вдохновения мастера. Можете ожидать графику пару часов, а может несколько недель или даже месяцев;<br><br>
<span>кто наши мастера?</span> Аврора де Мартель, Ребекка Майклсон [их работы и стиль можно увидеть в соседних вкладках]. <br><br>
<span>обязательно заполнять заявку?</span> в этой теме - да, но вы можете личной обратиться к мастерам (в лс). они могут пропустить вас без заявки.<br><br>
<span>что по стоимости?</span> аватар - 3000 монеток, гиф-подпись - 1500 монеток, аватар + подпись - 4000 монеток. В долг не делаем, монетки идут на счет мастеров.<br><br>
<span>я могу обратиться к любому мастеру за графикой?</span> абсолютно к любому, но отметь его в своей заявке<br><br>
<span>хочу парный аватар, можно?</span> парные аватары можно заказать у Ребекки;<br><br>
<span>стать мастером, можно?</span> забеги к Авроре, а она уже все оформит как надо с:;<br><br>
<span>могу ли носить графику ваших мастеров на других форумах?</span> только графику мастеров нашего форума и под копирайты. total - копирайт Ребекки, crumble - копирайт Авроры;<br><br>
        </p>
    </section>  

<!------------------рорик------------>

    <section id="content-tab2">
        <p>
<center> <img src="https://upforme.ru/uploads/000f/09/5e/1860/820805.png"> <img src="https://upforme.ru/uploads/000f/09/5e/1860/555261.png"> <img src="https://upforme.ru/uploads/000f/09/5e/1860/139247.png"><img src="https://upforme.ru/uploads/000f/09/5e/1860/143836.png"> <img src="https://upforme.ru/uploads/000f/09/5e/1860/31961.png"> <img src="https://upforme.ru/uploads/000f/09/5e/1860/837945.png">
<br><br>Глянец
<hr></center>
<br><br>
<center> <img src="https://upforme.ru/uploads/000f/09/5e/1860/320185.gif"> <img src="https://upforme.ru/uploads/000f/09/5e/1860/38782.gif"> <img src="https://i.imgur.com/XsMdTf0.gif">
<br><br>с гиф-анимацией
<hr></center>
<br><br>
<center> <img src="https://i.imgur.com/2w2Z8nB.png"> <img src="https://i.imgur.com/w6KL0pi.png"> <img src="https://i.imgur.com/M5Ya1R7.png">
<br><br>минимализм
<hr></center>
<br>
срок изготовления - до 2 недель, но может двигаться в большую или меньшую сторону
<hr><br>
        </p>
    </section>  

<!------------------ребекка------------>

    <section id="content-tab3">
        <p>
<center> <img src="https://upforme.ru/uploads/000f/09/5e/14329/164204.png"> <img src="https://upforme.ru/uploads/000f/09/5e/14329/924592.png"> <img src="https://upforme.ru/uploads/000f/09/5e/14329/504186.png"><img src="https://upforme.ru/uploads/000f/09/5e/14329/433548.png"> <img src="https://i.imgur.com/reCeaPc.png"> <img src="https://i.imgur.com/REa1oyY.png">
<br><br>Глянец
<hr></center>
<br><br>
<center> <img src="https://upforme.ru/uploads/000f/09/5e/14329/719125.png"> <img src="https://i.imgur.com/mOPa8Qx.png"> <img src="https://i.imgur.com/KFt2GBX.png">
<br><br>Парные
<hr></center>
<br>
срок изготовления - до 2 недель, но может двигаться в большую или меньшую сторону
<hr>
        </p>
    </section>  


<!------------------катюша------------>

    <section id="content-tab4">
        <p>
<center> Добро пожаловать в пыточную Катерины, где я своими ручками потрогаю ваших персонажей, сотворив вам обложку для эпизода.
</center> 
- эпиграфы делаю только с персонажами tvd faceless и AU раздел. Оставлять заказы на сторонние форумы не нужно, проигнорирую. 
<br>
- сумма эпиграфа <b>3500</b> форумных монет
<br>
- ниже представлены вариации того, как эпиграф может выглядеть. Выбирайте понравившейся шаблон [внешний вид], если, конечно, имеется конкретика по внешнему образу. Один ярус // два яруса // три яруса // рваные края 
<br>
- от вас жду предпочтений по цветовой палитре [внешний вид] и музыкальное сопровождение [текстовая наполненность], откуда будет позаимствован текст. Можете расписать фразы, на которые хотите сделать акцент или конкретное слово выделить. Если нет, то просто имя исполнителя и название композиции, этого вполне хватит.
<br>
- в графе [дополнения] можете указать свои пожелание, по эмоциям, тому, что будете отыгрывать. Внешнему образу персонажей. Либо если нет уточнений, то оставляйте прочерк.
<br>
- по срокам исполнения от 3 до 5 дней
<br>
- вся заказанная графика будет лично ваша, никому другому передаваться не будет. Но имею за собой право, выставлять ее на Рено, в личной теме, с пометкой игровое/форумное (никто ее не заберет). В дополнение к эпиграфу будет предусмотрены аватары, нарезанные из него. При использовании графики на других форумах, указывайте авторство - сурикат.
<br><br>
<center> один ярус
<img src="https://upforme.ru/uploads/001b/dc/dc/130/435708.png" width="450"> 
<br><br>
два яруса
<img src="http://upforme.ru/uploads/000f/98/51/2/341964.png" width="450"> 
<br><br>
три яруса
<img src="https://upforme.ru/uploads/001b/dc/dc/130/245934.png" width="450"> 
<br><br>
рваные края
<img src="https://upforme.ru/uploads/001b/dc/dc/130/254476.png" width="450"> 
<br><br>
</center>
</p>
    </section>  
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */

#race {position: absolute;
    width: 700px;
    height: 520px;
    margin: 212px 0px 0px 47px;}

#race span {font: var(--h1-font);
    font-weight: bolder;}

.tabs {
	padding: 0px;
	margin: 0 auto;
}

.tabs>section {
display: none;
    padding: 10px;
    height: 587px;
    width: 460px;
    overflow-y: auto;
    top: -690px;
    font: 10px verdana;
    text-align: justify;
    float: right;
    position: relative;
    color: #7f7f7f;
    text-shadow: 1px 1px #000;
}
.tabs>section>p {
margin: 0 0 5px;
    line-height: 1.5;
    color: #888888;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

 
@keyframes fadeIn {
	from {
    opacity:0;
	}
	to {
    opacity:1;
	}
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
    display: block;
    margin: 0 -2px 0px;
    text-align: center;
    color: #7f7f7f;
    height: 50px;
    width: 200px;
    margin-bottom: 10px;
    left: 2px;
    top: -90px;
    position: relative;
    font: var(--h1-font);
    text-transform: lowercase;
    font-weight: bold;
    font-size: 20px;
    line-height: 46px!important;
}

.tabs>input:checked+label {    color: var(--doptext);}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8, #tab9:checked~#content-tab9, #tab10:checked~#content-tab10 {
	display: block;
}
</style>
Код:
[b]1. Ссылка на мастера (через @) [/b]

[b]2. Аватар/гиф-подпись/комплект[/b]

[b]3. Стиль графики (глянец-статика/парный-глянец-статика (Ребекка)/гиф-аватар (Аврора)/минимализм(Аврора)[/b]

[b]4. Имена внешности (желательно с исходниками)[/b]

[b]5. Цветовое предпочтение (можно примерами)[/b]

[b]6. Музыкальное сопровождение[/b]

[b]7. Дополнительные пожелания[/b]

[b]8. Сколько остается монет на счете после заказа[/b]
Код:
[b]1. Заказ эпиграфа у[/b] Katherine Pierce
[b]2. Имена персонажей // внешности[/b]

[b]3. Текстовая наполненность[/b]

[b]4. Внешний вид[/b]

[b]5. Дополнения[/b]

[b]6. Итоговая сумма (было - стало).[/b]

[hideprofile]

Код:
<!--HTML-->
<div class="hrons0155">


<div class="hrons0ar"><div class="hrons0ar1"> АРТЕФАКТЫ & ЗЕЛЬЯ </div></div>

<br>

<div class="hrons_knopki">

<ul class="s-tabshron">
<span>Инструкция</span>
<span>Зелья</span>
<span>Артефакты I</span>
<span>Артефакты II</span>


<li class="stabhron"><!-- 1 /// ИНСТРУКЦИЯ -->

<div class="hrons04"> 
Перед вами представлены артефакты, которые Джон Блэквелл раскидал по всему миру, а мы их нашли.
Вы можете приобрести любой из представленных ниже предметов за определенную сумму. Просто оставляем заявку, оформляя код. После оплаты артефакт появится на Вашей личной странице, если она у вас есть. </div>

<br><br><div class="hrons044">
<b>Вкладка Зелья.</b> Для вас предоставит список зелья и их описания, которые может приобрести себе в личную страницу. Как правило, каждое зелье находится в жидком состоянии, приготовленное по определенному рецепту, в состав которых могут входить разнообразные ингредиенты.
<br>
Различные зелья могут использоваться для разнообразных нужд. Лечебные зелья — в благих целях, отравляющие — как способ нанесения вреда, зелья с различными свойствами — для придания выпившему каких-то особых способностей.</div>

<br><br><div class="hrons044">
<b>Вкладка Артефакты I</b>
Коллекция временных артефактов. Это артефакты, свойства которых со временем теряет свою силу, либо они имеют ограничения по времени, или теряют магические свойства из-за поломки. После использования (разового или оговоренного в описании) артефакт теряет свою силу и удаляется амс из вашей личной странички. Об окончании срока действия артефакта своевременно сообщайте любому администратору.</div>

<br><br><div class="hrons044">
<b>Вкладка Артефакты II</b> 
Коллекция артефактов, которые не имеют срока годности. При приобретении они навечно окажутся в вашем гардеробе персонажа, если, конечно, вы не пожелаете от него избавится самостоятельно в игровых локациях. </div>

<br><br></li><!-- 1 /// КОНЕЦ -->


<li class="stabhron"><!-- 2 /// ЗЕЛЬЯ -->


<br><br><div class="hrons044">
<div class="hrons0506">цена:  5000 монет </div>
<div class="hrons0507"> зелье мысли </div>
редкое зелье, которое сложно в приготовлении и долго настаивается. Оно способствует связи двух разумов. Каждый делает глоток данного зелья, на добровольной основе. Вы сможете общаться друг с другом телепатически, передавая информацию с помощью мыслей. Но также не сможете ничего скрыть. В момент связи ваш разум как открытая книга: о чем думаете и размышляете, то слышит второй собеседник. У зелья есть ограничения, это радиус действия. Чем дальше друг от друга вы отдаляетесь, тем слабее сигнал. <b>Связь продлится не более 12 часов. </b> 
<br>Побочные действия: пару часов после завершения связи будут ощущаться головные боли. Если один из связующих сопротивляется и пытается скрыть свои мысли, то это вызывает ощутимый физический дискомфорт для него (поэтому подумайте, прежде чем соглашаться испить данного зелья). 
</div>






<br><br></li><!-- 2 /// КОНЕЦ -->


<li class="stabhron"><!-- 3 /// ВРЕМЕННЫЕ АРТЕФАКТЫ-->


<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  1500 монет </div>
<div class="hrons0507"> артефакт ментального блока</div>
защищает разум от магического проникновения (внушение/чтение мыслей). Как правило, это заговоренный камень, который впоследствии используется для украшений. Артефакт недолговечен и от внушения вампира не обезопасит! <b>Срок службы: 30 дней</b> (в счёт идут дни, когда его использовали). Для дальнейшей активации его нужно зарядить. Как именно? Интересуемся у того, где приобретали.</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  2000 монет </div>
<div class="hrons0507"> асцедент </div>
 мистический артефакт, который используют, как портал в тюремные миры, а также для определения положения небесных тел. <b>Каждый асцендент закреплен за определенным тюремным миром</b>, который воссоздает мир восходящего, создавшего измерение, которое можно использовать для возвращения в мир смертных. Для активации асцендента нужно любое астрологическое событие (затмение, северное сияние, парад планет и т.д.). 
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  4000 монет </div>
<div class="hrons0507"> зеркало присутствия </div>
магический артефакт, который позволяет следить за избранной личностью. Только одной! Для активации нужна либо личная вещь, которая будет примотана к ручке зеркала, либо биологический материал. Артефакт отображает картинку, полученную с любой зеркальной поверхности, которая находится рядом с объектов вашей слежки. <b>При повреждении зеркала артефакт перестает работать.</b>
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  2000 монет </div>
<div class="hrons0507"> макет куклы вуду </div>
подготовленная куколка с возможностью использования, которая идеально подходит для тех, кто не наделен магическими возможностями или не умеет создавать куклы вуду. <b>Одноразовый артефакт</b>, для активации лишь на одну личность. Добываем биологический материал того, кому хотите навредить, соединяете с куклой и готово. </b>
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  5000 монет </div>
<div class="hrons0507"> мора мизениум </div>
 темный артефакт, который используется некоторыми ковенами ведьм для сдерживания побочных эффектов от использования темной магии. Мора мизениум имеет вид песчаных часов. чтобы использовать артефакт ведьме стоит прикоснуться к нему и сосредоточиться передаче артефакту темной магии. <b>Магия артефакта будет непрерывной до тех пор, пока часы не разобьются/треснут</b>. При поломке артефакта, вся темная магия, поглощенная им, вернется обратно к ведьме, вызвав неприятные и даже опасные последствия. </div>

<br><br><br><br><div class="hrons044">
<div class="hrons506"> цена:  2500 монет </div>
<div class="hrons0507"> ночной шёпот</div>
все хоть раз видели украшение под названием ловец снов. Этот выглядит подобным образом, только в нем присутствует магическая сила. Он служит для пробуждения самых страшных кошмаров, когда человек спит. Нужно всего лишь повесить артефакт у изголовья кровати. Активируется он в ночное время суток (следим за фазами солнца) и заставит спящего промаяться всю ночь, ведь выбраться из ночных кошмаров самостоятельно не получится, придется ждать рассвета. Но есть один недостаток, артефакт легко можно повредить, тем самым ослабить его магическую силу. <b>Если артефакт не будет повреждён, его магия может продлиться до 30 дней.</b></div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  1500 монет </div>
<div class="hrons0507"> рука славы</div>
артефакт, созданный для связи с потусторонними мирами. По внешнему виду он напоминает толстую черную свечу, украшенную канделябром в форме руки. Рука славы сделана из разорванного предплечья мумифицированного человека. Когда свеча горит, она открывает сверхъестественную дверь в тот или иной мир духов и позволяет призракам взаимодействовать с миром живых до тех пор, пока свеча не догорит. <b>Как только свеча догорает, соединение с загробным миром прекращается.</b></div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  4000 монет </div>
<div class="hrons0507"> свеча-уравнитель</div>
темная свеча с голубоватыми вкраплениями. Для применения нужно замкнутое пространство, потому что радиус действия мал. Она служит для снижения способностей всех, кто находится в помещении, где она горит. Из плюсов: кто свечу зажигает, тот и сможет потушить. Из минусов, если кто-то выходит за порог комнаты, на него артефакт уже не действует. К тому же <b>действие магии заканчивается, когда свеча догорает.</b></div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  5000 монет </div>
<div class="hrons0507"> черная жемчужина</div>
местоположение артефакта – Ад. Это небольшие лакированные черные шарики, которые позволяют смертной душе находиться в преисподней, маскируя его душу – как убиенную. А также позволяют душе вернуться в человеческий мир: для этого <b>нужно раздавить жемчужину, либо в ладони, либо бросив под ноги и наступив на нее.</b> О данном способе путешествия знают немногие. Им пользуются те, кто не хочешь афишировать свое присутствие. Добыть данный артефакт могут только те, кто существует в Аду. Важно помнить, что на живой душе, может остаться отпечаток от пребывания в Аду, поэтому будьте осторожны: ничего не трогайте, никуда не заглядывайте, а лучше всего имейте проводника. Если потеряете жемчужину или ее кто-то другой уничтожит, то ваша душа остается в Аду, пока вы не найдете другой способ выбраться.</div>



<br><br></li><!-- 3 /// КОНЕЦ -->


<li class="stabhron"><!-- 4/// ПОСТОЯННЫЕ АРТЕФАКТЫ -->

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  500 монет </div>
<div class="hrons0507"> амулет для защиты от солнца</div>
используются вампирами, чтобы без вреда для себя передвигаться в дневное время, так как солнечный свет смертельно опасен для них. Амулет изготавливается из лазурита, но чтобы камень стал амулетом, ведьма должна заколдовать его. Чары строго персональны, другого вампира они защитить не могут. Чаще всего имеет форму как-либо украшений, например: серьги, кольца, браслеты, кулоны, броши и т.д.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  500 монет </div>
<div class="hrons0507"> амулет с вербеной</div>
используется заинтересованными для защиты от вампирского внушения. Амулет изготавливается из серебра и может иметь любую форму от подвески на шее до браслета на руке. В кулон амулета помещается небольшое количество сушенной вербены, которая, как известно защищает не только от внушения, но и может принести вред вампиру.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  3500 монет </div>
<div class="hrons0507"> ан депют дьяджент</div>
темный артефакт, выполненный из серебра. Имеет форму шара размерами чуть больше теннисного мяча, на котором нанесены магические символы. Используется для хранения или утечки всех видов магии. Работает по принципу ячейки: арфтефакт помещают в место, где сосредоточен тот вид магии, который нужно впитать. Настолько силен, что способен проникнуть сквозь магические основы.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  2500 монет </div>
<div class="hrons0507"> артефакт сокрытия</div>
 скрывает принадлежность вашей расы от магического прочтения. Энергетически вас никто не сможет считать, но визуально вы можете сами себя выдать.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  2500 монет </div>
<div class="hrons0507"> браслет выбора</div>
 артефакт для добровольного использования. Он блокирует, сдерживает вашу полноценную силу. Нацелен только на одну расу. То есть те, кто наделен двумя или тремя видами сил, выбирает от чего именно, он хочет себя ограничить. Артефакт не спасает от действия полной луны на оборотней и не удержит голод вампира
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  5000 монет </div>
<div class="hrons0507"> браслет послушания</div>
является темным артефактом для создания которого нужна сила поколений (то есть создать его могут две ведьмы из одной родословной, например мать и дочь, внучка и бабушка и т.д.). По внешнему виду напоминает обычный металлический браслет, позволяющий носящему диктовать свою волю тому на кого этот браслет зачарован. Браслет можно использовать с больших расстояний. Подчиняющийся не может ослушаться и исполняет любые приказы носящего браслет.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  1500 монет </div>
<div class="hrons0507"> гримуар</div>
у каждой уважающей себя ведьмы есть семейный гримуар, содержащий в себе описание магических процедур, заклинания для вызова духов/демонов или какие-либо колдовские заклятия. Как правило, большинство гримуаров достаточно древние и содержат в себе мудрость и секреты поколений ведьм. Гримуар - это дополнительный источник силы ведьмы, а так же кладезь магических знаний. Для вампиров, гибридов, охотников и других сверхъестественных существ гримуар может быть полезен для привлечения на свою сторону ведьм или для изучения магических лазеек.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  1500 монет </div>
<div class="hrons0507"> дублон присутствия</div>
 заговоренная монета, которая нагревается, если в радиусе 100 метров находится кто-то из мистических существ. 
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  3000 монет </div>
<div class="hrons0507"> звезда дьявола</div>
темный артефакт, который напоминает по внешнему виду сюрикэн. Звезда была спроектирована так, чтобы ее бросали как оружие, и одним ее броском можно нанести тысячу разрезов.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  2500 монет </div>
<div class="hrons0507"> игла печали</div>
 игла имеет одну цель - убить ребенка в утробе, повысив температуру крови беременной женщины. В результате это вызывает выкидыш.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  5000 монет </div>
<div class="hrons0507"> кинжал связи</div>
заговоренный клинок, который можно использовать на несколько человек. Максимальное количество объединенных — четверо. Каждый должен соприкоснуться с лезвием кинжала, оставив на нем свою кровь. Теперь вы связаны на сутки. Эта связь дает возможность ощущать физическую боль друг друга. Если одного ранят, то тот, кто с ним связан, это почувствует и разделит его мучения на собственном теле/разуме. Таким образом, вы разделяете и облегчаете страдания того, кто подвергается магической/физической расправе.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  5000 монет </div>
<div class="hrons0507"> кристалл усиления</div>
заряженный темной энергией кристалл. Они бывают разных размеров, поэтому, чтобы его использовать, необходимо отделить от самого кристалла небольшую часть — а некоторые доходят до владельца лишь в малом количестве. Сделать разрез на ладони, расположить кусок кристалла на царапине. Камень активируется с прикосновением к крови и начнет впиваться вам в ладонь до того момента, пока не станет частью вашего тела. Это малоприятный процесс, но если перетерпите боль, то будете вознаграждены. Кристалл усиливает все ваши способности, он становится энергетической батарейкой, которая наполняет вас нескончаемым запасом сил. При использовании которых, ладонь будет пульсировать и слегка светиться в том месте, куда вошел кристалл. У данного артефакта есть большие побочные эффекты. Наделенный силой кристалла, как правило, не может себя контролировать. Его переполняет черная материя, он одурманен силой и властью. Чтобы нейтрализовать данный артефакт — нужно лишь разрезать ладонь и вытащить кристалл. 
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  5000 монет </div>
<div class="hrons0507"> кровавый фонтан</div>
 возвышающийся темный артефакт, украшенный многочисленными черепами со струящейся кровью, которая скапливается на каменной основе. Темный артефакт был создан, чтобы свести на нет магию в неопределённом, но ограниченном месте, делая ведьм бессильными, а вампиров - неспособными использовать свои кольца дневного света. В частности, на лбу трёх черепов написаны три разных символа, эти черепа при попадании в кровь фонтана приводят к закрытию темного артефакта.
</div

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  2500 монет </div>
<div class="hrons0507"> осколок адского взора</div>
это осколок прозрачного стекла, края которого опалены в адском пламени. Через него вы сможете отслеживать тех, кто пришел в этот мир из низов (демонов, адских псов). Демоны предстанут перед вами в истинном облике. Их лица, что скрывает выбранный ими сосуд, исказятся. Вы так же сможете рассмотреть Адских псов в тот момент, когда они находятся в животной форме, вышли на охоту за тем, кто должен отдать свою душу. Ведь, как правило, их видят только те, за кем они охотятся, либо адские жители.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  4000 монет </div>
<div class="hrons0507"> ожерелье соблазнения </div>
 как правило, в нем используются камни красного оттенка. Чтобы активировать ожерелье, необходимо окропить его собственной кровью. Капли впитаются в камни, и оно готово для использования. Располагаем его на шее — важно соприкосновение с вашей кожей. В момент общения с человеком, которого вы хотите обольстить, заставить его забыться и сделать то, что вы желаете, необходимо просто слегка дотронуться до ожерелья, и оно направит свою силу на желаемый объект. Ваша жертва будет одурманена вами, вашей красотой, грацией, улыбкой и сделает для вас все что угодно. Важно помнить, что действие «внушения» длится не вечно, и через пару часов оно выветрится. Есть побочный эффект. Не все разумы сильны, некоторые столь податливы, что у вас появится навязчивый поклонник — на пару дней или недель.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506"> цена:  5000 монет </div>
<div class="hrons0507"> ошейник правды</div>
магический артефакт, который нужно расположить на шее у того, чьим словам ты не веришь. Был создан для допросов, а не для дружеских бесед. Толстый черный кожаные ремешок в три сантиметра, с гравированной символикой на нем. Артефакт считывает вибрации тела, пульс, помыслы допрашиваемого. Если ответ верный, ничего не происходит. Если неверный, ремешок уменьшается в размерах и начинает давить на шею. Чем больше ложных ответов, тем меньше ошейник. Поэтому допрашиваемому невыгодно постоянно врать, иначе артефакт его задушит. Но есть обходные лазейки: например, зелья спокойствия и различные ментальные блокаторы.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  2300 монет </div>
<div class="hrons0507"> проклятые кандалы</div>
используют, чтобы сковать ведьму и не позволить закованной в них ведьме использовать магию.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  3500 монет </div>
<div class="hrons0507"> сдерживающие цепи со стержнем</div>
 древний тёмный артефакт, сделанный древними египтянами из тамариска, выгравированный древними символами. В сочетании, цепи и стержень были созданы для подавления всего сверхъестественного.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  3300 монет </div>
<div class="hrons0507"> серратура</div>
этот медальон выполнен из бронзы и представляет собой большую плоскую монету размером с ладонь руки, которая имеет сложную паутину символов, которые напоминают ацтекские иероглифы. Серратура имеет возможность запечатать одного или нескольких людей, когда они находятся в одном и том же месте в магической границе, которая, предположительно, не может быть нарушена. Активная, серратура должна быть размещена только на том месте, где его барьер предназначен для запечатывания, и все обитатели этого пространства, будь они мертвецы или живые, останутся в ловушке навсегда. Для активации серратуры требуется достаточно сильная ведьма, поскольку заклинание внутри него достаточно мощное, что способно на смерть истощить ведьму.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  10000 монет </div>
<div class="hrons0507"> сталь изгнания</div>
нож, клинок которого подвергся особым ритуалам. По всему его лезвию выгравированы символы. Он предназначен для убийства демона. Навсегда. Стоит вонзить его в тело, в котором находится демон, и тот навечно отправится на покой, прекратив свое существование.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  3000 монет </div>
<div class="hrons0507"> чаша призыва</div>
металлическая чаша, по краям которой выгравированы символы. Служит для призыва демона. Призывающий должен знать имя того, кого призывает, и добавить в сосуд необходимые ингредиенты, включая кровь (любую). Если все сделано как надо, то символы на чаше загорятся алым светом и в скором времени рядом с вами появится демон. Но помните, что общение с адским созданием может нести за собой последствия. 
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  5000 монет </div>
<div class="hrons0507"> шамбре де шасс // коробка терапии</div>
 магически построенное место, которое существует в астральном плане. используется для переноса всех ваших психологических проблем внутрь коробки, чтобы сформировать общий нарратив для работы с конкретными проблемами, с которыми сталкивается один человек или группа людей, и обнаружить что-то ценное в процессе. Шамбре де шасс создаётся представительной магией, при использовании представительных элементов, чтобы притянуть и удержать разум других внутри. Когда символ, удерживающий того или иного человека разрушается, душа и разум человека покидают Шамбре де шасс, возвращаясь в тело хозяина, которое остается в реальном мире безжизненным.
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  2000 монет </div>
<div class="hrons0507"> шар правды</div>
гладкая прозрачная сфера сделанная из похожего на кристалл или стекло минерала. Других отметин на поверхности сферы нет. Сфера показывает говорит ли человек правду, отвечая на вопрос. Если человек скажет правду Шар будет светиться ярко-синим цветом. Если человек солжет, то Шар будет светиться ярко-красным. Магия Шара кажется довольно прямолинейной и действует только на основе того, что человеку известно по задаваемому вопросу. 
</div>

<br><br><br><br><div class="hrons044">
<div class="hrons0506">цена:  2000 монет </div>
<div class="hrons0507"> шкатулка «Песнь сирен»</div>
музыкальная шкатулка, звуки которой нацелены на ментальное воздействие. Она усыпляет, отключая ваше сознание и отправляя в сон. Воздействует на всех, кто находится рядом и слышит музыкальное сопровождение. Шкатулка воспроизводит музыку три минуты, а дальше закрывается. Через пару секунд тишины, воздействие на разум проходит и все просыпаются.
</div>

<br><br></li><!-- 4 /// КОНЕЦ -->






</ul></div></div>



<script type="text/javascript">
$('.s-tabshron').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stabhron').eq(0).show();    
});
$('.s-tabshron>span').live('click', function(){
     var a = $(this).parent('.s-tabshron');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected'); 
     a.children('.stabhron').hide();   
     a.children('.stabhron').eq(index).show();    
});
</script>

<style>
.post-content ul {    padding: 0px 0px 0px 0px; }

.hrons0155    /* ОСНОВНОЕ ОКНО АРТЕФАКТЫ*/ {
    height: 535px;
    background-image: url(https://upforme.ru/uploads/001b/dc/dc/130/806844.png) !important;   border-radius: 15px; margin-left: 35px; }

.hrons5065  /* ПУСТАЯ ТОЧКА АРТЕФАКТЫ*/ {
    width: 20px;    height: 20px;    border-radius: 100px;    margin-left: -20px !important;    margin-top: 35px !important;  }

.hrons0507 /* НАЗВАНИЕ АРТЕФАКТА*/ {    border-radius: 10px;    background-color: #c3bcae;    font-size: 15px;    color: #080000;    border: 1px solid rgba(160, 101, 50, 0.55);    text-align: center;    padding: 3px 1px 3px 1px;    margin: 0px 10px 5px 10px;    font-family: Arial;    width: 360px;    margin-left: 0px !important;    margin-top: -25px !important;    font-weight: bold;
}

.hrons044 /* ОПИСАНИЕ АРТЕФАКТА*/ {    width: auto;    color: #080000;    margin-top: 5px !important;    text-align: justify;    line-height: 15px;    padding: 5px 10px 5px 10px;    background-color: #b4ac9b;    border-radius: 10px;    font-family: Arial;    font-size: 12px;
}

.hrons0506 /* ЦЕНА АРТЕФАКТА*/ {    width: 250px;    border-radius: 10px;    background-color: #c3bcae;    font-size: 11px;    color: #080000;    /* margin: 0px 0px 5px 10px; */    margin-left: 525px !important;    border: 1px solid rgba(160, 101, 50, 0.55);    text-align: center;    padding: 3px 1px 3px 1px;    margin-top: -15px;    font-family: Arial; }

</style>

0

26

Хронология

[hideprofile]

Хронология по сюжетным эпизодам
- мы создали вам удобную тему, где вы найдете все сюжетные эпизоды, с датами и привязанными событиями;
- бонус - дополнительные тематические эпизоды от администрации
- эпизод закрыт (отыгран);
- эпизод заморожен из-за отсутствия игроков;
- эпизод активен

Код:
<!--HTML-->


<div class="hrons01">


<div class="hrons0ar"><div class="hrons0ar1">
I СЮЖЕТНАЯ АРКА
</div></div>



<div class="hrons_knopki">

<ul class="s-tabshron">
<span>Июнь</span>
<span>Июль</span>
<span>Август</span>
<span>Сентябрь</span>
<span>Окт. — дек.</span>
<span>Рождество</span>

<li class="stabhron"><!-- 1 /// ДАТЫ ИЮНЬ-->

<div class="hrons04"> 
08.06.2018 г. Августин идет на контакт с Триада Индестрис и готовится к объединению.<br>
17.06.2018 г. Члены Августин приняты под управление Триады и рассредоточены по лабораториям компании.<br>
25.06.2018 г. Свадьба Кэролайн и Стефана<br>
26.06.2018 г. В ночь Бонни останавливает адское пламя.<br>
26.06.2018 г. Ведьмы французского квартала проводят ритуал по призыву Лилит.<br>
28.06.2018 г. Лилит покидает свою многовековую тюрьму.<br>
28.06.2018 г. Жнецы покидают Адский пантеон.<br>
28.06.2018 г. Возвращение погибших к жизни.<br>
29.06.2018 г. Лилит сотворяет заклинание, не позволяющее магии распределяться на ведьм, вернувшихся к жизни.<br>
30.06.2018 г. Кад в спешке является в Новый Орлеан и разделяет душу Лилит.<br>
30.06.2018 г. Кэролайн покупает кольцо с костями Лилит и становится вместилищем части ее воли.<br>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/549009.png" title="Моргана Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/179/911158.png" title="Кэролайн Форбс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/106121.png" title="Кэтрин Пирс"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=314"> яркая вспышка </a> </div>
<div class="hrons07"> 30.06.2018 г. Кэролайн покупает кольцо с костями Лилит и становится вместилищем части ее воли. </div>
<div class="hrons08"> Раз в сотню лет редкая комета пролетает над Землей. Тысячи людей ночью следят за этим событием. Ведьмы устраивают празднества, подпитываясь энергией кометы, а вампиры и оборотни на вечер забывают о том, что происходит между ними. По этому случаю в небольшом городке в пригороде Нового Орлеана устроен праздник, заключительным событием которого станет наблюдение за редкой каметой. В пригород съехались ученики школы-интерната Сальваторе с преподавательским составом, чтобы устроить небольшой родительский день в неформальной обстановке, семья первородных вампиров, множество ведьм, вампиров, оборотней и людей со всей страны.</div>
</div>


<br><br></li><!-- 1 /// КОНЕЦ -->


<li class="stabhron"><!-- 2 /// ДАТЫ ИЮЛЯ-->

<div class="hrons04"> 
01.07.2018 г. Возвращение Кэролайн в Мистик-Фоллс.<br>
03.07.2018 г. Ритуал жнецов по призыву девочек из Клана Близнецов.<br>
03.07.2018 г. Пропадают юные воплощения призванных из будущего.<br>
04.07.2018 г. Жница Войны Мод занимает место руководителя Триады Индастриз под воплощением Авроры де Мартель. Официально об исчезновении Авроры неизвестно никому.<br>
07.07.2018 г. Воскрешенные люди и ведьмы без магии начинают проявлять способности медиумов.<br>
10.07.2018 г. Объединение Клана Близнецов и еретиков под началом Валери Тулл.<br>
15.07.2018 г. Разъезд двойников по разным городам.<br>
25.07.2018 г. Сайлас строит планы по объединению двойников и готовит ритуал.<br>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/549009.png" title="Моргана Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/763824.png" title="Мод Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/961630.jpg" title="Алекс Эверс"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=247"> ритуал </a> </div>
<div class="hrons07"> 03.07.2018 г. Ритуал жнецов по призыву девочек из Клана Близнецов. </div>
<div class="hrons08"> Несколько дней назад жнецам стало известно, что Лилит исчезла прямо у них из-под носа, что совершенно не добавляет оптимизма наследникам Ада. И не исключено, что виной этому - дражайший отчим. Однако Моргана знала, что сил ненавистного ей Клана Близнецов должно хватить, чтобы снять связь, и вернуть жнецам их силы в полной мере. Ради долгожданной свободы жнецы принимают важное судьбоносное решение - собрать весь Клан Близнецов вместе, включая старшее и новое поколение.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/3/134523.jpg" title="Стефан Сальваторе"  class="hrons051"> <img src="http://placehold.it/50x50" title="преподаватель школы"  class="hrons051">
</div>
<div class="hrons062">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=243"> беглецы </a> </div>
<div class="hrons07"> 03.07.2018 г. Пропадают юные воплощения призванных из будущего.</div>
<div class="hrons08"> На глазах преподавателя школы пропадает 5 человек из класса. Первый рабочий день и сразу недоразумение. Она отвернулась лишь на секунду и вместо улыбающихся лиц школьников - пустые места. Первым, кто попадается ей на глаза из учителей - директор Стефан Сальваторе. Вместе они осматривают всю школу и сталкиваются со странностями.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/179/911158.png" title="Кэролайн Форбс"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=365"> время </a> </div>
<div class="hrons07"> 04.07.2018 г. Появление на пороге школы имени Сальваторе детей из будущего.</div>
<div class="hrons08"> Предыстория: для помощи в снятии колец ограничения, когда-то созданных сифонами из клана близнецов, жнецы из будущего призывают двух близнецов-сифонов. Все проходит не по плану и девушки с собой цепляют почти половину школы, в том числе и Хоуп Майклсон, а также одного из учителей. Осознание приходит практически сразу. Их город не такой, как в 2030 году, их школа выглядит иначе, поэтому с помощью друзей учителя, им удается получить пару другую поддельных документов и вернуться в школу.
Сюжет эпизода: на пороге только что открывшей школы-интерната возникает десяток потенциальных студентов. Все они - сироты и воспитанники недавно разрушенной в ходе стихийного бедствия сверхъявственной школы в Канаде.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/179/911158.png" title="Кэролайн Форбс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/763824.png" title="Мод Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/431024.png" title="Изабель Райнвуд"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=265"> мы нужны им </a> </div>
<div class="hrons07"> 05.07.2018 г. Жница Войны Мод занимает место руководителя Триады Индастриз под воплощением Авроры де Мартель. Официально об исчезновении Авроры неизвестно никому. Жница появляется на пороге школы имени Сальваторе, чтобы узнать как можно больше информации о пропавших детях;</div>
<div class="hrons08"> Аврора де Мартель успела привести дела не так давно купленной фирмы в порядок. Люди [или нелюди] назначены на новые должности, документация в порядке, гранты получены. На удивление, несколько месяцев серьезной работы выдались спокойными, поэтому неожиданные происшествия в Мистик Фоллс не стали для вампирши неприятным сюрпризом. Первое серьезное дело Триады. Первая тайная, которую необходимо им разгадать. А в чем обстоят дела?
В Мистик Фоллс неожиданно исчезает десять детей. Объединяет их одно - они студенты недавно открывшейся академии для сверхъестественных существ имени братьев Сальваторе. Аврора не в первый раз слышит эту фамилию и точно знает, что где братья Сальваторе - там приключения. Специалисты Триады выезжают на место исчезновения, чтобы собрать улики, допросить свидетелей, а также навестить школу с не особо приятной новостью. Совет попечителей Триады Индастрис намерены закрыть новую школу, но, к счастью, решающий голос за мисс де Мартель, которая имеет на заведение совершенно другие планы.</div>
</div>
<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/28605.png" title="Элайджа Майклсон"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=719#p107791"> бездна </a> </div>
<div class="hrons07"> 07.07.2018 г. Пропадают юные воплощения призванных из будущего и в том числе Хоуп. И об этом узнает Никлаус.</div>
<div class="hrons08"> Бесследное исчезновение маленькой Хоуп приводит к крайне неприятным последствиям для всех Майклсонов.</div>
</div>
<br><br></li><!-- 2 /// КОНЕЦ -->


<li class="stabhron"><!-- 3 /// ДАТЫ АВГУСТ-->

<div class="hrons04"> 
16.08.2018 г. Становление официально признанной расы банши, состоящей из воскрешенных ведьм французского квартала, лишившихся магии в результате заклинания Лилит. <br>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/3/433855.png" title="Хейли Маршалл"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/566271.png" title="Малия Тейт-Кеннер"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=304"> борьба за лидерство </a> </div>
<div class="hrons07"> Действия Никлауса с отключенной человечностью</div>
<div class="hrons08"> В семействе первородных снова неспокойно - исчезновение Хоуп вносит разлад в их взаимоотношения. Каждый справляется с болью утраты по разному. Несколько оборотней стаи Полумесяца жестоко растерзаны отключившим человечность Клаусом. Пока Хейли и Элайджа пытаются привести гибрида в чувства, один из лидеров стаи, Малия Кеннер, под влиянием души Пустой бросает вызов Хейли Маршалл. К чем приведет эта стычка?</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/3/763824.png" title="Мод Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/t538593.png" title="Фрейя Майклсон"  class="hrons051"> 
</div>
<div class="hrons062">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=246"> скажи мне правду </a> </div>
<div class="hrons07"> 16.08.2018 г. Становление официально признанной расы банши, состоящей из воскрешенных ведьм французского квартала, лишившихся магии в результате заклинания Лилит.</div>
<div class="hrons08"> Появление медиумов и ведьм без сил в Новом Орлеане - проблема. Если кому-то они срывают своими предсказаниями планы, то жнецу Войне они срывают целые битвы. Вариации путей и все исходы видны их проницательному глазу и разобраться в их природе хочет не только Война, но и древняя ведьма Фрея. У ее семьи много тайн, которые необходимо скрыть от посторонних. Тем более Майклсон уже начала собственное расследование и выяснила у ведьм французского квартала о их природе.</div>
</div>

<br><br></li><!-- 3 /// КОНЕЦ -->


<li class="stabhron"><!-- 4/// ДАТЫ СЕНТЯБРЬ -->

<div class="hrons04"> 
01.09.2018 г. В пригороде Нового Орлеана случается большая трагедия. На огромном предприятии случается взрыв. Сотни жертвы, десятки погибших.<br>
15.09.2018 Появление в Новом Орлеане медиумов не может не тревожить обителей этого города. Они неосторожны, растеряны, некоторые не соответствуют временным рамкам (мода, одежда), поэтому они привлекают внимание некоторых людей. Сверхъестественные существа объявляют охоту на медиумов в Новом Орлеане.<br>



</div>


<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/530400.png" title="Мэтт Доннован"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/675989.jpg" title="Хенрик Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/789086.png" title="Том Эвери"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=473"> спасите нас </a> </div>
<div class="hrons07"> 01.09.2018 г. В пригороде Нового Орлеана случается большая трагедия. На огромном предприятии случается взрыв. Сотни жертвы, десятки погибших.</div>
<div class="hrons08"> В пригороде Нового Орлеана/Мистик-Фоллса случается большая трагедия. На огромном предприятии случается взрыв. По близости оказываются сердобольные сверхъестественные существа, которые отправляются на предприятием чтобы помочь людям. Но сильный пожар, огромное количество жертв, неожиданные нападения не позволяют спокойно закончить свою миссию спасателям.
</div>
</div>

<br><br></li><!-- 4 /// КОНЕЦ -->


<li class="stabhron"><!-- 5/// ДАТЫ ОКТЯБРЬ-->

<div class="hrons04"> 
23.10.2018 г. Нападение неизвестной стаи волков на ведьм французского квартала. Жертвы есть среди ведьм и среди оборотней.<br><br>
04.11.2018 - 10.11.2018 г. - Никлаус восстанавливает связь со своей родословной вампиров.<br>
05.11.2018 г. Аврору де Мартель находят в запечатанном заклинанием гробу. Директор возвращается на свой пост в Триаду. <br><br>

10.12.2018 г. Попытка Сайласа собрать двойников вместе не увенчалась успехом. Ритуал Сайласа сорван Морганой в облике Кэтрин. <br>
</div>
<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/605869.png" title="Бонни Беннетт"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=686#p101793"> Long Road </a> </div>
<div class="hrons07"> 04.11.2018 - 10.11.2018 г. - Никлаус восстанавливает связь со своей родословной вампиров.</div>
<div class="hrons08"> Бонни и Никлаус направляются в Египет, чтобы восстановить связь первородного с его родословной вампиров</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/183151.png" title="Аврора де Мартель"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=560"> вздох свободы </a> </div>
<div class="hrons07"> 05.11.2018 г. Аврору де Мартель находят в запечатанном заклинанием гробу. Директор возвращается на свой пост в Триаду.</div>
<div class="hrons08"> В руки Хоуп попадает интересная информация, которой грех не воспользоваться. Она прибывает в дом одного из жнеца и обнаруживает в подвале запертый саркофаг. Обычно открывать подобные вещи не очень безопасно, но когда Хоуп переставала бросать вызов опасности?</div>
</div>


<br><br></li><!-- 5 /// КОНЕЦ -->


<li class="stabhron"><!-- 6/// ДАТЫ РОЖДЕСТВО-->

<div class="hrons04"> 
Рождество 2018 года было богато на события. И сгоревшая в Мистик Фоллс рождественская ель, большой бал у Майклсонов и даже украденная из местного леса ель - все провели праздник весело и так, как положено сверхъестественным существам.
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/3/911149.png" title="Алита Паркер"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/961630.jpg" title="Алекс Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=439"> зажжём елку? </a> </div>
<div class="hrons07"> 25.12.2018 - Рождественские эпизоды</div>
<div class="hrons08"> В Мистик Фоллс есть традиция - ежегодно зажигать гирлянды на самой большой елке. Это делает бывшая или нынешняя мисс Мистик Фоллс, но что если пульт зажег не праздничные огни, а полностью сжег праздничную елку? Случайность или злой умысел? Кто стоит за этим преступлением и удастся ли перед Рождеством восстановить праздник?</div>
</div>
<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/789086.png" title="Том Эвери"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/562297.png" title="Алексия Брансон"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=443"> выбор елки </a> </div>
<div class="hrons07"> 25.12.2018 - Рождественские эпизоды</div>
<div class="hrons08"> Не самое лучшее время выходить ночью в Рождество за елкой. И не самое лучшее решение не покупать елку, а спилить ее в лесу. Нарветесь на оборотня? Вампира? Или на грозного шерифа, а может проведете вечер с пилой и душевными разговорами.</div>
</div>
<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/549009.png" title="Моргана Эверс"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/3/675989.jpg" title="Хенрик Майклсон"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/179/911158.png" title="Кэролайн Форбс"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/100/183151.png" title="Аврора де Мартель"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=437"> большой бал </a> </div>
<div class="hrons07"> 25.12.2018 - Рождественские эпизоды</div>
<div class="hrons08"> В честь Рождества семейство Майклсонов устраивает традиционный бал. Красивые наряды, торжественные речи. Но праздничное настроение нарушает неожиданная шутка ведьм французского квартала. Светящиеся разными цветами люстры и елка становятся бесполезными, а  вечер все гости должны провести при свете свеч.
Помешает ли это героям? Кто споет акапельно лирическую песню для медленного танца? И состоится ли праздник? И кто станет Сантой этого вечера? Ведь он сильно задерживается вместе с подарками, что глава семьи Майклсонов припрятал на чердаке.</div>
</div>


<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/943470.jpg" title="Кейла Вейсер"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/3/675989.jpg" title="Хенрик Майклсон"  class="hrons051"><img src="https://upforme.ru/uploads/001b/dc/dc/100/566271.png" title="Малия Кеннер"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=438"> домашний уют </a> </div>
<div class="hrons07"> 25.12.2018 - Рождественские эпизоды</div>
<div class="hrons08"> "где ваша пижама?" Домашняя вечеринка - лучшая вечеринка. Новогодние коктейли, закуски, обсуждение личной жизни! Что может быть лучше?</div>
</div>
<br><br></li><!-- 6 /// КОНЕЦ -->
</ul></div></div>



<script type="text/javascript">
$('.s-tabshron').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stabhron').eq(0).show();    
});
$('.s-tabshron>span').live('click', function(){
     var a = $(this).parent('.s-tabshron');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected'); 
     a.children('.stabhron').hide();   
     a.children('.stabhron').eq(index).show();    
});
</script>

<style>
.post-content ul {    padding: 0px 0px 0px 0px; }
</style>

Код:
<!--HTML-->

<br>
<div class="hrons01">


<div class="hrons0ar"><div class="hrons0ar1">
II СЮЖЕТНАЯ АРКА
</div></div>



<div class="hrons_knopki">

<ul class="s-tabshron">
<span>Январь</span>
<span>Февраль</span>
<span>Март</span>
<span>Апрель-май</span>
<span>XV век</span>

<li class="stabhron"><!-- 1 /// ДАТЫ ЯНВАРЬ-->

<div class="hrons04"> 
10.01.2019 - частичное обрушение врат Ада;<br>
12.01.2019 - начало стихийных бедствий, сопровождающие падение врат (пожары, болезни, изменение погоды и т.д.);<br>
14.01.2019 - 15.01.2019 - Аврора и Хоуп направляются на Западное побережье, чтобы освободить Тристана. Освобождение Тристана;<br>
16.01.2019 - жнецы объединяют усилия, чтобы удержать врата Ада от разрушения, расставив черные обелиски вокруг врат на земле в 5 районах города. Обелиски напитали своми силами, каждый обелиск - каждому жнецу, а один обелиск силами адского огня. Но их регулярно надо подпитывать;<br>
19.01.2019 - Хенрик, Аврора излечивают Тристана от яда, замедляющего регенерацию. Вампир полностью восстанавливается;<br>
20.01.2019 - Кад освобождает тварей другого мира, планируется окончательное разрушение врат ада;<br>
23.01.2019 - эпический момент битвы Када и жнецов. В это время в Мистик Фоллс находиться крайне опасно, природные катаклизмы и эманации жнецов могут зацепить любого в пределах города.<br>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/183151.png" title="Аврора де Мартель"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=587"> поможешь мне? </a> </div>
<div class="hrons07"> 14.01.2019 - 15.01.2019 - Аврора и Хоуп направляются на Западное побережье, чтобы освободить Тристана. Освобождение Тристана;</div>
<div class="hrons08"> Аврора имеет на руках необычные результаты анализов крови некой юной особы из школы-интерната Сальваторе. Трибрид ведьмы, оборотня и вампира. Сломленная, нуждающаяся в своей семье, она находит девушку и просит ее помочь внушить первородному гибриду Клаусу рассказать о том, где находится ее брат Тристан, чтобы освободить ее. Девушка уже имеет эту информацию и готова помочь Авроре, но тоже не за просто так.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/183151.png" title="Аврора де Мартель"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/675989.jpg" title="Хенрик Майклсон"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=590"> пробуждение </a> </div>
<div class="hrons07"> 19.01.2019 - Хенрик, Аврора излечивают Тристана от яда, замедляющего регенерацию. Вампир полностью восстанавливается;</div>
<div class="hrons08"> Аврора имеет на руках необычные результаты анализов крови некой юной особы из школы-интерната Сальваторе. Трибрид ведьмы, оборотня и вампира. Сломленная, нуждающаяся в своей семье, она находит девушку и просит ее помочь внушить первородному гибриду Клаусу рассказать о том, где находится ее брат Тристан, чтобы освободить ее. Девушка уже имеет эту информацию и готова помочь Авроре, но тоже не за просто так.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/961630.jpg" title="Алекс Эверс"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=655#p130034"> добро пожаловать </a> </div>
<div class="hrons07"> 26.01.2019 - продолжение рождественских событий </div>
<div class="hrons08"> Школе Сальваторе для одарённых детишек спокойствие только снится. На этот раз Хоуп Майклсон, самая особенная и сильная из студенток — хотя знают об этом далеко не все — начала жаловаться на самочувствие, а вчера и вовсе упала в обморок. Когда местные ведьмы не дали внятных ответов, директриса Форбс-Сальваторе, не рискуя повторить инцидент из прошлого, поспешила сообщить обо всём отцу девочки. Тем временем встреча Хоуп и Алекса за пределами школы из романтичной быстро становится драматичной, когда трибрид вновь испытывает недомогание, едва не лишившись чувств. Обнаруживший их Клаус разрывается между страхом за дочь и мгновенной неприязнью к незнакомцу. Однако, для того чтобы помочь Хоуп, им всем придётся объединиться.</div>
</div>

<br><br></li><!-- 1 /// КОНЕЦ -->


<li class="stabhron"><!-- 2 /// ДАТЫ ФЕВРАЛЬ-->

<div class="hrons04"> 
02.02.2019 - Аврора собирает оперативное совещание своих близких приближенных, которые были отобраны лично ей для выполнения особых заданий. Теперь Триада круглосуточно патрулирует Мистик Фоллс и оперативно сообщает о всех аномалиях.<br>
03.02.2019 - Семейный совет у Майклсонов. Принято решение отрыть школу для сверхъестественных существ в Новом Орлеане, а также перевезти туда Хоуп. Клаус предлагает место директора Кэролайн, но она отказывается. Место директора временно занимает Ребекка. Старая резиденция де Мартель выкупается для школы. Начинается ремонт особняка.<br>
07.02.2019 - Клаус приезжает за Хоуп, чтобы уговорить ее переехать в Новый Орлеан и продолжить обучение в семейной школе. В это время Аларик Зальцман совершает покушение на свою дочь. Обращение Лиззи.<br>
07.02.2019 - 08.02.2019 - школа имени Сальваторе полностью разрушается от взрыва. Начинается срочная эвакуация сотрудниками Триады и преподавателями.<br>
09.02.2019 - дети прибывают в еще не отремонтированный особняк, однако, работы в нем продолжаются;<br>
15.02.2019 - Мод привозит матери папку с документами и досье на всех, в ком содержится ее личность.<br>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/981736.png" title="Лиззи Зальцман"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=589"> прости, пап </a> </div>
<div class="hrons07"> 07.02.2019 - Клаус приезжает за Хоуп, чтобы уговорить ее переехать в Новый Орлеан и продолжить обучение в семейной школе. В это время Аларик Зальцман совершает покушение на свою дочь. Обращение Лиззи.<br>
07.02.2019 - 08.02.2019 - школа имени Сальваторе полностью разрушается от взрыва. Начинается срочная эвакуация сотрудниками Триады и преподавателями.<br> </div>
<div class="hrons08"> Аларик Зальцман узнал о то, что новенькие - это дети из будущего. Путем собственного расследования, он находит некую лазейку, которая поможет вернуть его дочерей - убийство Джози и Лиззи из будущего. Он заманивает Лиззи в домик на дереве, но когда ситуация между отцом и дочерью заходит в тупик, Аларик вонзает нож в сердце Элизабет. На крики успевают прийти Хоуп и Клаус, которые так же направлялись в дом на дереве, чтобы обсудить наедине переезд Хоуп в новую школу Клауса и Ребекки в Новом Орлеане.</div>
</div>



<br><br></li><!-- 2 /// КОНЕЦ -->


<li class="stabhron"><!-- 3 /// ДАТЫ МАРТ-->

<div class="hrons04"> 
05.03.2019 - Алексия Бренсон встречается с ведьмой Изабель Рейнвуд, чтобы узнать о том, как она может помочь Тому Эвери. Том Эвери похищает Давину. За ней из Нового Орлеана направляются Кол и Хоуп.<br>
10.03.2019 - Обрушение врат. Мод направляется на встречу со жнецами, чтобы представить результаты своего исследования, жнецы обсуждают текущие планы, а также свою мать. Эвакуация города силами специальных служб, в том числе шерифом Доннованом и главным врачом больницы Мистик Фоллс Томом Эвери.<br>
11.03.2019 - из ада выходят Темные гончие и демоны. С каждым днем их количество только растет.<br>
15.03.2019 - Лилит действует решительно. После полученных от Мод данных, она встречается с одним из своих сосудов, но встречу срывает темная ведьма Кассандра.<br>
15.03.2019 - Стефан узнает о том, что Елена и Бонни целый год провели в Новом Орлеане и вынужденно работали на Никлауса, создавая гибридов.<br>
24.03.2019 - Лиззи и Хоуп освобождают Кэролайн Форбс от части души Лилит<br>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/789086.png" title="Том Эвери"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/528468.png" title="Давина Клэр"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=586"> голоса </a> </div>
<div class="hrons07"> 05.03.2019 - Алексия Бренсон встречается с ведьмой Изабель Рейнвуд, чтобы узнать о том, как она может помочь Тому Эвери. Том Эвери похищает Давину. За ней из Нового Орлеана направляются Кол и Хоуп.</div>
<div class="hrons08"> Том Эвери много месяцев не может спать, периодически падает в обмороки, видит вокруг себя тьму и чувствует, что она заполняет его. Она делает его сильнее и слабее одновременно, но яркий маячок в лице девушки из Нового Орлеана всегда вытаскивает мужчину из тьмы. Он находит Давину в самом уязвимом состоянии, крадет ведьму и увозит ее в Мистик Фоллс, чтобы добиться от ведьмы свободы от тьмы. Ритуал? Магия? Что угодно! Том перестал жить нормально и хочет вернуть самого себя. Тем временем Кол Майклсон обнаруживает пропажу подруги, с помощью молодой ведьмы Хоуп [или каким именем она представится], они обнаруживают следы Давины в Мистик Фоллс. Первородный вампир не будет слушать оправдания Тома, а также не прислушается к Давине, которая успела проникнуться к человеку, молящему о помощи.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/134/27959.png" title="Аксель Эверс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/549009.png" title="Моргана Эверс"  class="hrons051">  <img src="https://upforme.ru/uploads/001b/dc/dc/3/763824.png" title="Мод Эверс"  class="hrons051">  <img src="https://upforme.ru/uploads/001b/dc/dc/3/961630.jpg" title="Алекс Эверс"  class="hrons051"> 
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=592"> что за? </a> </div>
<div class="hrons07"> 10.03.2019 - Обрушение врат. Мод направляется на встречу со жнецами, чтобы представить результаты своего исследования, жнецы обсуждают текущие планы</div>
<div class="hrons08"> У Мод на руках все четыре личности их матери. У Морганы окончательно сломанные ворота в ад. У Алекса - тело для матери, которое он не хочет отдавать ей, а у Акселя неутолимое желание прибить Када за все его деяния. До разрушения Мистик Фоллса пару часов, а столько дел нужно завершить. С чего начнут жнецы?</div>
</div>


<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/566271.png" title="Малия Тейт-Кеннер"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/983870.jpg" title="Кассандра Блэквелл"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/394263.png" title="Инаду Лабонэйр"  class="hrons051">
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=585#p134225"> не навечно </a> </div>
<div class="hrons07"> 15.03.2019 - Лилит действует решительно. После полученных от Мод данных, она встречается с одним из своих сосудов, но встречу срывает темная ведьма Кассандра.</div>
<div class="hrons08">Благодаря Мод, Инаду находит еще одну свою часть - ви-вульфа Малию. Она встречается с девушкой, чтобы рассказать о том, что ее ждет во время ритуала. И ее согласие на ритуал никто не будет спрашивать. Или сущность Инаду захватит ее полностью или тело Малии освободится от нее. Что выберет волчица? Инаду не задает вопросов и не ждет ответов. Она действует, поэтому попытка забрать часть своей души из Малии привлекает внимание темной ведьмы Кассандры Блэквелл.
</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/134523.jpg" title="Стефан Сальваторе"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=852#p137273"> may fail </a> </div>
<div class="hrons07">15.03.2019 г. - Стефан узнает о том, что Елена и Бонни целый год провели в Новом Орлеане и вынужденно работали на Никлауса, создавая гибридов.</div>
<div class="hrons08">Мистик Фоллса больше нет. С чего начинать Стефан не знает. Сумеет ли он выторговать помощь у Никлауса и что еще он узнает от первородного?
</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/605869.png" title="Бонни Беннетт"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/134523.jpg" title="Стефан Сальваторе"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=904"> сдавайся! </a> </div>
<div class="hrons07">15.03.2019 г. - Стефан узнает о том, что Елена и Бонни целый год провели в Новом Орлеане и вынужденно работали на Никлауса, создавая гибридов.</div>
<div class="hrons08">Стефан переживает за то, что его подруга Бонни Беннетт также вынужденно работает на первородного. Он зол, но не может бросить ее тут одну. Если работать, то вместе, верно?
</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/3/981736.png" title="Лиззи Зальцман"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/640248.png" title="Хоуп Майклсон"  class="hrons051">
</div>
<div class="hrons060">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=787#p161607"> к чему это приведет? </a> </div>
<div class="hrons07"> 24.03.2019 г. Лиззи и Хоуп освобождают Кэролайн Форбс от части души Лилит</div>
<div class="hrons08"> После переезда в школу, Лиззи и Хоуп обратили внимание на резкое изменение поведения Кэролайн Форбс. Они несколько дней выслеживали вампиршу, пока не убедились окончательно, что одна из частей королевы Ада спрятана в ней. Лиззи, Хоуп проводят ритуал, чтобы освободить Кэролайн от бремени, но осколок души остается в Лиззи. Это кардинально меняет поведение молодого еретика и так, что она становится опасной для окружающих.</div>
</div>


<br><br></li><!-- 3 /// КОНЕЦ -->


<li class="stabhron"><!-- 4/// ДАТЫ АПРЕЛЬ-МАЙ-->

<div class="hrons04"> 
С 01.04.2019 - активная деятельность новых рас. Появляются охотники на демонов и гончих. Чаще - из обычных людей, но и к ним присоединяются сверхъестественные существа. Триада усиливает контроль за этими существами, устраняя все последствия.<br>
25.04.2019 - Лилит через Фрею, а уже Фрея раскрывает Никлаусу тайну пропавших детей, а также организатора этого мероприятия. Помочь древняя ведьма не может. У первородного новая цель - освободить свою дочь.<br><br>

01.05.2019 - Кад делает очередное предложение королеве Ада Лилит. Постепенно восстанавливают Ад и его Врата;<br>
03.05.2019 - свадьба Када и Лилит. Жнецы наносят новый удар. Кад практически терпит поражение, но Лилит прикрывает супруга, заявив о том, что он является их биологическим отцом. Жнецы сохраняют жизнь Када. Кад преподносит Лилит особый подарок на свадьбу - Хоуп Майклсон. Новое тело для своей королевы.<br>

</div>



<br><br></li><!-- 4 /// КОНЕЦ -->


<li class="stabhron"><!-- 5/// ДАТЫ XV век-->

<div class="hrons04"> 
3 июня, 1492 года король Англии Генрих VII и его супруга Елизавета Йоркская созывают всех своих вассалов и гостей на бал в честь предстоящего рождения их еще неизвестного пола ребенка. Двадцатишестилетняя королева вполне бодра и ведет подготовку к балу, а ей помогают многочисленные родственники Тюдоров и слуги. Среди приехавших ко двору - новенькие аристократы, которые дебютируют при дворе. Однако, разговорами, мыслями и поведением они отличаются от местных. Кто-то величает их странными, а кто-то подчеркивает их современные и смелые разговоры весьма занимательными.
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/106121.png" title="Кэтрин Пирс"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/967227.png" title="Элайджа Майклсон"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=908#p151789"> soul divine</a> </div>
<div class="hrons07"> XV в. - назад в прошлое </div>
<div class="hrons08">Ритуал должен состояться. Так предполагает Никлаус Майклсон, в руках которого точная копия Татии. Кровь некогда первой любви его старшего брата снимет оковы, созданные его матерью. Сорвет ли ритуал Элайджа или отступит ради брата?</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/3/134523.jpg" title="Стефан Сальваторе"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/528468.png" title="Давина Клэр"  class="hrons051">
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=911#p151792"> fear no more</a> </div>
<div class="hrons07"> XV в. - назад в прошлое</div>
<div class="hrons08"> В деревню, куда попала из будущего Давина Клэр приходит инквизиция. Теперь ее зовут Дельфи и на юную девушку и еще нескольких юных особ показывают пальцем - теперь они преступницы, еретички и ведьмы, что насылают на деревню беды. До казни не так много времени, поэтому смущенный красотой Дельфи инквизитор Дерек подкармливает девушку, пока никто не видит, подбрасывает ей хлеб, пытается начать разговор. Он знает, что это неправильно, что ведьмы очаровывают и туманят здравый разум, но не может не поддаться ее чарам. Он выпускает Дельфи в ночь перед казнью и бежит вместе с ней, но никак не ожидает, что за ними будет погоня.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/183151.png" title="Аврора де Мартель"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/967227.png" title="Элайджа Майкслон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майкслон"  class="hrons051"> 
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=909#p155617"> peace be with you</a> </div>
<div class="hrons07"> XV в. - назад в прошлое</div>
<div class="hrons08"> Мишель де Мартель просыпается в небольшом домике рядом с поместьем гостьей королевской семьи. Она не помнит вчерашний день, не особо понимает, что происходит сейчас. У нее теперь новое тело, новое имя и новая работа - Аннабель должна встретить гостью из Франции и работать на нее, но каково ее удивление, когда выясняется, что это Аврора. Та, что обратила когда-то Аннабель, заставив девушку избежать ужасной участи, но в памяти - беспорядок. У девушки вспыхивают отрывки непонятного времени, где рыжеволосая бестия совсем другая - другая прическа, одежда, манеры не такие царственные. Она помогает Авроре на балу, сопровождая ее, но становится свидетелем стычки вампирши с первородным Элайджей. Будет танец или большой скандал?</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/134/289230.jpg" title="Фейт Аллард"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/3/798238.png" title="Миккейла Уэйн"  class="hrons051">
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=913#p157912"> she needs someone </a> </div>
<div class="hrons07"> XV в. - назад в прошлое</div>
<div class="hrons08"> Фэйт не так давно стала фрейлиной испанской инфанты, поэтому с радостью согласилась сопровождать ее в Англию. Ее эскорт вместе с важными вещами выехал на день позже и немного отставал от сопровождения принцессы. К сожалению, спутница так и не доехала до принцессы, так как на нее и охрану, слуг напали. Раненную Фэйт находит другая девушка (Микки), которая не так давно пережила нападение на замок ее семьи. Девушка подозревает, что это совершили те же разбойники, что напали на эскорт Фэйт, поскольку она шла по их следам, чтобы придать убийц своему правосудию. Ей удается излечить некоторые раны фрейлины инфанты и путь за разбойниками и к замку, где свою подругу уже ждет принцесса, они продолжают вместе.</div>
</div>

<br><br><div class="hrons05"> 
<div class="hrons053"> 
<img src="https://upforme.ru/uploads/001b/dc/dc/100/983362.png" title="Никлаус Майклсон"  class="hrons051"> <img src="https://upforme.ru/uploads/001b/dc/dc/100/566271.png" title="Малия Тейт-Кеннер"  class="hrons051">
</div>
<div class="hrons061">●</div>
<div class="hrons06"> <a href="https://faceinless.ru/viewtopic.php?id=910#p155713"> wake again in paradise </a> </div>
<div class="hrons07"> XV в. - назад в прошлое</div>
<div class="hrons08"> Двадцать лет Равена провела в поисках двойника для Никлауса. Она приходит к своему господину с хорошей новостью, предполагая, что ее служба окончена. Посочувствует ли ведьма Катерине или выберет реализовать свои собственные планы. Все ли готово к ритуалу, Равена?</div>
</div>



<br><br></li><!-- 5 /// КОНЕЦ -->

</ul></div></div>



<script type="text/javascript">
$('.s-tabshron').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stabhron').eq(0).show();    
});
$('.s-tabshron>span').live('click', function(){
     var a = $(this).parent('.s-tabshron');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected'); 
     a.children('.stabhron').hide();   
     a.children('.stabhron').eq(index).show();    
});
</script>

<style>
.post-content ul {    padding: 0px 0px 0px 0px; }
</style>

0


Вы здесь » Test » Коды, дизы » Дизайны


Рейтинг форумов | Создать форум бесплатно