<!-- Черная Подсказка,- инициализируем $.fn.tipsy-->
<script>
$(document).ready(function(){$('*[title]').not('*[title] *[title]').tipsy({gravity:$.fn.tipsy.autoNS})});
$.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
$.catch('.pa-awards img[title]',function(){$('.punbb li.pa-awards img[title]').tipsy({fade:true,gravity:'s award'});});
</script>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"amsterdam", "http://funkyimg.com/i/2MPb7.png",
"c'mon", "http://funkyimg.com/i/2MPb6.png",
"high hopes", "http://funkyimg.com/i/2MPb5.png",
"life of the party", "http://funkyimg.com/i/2MPb4.png",
"advertising", "http://funkyimg.com/i/2MPb3.png",
"ready to go", "http://funkyimg.com/i/2MPb1.png",
"категория 0", ""
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"40px",
   "width":"365px",
    "margin":"30px 0px 10px 250px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://funkyimg.com/i/2MM17.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://funkyimg.com/i/2MM16.png" border="0" /></div>
<style>
.go-up,.go-down {display:none; position:fixed; /*позиционируем*/ right:90px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:.7; /*прозрачность*/ margin-bottom:40px; /*отступ снизу (можно не указывать)*/ width:88px; /*ширина кнопки*/ height:29px; /*высота кнопки*/}
.go-up {bottom:270px; /*положение от низа окна браузера верхняя кнопка*/}
.go-down {bottom:230px; /*положение от низа окна браузера нижняя кнопка кнопка*/}
.go-down:hover,.go-up:hover {opacity:1;}
</style>

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

<script type="text/javascript">
var A=[1,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

<script type="text/javascript">
    $('#pun-index .category td.tcl .tclcon').each(function() {
      var str='<br><div class="Add"><div  class="Tems_And_messages">Teм: <span class="right" >'+$(this).parents('tr:first').find('td.tc2').text()+'</span></div><div  style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div>';
      $(str).appendTo(this)
    });
    </script>

<!-- Cкрипт всплывающей подсказки -->
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script> 
$(document).ready(function(){
$('a [title]').quicktip({ speed:700 });
$('img [title]').quicktip({ speed:700 });
$('div [title]').quicktip({ speed:700 });
$('span [title]').quicktip({ speed:700 });
});
</script>
<!-- Конец -->

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

<!-- Рестор ссылки "НОВЫЕ СООБЩЕНИЯ" -->
<script type="text/javascript">
if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); }
</script>
<!-- Конец -->

<!----------------------- БАННЕРЫ ------------------------------->
<div id="banneri" style="position: absolute;
position: absolute;
    width: 844px;
    height: 50px !important;
    opacity: 1.0;
    padding: 5px 5px 5px 5px;
    overflow-y: auto !important;
    background: rgb(216, 216, 216);
    text-align: center;
    margin: -20px 10px 35px 0px;
    ">
<!-----------------------  здесь баннеры  ------------------------------->
<a href="http://comehere.rusff.me" target="_blank"> <img src="https://i.imgur.com/xq6dOVy.png" title="syuda podoshel" border="1" width="88" height="31"></a> <a href="http://rayons.rusff.me"><img src="https://forumstatic.ru/files/0017/a9/1e/87684.gif" title="[районы-кварталы]" width=88 height=31 border=0></a> <a href="http://creek.rusff.me" target="_blank">
<img src="https://i.imgur.com/b7csxUP.png" title="whisper creek" border="0" alt="whisper creek">
</a> <a href="http://postfactum.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0019/ed/84/74292.jpg" title="enigma"></a> <a target="_blank" href="http://jazzcross.rusff.me"><img src="http://sg.uploads.ru/zEZy9.gif" ></a> <a href="http://crossreality.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/0019/b9/54/11755.jpg" title="crossreality"></a> <a href="http://virizandreams.rusff.me/" title="Virizan: Realm of Legends"><img src="https://i.imgur.com/QqLd3Pt.gif"></a> <a href="http://mirror.rolebb.su/" target="_blank"><img src="https://forumstatic.ru/files/0019/cc/0b/46698.png" title="MIRRORcross" border="0"width="88" height="31"></a> <a href="http://sullenfables.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/0019/c1/a3/24679.gif"title="Sullen Fables"border="0"width="88" height="31"></a> <a href=http://nevsky.rusff.me/><img src="https://forumstatic.ru/files/0019/ca/23/31548.gif" border="0" alt="Невский Проспект"width=88  height=31 border></a> <a href="http://toohigh.rusff.me/" target="_blank"><img src="https://image.ibb.co/f1P3Pz/lakeside_banner_2.gif" border="" width="88" height="31" title="LAKESIDE HIGH" ></a> <a target="_blank" href="http://unirole.rusff.me/" original-title="uniROLE"><img src="https://i.imgur.com/rfGdijp.jpg" alt="Кроссовер uniROLE" width="88" height="31" border="0"></a> <a href="http://howlongisnow.rusff.me/"><img src="http://funkyimg.com/i/2Firx.jpg" original-title="TACHELES"></a> <a href="http://stargasm.rusff.me"><img src="http://i.imgur.com/X9aT6zA.gif"></a> <a href="http://wanderlust.rusff.me/" title="Wanderlust" target="_blank"><img src="https://forumstatic.ru/files/0018/4b/99/60095.jpg" width="88px" height="31px"></a> <a href="http://crossfeeling.rusff.me/" target="_blank">
<img src="https://i.imgur.com/zdw9NlG.png"
title="crossfeeling"
border="1" width="88" height="31"></a> <a href="http://timetocross.rusff.me/"><img src="http://s9.uploads.ru/NR1D9.jpg"></a> <a href="http://cometospb.rusff.me/" target="_blank"><img src="https://i.imgur.com/RWZINu8.png" border="" width="88" height="31" title="это Петроград, товарищ!" ></a> <a href="http://redbus.rusff.me/" target="_blank" original-title="RED BUS"><img src="http://funkyimg.com/i/2zB3B.gif" width="88px" height="31px"></a> <a href="http://memlane.rusff.me" title="memory lane" target="_blank"><img src="https://i.ibb.co/ftp5QqW/2.png" width="88" height="31" border="0"></a>  <a href="http://clickla.ru/" title="CLICK'-твоя социальная сеть" target=_blank><img src="https://forumstatic.ru/files/0019/93/79/13985.gif"></a> <a href="http://earlgrey.rusff.me" target="_blank"><img src="https://i.imgur.com/H1ZMs9U.png" title="earl grey. real-life."></a>
</div>
<style>
#banneri img {-webkit-filter: grayscale(100%); opacity: 0.5; transition-duration: 0.7s;}
#banneri img:hover {-webkit-filter: grayscale(0%); opacity: 1.0;transition-duration: 0.7s;}
#banneri::-webkit-scrollbar {width: 8px;height: 0px;}
</style>
<!-- Конец -->

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

    <!-- Быстрое редактирование постов © Alex_63 // V.3 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</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>

