классный эпизод fool me once классный пост от рея
активисты флуда ирма верка лилит
нуар: лицо его никак не реагирует, веки спущены равнодушно, но в зрачках облизывается хищная темнота — ей нужен лишь весомый повод сняться с поводка, потянуться к добыче, чтобы надломленная застежка на ошейнике заскрипела.
постописцы фин киллиан офелия
роза
разыскиваются: henry cavill, raymond ablack



сюжетная очередность

14.1 - руби 17.10
14.2 - бонни 17.10
14.3 - джерен 17.10

гром и молния

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

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

Вы здесь » гром и молния » Kiss the goat » пентадарк оранжевый

пентадарк оранжевый

Страница: 1

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

1

верх

Код:
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>профилактика. </center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript"> 
 
var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено
var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
 
if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
 $("style.#style_st,div.#pircs2").replaceWith("");}
  else {$("#msg-n2").replaceWith("");
 if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для Администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script><!--end/profilaktika-->







<!---------------------------- плашки ---------------------------->
<div class="plashki">
<a href="http://funeralrave.ru/viewtopic.php?id=2872"><img src="https://i.imgur.com/aylWBEM.png" title="ану"></a>
<a href="http://funeralrave.ru/viewtopic.php?id=2873"><img src="https://i.imgur.com/AzszxVX.png" title="расколдуй"></a> 
<a href="http://funeralrave.ru/viewtopic.php?id=2870"><img src="https://i.imgur.com/tSeIWz8.png" title="накати"></a>
<a href="http://funeralrave.ru/viewtopic.php?id=2871"><img src="https://i.imgur.com/tdh0wfj.png" title="слабо?"></a>
<a href="http://funeralrave.ru/viewtopic.php?id=22&p=3#p612546"><img src="https://i.imgur.com/qCL7miU.png" title="получи"></a>
<a href="http://funeralrave.ru/viewtopic.php?id=2955#p613335"><img src="https://i.imgur.com/MTp8nGs.png" title="за недели"></a>
</div>


<!---------------------------- актив ---------------------------->
<active1><a href="http://funeralrave.ru/profile.php?id=645">леха</a>&ensp;<a href="http://funeralrave.ru/profile.php?id=597">ада</a>&ensp;<a href="http://funeralrave.ru/profile.php?id=589">донни</a></active1>
<!---------------------------- постописцы ---------------------------->
<posts><a href="http://funeralrave.ru/profile.php?id=503" title='7 постов'>ари</a>&ensp;<a href="http://funeralrave.ru/profile.php?id=619" title='6 постов'>чарли</a>&ensp;<a href="http://funeralrave.ru/profile.php?id=378" title='6 постов'>эйвери</a></posts>
<!---------------------------- пост ---------------------------->
<post><a href="http://funeralrave.ru/viewtopic.php?id=2832#p604592" title='дрочить'>терри хейзл</a> </post>
<!---------------------------- эпизод ---------------------------->
<episode><a href="http://funeralrave.ru/viewtopic.php?id=2786" title='подглядывать'>boo</a> </episode>

<!---------------------------- цитаты 1 ---------------------------->
<quiteright><div class="quite"><b>мел</b>: в смысле инда за ночь закончилась<br>
вы там вообще спали?
<br>
<center><br><hr></center><br>
<b>хуеня:</b> четыре всадника апокалипсиса на рейве:
<br>лень лень лень
<br>и токсик)0)))
<br></div></quiteright>

<!---------------------------- цитаты 2 ---------------------------->
<quiteleft><div class="quite"><b>шейн:</b> что я пропустил?
<br>
<b>сриттер:</b> голосование в топе
<br>
<center><br><hr></center><br>
<b>чарли:</b> когда я думаю, что не надо перечитывать пост перед отправкой, сразу вспоминаю как написал вместо "пиджак" — "пиздак"
и иду перечитываю<br>
<br>
</div></quiteleft>

<!---------------------------- амс ---------------------------->
<div class="amso">
техподдержка: 
<div class="ams"><a href="http://funeralrave.ru/profile.php?id=5">кайд</a><span><div class="ams_frame"><img src="https://i.imgur.com/IPZqeDH.gif"></div></span></div>
//
<div class="ams"><a href="http://funeralrave.ru/profile.php?id=7">даня</a><span><div class="ams_frame"><img src="https://i.imgur.com/Y6FKEcF.gif"></div></span></div>
//
<div class="ams"><a href="http://funeralrave.ru/profile.php?id=6">кайл</a><span><div class="ams_frame"><img src="https://i.imgur.com/gxy4L1W.gif"></div></span></div>

</div>

<!---------------------------- инфо ---------------------------->
<div class="infoforum">
мистика 
//
новый орлеан
//
2018
</div>

<!--пошлите на юг-->
<div style="position: absolute; top: -65px; margin-left: 520px; width: 28px;">
<a href="http://funeralrave.ru/viewforum.php?id=26"><img title="пошлите на юг" src='https://i.imgur.com/KQMTNyo.png' /></a>
</div>

<!--пошлите на север-->
<div style="position: absolute; top: -65px;margin-left: 422px; width: 28px;">
<a href="http://funeralrave.ru/viewforum.php?id=25"><img title="пошлите на север" src='https://i.imgur.com/7LWGeSY.png' /></a>
</div>

<!--книга рун-->
<div style="position: absolute; width: 70px; height: 70px; top: -50px; margin-left: 449px;">
<a href="http://funeralrave.ru/viewtopic.php?id=2458#p523407"><img src='https://i.imgur.com/JvFx05A.png' /></a>
</div>



<!--кнопки матчасти-->
<div style="position: absolute;
    top: -60px;
    margin-left: -10px;
    width: 50px;">
<a href="http://funeralrave.ru/viewtopic.php?id=566"><img src="https://i.imgur.com/7tuQgDz.png" title="объединения"></a> <br><a href="http://funeralrave.ru/viewtopic.php?id=6"><img src="https://i.imgur.com/oxlDaKH.png" title="путеводитель"></a> <br><a href="http://funeralrave.ru/viewtopic.php?id=2"><img src="https://i.imgur.com/udYEYQ4.png" title="сюжет"></a>
</div>
<div style="position: absolute;
    top: -60px;
    margin-left: 955px;
    width: 50px;">
<a href="http://funeralrave.ru/viewtopic.php?id=8#p29"><img src="https://i.imgur.com/chkSpie.png" title="лица"></a> <br><a href="http://funeralrave.ru/viewtopic.php?id=5#p17"><img src="https://i.imgur.com/MLLhO9Y.png" title="мифология"></a> <br><a href="http://funeralrave.ru/viewtopic.php?id=3"><img src="https://i.imgur.com/IgunT1H.png" title="твари"></a>
</div>



<!-- джамп панель-->
<style type="text/css" media="screen">
#slideout { <-- кнопка -->
          z-index: 1200;
          position: fixed;
          top: 22px;
          right: 0;
          width: 100px;
          padding: 0px 0;
          text-align: center;
          background: #;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner { <-- внутри-->
          z-index: 200;
          color: #a4988b;
          position: fixed;
          top: 22px;
          right: -250px;
          background-image:url('https://i.imgur.com/grOqpgf.png');
          width: 170px;
          height:290px;
          padding: 25px;
          max-height: 260px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          border-radius: 0 0 0px;
overflow: auto;
          }
#slideout_inner textarea {
          width: 170px;
          height: 200px;
          margin-bottom: 0px;
          }
#slideout:hover {
          right: 219px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }</style>
<div id="slideout">
<img src="https://i.imgur.com/sWRIhQQ.png">
<div id="slideout_inner">
<center><br><br><font style="font-family: Yeseva One; font-size: 16px; z-index:300;">•<b> сюжетная игра </b>•</font><br>
<font style="font-family: Yeseva One; font-size: 11px;">———— UPDATE / 04.12 ————</font></center>
<br><font style="font-family: play; font-size: 11px;">
<font style="font-family: Yeseva One; font-size: 15px; z-index:300;"><a href="http://funeralrave.ru/viewtopic.php?id=2907#p605007"><b>8.1.1</b></a></font>   <br>
-> белинда <br>
<sup> до 09.12.</sup><br>
<font style="font-family: Yeseva One; font-size: 15px; z-index:300;"><a href="http://funeralrave.ru/viewtopic.php?id=2908#p605008"><b>8.1.2</b></a></font>   <br>
-> рори<br>
<sup> до 09.12.</sup><br></font>
</div></div>


<!---------------------------- Выделение кода © Alex_63, 2017г. ---------------------------->

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


<!---------------------------- удаление соо ---------------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>

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

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

