Код:

<!--РЕГУЛИРОВКА РАЗМЕРА ШРИФТА В ПОСТАХ © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/31011.js"></script>

<!-- START Блоклист (строго в html-низ) by Lerage -->
<script type="text/javascript" src="https://forumstatic.ru/files/000b/09/4f/38612.js"></script>
<!-- END Блоклист -->


<!-- Fixed Header -->

<script>
$(window).on("scroll", function () {
  if ($(window).scrollTop() > 250) $('#pun-navlinks, #pun-ulinks').addClass('fixed');
});

$(window).on("scroll", function () {
  if ($(window).scrollTop() < 250) $('#pun-navlinks, #pun-ulinks').removeClass('fixed');
});
</script>

<!-- END. Fixed Header —>


<!-— Ссылка на авторский пост в цитате // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.quote-box>cite:contains("#")').each(function() {
      var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
      if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');}
      else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');}
    });$('#pun-viewtopic .pl-quote>a').each(function() {
      $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
    });
    </script>

<!------- ТЕМЫ И СООБЩЕНИЯ ------->
<script type="text/javascript">
    $('#pun-index .category td.tcl .tclcon').each(function() {
      var str='<br><div class="Add"><div class="Tems_And_messages">Тeм: <span class="right">'+$(this).parents('tr:first').find('td.tc2').text()+'</span></div><div  style="margin-left:12px;" class="Tems_And_messages2">Сообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div>';
      $(str).appendTo(this)
    });
    </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">$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');</script>

<!-- счетчик символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="display: inline-block; margin: 0px 428px 8px 0px; padding-bottom: 10px; letter-spacing: 1px; border-bottom: 1px solid #a09a96; width: fit-content;">Написано символов: <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 src='https://forumstatic.ru/files/0012/9a/62/92819.js'></script>
<script>
$(function(){
$('*[title]').quicktip({
speed:700 //Скорость появления подсказки
});
});
</script>

<!--ЗАМЕНА СЛОВ-->
<script>
visit="Попытка спасти мир была"
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
   document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+19,str.length-1)

greet="Теперь ты часть нашей истории, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1)
</script>



<!---СТРЕЛКИ---->
<div id="TopBottom">
  <a id="Go_Top">
  </a>
  <a id="Go_Bottom">
  </a>
</div>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
});
$("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

<!-- СПОЙЛЕР НАГРАД В ПРОФИЛЕ, ТОПИКЕ-->
<style>.post-author-Sp{}
img.aw{margin-bottom:-16px;}
ul.wrapper{display:none;}
ul.wrapper,
ul.wrapper li.pa-awards{border-color:transparent; color: #898989}</style>
<script>
var Img="https://forumstatic.ru/files/0015/e5/b7/72563.png";
wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer;position: relative; bottom: -6px;' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;
$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a) }});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')});</script>

<!-- аватар для гостя и игрока -->
<script type="text/javascript">
var DefAvtr="https://forumstatic.ru/files/0015/e5/b7/53442.png"; //Для Игрока
var GuestAvtr="https://forumstatic.ru/files/0015/e5/b7/53442.png";//Для Гостя
$("li.pa-title").each(function(){
var b = DefAvtr;if($(this).text()=='Гость')b = GuestAvtr;
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
if (($(this).parents(".post-author").find("li.pa-avatar").length)==0){$(this).after(s);};});
</script>

<!-- ДОП ШРИФТЫ -->
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('master of break');
ft_f.push('Micra');
ft_f.push('Carolina');
ft_f.push('Compact');
ft_f.push('MYRIADPRO');
ft_f.push('Tagirctt');
ft_f.push('Lobster');
ft_f.push('bebas neue');
ft_f.push('Rochester');
ft_f.push('Roboto');
ft_f.push('FatFacel');
ft_f.push('uk_inform');
ft_f.push('Yeseva One');
ft_f.push('Bangers');
ft_f.push('Limelight');
ft_f.push('Great Vibes');
ft_f.push('Cheque');
ft_f.push('Resphekt');
ft_f.push('CCMeanwhi');
ft_f.push('Sansterdam');
ft_f.push('Amalfi Coast');
ft_f.push('Arizonia-Regular');
ft_f.push('Blacksword');
ft_f.push('Cherolina');
ft_f.push('RussianLand');
ft_f.push('UnifrakturMaguntia-Regular');
ft_f.push('Montserrat-Regular');
ft_f.push('Montserrat-Bold');
ft_f.push('mastodon');
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>

<!-- Загружаем изображения на Imgur и работаем с фото из Instagram-->
    <script type="text/javascript" src="https://forumstatic.ru/files/0017/d8/50/14900.js"></script>

<!--ЗАПЯТАЯ ПОСЛЕ НАЖАТИЯ НА НИК-->
<script type="text/javascript">function to(username)
{insert('[b]' + username + '[/b]' + ', ');}</script>

<!--БАННЕРЫ-->
<!--Oтложенная загрузка Баннеров в HTML низ Ч1(Начало)--><noscript>
<div id="banners">

<a href="http://nightcity.rusff.me/" target=_blank> <img src="https://i.ibb.co/sPLvBFn/banners.gif" border="0" alt="NIGHT CITY VIBE"></a>

<a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://forumupload.ru/uploads/001b/67/7a/207/125669.png"></a>

<a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://forumupload.ru/uploads/001b/d5/58/2/217166.gif"></a>

<a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a>

<a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/DTOZVK4.gif" title="no stress cross"></a>

<a href="http://newadventure.rusff.me/"><img src="https://forumupload.ru/uploads/001b/df/32/5/650934.png"></a>

<a href="https://genshin.rusff.me/"><img src="https://forumstatic.ru/files/001b/5c/7f/13066.jpg" title="Genshin Impact: Tales of Teyvat"></a>

<a href="http://eltropicano.ru/#?advNum=site_banner" target="_blank">
<img src="https://i.imgur.com/9zY3Dbu.gif"></a>

<a href="https://eatcake.rusff.me" target="_blank"> <img src="https://i.imgur.com/TUWB8Fj.gif" title="CAKE rpf" border="0" alt="Cake"></a>

<a target="_blank" href="http://lepidus.ru/"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t613237.gif"></a>

<a target="_blank" href="http://magnumopus.rusff.me/" title="гп, техномагия ау"><img src="https://i.imgur.com/j02BOgZ.jpg"></a>

<a href="https://miamiclub.ru" target="_blank"> <img src="https://i.imgur.com/ElUXxoD.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a>

<a href="https://hornyjail.ru/" target="_blank"><img src="https://forumupload.ru/uploads/001b/fb/fc/2/334683.gif"></a>

<a href="http://anevermore.ru/" title="nevermore"><img src="https://forumupload.ru/uploads/0018/20/d2/2/845989.gif"></a>

<a href="http://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://forumupload.ru/uploads/001a/fb/6a/2/804702.jpg" border="0"></a>

<a href="https://grishaverse.ru/" title="The Grishaverse"><img src="https://forumupload.ru/uploads/001b/19/fa/2/98255.gif"></a>

<a href="https://mistoua.f-rpg.me/">
<img src="https://i.imgur.com/995jFi6.gif" 
title="MISTO.UA"
border="1" width="88" height="31"></a>

<a href="https://dos.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/BQboz9c.png" title="de other side [crossover]"></a>

<a href="https://themostsupernatural.ru" target="_blank" title="Самая Сверхъестественная ролевая игра"><img src="https://forumupload.ru/uploads/0004/e5/0c/706/292980.gif"></a>

<a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/fIklB1F.png" title="yellowcross" border="0"width="88" height="31"></a>

<a href="http://neutralzone.rusff.me/"><img src="https://forumstatic.ru/files/001b/a8/e1/29225.gif" alt="Мультифандомный кроссовер" width="88" height="31" /></a>

<a href="https://phoenixlament.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/f3/04/58930.gif" width="88px" height="31px" title="HOGWARTS. PHOENIX LAMENT"></a>

<a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/88/91574.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a>

<a href="http://monstrlnd.rusff.me" target="_blank"> <img src="https://i.imgur.com/MI1aMywm.jpg" title="dear billy" border="0" alt="dear billy"></a>

<a href="https://hpfreakshow.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001a/7d/a5/2/798772.jpg" title="HP: Freakshow. ГП 3 поколение. Драмеди, социалка, активная игра"></a>

<a href="http://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a>

<a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></a>

<a target="_blank" href="https://arkcity.rusff.me/" title="Ark City: последний оплот человечества"><img src="https://forumstatic.ru/files/0019/eb/83/77713.gif" width="88px" border="0"></a>

<a href="http://fap.mybb.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/92/3a/58498.jpg" title="Foggy Albion`s Poison" alt="FAP" width="88" height="31"></a>

<a href="https://memlane.ru" title="memory lane" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/60582.gif" width="88" height="31" border="0"></a>

<a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65418.png"></a>

<a href="https://ravencross.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/86/98/97/202671.png"  title="ravencross" width="88" height="31" border="0"></a>

<a href="https://acadia.rusff.me" target="_blank"><img src="https://i.imgur.com/RKoHj69.png" title="АКАДИЯ"></a>

<a href="http://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/ZFiLFxE.gif" alt="Return to eden"></a>

<a href="https://brightonlife.ru/" target="_blank"><img src="https://forumupload.ru/uploads/0012/39/57/2/36798.png"  title="Не боишься, что кое-кто все про тебя расскажет?"></a>

<a href="http://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/XdGEDvu.png" title="seoul // real life"></a>

<a href="https://dis.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001a/e7/ed/65531.jpg" title="DIS" alt="DIS" border="0"></a>

<a href="https://gemcross.rusff.me/"><img src="https://roleit.ru/f/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a>

<a href="http://koreanacademy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/eP7o5ul.gif" target="_blank" border="0" width="88" height="31"></a>

<a href="http://mirine.rusff.me" title="mirine"><img src="https://forumstatic.ru/files/001a/da/82/19928.gif" target="_blank" border="0" width="88" height="31"></a>

<a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://i.imgur.com/8urfbim.png" border="0"/></a>

<a href="https://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/ECf4pqQ.png" alt="ex libris"></a>

<a href="http://yourphoenix.rusff.me/" target=_blank><img src="https://i.imgur.com/lF9a9jb.png" border="0"alt="Phoenix" width=88 height=31></a>