<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0011/da/9b/24232.js"></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>

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

<!--ТЕКСТ ПО ШИРИНЕ-->
<style type="text/css">
#button-justify { background:url(http://icons.iconarchive.com/icons/famf … y-icon.png) center no-repeat!important;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#post #button-center").after('<td id=button-justify align=center valign=center title="Выравнивание по ширине"><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif"/></td>');});
</script>

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

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" 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>

<!-- кнопка html -->
<style>
#button-html {background-image:url('http://funkyimg.com/i/2fsft.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:14px; margin-left: 2px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(12).innerHTML="<img src='/i/blank.gif' title=\"HTML\" id='button-html' onclick=\"bbcode('

Код:

<!--HTML-->', '

');\"/>"
</script>
<!-- конец -->

<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['общий архив', 'игровой архив'],
    forumAccessExtended: {
        'наша реальность': ['соучастники'],
        'альтернатива': ['соучастники'],
        'мероприятия': ['соучастники'],
        'зона общения': ['соучастники']
    },
    changeList: {
        'pafld1': {
            title: 'лз',
            description: '',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '',
            type: 'text'
        }
    },
    userFields: ['pa-author', 'pa-avatar item2', 'pa-title', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-online']
});
</script>

<style>#pun-messages input.longinput {width: 80%}</style>
<style>.pa-avatar img {max-width: 180px}</style>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
#pun-messages .FNTslider {margin-right: 300px}

.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 90px;
  height: 3px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 105px;
}
.FNTslider .before {
  height: 3px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #398c8f;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 6px;
  height: 10px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #398c8f;
  cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/31011.js"></script>

<script type="text/javascript">
var itemMass = new Array("Forum", "Users", "Правила", "Search", "Profile", "Message", "Administration", "Registration", "Enter", "Exit");
var itemIdMass = new Array("navindex", "navuserlist", "navrules", "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>

<!-- Добавление шрифтов в форму быстрого ответа -->
<script type="text/javascript">
$(document).ready(function(){if ($('#main-reply').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array(); ft_f.push('Noto Serif'); ft_f.push('Rye'); ft_f.push('Prociono'); ft_f.push('Arapey'); ft_f.push('Oranienbaum'); ft_f.push('Bebas Neue'); ft_f.push('Abril Fatface'); ft_f.push('Cuprum'); ft_f.push('Fjalla One'); ft_f.push('Geo'); ft_f.push('Homemade Apple'); ft_f.push('Oswald'); ft_f.push('Playfair Display'); ft_f.push('Lobster'); ft_f.push('Pattaya'); ft_f.push('Romanesco'); ft_f.push('Six Caps'); ft_f.push('Chivo'); ft_f.push('Comfortaa'); ft_f.push('Inder'); ft_f.push('henri_didotregular'); ft_f.push('arkitextura'); ft_f.push('Cormorant Regular'); ft_f.push('EbGaramond Regular'); ft_f.push('SpectralSC Regular'); ft_f.push('MarckScript Regular'); ft_f.push('DidactGothic'); ft_f.push('PoiretOne Regular'); ft_f.push('PTSans Regular'); ft_f.push('PTMono'); ft_f.push('Comfortaa'); ft_f.push('Aqua Regular'); ft_f.push('Yeseva');
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>
<!-- Конец -->

<!-- шрифты -->
<link href="https://fonts.googleapis.com/css?family=Fira+Sans+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Arapey|Chivo|Comfortaa|Cuprum|Fjalla+One|Geo|Homemade+Apple|Inder|Lobster|Noto+Serif|Oranienbaum|Oswald|Pattaya|Playfair+Display|Prociono|Romanesco|Rye|Six+Caps" rel="stylesheet">
<link href="https://forumstatic.ru/files/0019/a4/1f/34745.css" rel="stylesheet">
<style>
@font-face {font-family: 'Cormorant Regular';    src: url('https://forumstatic.ru/files/0019/a4/1f/60717.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'EbGaramond Regular';   src: url('https://forumstatic.ru/files/0019/a4/1f/65822.ttf') format('truetype');   font-weight: normal;   font-style: normal;}
@font-face {    font-family: 'SpectralSC Regular';    src: url('https://forumstatic.ru/files/0019/a4/1f/31760.ttf') format('truetype');   font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'DidactGothic';    src: url('https://forumstatic.ru/files/0019/a4/1f/83096.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'PoiretOne Regular';    src: url('https://forumstatic.ru/files/0019/a4/1f/74826.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'PTSans Regular';    src: url('https://forumstatic.ru/files/0019/a4/1f/11014.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'PTMono';    src: url('https://forumstatic.ru/files/0019/a4/1f/63209.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Aqua Regular';    src: url('https://forumstatic.ru/files/0019/a4/1f/57472.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Yeseva';    src: url('https://forumstatic.ru/files/0019/a4/1f/42806.ttf') format('truetype');    font-weight: normal;    font-style: normal;} </style>

<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* фон */
body {background-image : url("http://funkyimg.com/i/2MM3M.png");
background-repeat: repeat; background-attachment: fixed;
background-position : top center; background-color: #000000;
}

/* Шапка */
#pun-title table {
background-image : url(https://forumstatic.ru/files/0019/a4/1f/38273.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 922px;
height: 271px;
margin-left: -35px;}

/* Тело форума */
#pun {
width: 922px; 
background-color: transparent; 
background-image: url(http://funkyimg.com/i/2MLUW.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 928px;}

/* Футер */
#pun-about p.container {
background-image : url(http://funkyimg.com/i/2MLUY.png);
margin: 0px 0px -30px -35px;
background-position : center top;
background-repeat : no-repeat;
width: 922px;
height: 120px; 
overflow-x: hidden;}






/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
background-color: transpanent;
color: #232323;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #232323;
text-align:center; 
font-size: 12px; 
font-style: normal; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
background-color: #c9c9c9;
    color: #2c2c2c;
    box-shadow: 1px 1px 0px #b3b2b4;
}



/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #c9c9c9;
    color: #000000;
    box-shadow: inset -1px -1px 10px #b3b2b4;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://forumstatic.ru/files/0019/c6/03/92433.jpg);
    background-color: #dadada;
}





/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #272727;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #48666c; 
  text-decoration: none;
  transition-duration: 1s;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
    color: #30777b;
    text-decoration: none;
    transition-duration: 1s;
}


#pun-ulinks a {
    font-size: 10px;
    color: #398c8f;
    text-transform: lowercase;
    letter-spacing: 1px;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
text-decoration: none;
    color: #398c8f;
    transition-duration: 1s;
}


#pun-navlinks a, #pun-navlinks .container {
    color: #eaeae8;
}


#pun-navlinks a:focus, #pun-navlinks a:hover {
color: #eaeae8;
    text-decoration: overline;
    transition-duration: 1s;
}


.category .container thead {display: none;}


/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
        background: url(http://funkyimg.com/i/2MM6N.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://funkyimg.com/i/2MM6L.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/2MM7h.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/2MM6M.png) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #30777b; height: 4px; border: 2px solid #c8caca;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #30777b; height: 4px; border: 2px solid #c8caca;
}

::-webkit-scrollbar {
    background-color: #c9c9c9;
    height: 4px;
    width: 8px;
}

::selection {
    background: #f5d685 !important;
    color: #e4e4e4;
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}


.punbb .pa-avatar img {
    /* box-shadow: -38px 38px 0 -35px #000001, -38px -38px 0 -35px #000001; */
    margin-top: 15px;
    /* border-width: 1px; */
    /* border-style: dashed; */
    /* box-shadow: 0 0 0 1px #ffffff; */
    /* outline: 1px dashed #000001; */
    /* border: 5px dashed #c9c9c9; */
    border-style: solid double solid double;
}



#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-color: #d8d8d8;
    border: 1px solid #30777b;
    height: 300px;
    overflow: auto;
}



.banners {
    position: absolute;
    height: 46px;
    width: 896px;
    /* border: 1px solid red; */
    margin-top: -40px !important;
    padding-right: 4px;
    margin-left: -20px !important;
    overflow-y: auto;
    text-align: center;
}




#podf {
    padding: 9px 9px 9px 9px;
    font-family: verdana;
    letter-spacing: 0.5px;
    font-size: 9px;
    background-color: #c7c7c7;
}



#podf2 {
    text-align: center;
    padding: 5px;
    font-size: 8px;
    position: absolute;
    display: block;
    margin: 20px 0px 0px -5px;
}


#podf2 a {
color: #000 !important;
    padding: 4px 8px 3px 8px;
    font-size: 10px;
    letter-spacing: 2px;
    background-color: #959594;
    font-family: minion pro;}