<!------------------------Скрытие подфорумов ------------------------>
<style type="text/css">
tr#forum_fxx, tr#forum_f23, tr#forum_f21, tr#forum_f24, tr#forum_f27, tr#forum_f28, tr#forum_f29 {
   display: none;
  }
</style>
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<!---------------------------- всплывалки ---------------------------->
<!--Стиль всплывающей подсказки при наведении на ссылку -->
<script type="text/javascript">$(document).ready(function() { $('#pun').find('a[title],img[title],div[title]').tipsy({fade: true, gravity: 'n'});});</script>

<!-- ники модера -->
<style>
.modlist {display: none !important;}
</style>
<!-- конец -->

0

2

низ

Код:
<!--класс хавербаттонс прозрачность и чб при наведении -->
<!-- jquery уже подключен -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.pod').each(function () {
              var $span = $(this).css('opacity', 0.3);
              $span.addClass("grayscale");
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
                $span.removeClass("grayscale");
             }, function () {
                $span.stop().fadeTo(600, 0.3);
                $span.addClass("grayscale");
              });
        });
    });
</script>
<!--КОНЕЦ. полупрозрачность и чб для изображений Hoverbuttons -->





<!-- награды --><style type="text/css">.mini_awards_label, .mini_awards {display: none; font-size:0px;} #awrdbut * {cursor: pointer; }</style>
  <script>

(function () {
     var awards_button = "<img src='https://i.imgur.com/CKuiHGS.png' title='Показать|скрыть награды'>";
      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; } 
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>


<!----------------- баннеры --------------->

<div class="banners">

<a href='https://rpgtop.su/25354' target='_blank'><img src='https://i.imgur.com/LXmYfqq.png' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>  

<a href="http://imagiart.ru/"><img src='https://i.imgur.com/XYpLDHq.gif'
onmouseover="this.src='https://i.imgur.com/h3ba1GC.gif'"
onmouseout="this.src='https://i.imgur.com/XYpLDHq.gif'" border=0></a>  

<a href="http://artishock.rusff.ru/"><img src='https://i.imgur.com/tX9OH07.gif'
onmouseover="this.src='http://s2.uploads.ru/nzVxs.gif'"
onmouseout="this.src='https://i.imgur.com/tX9OH07.gif'" border=0></a>  

<a href="http://impulsela.ru/"><img src='https://i.imgur.com/dMvueI3.png'
onmouseover="this.src='https://forumstatic.ru/files/0019/be/2b/66078.png'"
onmouseout="this.src='https://i.imgur.com/dMvueI3.png'" border=0></a>  

<a href="http://finiteincantatem.rusff.ru/"><img src='https://i.imgur.com/Ue3hLIB.png'
onmouseover="this.src='https://i.imgur.com/8lDCHuC.png'"
onmouseout="this.src='https://i.imgur.com/Ue3hLIB.png'" border=0></a>

</div> 


<!--плашки-->
<div class="plashkii">
<a href="http://funeralrave.ru/viewtopic.php?id=2875"><img title="заказать плашку" src='https://i.imgur.com/GFwfftg.png' /></a>
</div>

<!--счетчик-->
<div class="shetchik">
<a href="http://funeralrave.ru/viewtopic.php?id=20&p=2"><img title="счетчик постов" src='https://i.imgur.com/GFwfftg.png' /></a>
</div>

<!--цитаты-->
<div class="citaty">
<a href="http://funeralrave.ru/viewtopic.php?id=482"><img title="заказать цитату" src='https://i.imgur.com/GFwfftg.png' /></a>
</div>

<!--достижения-->
<div class="dostizheni">
<a href="http://funeralrave.ru/viewtopic.php?id=2876"><img title="достижения" src='https://i.imgur.com/GFwfftg.png' /></a>
</div>



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

<div class="need">

<a href="http://funeralrave.ru/viewtopic.php?id=13&p=2#p579376" title="пенни хочет видеть брата" style="color: #5a5a5a">МЭТТ ЗУКРИ</a>
&ensp;&ensp;&ensp;
<a href="http://funeralrave.ru/viewtopic.php?id=13#p572359" title="донни ждет одну из сестер" style="color: #5a5a5a">ЭБИ КОУЭН</a>
&ensp;&ensp;&ensp;
<a href="http://funeralrave.ru/viewtopic.php?id=13&p=2#p595052" title="алоне нужен преступник" style="color: #5a5a5a">МЭННИ МОНТАНА</a>&ensp;&ensp;&ensp;
<a href="http://funeralrave.ru/viewtopic.php?id=13#p572759" title="терри ищет брата" style="color: #5a5a5a">ААРОН ТВЕЙТ</a>


</div> 
<!----------------- между никами запятая --------------->
<script>$('#topic-users-in a').prev('a').after(',');</script> 
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!---------------------------- выравнивание justify---------------------------->
<style>
#button-mybb {background-image:url('http://nfrw63tt.nfrw63tbojrwq2lwmuxgg33n.cmle.ru/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>

<!---------------------------- тег  абзаца - [indent] ---------------------------->
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="http://icons.iconarchive.com/icons/famfamfam/silk/16/text-indent-icon.png"  onclick="smile(\''+b+'\')" style="    height: 16px;    width: 16px;  margin-left: 6px;"></td>');
    var indent = '<span style="display:inline-block;margin:0em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>

<!-------------------------- в строчку для Сообщений и Репутации © deff -------------------------->  
    <script type="text/javascript">
    function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
       changeS('.pa-posts','Сообщений:','Сообщений:</br>');
       changeS('.pa-respect','Уважение</a>:','Уважение</a>:<br>');
       changeS('.pa-respect','Уважение: <span>','Уважение:<br><span>');
    </script>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], img.postimg[alt]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>

<!-------------------------- отключаем поделиться -------------------------->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>


<!-------------------------- это не интересно -------------------------->
<script type="text/javascript">
rusffLive.enable = false;
</script>


<!-------------------------- дефис -------------------------->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>

<!-------------------------- удаляет названия дополнительных полей профиля -------------------------->
<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

<!-------------------------- счетчик символов -------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <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>

<!-------------------------- кнопка img в форме ответа -------------------------->
<script>
var oldIMG="<td id=\"button-image\" title=\"Изображение\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<script type="text/javascript" src="https://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 src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['пыльный чердак', 'страницы истории', 'незавершенные эпизоды'],
    forumAccessExtended: {
        'игра на выживание': ['игроки', 'север', 'юг'],
        'создаем историю': ['игроки', 'север', 'юг'],
        'маховик времени': ['игроки', 'север', 'юг'],
        'путешествие между мирами': ['игроки', 'север', 'юг'],
        'лавочка у подъезда': ['игроки', 'север', 'юг'],
        'шкатулка с секретами': ['игроки', 'север', 'юг'],
        'страницы истории': ['игроки', 'север', 'юг'],
    },
    changeList: {
        'pafld1': {
            title: 'личное звание',
            description: '',
            tag: 'lztext',
            class: 'pa-fld2',
            defaultCode: '<center><div id="lz">// что <b>хотите</b>, то и <i><a href="ссылка">пишите</a></i>.</div></center>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-fld4', 'pa-fld5', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online', 'pa-awards']
});
</script>

<!-- посты без отображения автора -->
<style>.hide-author .post-author,.hide-author .post-sig, .hide-author .pl-email {display:none;}
.hide-author .post-body {margin-left:40px!important; width:1000px!important;}</style>
<script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>

<script type="text/javascript">
$("#post p.formsubmit").prepend('<br>').insertAfter($("#post #main-reply"));
</script>
<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</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("форум", "абьюзеры", "гугл", "профиль", "смс", "порно", "регистрация", "вход", "выход");
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>
<!--- конец --->

<!-------------------------- вверх-вниз -------------------------->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001a/e2/69/14377.png"></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001a/e2/69/75795.png"></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">
    function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
     
    Change("#pun-stats.section h2 span","Статистика форума","on the grounds where we feel safe");  
    </script>

<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>