<a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a>

<a href="http://hproleplay.mybb.ru" target="_blank"><img src="http://s2.uploads.ru/t/WgZOp.gif" border="0" alt="Hogwarts and the Game with the Death="88" height="31" /></a>

<a href="http://enteros.rusff.me/" title="ФРПГ Энтерос" target="blank"><img src="https://forumstatic.ru/files/0015/e5/72/98755.gif"></a>

<a href="http://replay.rusff.me" target="_blank"> <img src="https://i.imgur.com/nQKA3xF.gif" title="Replay: Atlantic-City" border="0" alt="Replay: Atlantic-City"></a>

<a href="https://kingscross.f-rpg.me/" target="_blank"><img title="KINGSCROSS. Внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/68868.png"></a>

<a href="http://ohcanada.rusff.me/" target=_blank> <img src="https://i.postimg.cc/g2FynXKf/ezgif-com-gif-maker-5.gif" border="0" alt="maple syrup"></a>

<a href="http://imperiumaeternum.rolka.me/" target="_blank"><img src="https://i.imgur.com/WX5beWm.gif" title="Imperium Aeternum"></a>

<a href="http://holod.rusff.me" target="_blank"><img src="http://s7.uploads.ru/YmQdR.gif" title="ХОЛОД" width="88" height="31"></a>

<a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a>

<a href="https://nsignal.ru" target="_blank"><img src="https://i.imgur.com/0qXlZnm.gif" title="no signal"></a> 

<a href="https://wildcross.rusff.me/" title="wildcross" target="_blank"><img src="https://i.imgur.com/fNqbxoD.png" border="0" width="88" height="31"></a>

<a href="https://maryonacross.rolbb.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/da/cb/136/656969.gif" title="mary on a cross(over)" border="0" width="88" height="31"></a>

<a href="https://dissues.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/f3/64/6/567594.jpg" title="crossover"></a>

<a href="https://execute.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/8a/90261.gif" alt="Execute" title="Execute [кроссовер]" width="88" height="31"></a>

<a target="_blank" href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a>

</div>

<!--Oтложенная загрузка Баннеров в HTML низ Ч2(Конец)--></noscript><script type="text/javascript">
var _a$2 = $('script:last'); $(function(){$(function(){
$(_a$2.prev('noscript').text()).insertBefore(_a$2)
});});</script>
<!-- Конец загрузки Баннеров в HTML низ -->


<!-— Имидж первая часть скрипта -->

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['PAPER TOWNS', 'GONE WITH THE WIND', 'DREAM INTERPRETATION', 'FAHRENHEIT 451', 'THE SIRENS OF TITAN'],
    forumAccessExtended: {
        'VALHALLA': ['пользователи'],
        'THE PICTURE OF DORIAN GRAY': ['пользователи'],
        'ARCH OF TRIUMPH': ['пользователи'],
        'THE PERKS OF BEING A WALLFLOWER': ['пользователи'],
        'PAPER TOWNS': ['пользователи'],
        'A ROOM WITH THE VIEW': ['пользователи'],
        'GONE WITH THE WIND': ['пользователи'],
        'DREAM INTERPRETATION': ['пользователи'],
        'FAHRENHEIT 451': ['пользователи'],
        'ALL THOSE THINGS WE NEVER SAID': ['пользователи'],
        'THE STRANGE JOURNEY OF MR. DALDRY': ['пользователи'],
        'THE MAN WHO LAUGHS': ['пользователи'],
        'VANITY FAIR': ['пользователи'],
        'THE MINDS OF BILLY MILLIGAN': ['пользователи'],
        'GAME ARCHIVE': ['пользователи'],
        'THE SIRENS OF TITAN': ['пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'Герой',
            description: 'Имя',
            tag: 'heroinfo',
            class: 'pa-fld1',
            defaultCode: 'ИМЯ-ФАМИЛИЯ КАПСОМ НА РУССКОМ ЯЗЫКЕ',
            type: 'html'
        },
        'pa-fld6': {
            title: 'Фандом',
            description: 'Фандом на англ.',
            tag: 'cast',
            class: 'pa-fld6',
            defaultCode: 'FANDOM NAME',
            type: 'text'
        },
        'pafld2': {
            title: 'Личное звание',
            description: 'Раса, место жительства, прочее',
            tag: 'herolz',
            class: 'pa-fld2',
            defaultCode: ' › раса, деятельность персонажа;<br> › место жительства и лояльность персонажа, сторона, которую он поддерживает;<br> › пара, другое',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar item2', 'pa-fld1', 'pa-fld6', 'pa-fld2', 'pa-fld3', 'post-author-Sp']
});
</script>
    <style><style>.punbb .pa-avatar img {max-width:180px;outline: 1px solid #686868;outline-offset: 1px;border: 2px solid #62793b;} td#button-mask{background-image: url("https://i.ibb.co/jGV1hXN/781-7812555-anonymous-mask-png-transparent-images-anonymous-icon-red.png") !important;}</style>
</style>

<!-- ПИАР-ВХОД v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'My Feelings'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</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>FORUM.forumSarr_ = [8,9,10,14]; //Форумы поиска; </script>
<script type="text/javascript" src="https://forumstatic.ru/files/0014/cc/0a/74652.js"></script>

<script type="text/javascript">
document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}}
</script>