#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}
.Tems_And_messages {
    display: inline-block;
    width: 170px;
}
.main table .Add {
display: block;
    height: 25px;
    margin: -24px 0;
    padding: 3px 8px 6px 8px;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    background-color: #e8e8e8;
    font-family: minion pro;
    text-transform: lowercase;
    letter-spacing: 1px;
    text-align: center;
}
.Tems_And_messages .right {
    color: #49666c;
}




#podf2 a:hover {
color: #000 !important;
    padding: 4px 8px 3px 8px;
    font-family: minion pro;
    font-size: 10px;
    letter-spacing: 3px;
    background-color: #f5d685;
    transition-duration: 1s;
}

td.tcr a {
color: #000001 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-family: Fira Sans Condensed;
    font-size: 13px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

/*Фон мини-профиля в Топике*/

.pa-posts, .pa-respect, .pa-fld2 {
    padding: 6px!important;
    margin-top: 1px !important;
    display: inline-block!important;
    float: none!important;
    max-width: 40px!important;
    height: 27px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 9.5px;
    font-family: arial;
}

.pa-fld1 {
    color: rgb(216, 216, 216);
    background: rgb(0, 0, 1);
    text-align: justify;
    font-size: 9px;
    font-family: verdana;
    width: 160px;
    margin-left: 8px !important;
    padding: 5px 10px 10px 10px;
}

li.pa-fld1 a {
    color: rgb(105, 136, 139) !important;
    font-weight: 700;
}

.pa-fld4 {
background: rgb(0, 0, 1);
    font-family: verdana;
    width: 180px;
    margin: 10px 0px 0px 8px !important;
}

.stro {
margin-top: -9px !important;
    font-size: 9px;
    color: #d8d8d8;
    letter-spacing: 0.4px;
    padding: 1px;
    width: 180px;
}

.strd {
width: 180px;
    background-color: #69888b;
    font-size: 6.5px;
    margin: 1px 0px 0px 0px !important;
    letter-spacing: 0.6px;
color: #000000;
}

.links2 {
color: #000001 !important;
    font-family: minion pro;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 0 4px 0 4px !important;
}

.links2:hover {
    color: #000 !important;
    font-family: minion pro;
    font-size: 10px;
    letter-spacing: 0.1px;
    margin: 0 4px 0 4px !important;
    transition-duration: 1s;
    letter-spacing: 2px;
}

#pun-viewtopic .post h3 {
    width: 892px;
    margin-left: -21px;
    background-color: #c9c9c9;
}