<script type="text/javascript">
var nrisunok="http://s3.uploads.ru/jtgZG.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;};
</script>
<!--Смайлы доп.--> 
<script type="text/javascript">
var nabor2 = ['http://imgur.com/n7ah1RW.png',
'https://imgur.com/QjaqBG0.png',
'https://imgur.com/4qjzSqI.png',
'https://imgur.com/3qxJcrT.png',
'https://imgur.com/2duWw19.png',
'https://imgur.com/TAUdUgs.png',
'https://imgur.com/h4l0Iq4.png',
'https://imgur.com/OJx8Xji.png',
'https://imgur.com/bmAc1EL.png',
'https://imgur.com/vJnvON5.png',
'https://imgur.com/mZFOpWd.png',
'https://imgur.com/75PdSo5.png',
'https://imgur.com/J5Klh9x.png',
'https://imgur.com/ZMEbk9y.png',
'https://imgur.com/bJopKCC.png',
'https://imgur.com/B4HQEdy.png',
'https://imgur.com/ONBood2.png',
'https://imgur.com/Jc3TfR9.png',
'https://imgur.com/tfl0DpT.png',
'https://imgur.com/kQiiXIc.png',
'https://imgur.com/ZKzZ7Vy.png',
'https://imgur.com/wApemaQ.png',
'https://imgur.com/6wMSe6m.png',
'https://imgur.com/V2oL9S0.png',
'https://imgur.com/A4vBrZF.png',
'https://imgur.com/zNUMLiO.png',
'https://imgur.com/zlFuUl6.png',
'https://imgur.com/9Bnot0Q.png',
'https://imgur.com/iuZUJNt.png',
'https://imgur.com/A8JmWbN.png',
'https://imgur.com/JHW8rI8.png',
'https://imgur.com/OZTIyPf.png',
'https://imgur.com/CeKQvXa.png',
'https://imgur.com/ymsJoFs.png',
'https://imgur.com/b2huzsE.png',
'https://imgur.com/gZG4T4j.png',
'https://imgur.com/1HBIw8Y.png',
'https://imgur.com/kb1t4Xy.png',
'https://imgur.com/2PhH5Au.png',
'https://imgur.com/inWOhup.png',
'https://imgur.com/JHAIJo4.png',
'https://imgur.com/HmnTuH2.png',
'https://imgur.com/I1FlSm3.png',
'https://imgur.com/b3PSt2K.png',
'https://imgur.com/jqBvNuD.png',
'https://imgur.com/vjbMGKJ.png',
'https://imgur.com/WICSTT9.png',
'https://imgur.com/uuAtA4A.png',
'https://imgur.com/uLU2taL.png',
'https://imgur.com/M9wtNZd.png',
'https://imgur.com/uvBLEM3.png',
'https://imgur.com/fY5VKnC.png',
'https://imgur.com/ZI9VgW9.png',
'https://imgur.com/B2X2hgT.png',
'https://imgur.com/aHL0okO.png',
'https://imgur.com/9BHMt9C.png',
'https://imgur.com/QYgvX4s.png',
'https://imgur.com/4Tvx8y5.png',
'https://imgur.com/yTZOFh1.png',
'https://imgur.com/rTKuAwS.png',
'https://imgur.com/fpqDaKv.png',
'https://imgur.com/ctlHfef.png',
'https://imgur.com/mA9e5AX.png',
'https://imgur.com/fCGUSQd.png',
'https://imgur.com/uopg7SG.png',
'https://imgur.com/vQlRlws.png',
'https://imgur.com/c0nlSmd.png',
'https://imgur.com/F91hQsk.png',
'https://imgur.com/CDhTa8X.png',
'https://imgur.com/m2hSjVP.png',
'https://imgur.com/CHRrMkg.png',
'https://imgur.com/oVLNK6C.png',
'https://imgur.com/U4Lg29P.png',
'https://imgur.com/Nlmd8U3.png',
'https://imgur.com/epd9sLP.png',
'https://imgur.com/esSOg9S.png',
'https://imgur.com/G3i3GoB.png',
'https://imgur.com/PrqEnnj.png',
'https://imgur.com/hZruef7.png',
'https://imgur.com/AcEYC4r.png',
'https://imgur.com/8AfEuUe.png',
'https://imgur.com/848Px8H.png',
'https://imgur.com/bcWX7qj.png',
'https://imgur.com/pXxL75A.png',
'https://imgur.com/kJ7rvhE.png',
'https://imgur.com/ExpEAyl.png',
'https://imgur.com/KGwI9cl.png',
'https://imgur.com/VXXRTjs.png',
'https://imgur.com/P9tPz1t.png',
'https://imgur.com/dd2jMON.png',
'https://imgur.com/OcRy0fC.png',
'https://imgur.com/9Ehnwlk.png',
'https://imgur.com/q0mHUWI.png',
'https://imgur.com/1akMN9D.png',
'https://imgur.com/GEdiJN6.png',
'https://imgur.com/GtIowyn.png',
'https://imgur.com/12OXFPx.png',
'https://imgur.com/2pnTsyZ.png',
'https://imgur.com/z5YEsmS.png',
'https://imgur.com/9OJZMYn.png',
'https://imgur.com/jkZn2p8.png',
'https://imgur.com/XApasmA.png',
'https://imgur.com/eORcaiy.png',
'https://imgur.com/JX91eeE.png',
'https://imgur.com/7HQ4kto.png',
'https://imgur.com/lKtAsaK.png',
'https://imgur.com/7bz7wJZ.png',
'https://imgur.com/K1gf6Nt.png',
'https://imgur.com/9U1FKdU.png',
'https://imgur.com/QP0OR28.png',
'https://imgur.com/lgzD0gD.png',
'https://imgur.com/QCBnW6d.png',
'https://imgur.com/hrXNgMt.png',
'https://imgur.com/GlyElhM.png',
'https://imgur.com/NkC6vTJ.png',
'https://imgur.com/fhZxTcG.png',
'https://imgur.com/h6X5nz9.png',
'https://imgur.com/KVXma9v.png',
'https://imgur.com/eUGs6Is.png',
'https://imgur.com/KHzsklp.png',
'https://imgur.com/Ife2BEO.png',
'https://imgur.com/KsLQmsj.png',
'https://imgur.com/idnzHxy.png',
'https://imgur.com/ukQMA7L.png',
'https://imgur.com/IVbE8eo.png',
'https://imgur.com/EfaM4tY.png',
'https://imgur.com/AS2TbH2.png',
'https://imgur.com/zNQb6Lj.png',
'https://imgur.com/ub9IrqV.png',
'https://imgur.com/INfKo8Y.png',
'https://imgur.com/NNvuoOo.png',
'https://imgur.com/hTmLSqg.png',
'https://imgur.com/SBZHiFr.png',
'https://imgur.com/xObIodO.png',
'https://imgur.com/bBdC9gb.png',
'https://imgur.com/5eC0u3q.png',
'https://imgur.com/UDmEijS.png',
'https://imgur.com/yItTqva.png',
'https://imgur.com/rueFgtN.png',
'https://imgur.com/zstZwBu.png',
'https://imgur.com/knJZJam.png',
'https://imgur.com/VnLeRJ3.png',
'https://imgur.com/oYKfgGw.png',
'https://imgur.com/AbcR1KF.png',
'https://imgur.com/TZe43g9.png',
'https://imgur.com/8YHTXob.png',
'https://imgur.com/awXgG0k.png',
'https://imgur.com/LECqkQC.png',
'https://imgur.com/N8Ur0iN.png',
'https://imgur.com/IKAZJef.png',
'https://imgur.com/CWuK93Q.png',
'https://imgur.com/kCgLn3a.png',
'https://imgur.com/5gysw4w.png',
'https://imgur.com/cq1wL4a.png',
'https://imgur.com/vBgpzDt.png',
'https://imgur.com/02kO3V7.png',
'https://imgur.com/Vyg3jUd.png',
'https://imgur.com/DhjsmVk.png',
'https://imgur.com/Vd1aszH.png',
'https://imgur.com/qhVj2im.png',
'https://imgur.com/3CZVirt.png',
'https://imgur.com/7EW2eDU.png',
'https://imgur.com/oWd8Ec6.png',
'https://imgur.com/MGw0Lmn.png',
'https://imgur.com/qLO4sxg.png',
'https://imgur.com/3v6h0f9.png',
'https://imgur.com/iUbctIk.png',
'https://imgur.com/VZvTxsC.png',
'https://imgur.com/1NAAf2m.png',
'https://imgur.com/eDPh5FJ.png',
'https://imgur.com/yZsBg4g.png',
'https://imgur.com/cgk9792.png',
'https://imgur.com/3RZVozN.png',
'https://imgur.com/ZqWFY8M.png',
'https://imgur.com/V1bK4b7.png',
'https://imgur.com/fNTnkwR.png',
'https://imgur.com/DnwCfJy.png',
'https://imgur.com/pbDL72L.png',
'https://imgur.com/IT8Kzgt.png',
'https://imgur.com/hwvaJVq.png',
'https://imgur.com/DbGLrgW.png',
'https://imgur.com/oGxsiFg.png',
'https://imgur.com/OoJ2hEV.png',
'https://imgur.com/tnwZVzg.png',
'https://imgur.com/DIrloxh.png',
'https://imgur.com/AkSZxgC.png',
'https://imgur.com/e0E7qY4.png',
'https://imgur.com/egHefL8.png',
'https://imgur.com/4trlbvS.png',
'https://imgur.com/g6V6xJS.png',
'https://imgur.com/PJQvkXX.png',
'https://imgur.com/fE6DhHK.png',
'https://imgur.com/uS4zfm4.png',
'https://imgur.com/LYE5LOo.png',
'https://imgur.com/dkbidSZ.png',
'https://imgur.com/Y14SZKF.png',
'https://imgur.com/QXGpqBS.png',
'https://imgur.com/mkIpGgo.png',
'https://imgur.com/h0Vyli4.png',
'https://imgur.com/f20k0G0.png',
'https://imgur.com/Q8evKXm.png',
'https://imgur.com/uDgxcgS.png',
'https://imgur.com/3iO0MgI.png',
'https://imgur.com/f20k0G0.png',
'https://imgur.com/Q8evKXm.png',
'https://imgur.com/uDgxcgS.png',
'https://imgur.com/0vduSH7.png',
'https://imgur.com/khpU004.png',
'https://imgur.com/Yz4YXhl.png',
'https://imgur.com/xiAtz6P.png',
'https://imgur.com/Y14SZKF.png',
'https://imgur.com/llEeYlO.png',
'https://imgur.com/h0Vyli4.png',
'https://imgur.com/f20k0G0.png',
'https://imgur.com/3iO0MgI.png',
'https://imgur.com/FbHHoqi.png',
'https://imgur.com/zpym5Wh.png',
'https://imgur.com/gkmV70n.png',
'https://imgur.com/WYWNZEF.png',
'https://imgur.com/mgGfkVT.png',
'https://imgur.com/tFMRXRN.png',
'https://imgur.com/hns6THp.png',
'https://imgur.com/smkdfNF.png',
'https://imgur.com/2SlGi5q.png',
'https://imgur.com/wZxQtoX.png',
'https://imgur.com/KllVlkX.png',
'https://imgur.com/d2R4KJC.png',
'https://imgur.com/xipwj8s.png',
'https://imgur.com/UumVYFu.png',
'https://imgur.com/UW6omE4.png',
'https://imgur.com/OhALwmh.png',
'https://imgur.com/iTIqtgQ.png',
'https://imgur.com/5OVylw3.png',
'https://imgur.com/eVYdNkM.png',
'https://imgur.com/XD49lmO.png',
'https://imgur.com/FQYrzK1.png',
'https://imgur.com/YeYjtS8.png',
'https://imgur.com/vi5cVoI.png',
'https://imgur.com/eNj05PF.png',
'https://imgur.com/ofYSr9g.png',
'https://imgur.com/f4Nqie8.png',
'https://imgur.com/dIzfvwU.png',
'https://imgur.com/iqhClo2.png',
'https://imgur.com/DVbIr7D.png',
'https://imgur.com/7dJUJmW.png',
'https://imgur.com/dryLyOA.png',
'https://imgur.com/xwCKbhp.png',
'https://imgur.com/oZkt91n.png',
'https://imgur.com/HJ4ttDQ.png',
'https://imgur.com/EHFFAAy.png',
'https://imgur.com/784kmpY.png',
'https://imgur.com/8p19Z86.png',
'https://imgur.com/JjvhOC7.png',
'https://imgur.com/ZgGvmsP.png',
'https://imgur.com/0TS75NS.png',
'https://imgur.com/GfhEumu.png',
'https://imgur.com/DGJSHzU.png',
'https://imgur.com/AYr2CR7.png',
'https://imgur.com/FCJlpyQ.png',
'https://imgur.com/3hLx82Q.png',
'https://imgur.com/2Wto1BR.png',
'https://imgur.com/ZvmdxUF.png',
'https://imgur.com/DFkZQRH.png',
'https://imgur.com/skZhPrC.png',
'https://imgur.com/NL4pnfd.png',
'https://imgur.com/p8XmSWI.png',
'https://imgur.com/OwlpJP2.png',
'https://imgur.com/w0iUVmu.png',
'https://imgur.com/nftMe5G.png',
'https://imgur.com/fDTWptP.png',
'https://imgur.com/IJ49t5i.png',
'https://imgur.com/MzXXsti.png',
'https://imgur.com/Hbwe7j6.png',
'https://imgur.com/JNNzjtV.png',
'https://imgur.com/1KYMgxq.png',
'https://imgur.com/YxJbdS4.png',
'https://imgur.com/hpaHYA8.png',
'https://imgur.com/Z3VSSNp.png',
'https://imgur.com/BQjavpo.png',
'https://imgur.com/OE08QyI.png',
'https://imgur.com/1sbHkZe.png',
'https://imgur.com/uPqYeJ6.png',
'https://imgur.com/NknS0Fh.png',
'https://imgur.com/iuQp53T.png',
'https://imgur.com/QlRJWAs.png',
'https://imgur.com/yM7ZoCx.png',
'https://imgur.com/PstWpnd.png',
'https://imgur.com/HqqiXtU.png',
'https://imgur.com/iVeuPIX.png',
'https://imgur.com/rMToO5o.png',
'https://imgur.com/zsEyy6r.png',
'https://imgur.com/GDFBYE1.png',
'https://imgur.com/ENavSWX.png',
'https://imgur.com/vx1IHAz.png',
'https://imgur.com/WBepeuy.png'];
 