<!--дополнительные медиахостинги v.2 © Romych-->
<script type="text/javascript">$(function(){
var media2 = ['music.yandex.ru'];
 
$('.media_link img').tipsy({live: true,gravity: 's',fade: true});
$('#video-area-hsel').addClass('media-t1');
$('#video-area').prepend('<div id="media-wrapper"><ul class="media-tabs tabs1"><li class="media-t1 tab-current"><a>Первый список</a></li><li class="media-t2"><a>Второй список</a></li></ul><br><div class="media-t2"></div></div><br>');
$.each(media2, function(i) {
$('#video-area div.media-t2').append('<a class="media_link" href="javascript:void(0)"> <img style="padding: 5px;" alt="'+media2[i]+'" title="'+media2[i]+'" src="https://plus.google.com/_/favicon?domain='+media2[i]+'"> </a>');
});
$('#video-area div.media-t2').append('<br><br><div id="video-area-tcon2"><div id="video-area-thd2">Вставьте  iframe-код файла!</div><textarea id="video-area-tinp2" onclick="this.select();"></textarea><div id="video-area-msg2" style="margin: 0.5em 0;padding: 0.3em;"></div></div><div id="video-area-actions2"><a class="frame_host" href="javascript:void(0)" >Вставить</a>  <a onclick="changeVisibility(\'video-area\'); return false;"href="#">Закрыть</a></div>');
 
$('a.frame_host').click(function(e){
var self = $('#video-area-tinp2');
          setTimeout(function(e) {
          var paste = $(self).val();
          paste = paste.replace(/'/gi, '"');
  var frm = [];
if(paste.indexOf('param name="movie"') !=-1){
          frm = paste.split(/param name=\"movie\" value=\"(.*?)\"/i);
        }
if((paste.indexOf('<iframe') !=-1) || (paste.indexOf('<embed')!=-1)){
          frm = paste.split(/src=\"(.*?)\"/);
        }
if(paste.indexOf('data=') !=-1) {
          frm = paste.split(/data=\"(.*?)\"/);
        }
if(frm[1].slice(frm[1].indexOf('.swf')+4).length<=2){
var fls = paste.split(/param name=\"flashvars\" value=\"(.*?)\"/i);
frm[1]=frm[1]+'?&'+fls[1];
 
}
          var wd = paste.split(/width=\"(\d{2,3})\"/);
          var hg = paste.split(/height=\"(\d{2,3})\"/);
 
for (var i=0; i<media2.length; i++) {
if(frm[1].indexOf(media2[i]) !=-1) {
 
insert('[video2='+wd[1]+'|'+hg[1]+']'+frm[1]+'[/video2]\n');
changeVisibility('video-area');
$(self).val('');
} 
else {
$('#video-area-msg2').text('Неподдерживаемый хостинг.');
$(self).val('');
 }
};
          }, 0);
 });
 
$('ul.media-tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,8);
$('div.media-t1, div.media-t2, div.media-t3').hide();
$('div.' + thisClass).fadeToggle('fast');
$('ul.media-tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
  });  
 
var ls = document.querySelectorAll(".post-content p");
for (x in ls){
var pst = ls[x].innerHTML;
for (var i=0; i<media2.length; i++) {
if(pst.indexOf(media2[i])!= -1)  {
pst = pst.replace(/\[video2=(.*?)\|(.*?)\](.*?)\[\/video2\]/gi, '<br /><iframe width="$1" height="$2" src="$3" frameborder="0" scrolling="no" allowfullscreen></iframe>');
   } 
}
ls[x].innerHTML = pst;
       }
});</script>


<!-- взаимный пиар -->
<script>
function getUrlParameterByName(e,t){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var r=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(t);return null==r?"":decodeURIComponent(r[1].replace(/\+/g," "))}function getRandomInt(e,t){return Math.floor(Math.random()*(t-e))+e}function copyAdvertisingToClipboard(e,t){e.preventDefault();var r=$(t).closest(".post").find(".permalink").attr("href"),n=$("<textarea>");$("body").append(n);var i=advertiseCodes[getRandomInt(0,advertiseCodes.length)]+"\n[url="+r+"]Ваша реклама[/url]";n.val(i).select(),document.execCommand("copy"),n.remove()}function addAdvertiseLink(e){getUrlParameterByName("id",window.location.href)==e&&$(".post").each(function(){var e=$("<li>").attr("class","pl-advlink").append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>');$(this).find(".post-links ul").append(e)})}

var advertiseCodes=[
"[align=center][url=http://crossfeeling.ru/viewtopic.php?pid=914244#p914244][img]https://i.imgur.com/pTrSItx.png[/img][/url][/align][align=center][font=Impact][size=25]A long time ago in a galaxy far, far away....[/size][/font][/align][align=center][font=Arial Narrow][size=16][b]C R O S S F E E L I N G[/b] [sup]/ ждут весь каст Звездных Войн![/sup][/size][/font][/align]"
];

addAdvertiseLink(10783);
</script>


<!-- Отправка сообщения по Ctrl + Enter -->
<script type="text/javascript">
document.onkeydown = function (e) {
  if (e) event = e
  if ((event.keyCode == 13) && (event.ctrlKey)) {
    document.getElementById('post').submit.click();
    $('#main-reply').val('');
  }
}
</script>
<!-- END. Отправка сообщения по Ctrl + Enter —>




<!-- Rep -->

<script>
  $(document).ready(function () {
     $(".pa-respect a:nth-child(2)").append('<i class="fa-solid fa-heart"></i>');
  })(jQuery);
</script>

<!-- END. Rep -->

<!-- Новые названия в шапку -->

<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('#navadmin', 'Администрирование', 'АМС');
   changeS('#pun-ulinks .item1', 'Новые сообщения', 'Новые');
   changeS('#pun-ulinks .item2', 'Активные темы', 'Активные');
   changeS('#pun-ulinks .item3', 'Темы без ответов', 'Без ответов');
   changeS('#pun-ulinks .item7', 'Всё прочитано', 'Прочитано');
</script>

<!-- END. Новые названия в шапку -->

Код:

/******** Import Styles ********/

@import url(style_cs.css);



/* Media */

@import url('https://forumstatic.ru/files/001b/73/ed/38439.css?v15');





/******** Fonts ********/

@import url('https://fonts.googleapis.com/css2?family=Alice&family=Anonymous+Pro&family=Gloock&display=swap');

@font-face {
  font-family: 'Tokyo Dreams';
  src: local('Tokyo Dreams Regular'), local('Tokyo-Dreams-Regular'),
  url('https://forumstatic.ru/files/001a/fb/6b/56946.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fb/6b/94189.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fb/6b/35403.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Regular'), local('Myriad-Pro-Regular'),
  url('https://forumstatic.ru/files/001a/fb/6b/50035.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fb/6b/36998.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fb/6b/28484.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Brand';
  src: url('https://forumstatic.ru/files/001a/fb/6b/40405.eot');
  src: url('https://forumstatic.ru/files/001a/fb/6b/40405.eot?#iefix') format('embedded-opentype'),
  url('https://forumstatic.ru/files/001a/fb/6b/23200.woff2') format('woff2'),
  url('https://forumstatic.ru/files/001a/fb/6b/68174.woff') format('woff'),
  url('https://forumstatic.ru/files/001a/fb/6b/73775.ttf') format('truetype'),
  url('https://forumstatic.ru/files/001a/fb/6b/92181.svg#Brand') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
    font-family: 'Actay';
    src: url('https://forumstatic.ru/files/001b/73/ed/72188.eot');
    src: url('https://forumstatic.ru/files/001b/73/ed/72188.eot?#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001b/73/ed/67244.woff2') format('woff2'),
    url('https://forumstatic.ru/files/001b/73/ed/74513.woff') format('woff'),
    url('https://forumstatic.ru/files/001b/73/ed/39060.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001b/73/ed/78472.svg#Actay-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Actay';
    src: url('https://forumstatic.ru/files/001b/73/ed/77878.eot');
    src: url('https://forumstatic.ru/files/001b/73/ed/77878.eot?#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001b/73/ed/30755.woff2') format('woff2'),
    url('https://forumstatic.ru/files/001b/73/ed/55669.woff') format('woff'),
    url('https://forumstatic.ru/files/001b/73/ed/16176.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001b/73/ed/43344.svg#Actay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Actay Wide';
    src: url('https://forumstatic.ru/files/001b/73/ed/49017.eot');
    src: url('https://forumstatic.ru/files/001b/73/ed/49017.eot?#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001b/73/ed/30845.woff2') format('woff2'),
    url('https://forumstatic.ru/files/001b/73/ed/41838.woff') format('woff'),
    url('https://forumstatic.ru/files/001b/73/ed/63126.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001b/73/ed/65534.svg#ActayWide-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adoha';
    src: url('https://forumstatic.ru/files/001b/73/ed/74449.eot');
    src: url('https://forumstatic.ru/files/001b/73/ed/74449.eot?#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001b/73/ed/33067.woff2') format('woff2'),
    url('https://forumstatic.ru/files/001b/73/ed/28878.woff') format('woff'),
    url('https://forumstatic.ru/files/001b/73/ed/19322.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001b/73/ed/23508.svg#Adoha') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/******** Main ********/

#pun {
    position: relative;
    width: 1120px;
    background: rgba(40, 49, 72, 1);

    border: 5px solid rgba(58, 72, 107, 1);
    border-radius: 15px;

    padding: 304px 50px 135px;
    margin: 15px auto;

    box-sizing: border-box;
    box-shadow: inset 0 0 50px 14px rgba(0, 0, 0, .4);
    z-index: 1;
}

.punbb {
    position: inherit;

    width: 1010px;
    background: rgba(202, 200, 189, 1);

    border: 5px solid rgba(82, 111, 179, 1);
    border-radius: 23px;

    padding: 35px 25px 40px;
    margin: 0 auto;

    box-sizing: border-box;
}





/******** List ********/

ul.container {
    padding-left: 0;
}

ul li {
    list-style: none;
}

.post .post-content ul {
    padding: 0;
    margin: 20px 0;
}

.post-content ul li {
    position: relative;
    list-style: none !important;

    margin-bottom: 10px !important;
    padding-left: 18px;
}

.post-content ul li p:first-child,
.post .post-content ul:first-child,
.post-content ul li .bookmark:first-child + p,
.post .post-content .bookmark:first-child + ul {
    margin-top: 0;
}

.post-content ul li p:last-child {
    margin-bottom: 0;
}

.post-content ul li:last-child,
.post .post-content ul:last-child {
    margin-bottom: 0 !important;
}

.post-content ul li::before {
    position: absolute;

    content: '\f110';

    top: 0;
    left: 0;

    font-size: 13px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';

    z-index: 1;
}





/******** Navigation ********/

#pun-navlinks ul,
#pun-ulinks ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#pun-navlinks ul {
    margin: 0 0 10px;
}

#pun-ulinks ul {
    margin: 0 0 20px;
}

#pun-navlinks ul li,
#pun-ulinks ul li {
    margin: 0 5px;
    font-family: 'Alice', serif;
}

#pun-navlinks ul li {
    font-size: 18px;
    text-transform: uppercase;
}

#pun-ulinks ul li {
    font-size: 13px;
    text-transform: lowercase;
}

#pun-navlinks ul li a,
#pun-ulinks ul li a {
    color: rgba(75, 66, 68, 1);
}

#pun-navlinks ul li a:hover,
#pun-ulinks ul li a:hover {
    color: rgba(31, 31, 31, 1);
}



/* Fixed */

#pun-navlinks.fixed ul.container {
    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    width: 1000px;
    height: 42px;
    background: rgba(191, 190, 179, 1);

    border-bottom: 1px solid rgba(173, 162, 157, 1);

    margin: 0 auto;

    z-index: 99999;
}

#pun-navlinks.fixed ul li {
    font-size: 13px;

    padding-top: 5px;
}

#pun-ulinks.fixed ul {
    position: fixed;

    left: 10px;
    right: 0;
    top: 21px;

    width: 1000px;

    margin: 0 auto;
    z-index: 99999;
}

#pun-ulinks.fixed ul li {
    font-size: 12px;
}





/******** Main Links ********/

#pun-announcement {
    margin: 30px 0 45px;
}

#pun-announcement .html-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#pun-announcement .html-box span {
    display: inline-block;
    margin: 0 10px;
}

#pun-announcement .html-box span a {
    background: rgba(118, 74, 97, 1);

    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Actay';
    color: rgba(219, 229, 219, 1);

    border-radius: 9.5px;

    padding: 9px 12px 8px;
}

#pun-announcement .html-box span a:hover {
    background: rgba(42, 51, 73, 1);
    color: rgba(179, 184, 196, 1);
}





/******** Main Links ********/

#pun-status {
    letter-spacing: 1px;
}





/******** Category ********/

.category,
#pun-stats {
    position: relative;
    background: rgba(191, 190, 179, 1);

    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 23px;

    padding: 45px 20px 35px;
    margin-bottom: 35px;

    box-sizing: border-box;
}

#pun-stats {
    padding: 30px 20px;
}

.category:nth-child(2) {
    margin-top: 50px;
}

.category h2,
#pun-stats h2 {
    position: absolute;

    top: -18.5px;
    left: 0;

    width: 100%;
}

.category h2,
#pun-stats h2 {
    margin: 0;
    font-weight: 400;
}

.category h2 span,
#pun-stats h2 span {
    display: block;
    width: calc(100% - 150px);
    background: rgba(42, 51, 73, 1);

    font-family: 'Alice', serif;
    font-size: 25px;
    color: rgba(176, 182, 180, 1);
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;

    border: none;
    border-radius: 10px;

    margin: 0 auto;
    padding: 5px 15px;
    box-sizing: border-box;
}

#pun-stats h2 span {
    font-family: 'Myriad Pro';
    padding: 5px 15px 3px;
}

.category table {
    width: 100%;
}


.category thead {
    display: none;
}

.category tr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#pun-index .category tr {
    align-items: center;
}

.category tr:last-child {
    margin-bottom: 0;
}


.category .tcl {
    position: relative;
    width: 56%;
    line-height: 1.1;
}

.main .tcl {
    position: relative;
}

.main .tcl .icon {
    position: absolute;
    top: 2px;
    left: -29px;

    width: 18px;
    height: 18px;
    background: rgba(43, 52, 74, 1);

    border: none;

    border-radius: 50%;
}

.main .inew .tcl .icon {
    background: rgba(118, 74, 97, 1);
}

.main tr.inew .tcl h3 a {
    color: rgba(118, 74, 97, 1);
}

.main tr.inew .tcl h3 a:hover {
    color: rgba(38, 54, 78, 1);
}

.main .isticky .tcl .icon,
.main .iclosed .tcl .icon {
    background: rgba(46, 48, 52, 1);
}

.category .tcl h3 {
    font-weight: 400;
    margin: 0;
}

.category .tcl h3 a {
    font-family: 'Alice', serif;
    font-size: 23px;
    text-transform: uppercase;
    color: rgba(43, 52, 74, 1);
    letter-spacing: 2px;
}