/* СТИЛЬ ВНЕШНОСТЕЙ */
.opfc {width: 620px; background-color: #d8d8d8; height:  910px; border-left: solid #398c8f;}
.opfc txt {position:  absolute; display:  block; width: 400px; height: 30px; background-color: #398c8f; margin: 20px 0px 0px 110px; padding: 1px;}
.opfc txt1 {font-family:  montserrat; font-size: 20px; font-weight:  bold; color: #efefef; text-align:  center;}
.opfc txt2 {text-align: center; color: #ffffff; background: #c7b58a; width: 200px; margin: -2px 0px 0px 0px; padding-bottom: 1px; display: block;}
.opfc txt3 {width:  500px; height: 80px; background-color: #c9c9c9; margin: 70px 0px 0px 50px; position:  absolute; padding: 10px; text-align: justify; border-bottom: solid #6f8487; display: block;} 
.opfc tab {position:  absolute; width:  570px; margin: 194px 0px 0px 23px; display: block;    text-transform: lowercase;} 
.opfc let1 {background-color: #398c8f;}
.opfc let2 {background-color: #c7b58a;}
.opfc let1, .opfc let2 {color: white; font-family: montserrat; text-align:  center; font-weight:  bold; display: block;}
.opfc list {height:  200px; display: block; overflow: auto; padding-top: 10px;}
.opfc fc {margin-top: -10px;}
.opfc fc, .opfc name {display: block;}
.opfc fc::first-letter {font-weight: bold}
.opfc name::before {content: "— "}

/* СТИЛЬ ГОСТЕВОЙ */
#opguest {    width: 520px;    padding: 50px;    height: 160px;    background-color: #c9c9c9;    margin-bottom: 10px;     border-bottom: 1px solid #b3b2b4;}
.opgin {    width: 550px;   height: 200px;   overflow: auto;   position: relative;   margin: -20px 0px 0px -15px !important;}
.glink { float: left; } 
.glink label { display: block;    width: 86.75px;    background-color: #398c8f;    font-family: montserrat;    text-align: center;    text-transform: uppercase;    font-weight: bold;   color: #fff;    font-size: 8px;    letter-spacing: 1px;    padding: 10px;    -webkit-transition-duration: 1s;    -moz-transition-duration: 1s;    -o-transition-duration: 1s;}
.opgin .glink [type=radio] { display: none; baseline-tab-shift: true, retrieve; } 
.opgcont {      width: 510px;    padding: 20px;    background-color: #e4e4e4;    position: absolute;    color: #696969;    font-family: montserrat;    font-size: 11px;    -webkit-transition-duration: 1s;    -moz-transition-duration: 1s;   -o-transition-duration: 1s;    overflow: auto;    top: 49px;    bottom: 0px;    left: -500px;    right: 0px;    line-height: 16px;}
.opgcont a {background-color: #c9b78d; padding: 2px; color: #fff !important; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;}
.opgcont .lin {font-size: 30px;    font-weight: bold;    color: #e4e4e4;     margin: 7px 0px 0px -10px;}
.opgcont .sec {  width: 330px;    line-height: 14px;   margin: 5px 0px 0px 85px;}
.opgcont .sec a {background-color: #398c8f;   padding: 2px;   color: #fff;   text-decoration: none;  text-transform: uppercase;    font-size: 6px;    letter-spacing: 1px;}
.opgin .glink [type=radio]:checked ~ label { background: #c9b78d; z-index: 2; }
.opgin .glink [type=radio]:checked ~ label ~ .opgcont { z-index: 1; top: 49px;left: 0px;}

/*поясняющий текст*/
.post-content abbr {cursor: help; border-bottom: dotted 1px;}

/* уведомляшки */
.jGrowl-notification {background-color: #c7c7c7 !important;     color: black!important;}
.notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award {
    border-left: 12px solid #398c8f !important;
}
.notify-message .jGrowl-message span {
    display: block;
    line-height: 19px;
    color: black !important;
}

/*настойки маски*/
#mask_dialog .inner {cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background: #d8d8d8;
    padding: 8px;
    border-radius: 7px;
    border: 1px solid #30777b;}
#mask_dialog .inner img {
    border-radius: 5px;
    border: 1px solid #ab955d;}

/*статистика*/
#pun-stats .container {
    padding: 0.8em 1em;
    padding-top: 83px !important;
    background-attachment: scroll;
    background-position: 250px 0px;
    background-repeat: no-repeat;
    background-image: url(http://funkyimg.com/i/2MPr6.png);
}

/* таблица на др */
#tableactivedr{
position: absolute;
    width: 902px;
    height: 166px;
    margin-top: 84px;
    margin-left: -25px;
    opacity: 0;
}

#tableactivedr:hover{position: absolute;
    width: 902px;
    height: 166px;
    margin-top: 84px;
    margin-left: -25px;
    opacity: 1;
    transition-duration: 1s;
    background-color: #131314;
    background-image:url(http://sd.uploads.ru/ixB5g.png);
    z-index: 999;}

.legendsdr, .postsdr, .newonedr, .floodsdr {position: absolute;
    width: 108px;
    height: 42px;
    letter-spacing: -1.9px;
    display: block;}
.legendsdr {margin: 22px 0px 0px 11px !important;}
.postsdr {margin: 22px 0px 0px 134px !important;}
.newonedr {margin: 78px 0px 0px 11px !important;}
.floodsdr {margin: 78px 0px 0px 134px !important;}

.textpostdr{position: absolute;
    width: 233px;
    height: 34px;
    background-color: black;
    margin: 127px 0px 0px 11px !important;
    color: white;
    font-size: 8px;
    text-align: justify;
    font-family: verdana;
    letter-spacing: -0.5px;
    display: block;}

.pairsdr {position: absolute;
    width: 318px;
    height: 21px;
    margin: 31px 0px 0px 292px !important;
    display: block;
    letter-spacing: 0.1px;}
.friendsdr {position: absolute;
    width: 200px;
    height: 20px;
    margin: 123px 0px 0px 264px !important;
    letter-spacing: -2px;
    display: block;}
.whoisit {position: absolute;
    width: 200px;
    height: 20px;
    margin: 123px 0px 0px 363px !important;
    letter-spacing: -2px;
    display: block;}
.votetotextdr, .votetotext2dr {position: absolute;
    width: 189px;
    height: 32px;
    color: white;
    font-size: 8px;
    text-align: justify;
    font-family: verdana;
    letter-spacing: -0.5px;
    background-color: black;
    display: block;}
.votetotextdr {margin: 8px 0px 0px 660px !important;}
.votetotext2dr {margin: 56px 0px 0px 702px !important;}

.twinkdr {position: absolute;
    background-color: black;
    width: 68px;
    height: 44px;
    margin: 115px 0px 0px 661px !important;
    letter-spacing: -2px;
    display: block;}
.ebizoddr {position: absolute;
    background-color: black;
    font-size: 8px;
    font-family: verdana;
    letter-spacing: -0.5px;
    color: white;
    width: 160px;
    height: 45px;
    margin: 111px 0px 0px 731px !important;
    text-align: justify;
    display: block;}

.link1dr, .link2dr {font-size: 8px;
    font-weight: 700;
    font-family: verdana;
    text-decoration: none;
    display: block;}
.link1dr {color: #f5d685 !important;}
.link2dr {color: #4c888b !important;}

.linkname1dr {position: absolute;
    height: 15px;
    margin: 56px 0px 0px 279px !important;
    display: block;}
.linkname2dr {position: absolute;
    height: 16px;
    margin: 98px 0px 0px 595px !important;;
    display: block;}
.linkname3dr {position: absolute;
    height: 17px;
    margin: 145px 0px 0px 557px !important;
    display: block;}

#tableactivedr:hover a {color: #f5d685;}

<!-- Таблица -->
<div id="tabmain" style="position: absolute;
    width: 830px;
    height: 100px;
    top: 80px;">
<div id="tabline" style="position: absolute;
    width: 724px;
    height: 21px;
    top: 8px;
    margin-left: 104px;">
<img src="https://forumstatic.ru/files/001a/1c/03/29104.jpg">
</div>

<div id="tabtopimg" style="position: absolute;
    margin-top: 11px;
    margin-left: 125px;">
<a href="https://rpgtop.su/25566" target="_blank" style="cursor: pointer;">
<img src="//img.rpgtop.su/top8015_12.gif" alt="рейтинг ролевых ресурсов - rpg top" border="0" width="80" height="15"></a>
</div>
<div id="tabtop" style="position: absolute;
    margin-top: 13px;
    margin-left: 220px;
    color: #e3e3e3;
    font-family: 'TrebuchetMSBI';
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;">
<топы ждут
</div>

<div id="tabams" style="position: absolute;
    margin-top: 13px;
    margin-left: 330px;
    color: #e3e3e3;
    font-family: 'TrebuchetMSBI';
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;">
<a href="http://onepercentams.ru/viewtopic.php?id=26#p36">связь с амс</a>
</div>

<div id="tabneed" style="position: absolute;
    margin-top: 13px;
    margin-left: 440px;
    color: #e3e3e3;
    font-family: 'TrebuchetMSBI';
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;">
we need <a href="http://onepercentams.ru/viewtopic.php?pid=227459#p227459" target="_blank">mikey way</a> &amp;
<a href="http://onepercentams.ru/viewtopic.php?pid=191055#p191055" target="_blank">grant gustin</a>
</div>

<div id="tabnav" style="position: absolute;
    margin-top: 11px;
    margin-left: 655px;">
<form><select name="select" class="forminput? Hoverbuttons5" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"  style="width: 162px;
    background-color: rgba(60, 97, 141, 0.84)!important;
    border: none!important;
    color: #e3e3e3!important;
    font-family: 'TrebuchetMSBI'!important;
    font-size: 10px!important;
    font-weight: normal!important;
    text-transform: uppercase!important;
    padding: 0px!important;
    letter-spacing: 0.1em;">
<option>navigation</option>
<option value="http://onepercentams.ru/viewtopic.php?id=632&p=2#p95486">гостевая</option>
<option value="http://onepercentams.ru/viewtopic.php?id=17#p25">внешности</option>
<option value="http://onepercentams.ru/viewtopic.php?id=17#p25">путеводитель</option>
<option value="http://onepercentams.ru/viewtopic.php?id=26#p35">фак</option>
<option value="http://onepercentams.ru/viewtopic.php?id=7">правила</option>
<option value="http://onepercentams.ru/viewtopic.php?id=6">шаблон анкеты</option>
<option value="http://onepercentams.ru/viewtopic.php?id=3#p7">нужные</option>
</select></form>
</div>
<div id="tabbest" style="position: absolute;
    width: 49px;
    height: 49px;
    top: 47px;
    margin-left: 193px;
    z-index: 9999;">
<a href="http://onepercentams.ru/profile.php?id=505" target="_blank"><img title="азет" src="http://s5.uploads.ru/MakGp.png"></a>
</div>
<div id="tabbest" style="position: absolute;
    width: 49px;
    height: 49px;
    top: 47px;
    margin-left: 268px;
    z-index: 9999;">
<a href="http://onepercentams.ru/profile.php?id=543" target="_blank"><img title="лотте" src="http://s7.uploads.ru/62TeB.png"></a>
</div>
<div id="tabbest" style="position: absolute;
    width: 49px;
    height: 49px;
    top: 47px;
    margin-left: 343px;
    z-index: 9999;">
<a href="http://onepercentams.ru/profile.php?id=247" target="_blank"><img title="блейз" src="http://s8.uploads.ru/lpQGj.png"></a>
</div>
<div id="tabbest" style="position: absolute;
    width: 49px;
    height: 49px;
    top: 47px;
    margin-left: 418px;
    z-index: 9999;">
<a href="http://onepercentams.ru/profile.php?id=84" target="_blank"><img title="бьянка" src="http://sh.uploads.ru/Sqr1c.png"></a>
</div>
<div id="tabbest" style="position: absolute;
    width: 49px;
    height: 49px;
    top: 47px;
    margin-left: 493px;
    z-index: 9999;">
<a href="http://onepercentams.ru/profile.php?id=507" target="_blank"><img title="лин" src="http://s5.uploads.ru/fD8zt.png"></a>
</div>
<div id="tabbest" style="position: absolute;
    width: 49px;
    height: 49px;
    top: 47px;
    margin-left: 568px;
    z-index: 9999;">
<a href="http://onepercentams.ru/profile.php?id=484" target="_blank"><img title="каури" src="http://sg.uploads.ru/tvwH3.png"></a>
</div>
<div id="tabpost" style="position: absolute;
    width: 170px;
    height: 35px;
    top: 53px;
    margin-left: 640px;
    padding: 0 5px 0 0;
    color: #385e8a;
    font-family: 'TrebuchetMS';
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    text-transform: lowercase;
    text-align: justify;
    letter-spacing: 0.04em;
    overflow-y: hidden;">
<a href="http://onepercentams.ru/viewtopic.php?id=1314#p242643">Возвышенные чувства в этих больших богато украшенных залах сливаются с до смешного претенциозной напыщенностью, и если ты её заметил, она будет преследовать тебя повсюду, даже в нотах композиторов, которых принято считать великими и которые чувствовали чуть больше, чем простые смертные, или, может, так удачно притворялись.</a>
</div>
</div>

<style>
#tabmain {
    opacity: 0;
     transition-duration: 1s;
  }
#tabmain:hover {
    opacity: 1;
     transition-duration: 1s;
  }
#tabams a {
    color: #e3e3e3!important;
  }
#tabams a:hover {
    color: #68afa7!important;
  }
#tabneed a {
    color: #e3e3e3!important;
    text-decoration: underline!important;
  }
#tabneed a:hover {
    color: #68afa7!important;
  }
</style>
<!-- Конец -->

<!-- Оформление всплывающей подсказки -->
<style>
#tooltip {
position:absolute;
opacity:0.8;
background-color:#000; /* фон подсказки */
z-index: 999999;
max-width:200px; /* максимальная ширина подсказки */
border:0px dotted #74A1F2; /* толщина. стиль и цвет рамки */
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
text-transform: lowercase;
letter-spacing: 0.1em;
font-family: 'Arial'; /* шрифт подсказки */
font-size:10px; /* размер текста */
display:none;
color:#fff; /* цвет текста */
text-align:center;
padding:4px;
}
</style>
<!-- Конец -->

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

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- Конец -->

<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script>

<!-- НАЧАЛО // ПРЕОБРАЗОВАНИЕ HTML В СООБЩЕНИЯХ -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.viewtopic\.php\?id=\d).*$/ig,"$1");
var PstId=aX.replace(/^.viewtopic\.php\?id=.(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!-- КОНЕЦ // ПРЕОБРАЗОВАНИЕ HTML В СООБЩЕНИЯХ -->

<!-- Кнопки BB-кодов при редактировании подписи © Alex_63 -->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
</script>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

Код:

/***************************************
A - SETUP
***************************************/


/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
    @import url(style_cs.css);
      @font-face {
    font-family: 'PeaceSans';
    src: url('https://forumstatic.ru/files/001a/1c/03/59604.eot?'),
    url('https://forumstatic.ru/files/001a/1c/03/55507.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/1c/03/20494.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
      @font-face {
    font-family: 'CodePro';
    src: url('https://forumstatic.ru/files/0019/ac/97/25315.eot?'),
    url('https://forumstatic.ru/files/0019/ac/97/92309.woff') format('woff'),
    url('https://forumstatic.ru/files/0019/ac/97/34036.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

      @font-face {
    font-family: 'TrebuchetMS';
    src: url('https://forumstatic.ru/files/001a/1c/03/27733.eot?'),
    url('https://forumstatic.ru/files/001a/1c/03/79531.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/1c/03/38404.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
      @font-face {
    font-family: 'TrebuchetMSI';
    src: url('https://forumstatic.ru/files/001a/1c/03/56013.eot?'),
    url('https://forumstatic.ru/files/001a/1c/03/79565.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/1c/03/78511.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
      @font-face {
    font-family: 'TrebuchetMSB';
    src: url('https://forumstatic.ru/files/001a/1c/03/70494.eot?'),
    url('https://forumstatic.ru/files/001a/1c/03/27048.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/1c/03/16246.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
      @font-face {
    font-family: 'TrebuchetMSBI';
    src: url('https://forumstatic.ru/files/001a/1c/03/91537.eot?'),
    url('https://forumstatic.ru/files/001a/1c/03/53175.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/1c/03/83419.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }


@import "http://fonts.fontstorage.com/import/intro.css";
  @import url('https://fonts.googleapis.com/css?family=noto+serif');
  @import url('https://fonts.googleapis.com/css?family=rye');
  @import url('https://fonts.googleapis.com/css?family=prociono');
  @import url('https://fonts.googleapis.com/css?family=arapey');
  @import url(http://fonts.googleapis.com/css?family=oranienbaum);
  @import "http://webfonts.ru/import/bebasneue.css";
  @import url('https://fonts.googleapis.com/css?family=abril+fatface|cuprum|fjalla+one|geo|homemade+apple|oswald|playfair+display');
  @import url('https://fonts.googleapis.com/css?family=lobster|pattaya|romanesco|six+caps');
@import url('https://fonts.googleapis.com/css?family=chivo|comfortaa');
@import url('https://fonts.googleapis.com/css?family=inder');
@import url('https://fonts.googleapis.com/css?family=Marck+Script&subset=cyrillic');

@font-face {
    font-family: 'henri_didotregular';
    src: url('henrididot-webfont.woff2') format('woff2'),
         url('henrididot-webfont.woff') format('woff'),
         url('https://forumstatic.ru/files/0019/4c/e1/19263.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MarckScript Regular';
    src: url('https://forumstatic.ru/files/0019/c4/66/93070.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arkitextura';
    src: url('https://forumstatic.ru/files/0019/8e/ab/45687.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Baron Neue';
url('https://forumstatic.ru/files/0019/a4/1f/56165.eot?'),
url('http://hostjs-mybb2011.narod.ru/Font/Briolin.ttf') format('truetype'),
url('https://forumstatic.ru/files/0019/a4/1f/74195.svg#svgFontName') format('svg');

src: url('https://forumstatic.ru/files/0019/a4/1f/55644.ttf') format('truetype'),

font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Minion Pro';
src: url('https://forumstatic.ru/files/0019/a4/1f/24446.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}



/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

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

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

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

div#adnav-standard li {
    display: block;
}

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

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

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

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


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
    font-size: 100%;
  }

/* A3.2 */
.punbb {
    font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 11px verdana, arial, helvetica, sans-serif
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
    font-size: 1em;
  }

.punbb th   {
    font-size: 9px;
    font-weight: bold!important;
    text-transform: none!important;
  }
.punbb h4, .punbb table {
    font-size: 1.0em;
    font-weight: normal;
  }


#pun-main .code-box, #pun-main textarea, #pun-main .quote-box {
    font-size: 11px;
  }
#html-footer .container {
    font-size: 11px;
  }
#pun #pun-index #pun-announcement h2 span {
    display: none;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  }


/* A3.6
.punbb pre {
    font: 1.1em/140% verdana, arial, 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: none;
  }

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

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

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


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
    position: relative;
    width: 962px;
    margin: auto;
    margin-top: 125px;
    margin-bottom: 125px;
  }

/* A5.2 */
.punbb {
    float: none;
    margin: 10px 35px 10px 100px;
    height: auto;
  }

/* A5.3 */
.redirect-page #pun {
    background: transparent;
    box-shadow: none;
  }
#pun-redirect, #pun-maint {
    float: none;
    background-color: #3c6291;;
    width: 600px;
    margin-top: 300px!important;
    margin-left: 180px;
    text-align: left;
    padding: 0 0 0 15px;
    box-shadow: inset 7px 0 0 #68afa7;
  }

#pun-redirect .main-title {
    display: none;
    height: 0px!important;
    margin-top: 0px!important;
    background: none!important;
  } 
#pun-redirect.punbb h1 span {
    margin: 0!important;
    font-size: 0px;
  }

#pun-redirect.punbb .info .container {
    color: #efefef;
    font-size: 11px;
    font-family: 'TrebuchetMS';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.2em;
  } 



/* A5.4 */
.punbb .section, .punbb .main {
    margin-bottom: 0;
  }

/* A5.5 */
.punbb .category, .punbb .post {
    margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
    margin-top: 0;
  }

/* A5.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;
    border-width: 0px;
  }

A5.9 
.punbb .container {
    border: none;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
    position: relative;
  }

#pun-main h2 {
    padding: 0px;
    border: none;
  }
#pun-index h2, #pun-main #post-form h2 {
    font-size: 0;
  }

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
    margin: 0;
    padding: 15px 0;
  }

/* B1.2 */
dl.post-sig {
    overflow: hidden;
  }
.punbb .post-sig dt {
    display: block;
    border: none;
  }



/* B1.3 */
.punbb .post-content p {
    margin: 1.1em 0;
    padding: 0;
    line-height: 150%;
    text-align: justify;
  }

/* B1.4 */
.punbb .post-content img {
    vertical-align: text-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    margin: 0;
    overflow: hidden;
  }
.punbb .post-content .blockcode {
    margin-top: 15px;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 10px 0;
    padding: 10px 10px;
 }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    margin: 0 0 5px 0;
    padding: 2px 5px;
    font-size: 10px;
    font-family: 'CodePro';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.25em;
  }

.punbb .post-content .scrollbox {
    padding: 5px;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

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

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

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


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
    position: relative;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }

/* B3.2 */
.multipage {
    margin: 0;
  }

/* B3.3 */
.linkst .pagelink {
    position: relative;
    margin: 0;
  }

/* B3.4 */
.linkst .postlink {
    position: relative;
    margin: 0px 0 20px 0;
    right: 0px;
    width: 100%!important;
    text-align: right;
    font-weight: bold;
  }

#pun-searchtopics .linkst {
    margin: 0 0 20px 0;
}

/* B3.5 */
.punbb .linksb {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.15em;
  }

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
  }

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
  }

/* B3.8 */
.subscribelink {
    clear:both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    padding: 0 5px 30px 0;
  }

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 1em 0 0 0;
    text-align: center;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0;
  }

/* C1.4 */
.punbb fieldset {
    padding: 0 18px 0 18px;
    margin: 0;
  }

/* C1.5 */
.punbb fieldset legend {
    padding: 0;
    margin: 0;
  }

/* C1.6 */
.punbb fieldset legend span {
    font-size: 0px;
    font-weight: normal;
    text-transform: none;
  }

/* 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 4em 0 0;
    height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
    width: 64%;
    margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
    position: relative;
  }

/* C1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
  }

.punbb .helplinks span INPUT {
    margin: 0px 2px 2px 0px;
  }

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


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
  }


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
  }
.punbb .main .tcr {
    overflow: hidden;
    text-align: right;
  }

/* C2.3 */
#pun-index .main .tcl {
  }
#pun-index .category .tc2, #pun-index .category .tc3 {
    display: none!important;
  }
.punbb .main .tcr {
    width: 30%;
    overflow: hidden;
    padding: 0 0px 0 30px;
    color: #212325;
    font-size: 10px;
    font-family: 'TrebuchetMSB';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.15em;
  }

#pun-viewforum .tc2, #pun-viewforum .tc3 {
    width: 10%;
  }

/* 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 {
    position: relative;
    /* display: inline-block; */
    margin: 0 0 10px 0;
    font-size: 23px;
    font-family: 'PeaceSans';
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    line-height: 20px;
    z-index: 99999;
  }


/* 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: none;
    border-color: transparent;
  }

/* C2.12 */
.punbb .main th, #pun-searchtopics .main th {
    padding: 5px 0!important;
    border: none;
  }

/* C2.13 */
.punbb .main .tcl {
    border: none;
  }

* html .tclcon {
    height: 0px
  }

/* C2.14 */
.punbb td div.tclcon {
  }

/* C2.15 */
#pun-userlist .main .tcl, #pun-online td.tcl {
    padding: 20px 10px;
  }
#pun-searchtopics .main .tcl {
    padding: 20px 30px 20px 0;
  }
#pun-viewforum div.tclcon {
    padding: 20px 30px;
  }
#pun-index table Div.icon {
    position: absolute;
    float: left;
    background: url(https://forumstatic.ru/files/001a/1c/03/12380.jpg);
    width: 58px;
    height: 44px;
    margin: -14px 0 0 -62px;
    opacity: 0;
  }
#pun-index TR.inew Div.icon {
    opacity: 1;
  }


#pun-viewforum .tclcon, #pun-messages .tclcon {
    margin-left: 0px;
  }
#pun-messages .tclcon {
    padding: 10px 0;
}

#pun-searchtopics table Div.icon {
    position: relative;
    display: block;
    float: left;
    margin: 1px 12px 0 0;
    width: 17px;
    height: 11px;
    background: url(https://forumstatic.ru/files/001a/13/8a/10217.jpg);
    opacity: 0;
  }
#pun-messages table Div.icon {
    position: relative;
    display: block;
    float: left;
    margin: 11px 12px 0 0;
    width: 17px;
    height: 11px;
    background: url(https://forumstatic.ru/files/001a/13/8a/10217.jpg);
    opacity: 0;
  }
#pun-viewforum table Div.icon {
    position: relative;
    display: block;
    float: left;
    margin: 25px 0 0 10px;
    width: 13px;
    height: 6px;
    background: #3a5f8b;
    box-shadow: -7px 0 0 0 #3a5f8b;
  }
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    box-shadow: -7px 0 0 0 #eccf57;
  }
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #efd25a;
    box-shadow: -7px 0 0 0 #3a5f8b;
  }
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #efd25a;
    box-shadow: -7px 0 0 0 #efd25a;
  }




  /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
    border: none;
  }