var nabor3 = ['https://i.imgur.com/90XQZRc.png',
'https://i.imgur.com/uLkHtwa.png',
'https://i.imgur.com/hj4jmSy.png',
'https://i.imgur.com/IuqT8u9.png',
'https://i.imgur.com/sxVUudl.png',
'https://i.imgur.com/jGfxSiK.png',
'https://i.imgur.com/c3ItlbV.png',
'https://i.imgur.com/D7gYM6C.png',
'https://i.imgur.com/vfQivej.png',
'https://i.imgur.com/F0HfYGm.png',
'https://i.imgur.com/zrAP0vp.png',
'https://i.imgur.com/N94l03C.png',
'https://i.imgur.com/CHB9Yqy.png',
'https://i.imgur.com/KWIBtkc.png',
'https://i.imgur.com/wiUHBK0.png',
'https://i.imgur.com/mtG5sFk.png',
'https://i.imgur.com/G6Cdd1z.png',
'https://i.imgur.com/PoltxIr.png',
'https://i.imgur.com/hmTafQT.png',
'https://i.imgur.com/1BAEFOy.png',
'https://i.imgur.com/59w27mp.png',
'https://i.imgur.com/NiO7spe.png',
'https://i.imgur.com/XcwYWty.png',
'https://i.imgur.com/kywA3wd.png',
'https://i.imgur.com/caJPsPi.png',
'https://i.imgur.com/Qy4OPw3.png',
'https://i.imgur.com/Ixe9uNk.png',
'https://i.imgur.com/BITTBRi.png',
'https://i.imgur.com/uPXJCrA.png',
'https://i.imgur.com/KcBvxL6.png',
'https://i.imgur.com/gabDh5H.png',
'https://i.imgur.com/x9KyVW7.png',
'https://i.imgur.com/4gMiVhL.png',
'https://i.imgur.com/R9C0EXG.png',
'https://i.imgur.com/ytDVdqw.png',
'https://i.imgur.com/YxryU05.png',
'https://i.imgur.com/QUOu3Ea.png',
'https://i.imgur.com/2ZNiD4a.png',
'https://i.imgur.com/0yg67MT.png',
'https://i.imgur.com/tCpwh6l.png',
'https://i.imgur.com/WJrbOIz.png',
'https://i.imgur.com/OxfOwsq.png',
'https://i.imgur.com/KPGIwtA.png',
'https://i.imgur.com/Cxf3Flg.png',
'https://i.imgur.com/vn6qscS.png',
'https://i.imgur.com/OXzreKo.png',
'https://i.imgur.com/D3zg9O2.png',
'https://i.imgur.com/qx7n0MA.png',
'https://i.imgur.com/z54azJt.png',
'https://i.imgur.com/4O8EMlE.png',
'https://i.imgur.com/A3jisvQ.png',
'https://i.imgur.com/CTeBdyc.png',
'https://i.imgur.com/LHvKvky.png',
'https://i.imgur.com/XOvfXeM.png',
'https://i.imgur.com/I92ahhK.png',
'https://i.imgur.com/C0f81Fh.png',
'https://i.imgur.com/wckTe6E.png',
'https://i.imgur.com/PGDNDA7.png',
'https://i.imgur.com/2SH5EOa.png',
'https://i.imgur.com/MpQuDiD.png',
'https://i.imgur.com/XoTLu0v.png',
'https://i.imgur.com/jDynwH0.png',
'https://i.imgur.com/BBh7pHE.png',
'https://i.imgur.com/BGCUwSj.png',
'https://i.imgur.com/VxwonuA.png',
'https://i.imgur.com/uSe8ifz.png',
'https://i.imgur.com/IYXfCb7.png',
'https://i.imgur.com/pqat0bI.png',
'https://i.imgur.com/zWLagK6.png',
'https://i.imgur.com/vJQKr0T.png',
'https://i.imgur.com/3PVKwKq.png',
'https://i.imgur.com/WKWCmEc.png',
'https://i.imgur.com/MxFLmpE.png',
'https://i.imgur.com/HbAWO2n.png',
'https://i.imgur.com/KdotZHE.png',
'https://i.imgur.com/lAlAiYC.png',
'https://i.imgur.com/do40tzq.png',
'https://i.imgur.com/Frhjlp5.png',
'https://i.imgur.com/hRZl36X.png',
'https://i.imgur.com/1wFULBH.png',
'https://i.imgur.com/aHWjNrK.png',
'https://i.imgur.com/HbehbmK.png',
'https://i.imgur.com/8OYzdHB.png',
'https://i.imgur.com/ZTUMDzG.png',
'https://i.imgur.com/vE5RFcw.png',
'https://i.imgur.com/RhyAfwO.png'];