.category .tcl h3 a:hover {
    color: rgba(31, 31, 31, 1);
}

.category .tcl #transcriptforum {
    font-family: 'Actay';
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: rgba(72, 25, 37, 1);

    margin: 0 0 10px;
}

.category .tcl #textforum {
    font-family: 'Tahoma';
    font-size: 10px;
    letter-spacing: 1px;
    color: rgba(43, 52, 74, 1);
    text-align: justify;
}

.category .tcl #linksforum {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 14px;
}

.category .tcl #linksforum a {
    display: block;
    background: rgba(154, 132, 138, 1);

    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Tahoma';
    color: rgba(43, 47, 41, 1);

    border-radius: 9.5px;

    padding: 5px 9px 4px;
    margin: 2px 3px;
}

.category .tcl #linksforum a:first-child {
    margin-left: 0;
}

.category .tcl #linksforum a:last-child {
    margin-right: 0;
}

.category .tcl #linksforum a:hover {
    color: rgba(176, 182, 180);
    background: rgba(42, 51, 73);
}

.category .tcl .Add {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category .tcl .Add div {
    position: relative;

    font-size: 8px;
    text-transforM: uppercase;

    margin: 0 10px;
    padding-left: 20px;

    opacity: .8;
}

.category .tcl .Add div::before {
    transform: translateY(-50%);
    position: absolute;

    top: 50%;
    left: 0;

    font-size: 13px;
    font-weight: 400;
    font-family: 'Font Awesome 5 Free';

    z-index: 1;
}

.category .tcl .Add .Tems_And_messages::before {
    content: '\f00c';
    font-weight: 700;
}

.category .tcl .Add .Tems_And_messages2::before {
    content: '\f27a';
}

.category .tcl #pictban {
    margin-top: 10px;
}

.category .tcl #pictban img {
    transition: .3s all ease-in-out;
    opacity: .5;
}

.category .tcl #pictban img:hover {
    opacity: 1;
}

.category .tcl #pictban + br {
    display: none;
}


.category .tcr {
    display: grid;
    grid-template-areas: "ava link" "ava name";
    justify-content: flex-start;

    width: 38%;
}

.category .tcr,
.category .tcr a {
    font-family: 'tahoma';
    text-transform: lowercase;
    line-height: 1
}

.category .tcr a.lastpost-link {
    display: block;
    grid-area: link;
    align-self: center;
}

.category .tcr span.lastpost {
    display: inline-block;
    margin-top: 2px;
    grid-area: name;
}


body .punbb .user-avatar {
    grid-area: ava;
    display: flex;
    align-items: center;

    height: 100%;
}

body .punbb .user-avatar a {
    position: relative;
    display: block;
    height: 36px;
}

body .punbb .user-avatar a::before {
    position: absolute;
    content: '';

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    mix-blend-mode: unset;

    transition: .3s all ease-in-out;
    pointer-events: none
}

body .punbb .user-avatar .avatar-image {
    outline: 1px solid rgba(118, 74, 97, 1);
    border-radius: 0;
}

body .punbb .user-avatar a:hover::before {
    mix-blend-mode: color;
    background-color: rgba(244, 227, 207, 1);
}

body .punbb .user-avatar .isonline {
    top: 0;
    background: rgba(118, 74, 97, 1);
    border-radius: 0;
}



/* Statistics */

#pun-stats ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin: 0;
}


#pun-stats ul li:not(#onlinelist) {
    width: 50%;
}

#pun-stats ul li:not(#onlinelist) span {
    font-weight: 700;
}

#pun-stats ul li:not(#onlinelist) strong {
    font-weight: 400;
}

#pun-stats ul li#onlinelist {
    width: 100%;
    text-align: justify;
}

#pun-stats ul li#onlinelist a:first-child {
    font-weight: 700;
}

#pun-stats ul li#onlinelist strong,
#pun-stats ul li#onlinelist span a:first-child {
    font-weight: 400;
}

#pun-stats ul li.item1 {
    order: 1;
}

#pun-stats ul li.item2 {
    order: 3;
}

#pun-stats ul li.item3 {
    order: 2;
    text-align: right;
}

#pun-stats ul li.item4 {
    order: 4;
    text-align: right;
}

#pun-stats ul li.item5 {
    order: 5;
}

#pun-stats ul li.item6 {
    order: 6;
}

#pun-stats ul li.onlinelist {
    margin: 25px 0;
}

#pun-stats ul li a {
    color: rgba(43, 47, 41, 1);
}

#pun-stats ul li a:hover {
    color: rgba(31, 31, 31, 1);
}

#pun-stats ul li#onlinelist.birthday {
    margin-top: 25px;
    font-weight: 700;
}

#pun-stats ul li#onlinelist.birthday strong,
#pun-stats ul li#onlinelist.birthday a {
    font-weight: 400;
}





/******** Banners **********/

#html-footer {
    position: relative;
}

#banners {
    position: absolute;
    top: 79px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 100%;
    height: 69px;

    padding-right: 5px;

    overflow: auto;
}

#banners img {
    transition: .3s all ease-in-out;
    opacity: .3;
}

#banners img:hover {
    opacity: 1;
}





/* Forum/Active-new messages */

#pun-main.multipage {
    text-align: center;
}

#pun-main.multipage .online-list {
    margin-top: 20px;
}

#pun-main.multipage h1,
#pun .pun-modal h2 {
    position: relative;

    display: inline-block !important;
    background: rgba(42, 51, 73, 1);

    font-size: 22px;
    text-align: center;
    font-family: 'Actay';
    line-height: 1;
    color: rgba(179, 184, 196, 1);
    font-weight: 400;
    text-transform: lowercase;
    letter-spacing: 1px;

    border: none;
    border-radius: 10px;

    padding: 7px 60px 5px;
    margin: 25px auto 0;

    z-index: 2;
}

#pun .pun-modal h2 {
    margin: 10px auto 0 !important;
}

.forum .container,
.online-list .container,
.usertable .container,
#pun-respect .main .container,
#pun-positive .main .container,
#pun-message .main .container {
    background: rgba(191, 190, 179, 1);

    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 23px;

    padding: 20px;
    margin: 20px 0;

    box-sizing: border-box;
}

#pun-message .main .container {
    text-align: center;
}

.forum table {
    width: 100%;
}

.forum table tbody tr.inew .tcl {
    font-weight: 700;
}

.forum table tbody tr.inew .tcl .acchide + a {
    color: rgba(98, 99, 69, 1);
}

.forum table tbody tr.inew .tcl .acchide + a:hover {
    color: rgba(36, 37, 40, 1);
}

.forum table th,
.online-list table th,
.usertable table th,
#pun-respect table th,
#pun-positive table th,
#filetable th,
#profileContainer th,
#messages th,
#pun-edit th,
.Select_Topics th {
    font-weight: 400;
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;

    padding: 10px 5px;

    opacity: .7;
    box-sizing: border-box;
}

.forum table th.tc2,
.forum table th.tc3 {
    font-size: 8px;
}

.forum table th.tcl,
.forum table th.tcr {
    text-align: center;
}

.forum table .tcl {
    width: 40%;
    text-align: left;

    padding: 20px 0;
}

.forum table .tcl .icon {
    transform: translateY(-50%);
    top: 50%;
    left: -27px;

    width: 12px;
    height: 12px;
}

.forum table .tc2,
.forum table .tc3 {
    width: 15%;
    font-size: 10px;
    text-align: center;
}

.forum table .tcr {
    width: 20%;
    text-align: right;
}

.forum table tbody tr:first-child .tcr {
    padding-top: 0;
}

.forum table tbody tr:last-child .tcr {
    padding-bottom: 0;
}

.forum table tbody .tcr {
    padding: 5px 0;
}

.forum table .tcr a {
    display: block;
    padding-top: 6px;
    line-height: 1;
}

.forum table .tcr .byuser {
    margin-left: -2px;
    font-style: italic;
}


.linkst {
    position: relative;
    text-align: left;
    padding: 0 16px;
    z-index: 2;
}

.pagelink {
    text-align: left;
    margin: 10px 0;
}

.main .postlink.long {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.modmenu .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    width: 100%;
    text-align: right;
}

.modmenu .container strong {
    width: 100%;
    margin-bottom: 10px;
}

.modmenu .container span {
    width: 100%;
}





/******** Online ********/

.online-list .container {
    margin-top: 0;
}

.online-list table,
.usertable table,
#pun-respect table,
#pun-positive table {
    width: 100%;
}

.online-list tr td {
    padding: 10px 5px;
}

.online-list tr td:first-child {
    padding-left: 0;
}

.online-list tr td:last-child {
    padding-right: 0;
}

#pun #pun-online .online-list .username {
    width: 30%;
    text-align: left;
    font-size: 13px;
}

#pun #pun-online .online-list .action {
    width: 50%;
    font-size: 13px;
    text-align: center;
}

#pun #pun-online .online-list .tc3 {
    width: 20%;
    font-size: 13px;
}

#pun #pun-online .online-list td.tc3 {
    text-align: center;
    font-size: 13px;
}

.online-list th.tc3 {
    text-align: center;
    font-size: 13px;
}





/******** Users ********/

.usertable tbody .tcl {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.usertable tbody .last_visit {
    text-align: right;
}





/******** Search ********/


#pun-searchposts .post-author ul:not(.wrapper) {
    padding-bottom: 12px;
}

#pun-searchposts .post-author ul .pa-author strong {
    font-weight: 400;
}

#pun-searchposts .post h3 span a:last-child {
    margin-right: auto;
}





/******** Topic ********/

.topic {
    text-align: left;
}

.topic .post-content td {
    border: none !important;
    vertical-align: top;
}

.post {
    position: relative;
    width: 100%;

    padding: 16px 16px 32px;
    box-sizing: border-box;

    z-index: 1;
}

.post::before {
    position: absolute;
    content: '';

    top: 0;
    left: 0;

    width: 100%;
    height: calc(100% - 63px);
    background: rgba(191, 190, 179, 1);
    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 16px;

    z-index: -1;
}

.post.topicpost::before {
    top: -54px;
    height: calc(100% - 9px);
}

.post .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post-author {
    width: 221px;
}