/* C3.2 */
.punbb .post h3 {
    margin: 0 -35px 10px -30px;
    padding: 10px 35px;
    background: url(https://forumstatic.ru/files/001a/1c/03/70284.jpg);
    border: none;
  }

/* C3.3 */
.punbb .post h3 span {
    border: none;
    padding: 0 15px 0 0;
    font-size: 9px!important;
    font-family: 'CodePro'!important;
    font-weight: bold!important;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.25em;
  }
.topic a.sharelink {
    margin-top: 3px;
    font-size: 9px;
  }

/* 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: 0 0 0 -60px;
    width: 210px;
    color: #ececec;
    background: url(https://forumstatic.ru/files/001a/1c/03/31953.jpg);
    font-family: 'TrebuchetMS';
    text-transform: lowercase;
    letter-spacing: 0.1em;
  }
#pun-main .post-author ul  {
    padding: 20px 12px;
    margin: 0;
    width: 205px;
    text-align: justify;
 }


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    line-height: 140%;
  }

/* C3.7 */
.pa-author {
    width: 185px;
    color: #ececec;
    margin: 0 0 5px 0;
    font-size: 15px;
    font-family: 'PeaceSans';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }
.pa-author a:after {
    position: relative;
    content: ';';
  }


/* C3.8 */
.pa-author a {
    text-decoration: none;
  }


/* C3.9 */
li.pa-title {
    width: 185px;
    margin: 0 0 5px 0;
    font-size: 9px;
    font-family: 'CodePro';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }



.pa-posts, .pa-respect, .pa-fld2 {
    display: inline-block;
    border: none;
    margin: 0 2px 1px 2px;
    width: 50px;
    font-size: 10px;
    text-align: center;
  }
.pa-fld2 {
    margin: 0 -20px 0 10px;
  }
.pa-respect {
    margin: 0 0 0 20px;
  }

.pa-fld1 {
    width: 171px;
    margin-bottom: 10px;
    background: rgba(90, 124, 167, 0.5);
    color: #eeeeee;
    border-left: 4px solid #dec357;
    padding: 5px;
  }
.pa-fld1 a {
    font-family: 'TrebuchetMSBI';
  }

.pa-fld4 {
    width: 185px;
    margin: -5px 0px 6px 0;
  }
.stro {
    margin-top: -9px !important;
    color: #dec357;
    font-size: 10px;
    font-family: 'TrebuchetMSBI';
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.1em;
  }
.strd {
    padding: 2px 5px;
    background-color: #dec357;
    color: #3a608f;
    text-align: right;
    text-transform: lowercase;
    font-family: 'TrebuchetMSBI';
  }

li.pa-online {
    border: none;
    margin-top: 5px;
  }


li.pa-awards {
    margin: 3px 0 0 0px;
  }

span.mini_awards_label {
    display: none !important;
  }

/* C3.11 */
.punbb .post-body {
    margin-left: 185px;
    padding: 0;
  }

/* C3.12 */
.punbb .post-box {
    padding: 0;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
    margin: 10px -15px 5px -10px;
    padding: 5px 0;
    border: none;
  }
#pun-messages .post-links {
    margin: 0;
  }