$(document).ready(function() {
$('#smilies-block').addClass('t1');
$('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"style="width:60px;"><a>rusff</a></li><li class="t2"style="width:60px;"><a>emoji</a></li><li class="t3"style="width:60px;"><a>stickers2</a></li></ul><div class="t2"></div><div class="t3"></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('#smilies-area div[class^="t"]').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>

<!-- Вкладки в достижениях -->
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.tabs .tab-links a').on('click', function(e)  {
        var currentAttrValue = jQuery(this).attr('href');
 
        // Show/Hide Tabs
        jQuery('.tabs ' + currentAttrValue).show().siblings().hide();
 
        // Change/remove current tab to active
        jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
 
        e.preventDefault();
    });
});
</script>

<script type="text/javascript">
if ($('#post').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('Abril Fatface');
ft_f.push('Aclonica');
ft_f.push('Aladin');
ft_f.push('Alex Brush');
ft_f.push('Allerta Stencil');
ft_f.push('Amita');
ft_f.push('Anton');
ft_f.push('Arizonia');
ft_f.push('Berkshire Swash');
ft_f.push('Cinzel');
ft_f.push('Condiment');
ft_f.push('Cookie');
ft_f.push('Courgette');
ft_f.push('Dosis');
ft_f.push('Federant');
ft_f.push('Great Vibes');
ft_f.push('Josefin Sans');
ft_f.push('Halimun');
ft_f.push('Kalam');
ft_f.push('Kaushan Script');
ft_f.push('Kindly Jasmine');
ft_f.push('Merienda');
ft_f.push('Mr Dafoe');
ft_f.push('Norican');
ft_f.push('Parisienne');
ft_f.push('Pirata One');
ft_f.push('Play');
ft_f.push('Sail');
ft_f.push('Satisfy');
ft_f.push('Seaweed Script');
ft_f.push('Segoe print');
ft_f.push('Sophistica');
ft_f.push('Tangerine');
ft_f.push('Tinos');
ft_f.push('Trincha Regular');
ft_f.push('Yesteryear');
ft_f.push('===КИРИЛЛИЦА===');
ft_f.push('Aire Exterior');
ft_f.push('Alegreya Sans SC');
ft_f.push('Arsenal');
ft_f.push('Bad Script');
ft_f.push('Bebas Neue Regular');
ft_f.push('Bee Three');
ft_f.push('Beckett-KanzleiCYRegulare');
ft_f.push('Caveat');
ft_f.push('CharakternyC');
ft_f.push('Coral waves Regular');
ft_f.push('Cormorant Garamond');
ft_f.push('Cramaten');
ft_f.push('Cuprum');
ft_f.push('Eden Bold');
ft_f.push('Jura');
ft_f.push('Kelly Slab');
ft_f.push('Lobster');
ft_f.push('Marck Script');
ft_f.push('Merriweather');
ft_f.push('Montserrat');
ft_f.push('MurreyC');
ft_f.push('Neucha');
ft_f.push('OldKharkiv');
ft_f.push('Old Standard TT');
ft_f.push('Open Sans');
ft_f.push('Oswald');
ft_f.push('Pacifico');
ft_f.push('Philosopher');
ft_f.push('Playball');
ft_f.push('Playfair Display SC');
ft_f.push('Shadows Into Light');
ft_f.push('URWTaurusD');
ft_f.push('Voguer Sans Free');
ft_f.push('Yanone Kaffeesatz');
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 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());
});
$(".submenutext").hide();
$(".submenutext:first").show();
});
</script>

0

3

структура

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

Основа css разработана специально для группового обучения дизайну от piterksaya. 

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

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

/* базовые шрифты - поддержка кириллицы
-------------------------------------------------------------*/
@import url(style_cs.css);
@import url(https://forumstatic.ru/files/0018/25/96/61263.css);
@import url(https://allfont.ru/allfont.css?fonts=franklin-gothic-medium);
@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Open+Sans|Oswald');
@import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"; 
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,669;0,700;0,800;0,900;1,500;1,600;1,669;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,669;0,700;0,800;0,900;1,500;1,600;1,669;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext');
@import url('https://forumstatic.ru/files/0019/47/79/34499.css');
@import url('https://forumstatic.ru/files/0019/47/79/48122.css');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css2?family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500');
@import url('https://fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne');
@import url('https://fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Old+Standard+TT&family=Playfair+Display+SC&family=Alegreya+Sans+SC&display=swap');
@font-face {
    font-family: Black KnightC;
    src: url('https://forumstatic.ru/files/001a/e2/69/11358.ttf');
}
@font-face {
    font-family: Humpty Dumpty;
    src: url('https://forumstatic.ru/files/001a/e2/69/11403.ttf');
}
@font-face {
    font-family: Headliner;
    src: url('https://forumstatic.ru/files/001a/e2/69/12288.otf');
}
@font-face {
    font-family: Voguer Sans Free;
    src: url('https://forumstatic.ru/files/001a/e2/69/18991.ttf');
}
@font-face {
    font-family: Grotesca C;
    src: url('https://forumstatic.ru/files/001a/e2/69/11386.ttf');
}
@font-face {
    font-family: Neothic;
    src: url('https://forumstatic.ru/files/001a/e2/69/78735.ttf');
}
@font-face {
    font-family: mr_ReaverockG;
    src: url('https://forumstatic.ru/files/0019/47/79/34049.otf');
}

@font-face {
    font-family: MozillaC;
    src: url('https://forumstatic.ru/files/001a/e2/69/19041.ttf');
}



/* 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 72% play, verdana, 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;
  }

/* 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 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/

/* 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: 98%!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: 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 {
    border: medium none;
    margin: 0.4em 0em 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: 0px;
}
/* СНИЗУ */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;  
}


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


/* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em; 
}

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

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


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

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

/* C1.1 НЕ ТРОГАЕМ */
.punbb .formal .container {
  padding: 1.7em 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: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 НЕ ТРОГАЕМ */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 10px;
  }

/* 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: 55%;
  }

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

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

/* 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;
  font-weight: bold;
  }

/* 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: 0.8em 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-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 НЕ ТРОГАЕМ */
.punbb .post h3 span {
    border-left: 1px solid transparent;
    padding: 1.5em 8em;
    display: block;
    margin-left: -43px;
}

/* 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 {}

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

/* C3.12 НЕ ТРОГАЕМ */
.punbb .post-box {
  padding: 2em;
  }

/*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 {}

/* 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: 1.5em 1em;
  text-align: right;
  }

/* 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;

  }

/* C5.2 НЕ ТРОГАЕМ */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 ПРОФИЛЬ
-------------------------------------------------------------*/

/* 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: normal;
  }

/* C6.4 НЕ ТРОГАЕМ */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  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: 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 СПИСОК ПОЛЬЗОВАТЕЛЕЙ
-------------------------------------------------------------*/

/* 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: 5px!important;
    font-size: 11px!important;
    letter-spacing: 0px;
    color: #46301d!important;
    font-family: neothic!important;
    font-weight: bold;
    text-shadow: 2px 2px 6px black;
}
/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
настраиваем вид ссылок при наведении */
#pun-navlinks li a:hover {  
    color: #925919!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: 968px;
    text-align: center;
    font-size: 9px;
    text-transform: lowercase;
    top: 109px;
    /* margin-left: -267px; */
    font-family: play!important;
}

#pun-status strong {    font-weight: normal;    color: #4a4235;}

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

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

/* D5.5 НЕ ТРОГАЕМ */
#pun-crumbs1 p.container {
    border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 0.9em;
  text-transform: lowercase;
}

/* D5.6 НЕ ТРОГАЕМ */
#pun-break1 {
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: 30px 1em;
  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: 170px;
  }

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

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

/* D7.2 НЕ ТРОГАЕМ */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  font-family: play;
  }