.post-body {
    width: calc(100% - 251px);
    background: none;

    text-align: justify;

    border: none;
    border-radius: 0;

    padding: 20px 0;

    box-sizing: border-box;
}

.punbb .post-content img.postimg {
    vertical-align: middle;
}



/* Edit/Del/etc. links */

.post-links {
    width: 100%;
    min-width: 100%;
    height: 19px;
    background: rgba(40, 49, 72, 1);

    border-radius: 5px;

    padding: 1px 15px 0;
    margin-top: 10px;
    margin-left: -15px;
}

.post-links ul {
    display: inline-block;
    width: 100%;
    height: 100%;

    text-align: right;

    padding-left: 0;
    margin: 0;
}

.post-links ul li {
    display: inline;
    margin-right: 10px;
}

.post-links ul li.pl-email {
    float: left;
}

.post-links ul li:last-child,
.post-links ul li.pl-BBquote {
    margin-right: 0;
}

.post-links a {
    color: rgba(202, 200, 189, 1);
    font-weight: 700;
    font-size: 12px;
}

.post-links a:hover {
    color: rgba(191, 190, 179, 1);
}



/* */

#pun-viewtopic .linkst {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post h3 {
    margin: 10px 0 0;
}

.post h3 em,
.crumbs em {
    font-style: normal;
}

.post h3 span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    width: calc(100% - 251px);

    font-size: 12px;

    margin-left: auto;
}

.post h3 span strong {
    order: 3;
}

.post h3 span #fntSlider {
    order: 2;
    margin-right: 15px;
}

.post h3 span .permalink {
    order: 1;
    flex-grow: 1;
}



/* Post profile */

.post-author ul:not(.wrapper) {
    position: sticky;
    top: 50px;

    width: 221px;
    background: rgba(202, 200, 189, 1);

    text-align: center;

    outline: 1px solid rgba(127, 138, 159, 1);
    border-top: 8px solid rgba(31, 39, 58, 1);
    border-bottom: 8px solid rgba(31, 39, 58, 1);
    border-radius: 10px;

    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 28px;
    margin: -30px 0 10px
}

.post-author ul .pa-author {
    width: 100%;

    font-family: 'Alice', serif;
    font-size: 18px;
    text-align: center;
    line-height: 1.2;

    padding: 6px 10px 0;

    box-sizing: border-box;
}

.post-author ul .pa-fld1 {
    width: calc(100% - 20px);
    background: rgba(168, 152, 150, 1);

    font-size: 10px;
    text-align: center;
    font-family: 'Arial';
    letter-spacing: 1px;

    border-radius: 10px 10px 0 0;

    padding: 2px 6px 1px;
    margin: 0 auto;

    box-sizing: border-box;
}

.post-author ul .pa-title {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;

    padding:  0 10px;
    margin-bottom: 5px;
}

.post-author ul .pa-avatar {
    width: calc(100% - 20px);

    text-align: center;

    margin: 0 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.post-author ul .pa-avatar img {
    display: block;
    max-width: 180px;
    height: auto;

    outline: 1px solid rgba(53, 76, 133, 1) !important;

    margin: 0 auto;
}

#profile .post-author ul .pa-avatar img {
    width: 100%;
}

.post-author ul .pa-avatar.item2 img.allow_change:hover {
    outline-color: transparent;
}

.post-author ul .pa-fld6 {
    width: 100%;

    font-size: 14px;
    text-align: center;
    font-family: 'Actay';
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 0;
}

.post-author ul .pa-fld2 {
    width: 100%;
    background: rgba(191, 190, 179, 1);

    font-size: 10px;
    color: rgba(42, 51, 73, 1);
    text-align: justify;
    letter-spacing: 1px;

    padding: 15px 10px;
    box-sizing: border-box;
}

.post-author ul .pa-posts,
.post-author ul .pa-fld5,
.post-author ul .pa-respect {
    display: inline-block;

    width: 65px;
    background: rgba(168, 150, 152, 1);

    font-size: 10px;
    text-transform: lowercase;
    text-align: center;

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    padding: 10px 5px;
    margin-top: 14px;

    box-sizing: border-box;
}

.post-author ul .pa-posts .fld-name,
.post-author ul .pa-fld5 .fld-name,
.post-author ul .pa-respect .fld-name {
    display: block;
    margin-bottom: 3px;
}

.post-author ul .pa-posts {
    margin-right: 2px;
}

.post-author ul .pa-fld5 {
    margin-right: 2px;
}

.post-author ul .pa-fld5 br {
    display: none;
}

.punbb span.GamePst,
.punbb strong.GamePst2 {
    color: rgba(43, 52, 74, 1);
    transition: .3s all ease-in-out;
}

.punbb span.GamePst:hover,
.punbb strong.GamePst2:hover {
    color: rgba(36, 37, 40, 1);
}

.post-author ul .pa-respect a > img {
    display: none;
}

.post-author ul .pa-respect a i {
    margin-right: 1px;
}

.post-author ul .pa-respect a i::before {
    color: rgba(146, 77, 95, 1);
    transition: .3s all ease-in-out;
}

.post-author ul .pa-respect a:hover i::before {
    color: rgba(36, 37, 40, 1);
}

.post-author ul .pa-fld3 {
    background: rgba(191, 190, 179, 1);

    text-align: center;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 10px;
    text-transform: lowercase;

    padding: 2px;
    margin-top: 12px;

    box-sizing: border-box;
}

.post-author ul .pa-online,
.post-author ul .pa-reg,
.post-author ul .pa-ip {
    text-align: center;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 10px;

    margin-top: 12px;
}

.post-author ul .pa-online strong {
    font-weight: 400;
}

.post-author ul .post-author-Sp {
    text-align: center;
    margin-top: 8px;
}

.post-author ul .post-author-Sp .aw {
    transition: .3s all ease-in-out;
}

.post-author ul .post-author-Sp .aw:hover {
    opacity: .7;
}

.post-author ul .post-author-Sp .wrapper {
    padding-left: 0;
    padding-top: 25px;
}

.post-author ul .post-author-Sp .wrapper .pa-awards span {
    font-size: 21px;
    font-family: 'Alice', serif;
    color: rgba(146, 77, 95, 1);
}



/* Post */

.post-content p {
    margin: 15px 0;
    overflow-x: hidden;
}

.post-content p:first-child {
    margin-top: 0;
}

.post-content p:last-child {
    margin-bottom: 0;
}

.post .post-content hr {
    border-top: 0;
    border-bottom: 1px solid rgba(53, 76, 133, 1);
    margin: 20px 0;
}

.post-content table {
    table-layout: fixed;
    margin: 20px auto !important;
}

.post-content table:first-child {
    margin-top: 0 !important;
}

.post-content table:last-child {
    margin-bottom: 0 !important;
}



/* */

#topic-modmenu .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#topic-modmenu .container strong,
#topic-modmenu .container span {
    width: auto;
}

#topic-users-in .container {
    display: block;
}

#pun-viewtopic .linksb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#pun-viewtopic .linksb .postlink {
    order: 2;
}

#pun-viewtopic .linksb .pagelink {
    order: 1;
    margin: 0;

}

#pun-viewtopic .linksb .subscribelink {
    order: 3;
    width: 100%;
    text-align: right;
}



/* Sign */

dd {
    border-top: 1px solid rgba(53, 76, 133, .5);

    padding-top: 10px;
    margin-left: 0;
}

#viewprofile #profile-signature,
#viewprofile #profile-signature ul {
    padding-left: 0;
    padding-right: 0;
}

#viewprofile #profile-signature ul {
    border-top: 1px solid rgba(53, 76, 133, .5);
}





/******** Post Form ********/

#pun #form-buttons table,
#pun .punbb .formal textarea {
    width: 100%;
}

#post-preview .fs-box {
    position: relative;
}


fieldset#post-new legend,
#post fieldset legend,
#profile5 fieldset legend {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

fieldset#post-new legend #plng,
#post fieldset legend #plng,
#profile5 fieldset legend #plng {
    font-size: 9px;

    border-bottom: none !important;

    margin: 0 !important;
    padding-bottom: 0 !important;
}

#post fieldset .fs-box {
    position: relative;
    display: block;
}



/* Form Buttons and inner container */

#form-buttons tr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#form-buttons td {
    position: relative;

    width: 29px;
    height: 29px;
    background-image: none !important;
    background-color: rgba(202, 200, 189, 1) !important;

    border: 1px solid rgba(127, 138, 159, 1) !important;
    border-radius: 4px;

    margin: 0 2px 2px;
    transition: .3s all ease-in-out;
}

#form-buttons td#button-mask {
    background-image: none !important;
}

#form-buttons td img {
    opacity: 0;
}

#form-buttons td::before {
    position: absolute;

    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;

    height: auto;
    background-color: transparent;

    font-size: 14px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    text-align: center;
    color: rgba(45, 45, 45, 1);

    margin: 0 auto;

    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;

    pointer-events: none;
}

#form-buttons td:hover::before,
#form-buttons #button-image:hover b p {
    color: rgba(31, 31, 31, 1);
}

#form-buttons #button-font::before {
    content: '\f031';
}

#form-buttons #button-size::before {
    content: '\f034';
}

#form-buttons #button-bold::before {
    content: '\f032';
}

#form-buttons #button-italic::before {
    content: '\f033';
}

#form-buttons #button-underline::before {
    content: '\f0cd';
}

#form-buttons #button-strike::before {
    content: '\f0cc';
}

#form-buttons #button-indent::before {
    content: '\f03c';
}

#form-buttons #button-left::before {
    content: '\f036';
}

#form-buttons #button-center::before {
    content: '\f037';
}

#form-buttons #button-center + td::before {
    content: '\f039';
}

#form-buttons #button-right::before {
    content: '\f038';
}

#form-buttons #button-link::before {
    content: '\f0c1';
}

#form-buttons #button-spoiler::before {
    content: '\f518';
}

#form-buttons #button-image::before {
    content: '\f302';
}

#form-buttons #button-image b p {
    top: 6px;
    right: 2px;

    color: rgba(45, 45, 45, 1);
    margin: 0 !important;

    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

#form-buttons #button-video::before {
    content: '\f144';
}

#form-buttons #button-hide::before {
    content: '\f070';
}

#form-buttons #button-quote::before {
    content: '\f27a';
}