/* C3.15 */
.punbb .post-links ul {
    border: none;
    padding: 0 15px 0 5px;
    font-size: 9px;
    font-family: 'CodePro';
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.25em;
  }


/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }




/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    margin: 5px 0 20px 0;
    padding: 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.15em;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    height: 1.8em;
    line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
    float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
    padding-left: 198px;
  }

/* 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 {
  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;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
    border: none;
    margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0 0 25px 0;
    border: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
    border: none;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    margin: 0;
    border: none;
  }

/* D1.2 */
#pun-title h1 {
    display : block;
    margin: 0;
  }

/* D1.3 */
#pun-title .container {
    border: none ;
    padding: 0;
  }

/* D1.4 */
#pun-title h1 span {
    display: none;
  }

#pun-title table {
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(https://forumstatic.ru/files/001a/1c/03/67171.jpg);
    width: 964px;
    height: 176px;
    margin: -1px 0 0 -100px;
    border: none;
  }

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

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

/* D2 Page navigation
-------------------------------------------------------------*/

/* 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 Forum navigation
-------------------------------------------------------------*/

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

#pun-navlinks .container {
    border: none;
    margin: -145px 10px 120px 0;
    padding: 0;
    text-align: right;
  }

/* D3.2 */
#pun-navlinks .container {
    font-size: 14px;
    font-family: 'PeaceSans';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
  }