/* D7.3 НЕ ТРОГАЕМ */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  font-family: play;
  }

/* D7.4 НЕ ТРОГАЕМ */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  font-family: play;
  }

/* D7.5 НЕ ТРОГАЕМ */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;     line-height: 16px;
  }

/* 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: 8px!important;
    color: #544430;
    padding: 33px 0 32px 0!important;
    font-family: playfair display!important;
    font-weight: bold;
    letter-spacing: 7px;
    text-align: center;
    text-shadow: 1px 1px black;
}


#pun-main div.catleft, #pun-main div.catright {
    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: 1200px!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 .avatar-image {    border: 2px solid!important;    
    border-radius: 0% !important;
    height: 30px !important;
    width: 30px !important;
    margin: 4px 2px !important;
    box-shadow: 0 0 6px #6d695de3 !important;}

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

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

/* КНОПКИ СПОЙЛЕРЫ
-------------------------------------------------------------*/
.knopka_rasy {
    display: inline-block;
    cursor: pointer;
    width: 157px;
    padding: 6px;
    background: linear-gradient(to right, #9c8e7875, #c7beb269);
    text-align: center;
    font-family: Yeseva One;
    font-size: 22px;
    border: 1px solid #77634d8f;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736f6a, inset 0px 0px 30px rgb(141 128 115);
}
    
.knopka_rasy_big {
    display: inline-block;
    cursor: pointer;
    width: 506px;
    padding: 6px;
    background: linear-gradient(to right, #9c8e7875, #c7beb269);
    text-align: center;
    font-family: Yeseva One;
    font-size: 22px;
    border: 1px solid #77634d8f;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736f6a, inset 0px 0px 30px rgb(141 128 115);
    }

.knopka_rasy_med  {
    display: inline-block;
    cursor: pointer;
    width: 245px;
    padding: 6px;
    background: linear-gradient(to right, #9c8e7875, #c7beb269);
    text-align: center;
    font-family: Yeseva One;
    font-size: 22px;
    border: 1px solid #77634d8f;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736f6a, inset 0px 0px 30px rgb(141 128 115);
    }

.knopka_rasy_banshee {
    display: inline-block;
    cursor: pointer;
    width: 480px;
    padding: 6px;
    background: linear-gradient(to right, #9c8e7875, #c7beb269);
    text-align: center;
    font-family: Yeseva One;
    font-size: 22px;
    border: 1px solid #77634d8f;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736f6a, inset 0px 0px 30px rgb(141 128 115);
    }
.knopka_sen {
    display: inline-block;
    cursor: pointer;
    width: 150px;
    padding: 6px;
    background: linear-gradient(to right, #9c8e7875, #c7beb269);
    text-align: center;
    font-family: Yeseva One;
    font-size: 16px;
    border: 1px solid #77634d8f;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736f6a, inset 0px 0px 30px rgb(141 128 115);
}

  .stylevkladok {
  display:none; background: linear-gradient(to right, rgb(156 142 120 / 28%), rgba(199, 190, 178, 0.41));border-radius: 5px;padding: 20px; border: 1px solid #77634d8f;    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736f6a, inset 0px 0px 30px rgb(141 128 115); line-height:16px;margin-top:15px;
    }


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


.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: -160px; 
	left: 50%;
	width: 900px;
	position: absolute;
	z-index: 101;
	padding: 1px 1px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}

.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 1px;
	right: 26px;
	color: #343434;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}

0

4

цвета

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

ПАН ТЕЛО

**************************************************************/
/* A5.1 ПАН ИЛИ ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    width: 1080px;
    margin: 190px auto -10px auto;
    background: repeat transparent url(https://forumstatic.ru/files/001a/e2/69/17630.png);
    background-position: center;
    padding-top: 153px;
    padding-bottom: 115px; margin-bottom: 40px;
  
}

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


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

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

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

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {background:
url(https://i.imgur.com/6MUTZPl.png) no-repeat fixed
top center;
background-size: cover;
background-color: #161618;
}

/* ШАПКА
-------------------------------------------------------------*/
#pun-title table {
        background: rgba(0, 0, 0, 0) url(https://i.imgur.com/8XgfEMv.png);
    border: none;
    height: 396px;
    margin-left: -55px;
    margin-bottom: -116px;
    width: 1080px;
    margin-top: -357px;
}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/e2/69/35061.png) no-repeat scroll bottom center;
    height: 299px;
    margin-bottom: -262px;
    margin-left: -99px;
    margin-top: -265px;
    width: 1166px;
    padding-top: 0px !important;
    border: none !important;
    padding-bottom: 130px !important;
}
/* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 270px;
    width: 983px;
    margin-left: 82px;
    position: absolute;
    font-family: arial;
    font-size: 9px;
    text-align: center;
}

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

ПРОФИЛЬ

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

/* РАМКА ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author {
    width: 251px;
    background: url(https://forumstatic.ru/files/001a/e2/69/91696.png) top no-repeat, url(https://forumstatic.ru/files/001a/e2/69/51629.png) bottom no-repeat, url(https://forumstatic.ru/files/001a/e2/69/58401.png) repeat-y;
    margin-left: -11px!important;
    padding-bottom: 40px!important;
}

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

/* НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author { 
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* НИК АВТОРА В ТОПИКЕ ССЫЛКА
-------------------------------------------------------------*/
.pa-author a {
    color: #636363!important;
    font-family: mr_ReaverockG!important;
    font-size: 28px;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
}

/*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author a:hover {
}


/* СТАТУС ЛИЧНОЕ ЗВАНИЕ
-------------------------------------------------------------*/
.pa-title {
    font-size: 9px!important;
    text-transform: lowercase;
    padding: 17px 13px 3px 13px!important;
    text-align: center;
    color: #524a3f!important;
}

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

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

/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
.pa-fld1 {        margin-left: -4px!important;
    background: url(https://i.imgur.com/7cs90zo.png) no-repeat;
    width: 230px;
    height: 65px;
}

#pl1 {font-family: Bahnschrift;
    font-size: 13px;
    color: #6e6e6e!important;
    padding: 16px 0 0 0px;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#pl1 a{    color: #6e6e6e!important;}

#pl2 {font-family: play;
    font-size: 10px;
    color: #6e6e6e;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    letter-spacing: 1px;
    margin-top: 1px!important;
    padding-left:0px;
    text-transform: lowercase;
}

#pl0 {margin-bottom: -60px;}

hr {
border: none;
border-top: dashed 1px;}

.pa-fld2 {
    line-height: 1.1;
    font-weight: bold;
    max-width: 200px;
    margin-left: 10px!important;}

#lz {font-size: 10px;
    font-family: play!important;
    color: #524a3f!important;
    text-align: justify;
    padding: 10px !important;
    text-transform: lowercase;
    background-color: #19191985;
    border: 1px solid #1f1f1f;}

#anketa a {
    font-family: neothic!important;
    font-size: 13px!important;
    color: #544d48!important;}

#anketa a:hover { color: #5d3714!important;}

#lz a {
    font-family: neothic!important;
    font-size: 8px!important;
    color: #544d48!important;
    font-weight: bold;}

#lz a:hover {color: #5d3714!important;}

.pa-fld3 {
line-height: 2;
display: inline-block;
width: 60px;
}

.pa-fld4 {
line-height: 0.5;
display: inline-block;
width: 60px;
padding-top:5px!important;
}

.pa-fld5 {
line-height: 2;
display: inline-block;
width: 60px;
}

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

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts, .pa-respect {
    padding: 2px 4px 2px 4px !important;
    width: 54px;
    text-transform: lowercase;
    font-size: 9px;
    display: inline-block;
    color: #524a3f!important;
    margin-top: 10px!important;

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

/* СДВИГ КОЛ-ВА ПОСТОВ
-------------------------------------------------------------*/
.pa-posts {margin-left: 0px!important}

/* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 226px !important;
    letter-spacing: 1px;
    margin-top: 29px!important;
    text-transform: lowercase;
    color: #636363!important;
    font-family: mr_ReaverockG!important;
    font-size: 29px;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
}

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

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

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

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

/* ИКОНКА СТРАНЫ НЕ ОТОБРАЖАЕТСЯ
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


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

/* ОНЛАЙН - АКТИВЕН В ТОПИКЕ
-------------------------------------------------------------*/
.pa-online {
    height: 20px;
    display: block;
    margin-bottom: 1px!important;
    text-transform: lowercase;
    font-size: 9px;
    color: #524a3f!important;
}

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

.modlist {display: none !important;}
}

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

.pa-awards {
    padding: 0px 10px 10px 15px!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: #544430;
}

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

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.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: #0e0602d9;}

/* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 0px !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;
    box-shadow: none;
    color: #56442f;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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: #67400d;
}


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

ПОДФОРУМ

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

/* ПОДФОРУМ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 320px;
    font-size: 10px;
    text-transform: lowercase;
    min-height: 85px;
    margin-left: 83px;
    padding: 10px 20px 10px 20px;
    text-align: justify;
    border: 1px solid #4040401a;
    box-shadow: 0 0 1px #777777 inset;
    background-color: #6d67624f;
}

/* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    color: #776f67;
    font-size: 15px;
    display: block;
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    font-family: neothic!important;
    text-shadow: 1px 1px #352d24;
    font-weight: 500;
    background: linear-gradient(#5d492a, #31250b)!important;
    border: 1px solid #292929 !important;
    box-shadow: inset 0px 0px 2px #b3895c, inset 0px 0px 1px #847a71, inset 0px 0px 18px rgb(72 57 46)!important;
}

/* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon a { line-height: 22px;}

#pun-index .tclcon a:hover { line-height: 22px;
color: #a79b8e}

/* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
-------------------------------------------------------------*/
.podfor_link {text-align: center;}
.podfor_link a {  color: #8c9370 !important;
    margin: 0px 5px !important;
}

.podfor_link a:hover { color: #927882 !important; }

/* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 12px;
    text-transform: lowercase;
    font-family: play!important;
    font-weight: 600;
}

/* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 30%!important;
    text-align: left;
    font-family: play!important;
}


/* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: play!important;
    font-size: 12px;
}


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

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

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

/* КАТЕГОРИИ

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

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

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats.section h2 {     background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}
/* ПЕРВАЯ
-------------------------------------------------------------*/
#pun-category1 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}

/* ВТОРАЯ
-------------------------------------------------------------*/
#pun-category2 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}
/* ТРЕТЬЯ
-------------------------------------------------------------*/
#pun-category3 h2 {     background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}
/* ЧЕТВЕРТАЯ
-------------------------------------------------------------*/
#pun-category4 h2 {     background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}

/* ПЯТАЯ
-------------------------------------------------------------*/
#pun-category5 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}

/* ШЕСТАЯ
-------------------------------------------------------------*/
#pun-category6 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/39381.png) no-repeat;
    border: none !important;
    width: 993px;
    margin-left: -10px !important;
    margin-bottom: -11px !important;
    display: inherit;
}
/*************************************************************

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

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

/* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#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-navlinks .container {
    border: none;
    margin: 0;
    margin-top: -316px!important;
    font-weight: normal;
    text-align: center;
    width: 592px!important;
    margin-left: 500px!important;

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

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

/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 10px !important;
    font-weight: 700;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 7px 0px 7px !important;
}
/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
#pun-ulinks a:hover {color: #5d3714}


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

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

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

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

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

/* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-weight: bold}



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

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

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

/* СТРАНИЦА ПЕРЕАДРЕСАЦИИ
-------------------------------------------------------------*/
#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: #b7a796;
    color: #221a17;
    border: 1px outset #927a65;
    border-style: dashed;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736e6a, inset 0px 0px 30px rgb(141 128 115);
}

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