#form-buttons #button-code::before {
    content: '\f121';
}

#form-buttons #button-color::before {
    content: '\f53f';
}

#form-buttons #button-table::before {
    content: '\f84c';
}

#form-buttons #button-smile::before {
    content: '\f118';
}

#form-buttons #button-sticker::before {
    content: '\f4da';
}

#form-buttons #button-keyboard::before {
    content: '\f11c';
}

#form-buttons #button-addition::before {
    content: '\f150';
}

#form-buttons #button-mask::before {
    content: '\f6fa';
}

#form-buttons td:hover {
    background-color: rgba(168, 150, 152, 1) !important;
}



#tags .container {
    top: 35px !important;

    max-height: 400px;
    background: rgba(202, 200, 189, 1);

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    padding: 5px 15px;

    box-sizing: border-box;
    overflow: auto;
}

#font-area span,
#size-area span,
#addition-area span {
    transition: .3s all ease-in-out;
}

#font-area div:hover span,
#size-area div:hover span,
#addition-area div:hover span {
    color: rgba(146, 77, 95, 1);
}


#image-source-list {
    display: flex;
    align-items: center;
}

#action-computer,
#action-internet,
#action-return,
#action-close,
#action-clean-uploaded,
#action-insert-uploaded,
.frame_host,
#video-area-actions2 a:last-child {
    font-size: 12px;
    font-family: 'Tahoma';
    line-height: 1;
    text-transform: uppercase;

    border: none;
    border-radius: 6px;

    padding: 5px 10px;
    margin: 0 2px;

    cursor: pointer;
    transition: .3s all ease-in-out;
}

#action-computer,
#action-return,
#action-clean-uploaded,
#action-insert-uploaded,
.frame_host {
    background: rgba(42, 51, 73, 1);
    color: rgba(179, 184, 196, 1);

    margin-right: 2px !important;
}

#action-computer:hover,
#action-return:hover,
#action-clean-uploaded:hover,
#action-insert-uploaded:hover,
.frame_host:hover {
    background: rgba(60, 71, 98, 1);
    color: rgba(201, 205, 215, 1);
}

#action-internet,
#action-close,
#video-area-actions2 a:last-child {
    background: rgba(118, 74, 97, 1);
    color: rgba(219, 229, 219, 1);
}

#action-internet:hover,
#action-close:hover,
#video-area-actions2 a:last-child:hover {
    background: rgba(139, 89, 115, 1);
    color: rgba(201, 205, 215, 1);
}

#action-close {
    margin-right: 0 !important;
}

#image-source-list img,
.uploadQueueItem .cancel,
#uploaded-images img,
#color-area td {
    transition: .3s all ease-in-out;
}

#image-source-list img:hover,
.uploadQueueItem .cancel:hover,
#uploaded-images img:hover,
#color-area td:hover {
    opacity: .7;
}

#video-area-tinp,
#image-area-tinp,
#video-area-tinp2 {
    padding: 10px !important;
    border: 1px solid rgba(127, 138, 159, 1) !important;
    background: rgba(191, 190, 179, 1);
}

#imageupload-right {
    max-width: 100% !important;
    width: 100%;
}

#imageQueue {
    padding-right: 5px;
}

.uploadQueueItem {
    border: 1px solid rgba(127, 138, 159, 1) !important;
    background: rgba(191, 190, 179, 1) !important;
}

.uploadProgress {
    background: rgba(202, 200, 189, 1) !important;
}

.uploadProgressBar {
    background: rgba(168, 150, 152, 1) !important;
}

#uploaded-images img {
    width: 83px !important;
    outline: 1px solid rgba(53, 76, 133, 1) !important;
    object-fit: cover;
}

.media-tabs {
    display: flex;

    padding: 0;
    margin: 8px 0 0;
}

.media-tabs li {
    margin-right: 5px;
}

.media-tabs li a {
    background: rgba(202, 200, 189, 1);

    font-family: 'Alice';
    font-size: 11px;
    color: rgba(26, 30, 38, 1);
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    margin: 0 2px;
    padding: 3px 15px;

    box-sizing: border-box;
    transition: .3s all ease-in-out;
}

.media-tabs li.tab-current a {
    background-color: rgba(168, 150, 152, 1);

    pointer-events: none
}

.media-tabs li a:hover {
    background-color: rgba(168, 150, 152, 1);

    cursor: pointer;
}

div.media-t2 {
    display: none;
}

div.media-t2 br {
    display: none;
}

div.media-t2 .media_link {
    position: absolute;
    top: 44px;
    left: 13px;
}

div.media-t2 #video-area-thd2 {
    padding: 0 0 10px 30px;
}


.punbb #table-area td {
    border-color: rgba(127, 138, 159, .3) !important;
    background: rgba(202, 200, 189, 1) !important;
}

.punbb #table-area td.selected {
    background-color: rgb(182, 170, 164, .15) !important;
}

.punbb #table-area div p {
    display: flex;
}

.punbb #table-area div p #table-layout {
    margin-top: 1px;
    margin-bottom: 0;
}

.punbb #table-area div p label {
    margin-bottom: 0;
}


/* Keyboard */

.punbb #keyboard-span input {
    min-width: 25px;
    height: auto;
    background-color: rgba(191, 190, 179, 1);

    font-size: 11px;
    color: rgba(26, 30, 38, 1);
    border: 1px solid rgba(171, 170, 160, 1);
    line-height: 1;
    text-transform: lowercase;

    padding: 5px 6px 6px;
    transition: .3s all ease-in-out;
}

.punbb #keyboard-span input:hover {
    background-color: rgba(168, 150, 152, 1);
    color: rgba(58, 49, 51, 1);
    border: 1px solid rgba(127, 138, 159, 1);
}



/* Smiles */

.fs-box center:last-child button {
    background: rgba(202, 200, 189, 1);
    font-family: 'Alice';
    font-size: 12px;
    color: rgba(26, 30, 38, 1);
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 12px;
    margin: 0 2px;
    padding: 6px 15px 5px;
    box-sizing: border-box;
    transition: .3s all ease-in-out;
}

.fs-box center:last-child button:hover {
    background-color: rgba(168, 150, 152, 1);
}

.fs-box center:last-child [id^='cont_'] {
    background: rgba(202, 200, 189, 1);

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    margin: 10px 0 0;
    padding: 10px;

    box-sizing: border-box;
    transition: .3s all ease-in-out;
}

.fs-box center:last-child [id^='cont_'] br {
    display: none;
}

.fs-box center:last-child [id^='cont_'] img,
.fs-box center:last-child center:last-child img {
    transition: .3s all ease-in-out;
}

.fs-box center:last-child [id^='cont_'] img:hover,
.fs-box center:last-child center:last-child img:hover {
    opacity: .5;
}



/* Search Post */

#my-form {
    font-family: 'Alice';
    font-size: 12px;
    color: rgba(69, 70, 30, 1);
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin: 25px 0 35px;
}

#my-form input {
    height: 29px;
    margin-top: 10px;
}

#my-form input.button {
    line-height: 1;
    border: 1px solid rgba(139, 89, 115, 1);
    padding: 6px 15px;
}





/******** Reputation/Positive ********/

#pun-respect .tcl,
#pun-positive .tcl {
    width: 13% !important;
    text-align: left;
}

#pun-respect .tc2,
#pun-positive .tc2 {
    width: 3% !important;
}

#pun-respect td.tcl,
#pun-positive td.tcl,
#pun-respect td.tc2,
#pun-positive td.tc2,
#pun-respect td.tc3:nth-child(3),
#pun-positive td.tc3:nth-child(3) {
    font-size: 10px;
}

#pun-respect .tc3:nth-child(3),
#pun-positive .tc3:nth-child(3) {
    width: 20% !important;
}

#pun-respect td.tc3:nth-child(3),
#pun-positive td.tc3:nth-child(3) {
    font-family: 'Alice';
    font-weight: 400;
    font-size: 12px;
}

#pun-respect .tc3:nth-child(4),
#pun-positive .tc3:nth-child(4) {
    width: 35% !important;
    padding: 0 5px 10px
}

#pun-respect .tcr,
#pun-positive .tcr {
    width: 29% !important;
    text-align: right;

    padding-left: 10px;
}

#pun-respect .removeReputation,
#pun-positive .removeReputation {
    position: relative;
    background: none !important;
}

#pun-respect .removeReputation::before,
#pun-positive .removeReputation::before {
    position: absolute;
    content: "\f00d";

    transform: translateY(-50%);
    top: 50%;
    right: -15px;

    font-size: 15px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    text-align: center;
    color: rgba(154, 132, 138, 1);

    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

#pun-respect .removeReputation:hover::before,
#pun-positive .removeReputation:hover::before {
    color: rgba(36, 37, 40, 1);
}





/******** View profile ********/

#viewprofile ul {
    padding: 0;
    margin: 0;
}

#viewprofile table {
    width: 100%;
    background: rgba(191, 190, 179, 1);

    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 16px;

    margin-bottom: 30px;
    padding: 16px;
}

#viewprofile tbody {
    display: block;
}

#viewprofile tr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#viewprofile #profile-left {
    width: 221px;
    background: rgba(202, 200, 189, 1);

    text-align: center;

    outline: 1px solid rgba(127, 138, 159, 1);
    border-top: 8px solid rgba(31, 39, 58, 1);
    border-bottom: 8px solid rgba(31, 39, 58, 1);
    border-radius: 10px;

    padding: 10px;
    box-sizing: border-box;
}


#viewprofile #profile-right {
    width: calc(100% - 230px);
}



/* Left (profile) */

#profile-left #profile-name {
    width: 100%;

    font-family: 'Alice', serif;
    font-size: 18px;
    text-align: center;
    line-height: 1.2;

    padding: 6px 10px 0;
    box-sizing: border-box;
}

#viewprofile #profile-name strong {
    font-size: 18px;
    font-weight: 400 !important;
}

#profile-left #profile-title {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

#profile-left #pa-avatar {
    width: 100%;

    text-align: center;

    box-sizing: border-box;
}

#profile-left #pa-avatar img {
    display: block;
    max-width: 180px;
    height: auto;

    outline: 1px solid rgba(53, 76, 133, 1);

    margin: 0 auto;
}