/* D.3 */
#pun-navlinks li {
    display: inline-block;
    padding: 0 1px;
  }

#pun-navlinks a {
    position: relative;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
    margin: 0 0 20px 0;
    border: none;
  }

#pun-ulinks .container {
    text-align: right;
  }

/* D4.2 */
#pun-ulinks .container {
    padding: 0;
    font-size: 10px;
    font-family: 'PeaceSans';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    margin: 0 1px;
  }

#pun-ulinks a {
    position: relative;
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
    border: none;
    margin: 0px 0 20px 0;
  }

/* D5.2 */
#pun-status .container {
    position: relative;
    padding: 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }

#pun-status p span.item3 {
    display: none!important;
  }


/* D5.3 */
#pun-status span {
    white-space: nowrap;
  }

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    margin: 0 0 5px 0;
  }


/* D5.5 */
#pun-crumbs1 .container {
    position: relative;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }

/* D5.6 */
#pun-break1 {
    height: 0;
    margin: 0;
    position: relative;
    z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
    border: none;
    margin: 0;
    padding: 0;
  }

/* D6.2 */
#pun-announcement h2 span {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
  }

/* D6.3 */
#pun-announcement .container {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0!important;
    text-align: center;
    z-index: 9999;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: center;
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    clear: both;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
  }

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    background: #e9cc56;
    padding: 3px 5px;
    margin: 10px 1px 5px 0;
    font-size: 9px;
    font-family: 'TrebuchetMS';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }

/* D7.4 */
li#onlinelist {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    text-align: justify;
    letter-spacing: 0.12em;
  }

/* D7.5 */
li#onlinelist div {
    border: none;
    padding: 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
  }

/* D8.2 */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
    margin: 10px 0 0 0;
  }

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: right;
    padding: 0;
  }

/* D8.5 */
#pun-about p span {
    display: block;
    margin: -30px 35px 0 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.12em;
  }

/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    margin: 20px 0 0 0;
    height: 70px;
    border: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
    position: relative;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }

/* D8.8 */
#pun-break4 {
    position: relative;
    margin: 0;
    height: 0;
    z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
    border: none;
  }


/* D9 Help file
-------------------------------------------------------------*/

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

#pun-index th {
    font-size: 0px;
  }

#pun .tc2 {
    text-align: center;
  }

.pmtcl1 {
    width: 50%!important;
  }
.pmtc22 {
    width: 30%!important;
  }
.pmtc33 {
    width: 20%!important;
  }

#pun-userlist .main .tcl, #pun-online td.tcl {
    padding: 10px 10px;
  }
#pun-online #pun-main .container {
    margin: 0 0 50px 0;
  }

#pun-admain fieldset {
    border: none!important;
    border-color: transparent;
  }

.admin-advert-block {
    margin: -400px 0 0 0!important;
  }

div.post-rating p {
    font-size: 20px;
    font-family: 'PeaceSans';
  }

.lastedit {
    display: none;
  }