#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;
    box-shadow: 0 0 40px #222;
    background-color: #a29486;
}

.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;
    background-color: #a09284!important; 
}

/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    background: rgb(242 246 230);
    padding: 18px 20px !important;
    width: 97% !important;
    background-color: #b7a796;
    color: #221a17;
    border: 1px outset #927a65;
    border-style: dashed;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736e6a, inset 0px 0px 30px rgb(141 128 115);
}

/* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(227, 217, 212);
    padding: 2px 2px 2px 2px !important;
    border-radius: 2px;
    background-color: #b7a796;
    color: #221a17;
    border: 1px outset #927a65;
    border-style: dashed;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736e6a, inset 0px 0px 30px rgb(141 128 115);
}

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

/* ВНЕШНИЙ ВИД ЦИТАТЫ, КОДА И ТД
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    background: rgb(255, 255, 255);
    padding: 20px 20px !important;
    background-color: #b7a79675;
    color: #2b2014;
    border: 1px outset #927a65;
    border-style: dashed;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736e6a, inset 0px 0px 30px rgb(141 128 115);
}

/* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА
Отвечает за настройки того самого "Маша написал(-а), выделить код и тд.
Работаем только с 4 последними параметрами 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0em;
    margin: 0;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: open sans;
    font-weight: 700;
    color: #352d20;
}

/* КОД (СКОПИРОВАТЬ КОД)
-------------------------------------------------------------*/
#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: #b7a796;
    color: #221a17;
    border: 1px outset #927a65;
    border-style: dashed;
    box-shadow: inset 0px 0px 2px #908377, inset 0px 0px 1px #736e6a, inset 0px 0px 30px rgb(141 128 115);
}

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


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

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

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

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background-image: url(https://forumstatic.ru/files/001a/e2/69/12501.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 45px;
    margin-left: 28px;
    margin-top: -4px;
    width: 32px;
    z-index: 1;
    opacity: 0.3;
    float: left;
}

/* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(https://forumstatic.ru/files/001a/e2/69/12501.png);
    background-repeat: no-repeat;
    opacity: 1;
}

/* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#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: 32px;
    height: 45px;
    background-image: url(https://forumstatic.ru/files/001a/e2/69/24441.png);     opacity: 0.3;
}

/* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 32px;
    height: 45px;
    background-image: url(https://forumstatic.ru/files/001a/e2/69/12501.png);  opacity: 1;
}
/* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 32px;
    height: 45px;
    background-image: url(https://forumstatic.ru/files/001a/e2/69/24394.png);  opacity: 1;
}
/* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 32px;
    height: 45px;
    background-image: url(https://forumstatic.ru/files/001a/e2/69/24394.png);  opacity: 1;
}



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

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

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

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 9px!important;
    background: linear-gradient(#544430, #302013)!important;
    border: 1px solid #292929 !important;
    box-shadow: inset 0px 0px 2px #b3895c, inset 0px 0px 1px #847a71, inset 0px 0px 18px rgb(72 57 46)!important;
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #b5aca4!important;
    font-weight: 600 !important;
    padding: 5px 6px 5px 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-family: play!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: auto!important;
}

button{
font-size: 9px!important;
    background: linear-gradient(#544430, #302013)!important;
    border: 1px solid #292929 !important;
    box-shadow: inset 0px 0px 2px #b3895c, inset 0px 0px 1px #847a71, inset 0px 0px 18px rgb(72 57 46)!important;
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #b5aca4!important;
    font-weight: 600 !important;
    padding: 5px 6px 5px 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-family: play!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#302013, #544430)!important;
    cursor: pointer!important;

  }
button:hover{
    background: linear-gradient(#302013, #544430)!important;
    cursor: pointer!important;}

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

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

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


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

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

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

::-webkit-scrollbar-thumb {
    background-color: #4c4030;
    border: 1px solid #4a3c2b;
    box-shadow: inset 0 0 2px #21190d;
}
/* ПОДЛОЖКА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #2d2d2d;
    border: 1px solid #252525;
    box-shadow: inset 0 0 2px #000000;
}

/* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
-------------------------------------------------------------*/
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: 60%;
    margin-left: 1065px !important;
}
/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 50%;
    margin-left: 1065px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

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

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

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

/* ТЕКСТ В ШАПКЕ
-------------------------------------------------------------*/

#html-header active1 {
    position: absolute;
    margin: 146px 249px !important;
    text-transform: lowercase;
    font-size: 25px;
    font-family: 'mr_ReaverockG'!important;
    padding: 0px;
    text-align: center;
    width: 165px;
}

#html-header active1 a {
    color:#46301dcc!important}

#html-header a{
    color: #46301dcc!important}

#html-header a:hover {
    color: #5d3714!important;}

#html-header posts {
    position: absolute;
    margin-top: 148px;
    margin-left: 556px;
    text-transform: lowercase;
    font-size: 25px;
    font-family: 'mr_ReaverockG'!important;
    width: 165px;
    text-align: center;}

#html-header post {
    position: absolute;
    margin-top: 207px;
    margin-left: 557px;
    text-transform: lowercase;
    font-size: 25px;
    font-family: 'mr_ReaverockG'!important;
    width: 165px;
    text-align: center;}

#html-header episode {
    position: absolute;
    margin-top: 207px;
    margin-left: 249px;
    text-transform: lowercase;
    font-size: 25px;
    font-family: 'mr_ReaverockG'!important;
    width: 165px;
    text-align: center;}

#html-header quiteright {
    position: absolute;
    margin: 148px 750px !important;
    margin-left: 10px;
    text-align: justify;
    font-family: play!important;
    width: 184px;
    overflow: auto;
    height: 82px;
    padding-right: 2px;
    color: #5f5f5f;
    font-size: 9px;
    text-transform: lowercase;
    line-height: 9px;
} 
#html-header quiteleft {
    position: absolute;
    margin: 148px 36px !important;
    margin-left: 10px;
    text-align: justify;
    font-family: play!important;
    width: 184px;
    overflow: auto;
    height: 82px;
    padding-right: 2px;
    color: #5f5f5f;
    font-size: 9px;
    text-transform: lowercase;
    line-height: 9px;
} 