#profile-left #pa-online {
    text-align: center;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 10px;

    margin-top: 12px;
}

#profile-left #pa-edit {
    width: 100%;
    margin-top: 10px;
}

#profile-left #pa-edit a {
    display: block;
    background: rgba(42, 51, 73, 1);

    font-size: 11px;
    font-family: 'Tahoma';
    text-transform: uppercase;
    color: rgba(179, 184, 196, 1);

    border: none;
    border-radius: 7px;

    padding: 4px 15px;
    margin: 0 2px;

    cursor: pointer;
    transition: .3s all ease-in-out;
}

#profile-left #pa-edit a:hover {
    background: rgba(60, 71, 98, 1);
    color: rgba(201, 205, 215, 1);
}

#profile-left #profile-title strong,
#profile-left #pa-online strong,
#profile-left #pa-edit strong {
    font-weight: 400 !important;
}



/* Right (info) */

#profile-right li {
    display: flex;
    margin: 3px 0;
}

#profile-right li#pa-fld6 strong {
    font-family: 'Actay';
    letter-spacing: 1px;
    text-transform: uppercase;
}

#profile-right span:not(.GamePst) {
    display: block;
    width: 22%;

    font-family: 'Alice';
    font-size: 10px;
    line-height: 1;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;

    margin: 0 auto;
    padding: 16px 10px 5px;
}

#viewprofile #profile-right strong {
    display: block !important;
    width: 78% !important;

    background: rgba(202, 200, 189, 1);

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    padding: 10px;

    box-sizing: border-box;

    font-weight: 400;
}





/******** Edit profile ********/

#profile #profilenav {
    float: left;
    width: 202px;
}

#profile #profilenav ul {
    padding: 0;
    margin: 0 0 30px;
}

#profile #profilenav li {
    font-family: 'Alice';
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 8px;
}

#profile #profilenav li.isactive {
    font-weight: 700;
}

#profile #profilenav li.isactive a {
    color: rgba(36, 37, 40, 1);
}

#profile fieldset,
#profile .formsubmit {
    width: calc(100% - 202px);
    margin-left: auto;
}

#profile fieldset .formsubmit {
    width: 100%;
}

#profile .inputfield {
    margin-bottom: 10px;
}

#profile #profile4 fieldset .fs-box {
    display: block;
}

#profile #profile4 img {
    display: block;
    outline: 1px solid rgba(53, 76, 133, 1);
}

#profile #profile4 .inputfield {
    margin-bottom: 3px;
}

#profile #profile4 .datafield {
    margin-top: 0;
}

#profile #profile4 .inputfield a,
#profile #profile4 .datafield a {
    display: inline-block;

    min-width: 130px;
    background: rgba(118, 74, 97, 1);

    font-size: 10px;
    font-family: 'Tahoma';
    text-transform: uppercase;
    text-align: center;
    color: rgba(201, 182, 192, 1);

    border: none;
    border-radius: 7px;

    padding: 4px 15px;
    margin: 0 2px;

    cursor: pointer;
    transition: .3s all ease-in-out;
}

#profile #profile4 .inputfield a {
    background: rgba(42, 51, 73, 1);
    color: rgba(179, 184, 196, 1);
}

#profile #profile4 .inputfield a:hover {
    background: rgba(60, 71, 98, 1);
    color: rgba(201, 205, 215, 1);
}

#profile #profile4 .datafield a:hover {
    background: rgba(139, 89, 115, 1);
    color: rgba(201, 205, 215, 1);
}

#pun-upavatar fieldset .fs-box {
    display: block;
}

#profile #main-reply {
    width: 100%;
}

#profile5 .input {
    width: 100%;
}

#profile5 .inputfield {
    margin-top: 20px;
}

#profile5 #form-buttons {
    width: 100%;
    margin-bottom: 10px;
}

#profile5 #form-buttons td {
    width: 25px;
    height: 25px;
    margin: 0 1px 0px;
}


#profile5 #form-buttons td img {
    height: 22px;
}

#profile8 .inputfield,
#profile8 .inputfield input {
    width: 100%;
}

#profile10 .adfs-box {
    width: calc(100% - 202px);
    margin-left: auto;
}

#filetable {
    width: 100%;
    background: rgba(191, 190, 179, 1);

    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 23px;

    padding: 20px;
    margin: 0 0 20px;

    box-sizing: border-box;
}

#filetable td.tc2,
#filetable td.tc3 {
    font-size: 10px;
    text-align: center;
}

#profile #filetable thead tr .header {
    background-position: 100% 21%;
}

#profile #profile10 .tcl {
    width: 13% !important;
}

#profile #profile10 .tc2 {
    width: 16% !important;
}

#profile #profile10 .tc3 {
    width: 10% !important;
}

#profile #profile10 th.checker {
    background: none;
}

#profile10 .select-file {
    width: calc(100% - 202px);
    margin-left: auto;
}

#profile10 .select-file .pagelink {
    margin-bottom: 0;
}

#profile10 .submitend {
    text-align: right;
    width: 100%;
    margin-left: auto;
}

#profile10 .submitend .pagelink {
    display: flex;
    align-items: center;
}

#profile10 .submitend .pagelink .files-pagelink {
    flex-grow: 1;
    margin-left: 5px;
}

#setmods,
#profileContainer .infofield + div {
    width: 100%;
}

#profileContainer .tc2:nth-child(3) {
    padding: 20px 0;
}

#awards-content td:nth-child(3) {
    padding: 10px 10px 10px 0;
}

#profileContainer .tc2:nth-child(3) .button,
#awards-content .tc2:nth-child(4) .button {
    font-size: 10px;
    border-radius: 5px;
    padding: 5px 15px;
}

#awards-content .tcl {
    width: 20% !important;
}

#awards-content .tc2:nth-child(2) {
    width: 10% !important;
    text-align: center;
}

#awards-content td:nth-child(3) {
    width: 60% !important;
    text-align: justify;
}

#awards-content .tc2:nth-child(4) {
    width: 10% !important;
    padding-right: 5px;
}





/******** Messages ********/

.messages-container #post-new #post {
    background: none;

    border: none;
    border-radius: 0;

    margin: 0;
    padding: 0;

}

#messages .fs-box,
#messages .container,
#messages table {
    width: 100%;
}

#messages table .tcl .icon {
    transform: translateY(-50%);
    top: 50%;
    left: -27px;
    width: 12px;
    height: 12px;
}

#messages table tr .tcl {
    padding-right: 10px;
}

#messages table tr.inew .tcl a {
    font-weight: 700;
    color: rgba(118, 74, 97, 1);
}

#messages table tr.inew .tcl a:hover {
    color: rgba(43, 52, 74, 1);
}

#messages table tr .pmtc22 {
    width: 22% !important;
    min-width: 156px;

    padding-bottom: 10px;
}

#messages table tr td.pmtc22 {
    display: flex;
    align-items: center;

    padding-bottom: 10px;
}

#messages table tr .pmtc33 {
    text-align: center;
}

#messages table tr td.pmtc33 {
    font-size: 10px !important;
}

#messages table tr .pmtc24 {
    width: 3% !important;
    padding: 0 !important;
}

.messages-container #profilenav + fieldset {
    background: none;

    border: none;
    border-radius: 0;

    padding: 0;
}

.messages-container .post-author {
    width: 190px;
}

.messages-container .post-author ul:not(.wrapper) {
    width: 162px;
    margin: -46px 0 50px;
}

.messages-container .post-author ul .pa-author {
    font-size: 14px;
}

.messages-container .post-author ul .pa-title {
    font-size: 10px;
}

.messages-container .post-author ul .pa-reg {
    font-size: 9px;
    padding: 0 5px;
}

.messages-container .post-author ul .pa-posts {
    margin-right: 2px;
    width: calc(100% - 20px);
    background: none;
    padding: 3px;
    line-height: 1;
    border-radius: 5px;
}

.messages-container .post-author ul .pa-posts .fld-name {
    display: inline-block;
    margin-bottom: 0;
}

.messages-container .post-body {
    width: calc(100% - 190px);
}

#pun-messages #profilenav + fieldset legend:first-child {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    margin-bottom: 5px;
}

#pun-messages #profilenav + fieldset legend:first-child #plng {
    order: 2;
    margin: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    font-size: 9px;
}

.messages-container .post h3 {
    margin: 26px 0 22px;
}

.messages-container .post h3 span {
    justify-content: space-between;
    width: calc(100% - 190px);
}

.messages-container .post h3 span #fntSlider {
    margin-right: 0;
}

.messages-container .post-links ul li.pl-email {
    flex-grow: 1;
}


.messages-container #post {
    background: rgba(191, 190, 179, 1);
    text-align: left;

    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 23px;

    padding: 20px;
    margin: 20px 0;

    box-sizing: border-box;
}

.messages-container #post .fs-box {
    display: block;
}

.messages-container #post #post-form p:last-child {
    display: flex;
    padding-bottom: 0 !important;
}

.messages-container #post #post-form p:last-child span:not(.checkfield) {
    flex-grow: 1;
}

.messages-container #post #post-form p:last-child span.checkfield {
    width: 83px;
}

.messages-container #form-buttons td {
    width: 24px;
    height: 24px;
    margin: 0 1px;
}


.messages-container #form-buttons td img {
    height: 22px;
}

#messages .linksb {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 202px);
    margin-left: auto;
}

#messages .linksb .clearer {
    display: none;
}





/******** New Theme/Preview/Edit ********/

#pun-post #fld3 {
    width: 100%;
}

#post-preview .post-content {
    max-width: 688px;
    text-align: justify;
    margin: 0 auto;
}

#post #post-preview legend {
    display: inline-block;
    width: auto;
}

.history_posts_list {
    margin-bottom: 30px;
}

#pun-edit input:not([type="checkbox"]):not(.button) {
    width: 100%;
}





/******** Move messages ********/

#pun-multimove .modmenu .container {
    align-items: center;
    justify-content: center;
}

#pun-multimove .modmenu .container strong,
#pun-moveposts .formsubmit {
    text-align: center;
}

#pun-multimove .modmenu .container .button {
    margin-left: 10px;
}

#pun-multimove .pl-select {
  display: flex;
  justify-content: flex-end;
}

#pun-multimove li.checkfield label {
  color: rgba(179, 184, 196, 1);
}