.quite::-webkit-scrollbar-thumb {
    background-color: #333333;
    border: 1px solid #6968668f;
    box-shadow: inset 0 0 0px #252422;
}

.quite::-webkit-scrollbar-track {
    background-color: #2d2d2d;
    border: 1px solid #252525;
    box-shadow: inset 0 0 0px #000000;
}

.quite::-webkit-scrollbar {
    width: 1px !important; 
    height: 6px;}

/*----------------------- админы, расположение ссылок ----------------------*/
#html-header tablaadmin {
    position: absolute;
    margin: 145px 0px;
    width: 222px;
    text-align: center;
}

#html-header tablaadmin a {    font-size: 10px;
    color: #5e4f41 !important; text-transform: lowercase;
    font-family: play !important;}

#html-header tablaadmin a span {    opacity: 0;     position: absolute;}
#html-header tablaadmin a span:hover {        opacity: 1 !important;}

.amso {    position: absolute;
    top: -90px;
    margin-left: 14px !important;
    text-align: center;
    width: 237px;
    font-size: 10px;
    line-height: 130%;
    font-family: play !important;
    letter-spacing: 1px;
    color: rgb(86 68 47) !important;
}
.ams { position: relative; display: inline-block; }
.ams_frame { padding: 5px; }
.ams_frame img { }
.ams { position: relative; display: inline-block; }
.ams span { display: none; }
.ams a {    color: rgb(100 78 56) !important; }
.ams a:hover {    color: rgb(127 112 97) !important; }
.ams:hover span { position: absolute; text-align: center; display: inline-block; margin-top: 10px; left: -80px; z-index: 100000; }

.infoforum {    position: absolute;
    top: -90px;
    margin-left: 720px !important;
    text-align: center;
    width: 237px;
    font-size: 10px;
    line-height: 130%;
    font-family: play !important;
    letter-spacing: 1px;
    color: rgb(86 68 47) !important;
}

.plashki {    position: absolute;
    top: 71px;
    text-align: center;
    width: 970px;
}

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

БАННЕРЫ

**************************************************************/
.banners { position: absolute;
    position: absolute;
    width: 475px;
    height: 40px;
    margin: 160px 253px !important;
    overflow: auto;
    padding-top: 5px;
    letter-spacing: 3px;

}
.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

.need { position: absolute;
    height: 40px;
    width: 750px;
    margin: 129px 110px !important;
    padding-right: 4px;
    line-height: 21px;
    padding-top: 7px;
    text-align: center;
    transition: .5s all;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'mr_ReaverockG'!important;
    letter-spacing: 1px;
   }

.need a{
    color: #4a311c!important}

.need a:hover {
    color: #5d3714!important;}

.plashkii { position: absolute; margin-top: 166px!important; margin-left: 197px!important; width: 25px; }
.shetchik { position: absolute; margin-top: 166px!important; margin-left: 165px!important; width: 25px; }
.citaty { position: absolute; margin-top: 166px!important; margin-left: 746px!important; width: 25px; }
.dostizheni { position: absolute; margin-top: 166px!important; margin-left: 778px!important; width: 25px; }

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

СМАЙЛЫ

**************************************************************/
#wrapper {width: 400px;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent; color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
ul.tabs li a:hover {color:#9b988f;padding: 0 14px;background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #25242e;}
div.t2,div.t3,div.t4 {display: none;width: 450px;}

/*Фон контейнеров смайлы и так далее*/
#smilies-area  {
    background: #a5998c;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 1px solid #9a897e;
    overflow-y: scroll;
    height: 245px;
}
 #font-area  {
    background: #a5998c;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 1px solid #9a897e;
    overflow-y: scroll;
    height: 230px;
}
 #size-area  {
    background: #a5998c;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 1px solid #9a897e;
    overflow-y: scroll;
    height: 230px;
}
#image-area  {
    background-color: #a5998c;
}

#spoiler-sels{
    background-color: #a5998c;
}

 #keyboard-area  {
    background: #a5998c;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 3px solid #9a897e;
    overflow-y: scroll;
    height: 230px;
}

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

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

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

.lichka {
    background: url(https://i.imgur.com/3AVpgis.png) no-repeat;
    width: 900px;
    height: 900px;
    margin: auto !important;
    text-align: justify;
    padding-bottom: 100px;
    position: absolute;
    margin-left: 35px!important;
}

.lichka_gif {
   margin-top: 62px!important;
    position: absolute;
    margin-left: 135px!important;
    filter: grayscale(1) blur(0.5px);
    border: 5px solid #352114ed!important;
    box-shadow: 0 0 7px #000000e0;
    max-width: 245px;
    max-height: 135px;
    text-align: center;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.lichka_name {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    text-align: center;
    margin-left: 420px!important;
    margin-top: 47px!important;
    position: relative;
    font-family: neothic!important;
    color: #502d10;
    width: 425px;
    height: 54px;
    overflow: hidden;
}

.lichka_hr {
    letter-spacing: 2px;
    font-family: play!important;
    font-weight: 700;
    font-size: 8px;
    text-align: center;
    margin-left: 415px!important;
    margin-top: 2px!important;
    width: 435px;
    height: 10px;
    position: relative;
    overflow: auto;
    color: #404040;}

.lichka_text {
    letter-spacing: 1px;
    font-family: play!important;
    font-weight: 700;
    font-size: 9px;
    text-align: justify;
    margin-left: 420px!important;
    margin-top: 2px!important;
    width: 425px;
    height: 90px;
    position: relative;
    overflow: auto;
    color: #5b371d;}


.lichka_plashki {
    position: relative;
    width: 730px;
    height: 125px;
    margin: 27px 0px 28px 124px !important;
    line-height: 15px;
    overflow: auto;
    padding-right: 10px;
    font-size: 0;}


.inline-div {
  display: inline-block;
    width: 188px;
    height: 40px;
    background: url(https://forumstatic.ru/files/001a/e2/69/50618.png) no-repeat;
    font-size: 1rem;
    text-align: center;
    position: relative;
    padding-left: 36px;
    box-sizing: border-box;}

.inline-div0 {
    display: inline-block;
    background: url(https://i.imgur.com/7cs90zo.png) center no-repeat;
    width: 240px;
    height: 60px;
    position: relative;
    box-sizing: border-box;
    text-align: center;}


.inline-div img {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    transform: translateY(-50%);}


.lichka_achiev .inline-div{
padding-left: 36px;
padding-top: 9px;}


.ds1 {
    font-family: Bahnschrift;
    font-size: 11px;
    color: #6e6e6e!important;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;}


.ds2 {
    font-family: play;
    font-size: 9px;
    color: #6e6e6e;
    text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
    letter-spacing: 1px;
    margin-top: 1px!important;
    position: relative;}


.ls_pl {
background: url(https://i.imgur.com/7cs90zo.png);
    width: 230px;
    height: 65px;}

.lichka_achiev {
    position: relative;
    width: 760px; /*было 78%*/
    height: 260px;
    margin: 30px 0 0 100px !important;
    line-height: 12px;
    overflow: auto;
    padding-right: 5px;
    font-size: 0;}

.lichka_awards {
   position: relative;
    width: 765px;
    height: 135px;
    margin: 42px 95px !important;
    line-height: 15px;
    overflow: auto;
    padding-right: 5px;
    letter-spacing: 1px;
    text-align: center;
    mix-blend-mode: lighten;}

.nas {
    position: relative;
    height: 30px;
    margin: -36px 33px 5px 0 !important;
    text-align: right;}

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

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


/*----- Достижения СТАРЫЕ -----*/
.tabs {
    width:100%;
    display:inline-block;
position:relative
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 100px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:5px 5px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:;
            font-size:16px;
            font-weight:600;
            width:20px;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:;
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:5px;
        border-radius:3px;
        background:;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }

/*Внутренность форумов*/
#opisanie {
margin-top: 0px;
    margin-bottom: -10px;
font-family:'play'; 
font-size:10px; 
text-align:center;
font-weight:bold;}

#opisanie a {color: #5d4d37!important;}

#opisanie1 {
margin-top: 0px;
    margin-bottom: 0px;
font-family:'play'; 
font-size:10px; 
text-align:center;
font-weight:bold;}

#opisanie1 a {color: #5d4d37!important;}

0

Страница: 1

Вы здесь » гром и молния » Kiss the goat » пентадарк оранжевый

Рейтинг форумов | Создать форум бесплатно