#pun-multimove #Move_Forum {
  margin-right: 10px;
}

#pun-multimove th.tcl {
  text-align: left;
}

#pun-moveposts p,
#pun-moveposts input[type='text'] {
    width: 100%;
}

#movePostsTable {
    margin: 20px 20px 0;
}

#pun .pun-modal fieldset#PMove_2 {
    margin-top: 20px;
}

.Select_Topics,
.Select_Topics table {
    width: 100%;
}

.Select_Topics .tc2 {
    text-align: right;
}





/******** Reg ********/

fieldset.radiofield {
    display: flex;
    flex-wrap: wrap;
}

fieldset.radiofield input {
    margin-top: 0;
    margin-left: 0;
}

fieldset.radiofield label {
    width: 96%;
    margin-left: 5px;
    margin-top: -1px;
    cursor: pointer;
}





/******** Logout/Change profile ********/

#pun-navlinks ul li#navlogout {
    position: relative;
}

#pun-navlinks a:not(.NextShow) + span.odd {
    display: none !important;
}

#pun-navlinks span.odd #form-login {
    position: absolute;

    top: 15px;
    right: 0;

    width: 470px;
    background-color: rgba(191, 190, 179, 1);

    border-radius: 10px;
    border: none;
    outline: none;
    padding: 15px;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);

    z-index: 99999999;
    box-sizing: border-box;
}

#pun-navlinks.fixed span.odd #form-login {
    top: 35px;
}

#form-login #List-UserNames {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 205px;
    width: 215px;
    background: rgba(202, 200, 189, 1);

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    padding: 5px 10px 8px;
    box-sizing: border-box;
}

#pun-navlinks.fixed #form-login #List-UserNames ul {
    display: block;
    padding: 0;
    width: 200px;
}

#form-login #List-UserNames ul {
    padding-right: 0;
    padding-left: 0;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
    max-height: 148px;
    overflow-y: auto;
}

#form-login #List-UserNames span:nth-child(2) {
    -js-display: flex;
    display: flex;
    align-content: flex-start;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#form-login #List-UserNames span:nth-child(2) span {
    width: 50%;
}

#form-login #List-UserNames span:nth-child(2) span.a1-paste {
    display: initial;
    text-align: right;
    margin-top: 0;
}

#form-login #List-UserNames span:nth-child(2) input {
    width: 100%;
}

#form-login #List-UserNames li {
    width: 100%;
    font-size: 13px;
    text-transform: initial;

    padding-right: 0;
    padding-left: 0;

    margin-left: 0;
    margin-right: 0;
    margin-bottom: 3px;
}

#form-login #List-UserNames li b {
    display: inline-block;
    width: 150px;

    font-weight: 400;

    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

#form-login #List-UserNames li b:hover,
#form-login #List-UserNames li .close:hover::before {
    color: rgba(26, 30, 38, 1);
    cursor: pointer;
}

#form-login #List-UserNames li .close {
    position: relative;
    display: inline-block;
    width: 8px;
    color: transparent;

    margin-top: 0;
}

#form-login #List-UserNames li .close::before {
    position: absolute;

    content: '\f00d';

    transform: translateY(-50%);
    top: 50%;
    left: 32px;

    font-size: 11px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: rgba(26, 30, 38, 1);

    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

#form-login #List-UserNames li .close:hover::before {
    color: rgba(146, 77, 95, 1);
}

#form-login .Rega,
#form-login .Forgot {
    font-size: 10px;
}

#form-login span:nth-child(2),
#form-login div:nth-child(3) {
    font-size: 10px;
}

#form-login span:nth-child(2) {
    font-weight: 700;
    margin-bottom: 10px;
}

#form-login li span:nth-child(2) {
    font-weight: 500;
    margin-bottom: 0;
}

#form-login span:nth-child(2),
#form-login div:nth-child(3),
#form-login .button,
#form-login .Rega,
#form-login .Forgot {
    float: right;

    padding-left: 5px;
    box-sizing: border-box;
    margin-right: 0;
}

#form-login span:nth-child(2),
#form-login div:nth-child(3),
#form-login .Rega,
#form-login .Forgot {
    width: 220px;
}

#form-login .Rega {
    margin-top: 10px;
}

#form-login .button {
    width: 215px;
    margin-top: 5px !important;
}

#form-login div:nth-child(3) input {
    width: 100%;
    box-sizing: border-box;
    margin: 3px 0 5px;
}

#form-login div:nth-child(3) span {
    font-size: 10px;
    font-family: 'Arial';
    letter-spacing: 1px;
    text-transform: lowercase;
}

#form-login div:nth-child(3) .inputfield {
    margin: 0;
}

#pun-navlinks #New-exit img {
    position: absolute;

    top: 35px;
    right: -52px;

    width: 16px;
    height: auto;

    background: rgba(42, 51, 73, 1);

    border-radius: 8px;

    padding: 12px 15px;

    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 15px rgba(0,  0,  0, .15);
}

#pun-navlinks.fixed #New-exit img {
    top: 54px;
}

#pun-navlinks #New-exit img:hover {
    background: rgba(146, 77, 95, 1);
}

#form-login p {
    position: initial;
}

#form-login #List-UserNames + span,
#form-login #List-UserNames + span + div,
#pun-navlinks span.odd #form-login p:last-child {
    text-align: center;
}





/******** Notification ********/

.unread-notifications .modal-inner {
    text-align: center;
}

.unread-notifications #notifications-wrap table {
    width: calc(100% - 20px);
    margin: 0 auto;
}

.pun-modal.unread-notifications .container {
    text-align: left;
}

.pun-modal.unread-notifications #stored-title {
    margin-bottom: 10px;
}

.pun-modal.unread-notifications tr {
    display: flex;
    align-items: center;

    width: 100%;
    background: rgba(191, 190, 179, 1);

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    padding: 10px;
    margin-bottom: 3px;

    box-sizing: border-box;
}

.punbb #notify-link .unreads, 
.punbb #navpm .unreads {
  background: rgba(146, 77, 95, 1);
  color: rgba(235, 223, 226, 1);
}





/******** Awards ********/

#pun-mod .main {
    margin-top: 30px;
}

.category #awards-content tr {
    align-items: center;
}

.category #awards-content .tcl {
    width: 20%;
}

.category #awards-content .tc2:nth-child(2) {
    width: 10% !important;
    text-align: center;
}

.category #awards-content .tc2:nth-child(3) {
    width: 50% !important;
    padding-left: 5px;
    padding-right: 5px;
}

.category #awards-content .tc2:nth-child(4) {
    width: 20% !important;
    text-align: right;
}





/* Poll */

#poll-special {
    margin-bottom: 10px;
}

#poll-special table {
    position: relative;

    width: 80%;
    background: rgba(191, 190, 179, 1);

    text-align: justify;
    border: 1px solid rgba(53, 76, 133, 1);
    border-radius: 16px;


    margin: 0 auto;
    padding: 16px 10px;

    box-sizing: border-box;
}

#poll-special .question  .tac {
    position: absolute;

    top: -12px;
    left: 0;
    right: 0;

    width: max-content;

    background: rgba(202, 200, 189, 1);

    font-family: 'Alice';
    font-size: 12px;
    color: rgba(26, 30, 38, 1);
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 10px;

    margin: 0 auto;
    padding: 5px 15px;

    box-sizing: border-box;
}

#poll-special .question  .tac strong {
    font-weight: 400;
}

#poll-special td:nth-child(2) h1 {
    background: rgba(146, 77, 95, 1);
}

#poll-special + .post.topicpost::before {
    top: 0;
    height: calc(100% - 63px);
}

#poll-special tr:last-child .tac {
    font-family: 'Alice';
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#poll-special tr:last-child .tac strong {
    color: rgba(146, 77, 95, 1);
    font-size: 18px;
    font-weight: 400;
}

#poll-special tr:last-child .tac span {
    display: block;
    text-align: center;
    margin-top: 20px;
}

#poll-special tr:not(.question):not(:last-child) td:first-child {
    width: 50%;
}

#poll-special tr:not(.question):not(:last-child) td:nth-child(2) {
    width: 40%;
}

#poll-special tr:not(.question):not(:last-child) td:last-child {
    text-align: right !important;
    width: 10%;
}


#pun-main.multipage #poll-special table td h1 {
    height: 4px !important;
    margin: 0 0 2px;
    padding: 0;
    border: none;
}





/******** Close forum ********/

.formal.prof.no-active {
    height: 100vh !important;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}

.formal.prof.no-active fieldset {
    text-align: center;
}

.formal.prof.no-active fieldset .fs-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}





/******** Need ********/

.topic .post.topicpost .charlist {
    padding: 35px 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.topic .post.topicpost .charlist ul {
    background: rgba(191, 190, 179, .5);
    border: 1px solid rgba(127, 138, 159, 1);
    margin: 0 0 4px;
    border-radius: 8px;
}

.topic .post.topicpost .charlist ul .charlist_title {
    background: rgba(202, 200, 189, 1);

    font-family: 'Tokyo Dreams';
    font-size: 12px;
    font-weight: 700;
    text-align: center;

    border: 1px solid rgba(127, 138, 159, 1);
    border-radius: 15px;

    padding: 1px 5px 2px;
}

.topic .post.topicpost .charlist ul .charlist_title::before {
    display: none;
}





/******** News ********/

#topic_t25 td:nth-child(2) {
  background-color: rgba(146, 77, 95, 1) !important;
  border-radius: 30px;
  padding: 5px 5px 4px !important;
}

#topic_t25 td:nth-child(2):empty {
  background-color: rgba(146, 77, 95, 1) !important;
  border-radius: 30px;
  padding: 3px !important;
}

#topic_t25 td:nth-child(2) span {
  color: rgba(235, 223, 226, 1) !important;
}



#topic_t25 .quote-box td:nth-child(2) {
  background-color: transparent !important;
  border-radius: 0;
  padding: inherit !important;
}

#topic_t25 .quote-box td:nth-child(2) span {
  color: inherit !important;
}


#topic_t25 td img.postimg {
  outline: 1px solid rgba(53, 76, 133, 1) !important;
  transition: .3s all ease-in-out;
}

#topic_t25 td img.postimg:hover {
  opacity: .7;
}