Код:

<!---------------------- Красивая профилактика © Deff, мод. max, the murderer! ---------------------->
<div id="pircs2"><link rel="stylesheet" type="text/css" href="/files/001b/a8/40/30530.css" /><div id="LogIn_Window" style="height: auto"><center>летняя магия ☀</center><br></div></div><!-- --><script type="text/javascript">

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

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


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

f13	:-[0],  //фандом
f16	:-[0],  //межфандом
f14	:-[0]	//альтернатива //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;z-index: 100}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld1 strong.GamePst2 {color:var(--mainText)!important}</style>
<!--//END Cчётчик Игровых постов © Deff-->


<!-- Шрифт иконок -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
      crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>
<script src="//pull.cappuccicons.com/cpf.js"></script>

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<style>
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
</style>

<!-- END. Шрифт иконок  -->


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

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

<!----- ФИЛЬТР ЗАЯВОК by Человек-Шаман ----->
<script src="https://forumstatic.ru/files/0017/95/29/51757.js"></script>
<script>
  hvWantedFilters.init(5);
</script>
<style>
.post.topicpost .charlist .charlist_item
{transition: all .3s ease-in-out 0s;}

.post.topicpost .charlist .charlist_item.charlist_title.active {
    background: var(--Accent2);
    color: var(--pureBlack);
    text-shadow: none !important;
}

.post.topicpost .charlist .charlist_item.charlist_title {
    background: var(--pureGrey);
    display: flex;
    justify-content: center;
    padding: 10px 10px !important;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    color: var(--mainText);
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    line-height: 1.2;
    border-left: none;
    font-family: 'Golos';
}

.post.topicpost .charlist .charlist_item {
    display: flex;
    background: var(--mainBG);
    border-radius: 0 10px 10px 0;
    padding: 15px 10px !important;
    align-items: center;
    line-height: 0;
    font-size: 14px;
    font-family: 'Roboto';
    border-left: 2px solid var(--mainLink);
}

.post.topicpost .charlist .charlist_item:hover {
    background: var(--warWhite);
    font-weight: 600;
}

.post.topicpost .charlist .charlist_item.active {
    background: var(--Accent2);
}

.post.topicpost .charlist .charlist_item.active a {
color: var(--pureWhite) !important;
}

.post.topicpost .charlist .hvClearFilters {
    top: -2px !important;
    font-style: normal !important;
    font-weight: bold;
    text-transform: uppercase;
}

</style><!----- КОНЕЦ ФИЛЬТР ЗАЯВОК by Человек-Шаман ----->


<!-- HTML в постах с допуском по группам © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script>
<script type="text/javascript">
  HTMLinPost.groups = [1, 2, 3, 4, 5]; // Группы, допущенные к вставке HTML в посты
  HTMLinPost.noAccess = ['user', 'newTst2']; // Пользователи с запретом вставки HTML в посты
  HTMLinPost.parseHTMLinPosts()
</script>
<!-- END. HTML в постах с допуском по группам © Alex_63 -->


<!-- Комментарии к репутации -->
<script type="text/javascript">
  if (FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/, "") === "{return true;}")
    FORUM.PartnerVote = function (post_id, vote) {
      return false
    }
</script>

<script type="text/javascript">
  RusffCore.sets.share = false;
  RusffCore.sets.show_reportBtn = 0;
</script>
<!-- END. Комментарии к репутации -->

<!--Смена аватара в топике © Deff, Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
<!-- END. Смена аватара в топике © Deff, Alex_63 -->


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


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

<!--//Скрипт "Тихого Цитирования" с группой настроек © Deff//-->
<script type="text/javascript">
settingQuote2 = {
  kn_Name: 'Цитировать тихо', /*Наименование кнопки цитировать*/
  kn_title: '', /*Всплывающая подсказка на кнопке, если значение пустое (''), — подсказка не всплывает!*/
  button_sequence: 1,  /*1 — кнопка идёт за стандартной цитатой, 0 — впереди стандартной*/
  hide_button_quote: 0,  /*1 — кнопка стандартной цитаты скрыта — , 0 — остаётся!*/
  visible_forums: [2,7]   /*ID форумов установки кнопки тихой цитаты*/
}</script>
<script type="text/javascript" src="//forumstatic.ru/files/001c/5b/2f/82101.js?"></script>
<!--//конец//-->

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

<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [{
    class: 'day',
    name: 'День'
}, {
    class: 'night',
    name: 'Ночь'
}, {
    class: 'dark',
    name: 'Темнее'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("html").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).pun_mainReady(function(){$("#stylelist").length||$("#html-header").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script> <!-- Смена стиля - END -->

Код:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Monomakh&display=swap');
</style>

<script type="text/javascript">
$(document).ready(function() {
  // Список ID элементов, которые нужно переместить
  var elementsToMove = ['#pa-fld6', '#pa-fld3', '#pa-fld2', '#pa-fld5'];

  // Перебираем каждый элемент и перемещаем его
  elementsToMove.forEach(function(elementId) {
    var elementToMove = $('#viewprofile td#profile-right ' + elementId);
    $('#viewprofile td#profile-left').append(elementToMove);
  });
});
</script>

<!-- всплывающие подсказки by Вещий Дух --><script>

$('#viewprofile li#pa-online').each(function(){
$(this).attr('title',$(this).text());
});

$('#viewprofile li#pa-edit a').each(function(){
$(this).attr('title',$(this).text());
});

</script>


<!-- горизонтальная прокрутка -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
  const scrollContainer = document.querySelector('.FootBanners .cont'); // Укажи класс или ID контейнера с горизонтальной прокруткой

  if (scrollContainer) {
    scrollContainer.addEventListener('wheel', function(event) {
      // Отменяем стандартное поведение прокрутки
      event.preventDefault();

      // Прокручиваем контейнер горизонтально
      scrollContainer.scrollBy({
        left: event.deltaY < 0 ? -200 : 200, // Направление и скорость прокрутки
        behavior: 'smooth' // Плавная прокрутка
      });
    });
  }
});
</script>

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
  const scrollContainer = document.querySelector('.forumNews'); // Укажи класс или ID контейнера с горизонтальной прокруткой

  if (scrollContainer) {
    scrollContainer.addEventListener('wheel', function(event) {
      // Отменяем стандартное поведение прокрутки
      event.preventDefault();

      // Прокручиваем контейнер горизонтально
      scrollContainer.scrollBy({
        left: event.deltaY < 0 ? -200 : 200, // Направление и скорость прокрутки
        behavior: 'smooth' // Плавная прокрутка
      });
    });
  }
});
</script>
<!-- конец горизонтальная прокрутка -->








<!-- Скрипт смены имиджа Человек-Шаман -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
  hvScriptSet.addMask({
    forumAccessExtended: {
      'акции': ['Принятые'],
      'личные темы': ['Принятые'],
      'фандом': ['Принятые'],
      'межфандом': ['Принятые'],
      'альтернатива': ['Принятые'],
      'доигрались': ['Принятые'],
      'общение': ['Принятые'],
      'игры': ['Принятые'],
      'флэшмобы и конкурсы': ['Принятые'],
      'архив недоигранных эпизодов': ['Принятые'],
      'общий архив': ['Принятые'],
    },
    changeList: {
      'pafld1': {
        title: 'личное звание',
        description: '',
        tag: 'lz',
        class: 'pa-fld2',
        defaultCode: '<div class="userlz"><div class="ankl"><a target="_blank" href="https://circuscross.rusff.me">Имя</a></div><div class="lz">Текст лз</div></div>',
        type: 'html'
      },
      'pafld5': {
        title: 'Фандом',
        description: '',
        tag: 'fnd',
        class: 'pa-fld3',
        defaultCode: 'название фандома',
        type: 'html'
      }
    }
  });
</script>

<!--Контейнер статистики-->
<script type="text/javascript">$(".category thead").remove();
$("#pun-stats .statscon").each(function(){
  $(this).find("li#onlinelist.item5.onlinelist").before("<div class=\"statcont\"></div>");
  $(this).find("li.item1,li.item2,li.item3,li.item4").appendTo($(this).find(".statcont"));
  $(this).find("li.item1,li.item2,li.item3,li.item4").css(cssObj);
});</script>


<!--Объединение ссылок-->
<script>
$('div#pun-viewtopic .post-author').each(function(){
$(this).find('.pa-posts,.pa-respect,.pa-fld4').wrapAll('<div class="ProfileStat">');
});

$('#pun-index td.tcr').each(function(){
$(this).find('a:nth-child(2), span.lastpost').wrapAll('<div class="LinkLastpost">');
});

$('div#pun-searchposts .post h3 span').each(function(){
$(this).find('a').wrapAll('<div class="h3Links">');
});

$('#viewprofile').each(function(){
$(this).find('#pa-respect, #pa-positive, #pa-fld4, #pa-fld1').wrapAll('<div class="repStat">');
});
</script>


<!-- Универсальный скрипт замены © Alex_63 -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}

Change('#pun-stats li.item1','Всего тем: ','Тем: ');
Change('#pun-stats li.item2','Всего сообщений: ','Соо: ');
Change('#pun-stats li.item3','Зарегистрированных пользователей: ','зрителей: ');
Change('#pun-stats li.item4','Последним зарегистрировался: ','заглянул на огонёк: ');
Change('.statscon .item5 span','Активны','смотрят шоу');
Change('li#navadmin a span','Администрирование','АМС');
Change('div#viewprofile li#pa-email strong',' - ','');
Change('div#viewprofile li#pa-email strong','(Скрыт)','');
Change('a#user-posts','Показать все сообщения','Все сообщения');
Change('a#user-topics','Показать все темы','Все темы');

</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)
</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 src='http://forumstatic.ru/files/0012/9a/62/92819.js'></script>
<script>
$(function(){
$('*[title]').quicktip({
speed:700 //Скорость появления подсказки
});
});
</script>
<script type="text/javascript">$(function() {$('img.UserGift').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>
<!-- ремув ненужных подсказок -->
<script type="text/javascript">
$('input[value="Отправить"],input[value="Посмотреть"],.pa-avatar img[title],div.post-rating a,.post-vote a').removeAttr('title');
</script>

<style>
#tooltip {
    position:absolute;
    margin: -30px 10px 10px 10px;
    display:none;
    text-align: center;
    padding: 6px;
    font-size: 12px;
    font-weight: normal;
    color: #cbcbcb !important;
    background: #36353d !important;
    box-shadow: none;
    border: 1px solid #cbcbcb !important;
    border-radius: 10px !important;
    font-family: Golos !important;
    z-index: 999999999999999;
    opacity: 1 !important;
}

body .tipsy.gam .tipsy-inner, .tipsy-inner {
    font: normal 12px Golos  !important;
    background-color: #36353d !important;
    color: #cbcbcb !important;
    border-radius: 10px !important;
    border: 1px solid #cbcbcb !important;
    opacity: 1 !important;
}

.tipsy-s .tipsy-arrow, .tipsy-arrow {border-color: rgba(0, 0, 0, 0) transparent transparent transparent !important;}
</style>

<!-- Счетчик символов © Deff -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng"">написано: <b>00</b> </small>';epl.parents("fieldset").find("#form-buttons table").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>

<!-- Исключение из "Цитировать" подписи и "отредактировано" © Deff -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>

<!-- Переключение раскладки выделенного текста v.2 -->

<script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');
function LatRus(){
  lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
  lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
  lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|');
  rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split('');
  rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
  rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.');
  var selstart = document.getElementById("main-reply").selectionStart;
  var selend = document.getElementById("main-reply").selectionEnd;
  L=$('#main-reply').val();
  if (typeof selstart === "number" && typeof selend === "number"){
    var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat');
    var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0;
      selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i);
      if (latend != -1) {selend = selstart+latend;}}
    L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){
      for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script>

<!-- END. Переключение раскладки выделенного текста v.2 -->

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 mod by ForumD.ru  -->
<script type="text/javascript">
  var DefAvtr = 'https://forumstatic.ru/files/001c/5b/2f/20320.png'; //Ссылка на аватар по умолчанию
  var GuestAvtr = 'https://forumstatic.ru/files/001c/5b/2f/20320.png'; //Ссылка на аватар для Гостя

  $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function () {
    var b = DefAvtr;
    if ($(this).parent().find('.pa-title').text() == 'Гость') {
      b = GuestAvtr;
    }
    var s = '<li class="pa-avatar item2"><img class="defavtr" src="' + b + '" alt="Аватар"/></li><li class="pa-online" id="guest"></li>';
    if ($(this).parent().find('.pa-avatar').html() == null) $(this).after(s);
  });
  $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="' + DefAvtr + '"/></div>');
</script>
<!-- END. Аватар для гостя и по умолчанию / Deff, Alex_63 mod by ForumD.ru  -->


<!-- Музыка в постах и подписях (c) Emerael, Часть 2 в ХТМЛ-Низ -->

<script>
  (()=>{
    const selectors = [
      '#profile-signature:contains("[audio=")', //подпись в профиле
      '.parsedsig:contains("[audio=")', //предпросмотр подписи
      '.post-body:contains("[audio=")', //посты и подписи в них
    ];
    const replaceAudio = () => {
      const containMusic = $(selectors.join(', '));
      containMusic.each((_, el) => {
        const re = /\[audio=([^\]]+)]([^[]+)\[\/audio\]/gmi;
        el.innerHTML = el.innerHTML.replace(re, `<div class="audio-block"><span class="audio-title">$2:</span><audio controls src="$1">
  <span>ваш браузер не поддерживает HTML5 аудио. Вот взамен
     <a href="$1">ссылка на трек</a></span>
</audio></div>`);
      });
    };
    replaceAudio();
    $(document).on('pun_post', () => {replaceAudio()});
  })();
</script>

<!-- END. Музыка в постах и подписях (c) Emerael, Часть 2 в ХТМЛ-Низ -->


<!-- Ссылка на авторский пост в цитате // 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>

<!-- END. Ссылка на авторский пост в цитате // v.3 © Alex_63 -->

<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->

<script type="text/javascript">
  $('.post-content').each(function() {
    var CNT = $(this).html();
    CNT = CNT.replace(/<p><br><\/p>/img,'');
    CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
    CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
    $(this).html(CNT);
  });
</script>

<!-- END. Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->

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

<!-- END. Длинное тире -->


<!-- Быстрое редактирование постов © Alex_63 // V.3 -->

<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

<!-- конец Быстрое редактирование постов © Alex_63 // V.3 -->

<!-- Кнопки Вверх/Вниз -->

<div class="top_bottom">
  <div class="go-up" id='ToTop'><div class="inner"><span>Up</span></div></div>
  <div class="go-down" id='OnBottom'><div class="inner"><span>Down</span></div></div>
</div>

<script type="text/javascript">
  $(function () {
    if ($(window).scrollTop() >= "250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function () {
      if ($(window).scrollTop() <= "250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop() <= $(document).height() - "999") $("#OnBottom").fadeIn("slow")
    $(window).scroll(function () {
      if ($(window).scrollTop() >= $(document).height() - "999") $("#OnBottom").fadeOut("slow")
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function () {
      $("html,body").animate({scrollTop: 0}, "slow")
    })
    $("#OnBottom").click(function () {
      $("html,body").animate({scrollTop: $(document).height()}, "slow")
    })
  });
</script>

<!-- Кнопки Вверх/Вниз -->


<!-- Кликабельность ника в постах Гостя -->

<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>

<!-- END. Кликабельность ника в постах Гостя -->

<!-- Восстановление последнего поста при утере by Человек-Шаман -->

<script>
  $(document).ready(function() {
    $('#addition-area').append(function() {
      return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
    });
    function restoreLastPost() {
      $('#main-reply').val(localStorage.ReservePost);
    };
  });
</script>

<!-- Восстановление последнего поста при утере by Человек-Шаман -->


<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->

<script> if($('#pun-viewtopic').length)$(window).load(function () {
  if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<!-- END. Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->


<!-- Новые сообщения -->

<script type="text/javascript">
  function show_new() { if(GroupID == 3) return;
    $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>

<!-- END. Новые сообщения -->


<!-- Разделение ников пользователей в теме запятой -->

<script>$('#topic-users-in a').prev('a').after(',');</script>

<!-- END. Разделение ников пользователей в теме запятой -->


<!-- Изображение ссылкой в форму ответа -->

<script>
  var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index: 20;position: absolute;margin: -14px 0 0 -5px;color: var(--mainText);font-family: 'Roboto';font-size: 10px;\">2</p></b></td>"
  $("#button-image").after(oldIMG);
</script>

<!-- END. Изображение ссылкой в форму ответа -->

<!-- Отключить Поделиться/Граффити/Вложения -->

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

<!-- END. Отключить Поделиться/Граффити/Вложения -->

<!-- Абзац [indent] -->

<style>#button-indent {background:url(http://upforme.ru/uploads/001b/b4/ca/2/683292.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:0em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
  $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- END. Абзац [indent] -->



<!-- Обтекание изображения 2.4.4 -->

<script language="javascript">
  $(function () {
    $('td#button-link').before('<td id="floatbut" title=\'Обтекание изображения\' style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.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">
  <div><strong>Направление обтекания</strong></div>
  <br>
  <div align="center">
    <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left"
         onclick="bbcode('[float=left]', '[/float]')"/>
    <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right"
         onclick="bbcode('[float=right]', '[/float]')"/>
  </div>
</div>

<!-- END. Обтекание изображения 2.4.4 -->

<!-- кнопка редактирования лз для админов / © hagalnaud&nothingale -->
 <script type="text/javascript">
var posts = $(".post");
posts.each(function() {
  var senderId = $(this).data("user-id");
  var editLink = $("<a>").attr("href", "/profile.php?section=fields&id=" + senderId).attr("rel", "nofollow").text("смена лз");
  var editLi = $("<li>").addClass("editpole").append(editLink);
  $(this).find(".pl-email.pm").after(editLi);
});</script>
<style>li.editpole {display: none!important; float: left;}
.isadmin li.editpole {display: inline-flex!important;}
</style>

<script>
  /**
   * Удаляем форум с главной
   */

  let hidden = document.querySelectorAll('.tcl .hidden');

  hidden.forEach(hide => {
    let removedForum = hide.parentNode.parentNode.parentNode.parentNode;

    removedForum.remove();
  });
</script>


<!-- БАННЕРЫ -->
<div class="FootBanners"><div class="cont">
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>

<a href="https://mayak.f-rpg.me/?utm_medium=banner88forum"><img src="https://forumstatic.ru/files/001b/ff/2a/54102.webp" title="Маяк. Сообщество ролевиков и дизайнеров" alt="Маяк. Сообщество ролевиков и дизайнеров"></a>

<a href="https://rpgtop.su/27126" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<a href="https://swamptown.f-rpg.me" target=_blank><img src="https://forumstatic.ru/files/001c/70/74/39334.jpg" title="2024 - мистика - ужасы, выживание"></a>

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

<a href="https://notacross.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" title="notacross" border="0" alt="notacross"></a>

<a href="https://gemcross.ru"><img src="https://gdivir.ru/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross" alt="GEMcross ждет"></a>

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

<a href="https://execute.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/f1/3b/2/979947.png" alt="Execute" title="Execute [кроссовер]" width="88" height="31"></a>

<a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="http://upforme.ru/uploads/0019/7e/db/2/13331.png" border="0"/></a>

<a href="https://kicks-and-giggles.ru/" title="kicks & giggles crossover" target="_blank"><img src="https://upforme.ru/uploads/0019/e7/0f/2/438078.jpg" width="88" height="31" border="0"></a>

<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/5a/62/68424.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a>

<a href="https://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" title="cursed land" alt="cursed land" border="0"></a>

<a href="https://tothegrave.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/44/9e/102/255332.png" border="0" title="to the grave" width=88 height=31></a>

<a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://upforme.ru/uploads/001c/38/b6/4/363538.gif" width="88" height="31" border="0"></a>

<a href="https://aura.rusff.me/"><img src="https://i.imgur.com/nOuLdbD.gif"></a>

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

<a href="http://rialan.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/52/36/19/859610.png" title="RIALAN: doomed to die"></a>

<a href="https://marvelhaven.f-rpg.me/" title="Marvel: Haven" target="_blank"><img src="https://forumstatic.ru/files/001c/66/bc/16203.jpg"></a>

<a href="https://phantazia.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/3b/ab/54782.gif" title="PHANTAZIA // celebrity life"></a>

<a href="https://eveningstop.rusff.me/" title="кроссовер для уставших" target="_blank"><img src="https://i.imgur.com/vMkJyh4.png" width="88" height="31" border="0"></a>

<a href="https://nxvrlnd.rusff.me/" title="neverland: south korea, multilocation" target="_blank"><img src="https://upforme.ru/uploads/001c/23/e3/10/313312.png"></a>

<a href="https://hollowwalls.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/7a/42/5/159302.png" title="crossover hollow walls endless halls" border="0" width="88" height="31"></a>

<a href="https://rrriot.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001c/7c/51/9/116374.png' title="будь кем хочешь"/></a>

<a href="https://btwn.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/73/d1/4/801476.png" width="88" height="31"></a>

<a href="https://liesoftales.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/7d/d4/57632.png" title="Lies of tales: персонажи сказок в современном мире, рисованные внешности" alt="Lies of tales: персонажи сказок в современном мире, рисованные внешности" target="_blank"></a>

<a href="https://sunnycross.ru/"><img src="https://forumstatic.ru/files/001c/73/be/65745.jpg"></a>

<a href="https://pulseofny.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/0f/f1/22/33452.gif" title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a>

<a href="https://fov.rusff.me" target="_blank" title="field of vision [crossover]"><img src="https://forumstatic.ru/files/001c/67/0f/54015.png" alt="crossover"></a>

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

</div></div>
<!-- Фон подвала -->
<div class="podval"></div>

Код:

<!-- ШРИФТЫ -->
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages,#pun-profile').length)(function () {
  var ft = $("#font-area"),i,FntArr,j = "";

  FntArr=new Array (
 "Amatic SC",     
  "Bad Script",     
"Caveat",  
 "Comfortaa",  
   "Comforter Brush",  
   "Cormorant Garamond",   
  "Cormorant SC",  
  "Great Vibes",   
  "Hachi Maru Pop", 
    "Klee One",  
   "Lobster",   
  "Montserrat Alternates",   
"Neucha",
 "Pacifico", 
 "Roboto",  
 "Ruslan Display",  
"Yeseva One",   
"Deutsch Gothic",   
"Visitor",   
"Journalism",   
"Cheque",   
"Neue",   
"Neue Light",   
"Manege",   
"Helmswald",   
"Playfair Display SC",   
"Poiret One",
"Screpka",
"Salwey",
"Massivertical",
"ForestSmooth",
"Daneehand",
"Czizh",
"copilot",
"Conkordia",
"Carmen",
"Vertiger",
"UrbanSlavic",
"Frantz",
"SturkopfGrotesk",
"Serpantin",
"SantaCatarina",
"Rosemaria",
"Riviera",
"Pelmeshka",
"PassionsConflict",
"Moyenage",
"Gardenia",
"epos",
"copilot",
"Bimbo-Whiteboard",
"Bimbo-Sharpie",
"Abril Fatface", 
"Arima", 
   "Cinzel", 
   "Edu QLD Beginner",    
 "Indie Flower",   
   "Koulen",  
 "Satisfy",   
"Shadows Into Light",   
"The Nautigal",
"Anton",   
 "Bebas Neue",    
   "Kaushan Script",   
  "Gloria Hallelujah",  
   "Gochi Hand",   
  "Sigmar One",   
  "Homemade Apple", 
   "Nanum Brush Script",  
   "Nothing You Could Do",  
  "Merienda",
  );

  for (i=0;i<FntArr.length;i++ ){j+='<div><span style="font-family:'+FntArr[i]+'">'+FntArr[i]+'</span><img src="/i/blank.gif" onclick="\
    bbcode(\'[fo'+'nt='+FntArr[i]+']\',\'[/font]\')" /></div>';};ft.append(j)}())
</script>  



<!--------эмодзи-------->
<script type="text/javascript">
SmilesNewArray=new Array(
'https://i.imgur.com/yyHue53.png',
'https://i.imgur.com/LVvNqaA.png',
'https://i.imgur.com/AMkiFqK.png',
'https://i.imgur.com/GiAeyLI.png',
'https://i.imgur.com/Gk20orm.png',
'https://i.imgur.com/GP3EI0f.png',
'https://i.imgur.com/qBawjJY.png',
'https://i.imgur.com/xceK4nV.png',
'https://i.imgur.com/a6qZXy9.png',
'https://i.imgur.com/QtxcBKZ.png',
'https://i.imgur.com/jFPy14q.png',
'https://i.imgur.com/vBggpGd.png',
'https://i.imgur.com/8G39aQ3.png',
'https://i.imgur.com/7BJifhE.png',
'https://i.imgur.com/pFwC88e.png',
'https://i.imgur.com/DvK5URN.png',
'https://i.imgur.com/K9x79Jj.png',
'https://i.imgur.com/pP4Fi9u.png',
'https://i.imgur.com/5bk9n9r.png',
'https://i.imgur.com/NogF36D.png',
'https://i.imgur.com/iY06dVL.png',
'https://i.imgur.com/swXg7hS.png',
'https://i.imgur.com/2lmdbhg.png',
'https://i.imgur.com/NpvukpB.png',
'https://i.imgur.com/GUwJZY7.png',
'https://i.imgur.com/TvfMKpb.png',
'https://i.imgur.com/5pDwOnR.png',
'https://i.imgur.com/31xEsHm.png',
'https://i.imgur.com/Aprts9q.png',
'https://i.imgur.com/XUflbm1.png',
'https://i.imgur.com/Y3MUbZi.png',
'https://i.imgur.com/AuE1lTw.png',
'https://i.imgur.com/wZLjKsb.png',
'https://i.imgur.com/OVWSVkH.png',
'https://i.imgur.com/Vq8kyiH.png',
'https://i.imgur.com/6qrOeve.png',
'https://i.imgur.com/LyqccuF.png',
'https://i.imgur.com/R5R0lB3.png',
'https://i.imgur.com/LcuF5fR.png',
'https://i.imgur.com/SGgMohU.png',
'https://i.imgur.com/ICGO1MO.png',
'https://i.imgur.com/EaNJI6Y.png',
'https://i.imgur.com/LP6lRYl.png',
'https://i.imgur.com/941bUZb.png',
'https://i.imgur.com/XQEEEvV.png',
'https://i.imgur.com/rE8DhsS.png',
'https://i.imgur.com/81dJhOY.png',
'https://i.imgur.com/ZghTUjz.png',
'https://i.imgur.com/UD9JAcu.png',
'https://i.imgur.com/6rvVkKH.png',
'https://i.imgur.com/6ziwZm1.png',
'https://i.imgur.com/a9x5LOq.png',
'https://i.imgur.com/ZB77kg6.png',
'https://i.imgur.com/Q2pEwIF.png',
'https://i.imgur.com/SUwQ0q7.png',
'https://i.imgur.com/AbxCc70.png',
'https://i.imgur.com/qPDOt6H.png',
'https://i.imgur.com/RkBZYia.png',
'https://i.imgur.com/1AKlzOh.png',
'https://i.imgur.com/Q5TmrTJ.png',
'https://i.imgur.com/Vx39sbX.png',
'https://i.imgur.com/DgyGUxD.png',
'https://i.imgur.com/yAjGclz.png',
'https://i.imgur.com/k3RiYGS.png',
'https://i.imgur.com/h4wNgyt.png',
'https://i.imgur.com/L4TG1fB.png',
'https://i.imgur.com/Mt2qGRk.png',
'https://i.imgur.com/BdxNLXz.png',
'https://i.imgur.com/XMQNf08.png',
'https://i.imgur.com/Rk2MjhW.png',
'https://i.imgur.com/C2ossPI.png',
'https://i.imgur.com/ypZjemP.png',
'https://i.imgur.com/c1xmHn7.png',
'https://i.imgur.com/bFqbS19.png',
'https://i.imgur.com/o92zqt2.png',
'https://i.imgur.com/LcvQt8b.png',
'https://i.imgur.com/LFXyuHm.png',
'https://i.imgur.com/LttL6n2.png',
'https://i.imgur.com/C6bzwjJ.png',
'https://i.imgur.com/xkOPneh.png',
'https://i.imgur.com/Wjl2qqB.png',
'https://i.imgur.com/84MMsIA.png',
'https://i.imgur.com/7FWAsvu.png',
'https://i.imgur.com/dWSNOPV.png',
'https://i.imgur.com/2MY7jGB.png',
'https://i.imgur.com/92Aa8z4.png',
'https://i.imgur.com/KMoFWTk.png',
'https://i.imgur.com/WctCgrH.png',
'https://i.imgur.com/zwxHUME.png',
'https://i.imgur.com/18kuPg0.png',
'https://i.imgur.com/NLI1QsG.png',
'https://i.imgur.com/NLQ5UF8.png',
'https://i.imgur.com/Sbqu8Wa.png',
'https://i.imgur.com/xdiuDgQ.png',
'https://i.imgur.com/Tn8faJd.png',
'https://i.imgur.com/XJn4TOz.png',
'https://i.imgur.com/mMvoi7M.png',
'https://i.imgur.com/tuFuBRx.png',
'https://i.imgur.com/HKeBcPW.png',
'https://i.imgur.com/w79BJNA.png',
'https://i.imgur.com/e6POAXB.png',
'https://i.imgur.com/gI6GjuG.png',
'https://i.imgur.com/O3lsIsq.png',
'https://i.imgur.com/lYNZIlB.png',
'https://i.imgur.com/ymIvwaU.png',
'https://i.imgur.com/5zKTvbU.png',
'https://i.imgur.com/xAH3FD1.png',
'https://i.imgur.com/EBIdODu.png',
'https://i.imgur.com/QPp582r.png',
'https://i.imgur.com/ypdEojD.png',
'https://i.imgur.com/E24hF9P.png',
'https://i.imgur.com/u1NKr7D.png',
'https://i.imgur.com/PMqRE0H.png',
'https://i.imgur.com/xFGgc1A.png',
'https://i.imgur.com/w92sF3u.png',
'https://i.imgur.com/TbcUM1x.png',
'https://i.imgur.com/ntzLJju.png',
'https://i.imgur.com/LEg3zFs.png',
'https://i.imgur.com/8AzbQ8P.png',
'https://i.imgur.com/0QKsXGD.png',
'https://i.imgur.com/S41Qg5g.png',
'https://i.imgur.com/PmnhluR.png',
'https://i.imgur.com/dAqbtJS.png',
'https://i.imgur.com/jslBgo9.png',
'https://i.imgur.com/nB4M7Or.png',
'https://i.imgur.com/tAqop4Z.png',
'https://i.imgur.com/XfSQfux.png',
'https://i.imgur.com/a1mLlTu.png',
'https://i.imgur.com/ufrq0HT.png',
'https://i.imgur.com/7R82w8H.png',
'https://i.imgur.com/N8iaCb3.png',
'https://i.imgur.com/bS0sYm9.png',
'https://i.imgur.com/ttyNar2.png',
'https://i.imgur.com/APWFsuD.png',
'https://i.imgur.com/eQ9Rv38.png',
'https://i.imgur.com/1L3mtQr.png',
'https://i.imgur.com/cXimOlI.png',
'https://i.imgur.com/koNHKLm.png',
'https://i.imgur.com/P5hinJ6.png',
'https://i.imgur.com/2v458Ma.png',
'https://i.imgur.com/ih2rn3g.png',
'https://i.imgur.com/CpmQGdX.png',
'https://i.imgur.com/oPF84U7.png',
'https://i.imgur.com/ZlWBNOk.png',
'https://i.imgur.com/7kkWybp.png',
'https://i.imgur.com/DVZTMCx.png',
'https://i.imgur.com/aH2rkKi.png',
'https://i.imgur.com/Zjt3DFM.png',
'https://i.imgur.com/IjicE7L.png',
'https://i.imgur.com/oXyQEC2.png',
'https://i.imgur.com/O3LYD05.png',
'https://i.imgur.com/xfwt86P.png',
'https://i.imgur.com/GCAo2Ak.png',
'https://i.imgur.com/FJsILUb.png',
'https://i.imgur.com/xvki7S1.png',
'https://i.imgur.com/mocLxcg.png',
'https://i.imgur.com/0tAsCZE.png',
'https://i.imgur.com/0Pvp2ln.png',
'https://i.imgur.com/OeOk7KD.png',
'https://i.imgur.com/1UEA8Ui.png',
'https://i.imgur.com/clpRG8p.png',
'https://i.imgur.com/0yMzfMi.png',
'https://i.imgur.com/QV5Idjd.png',
'https://i.imgur.com/UWrMASB.png',
'https://i.imgur.com/Kd4369w.png',
'https://i.imgur.com/pA0cgv9.png',
'https://i.imgur.com/fyMw8Pi.png',
'https://i.imgur.com/h3fQ2IM.png',
'https://i.imgur.com/YBvy2xf.png',
'https://i.imgur.com/226Goe1.png',
'https://i.imgur.com/YX7KC10.png',
'https://i.imgur.com/4DB9zZF.png',
'https://i.imgur.com/pTMi2Zj.png',
'https://i.imgur.com/haz45uG.png',
'https://i.imgur.com/XAi1pci.png',
'https://i.imgur.com/5QTzSg7.png',
'https://i.imgur.com/LpwFC3T.png',
'https://i.imgur.com/ISz1E6M.png',
'https://i.imgur.com/hgqTqnq.png',
'https://i.imgur.com/PsqouUR.png',
'https://i.imgur.com/DXCemCN.png',
'https://i.imgur.com/DJq5oIO.png',
'https://i.imgur.com/nBVlkyy.png',
'https://i.imgur.com/pKQ7d05.png',
'https://i.imgur.com/hlyA7ew.png',
'https://i.imgur.com/bUVCUsH.png',
'https://i.imgur.com/rG9ChuM.png'
 //End myarray_!!Последняя ссылка без Запятой!!!
)

var L1='<img src="',L2='" style="cursor: pointer" onclick="smile(\'[img]',
L3="'+this.src+'[/img]')\" /> ";

$("#smilies-block").html("")
for(var i=0;i<SmilesNewArray.length;i++){$("#smilies-block").append(L1+SmilesNewArray[i]+L2+L3);}

</script>

<!----- Дополнительные смайлы by Человек-Шаман ----->
<script src="https://forumstatic.ru/files/001b/fc/e6/35204.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/5b/2f/34499.txt");
});
</script>

<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>


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

<!-- Взаимная реклама © max, the murderer! 24.09.2024 -->
<script>
if ((GroupID <= 2 || GroupID == 6 || GroupID == 5) && (FORUM.get('topic.subject') && FORUM.get('topic.subject').match("реклама"))) $(document).on('pun_main_ready pun_post', function() {
    $('.post').each(function() {        
        if ($(this).find('.pl-mutualPR').length) return;
        var link = $(this).find('h3 span > a.permalink').attr('href');
        link = '\n\n[url='+link+']Взаимная реклама[/url]';
        
        // Задаём шаблоны
        var template = [
            
            '[align=center][url=https://circuscross.rusff.me/][img]https://upforme.ru/uploads/001c/5b/2f/2/837354.png[/img][/url][/align]', '[align=center][url=https://circuscross.rusff.me/][img]https://upforme.ru/uploads/001c/5b/2f/2/448312.png[/img][/url][/align]', '[align=center][url=https://circuscross.rusff.me/][img]https://i.imgur.com/LWWhjuN.png[/img][/url][/align]' // последний элемент БЕЗ запятой

        ];
        
        template = template[Math.floor(Math.random() * template.length)];
        $(this).find('.post-links ul').append('<li class="pl-mutualPR"><a href="javascript://">Взаимная реклама</a></li>');
        $(this).find('.pl-mutualPR a').click(function() {
            var temp = $('<textarea>');
            $('body').append(temp);
            $(temp).val(template + link).select();
            document.execCommand('copy');
            $(temp).remove();
            $.jGrowl("Наш шаблон и ссылка на взаимную рекламу скопированы!");
        });
    });
});
</script>

<!-- Кубики -->
<input type="button" class="dicebutton" onclick="dice()" value="Кинуть кубики" />
<script type="text/javascript">
function dice()
{
	var FoundErrors = '';
	var diceRes=""
	var CountCube = prompt("Количество кубиков", "3");
	var SideCube = prompt("Сколько граней у кубика?", "6");
	if(CountCube>9){
	alert("Нельзя бросать столько кубиков"); 
	return false;}
	if(SideCube>9){
	alert("Не бывает таких кубиков"); 
	return false;}
	if (!CountCube)
	{return false;}
	if (!SideCube)
	{return false;}
	for(i=0; i<CountCube;i++){
	var dice = (Math.round(Math.random()*SideCube))
	if(dice==0) dice=1;
	diceRes += dice*1936+"-"
	}
	smile('[dice='+diceRes+CountCube+SideCube+']')
}
</script>
<script>
function addDice(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[dice=",from))==-1) return str;
if((pos2=str.indexOf("]"),pos+6)==-1) return str;
newpos=str.indexOf("]",pos+6)
if(newpos<pos2 && newpos!=-1) str=addDice(str,pos+6,true)
if((pos2=str.indexOf("]",pos+6))==-1) return str;
str=str.substring(0,pos)+makeDice(str.substring(pos+6,pos2))+str.substring(pos2+1,str.length)
if( str.indexOf("[dice=")!=-1 && internal==false) str=addDice(str,0,false)
return str}
 
function makeDice(dice){
diceMass = dice.split("-")
diceC = dice.substring(dice.length-2, dice.length-1)
diceS = dice.substring(dice.length-1, dice.length)
var diceR=0, diceRu="";
for(i=0;i<diceMass.length-1;i++){diceR+=diceMass[i]/1936;}
for(i=0;i<diceMass.length-1;i++){if(diceMass[i]==diceMass[diceMass.length-2]){diceRu+=diceMass[i]/1936;}else{diceRu+=parseInt(diceMass[i]/1936)+"+";}}
txt="<div class=\"quote-box\"><blockquote><p><b>Количество кубиков</b>: "+diceC+"<br /><b>Граней в кубике</b>: "+diceS+"<br /><br /><b>Результаты броска</b>: ("+diceRu+")="+diceR+"</p></blockquote></div>"
return txt}
 
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addDice(post.innerHTML,0,false)}}
</script>

Код:

<div class="forumNews">

<a href="https://circuscross.rusff.me/viewtopic.php?id=263#p9676"><date>21/08</date><Ln><Ln1>собираем пазлы</Ln1><Ln2>и никакого суицида</ln2></Ln></a>
</div>


<!-- ЗАПОЛНЕНИЕ ТАБЛИЦЫ ШАПКИ -->


<!-- Постописцы --><div class="posto"><hd>Игроки</hd>
<wrap>
<a target="_blank" href="https://circuscross.rusff.me/profile.php?id=182">Каарас</a>
<a target="_blank" href="https://circuscross.rusff.me/profile.php?id=385">Ксиррик</a>
<a target="_blank" href="https://circuscross.rusff.me/profile.php?id=388">Лорис</a>
</wrap>

</div>

<!-- Флудеры --><div class="flood"><hd>Флудеры</hd>
<wrap>
<a target="_blank" href="https://circuscross.rusff.me/profile.php?id=306">Блэйд</a>
<a target="_blank" href="https://circuscross.rusff.me/profile.php?id=442">Ада</a>
<a target="_blank" href="https://circuscross.rusff.me/profile.php?id=421">Данте</a>
</wrap>

</div>


<!-- Нужные --><div class="need"><hd>Нужные</hd><wrap>

<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=5&p=2#p102886" title="кастория"><img src="https://upforme.ru/uploads/001c/5b/2f/2/962894.png"></a>


<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=5&p=2#p107055" title="химеко"><img src="https://upforme.ru/uploads/001c/5b/2f/2/715162.png"></a>

<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=5&p=2#p105037" title="алиса"><img src="https://upforme.ru/uploads/001c/5b/2f/2/304282.png"></a>

<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=5#p67330" title="нитка хардинг"><img src="https://upforme.ru/uploads/001c/5b/2f/2/636351.png"></a>
</wrap></div>


<!-- Эпизод --><div class="epiz"><hd>Эпизод недели</hd>

<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=1094#p114326">вспышка сверхновой на прощание</a>

</div>



<!-- Пост недели --><div class="postweek">
<hd>Пост от <a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=976#p112635">Рика</a></hd><wrap>Хотелось бы Кайлу сказать, что его эта тема волнует куда меньше, но это была бы ложь в чистом виде. Магия интересует его не меньше, чем брата, только вызывает совсем иные чувства: интерес, а не страх. Он завороженно высматривает магов, когда они плывут на корабле. Запершись в каюте, пока никто не видит, он опасливо снимает один из браслетов, пытаясь понять, неужели и он может вот так, как эти люди? Страх окутывает его, не позволяя запустить процесс, высвобождающей магию. В моменте принц словно знает, что именно нужно делать, хотя его никто никогда не учил, разумеется. Просто это ощущается так легко и естественно... Как дышать. Но, он знает, это — иллюзия. На самом деле магия опасна, неудержима и буйна, как ввалившийся в бордель пьяный солдат.</wrap>
</div>

<!-- Навигация --><div class="navig"><hd>Навигация</hd><wrap>

<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=2">Гостевая</a>
<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=35">Занятые роли</a>
<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=33">Правила</a>
<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=5">Нужные</a>
<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=22">Шаблон анкеты</a>
<a target="_blank" href="https://circuscross.rusff.me/viewtopic.php?id=6">Связь с АМС</a>
</wrap></div>

Код:

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

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

/* A1.1 */
  @import url(style_cs.css);

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC:wght@400;700&family=Anton&family=Arima:wght@100..700&family=Bad+Script&family=Bebas+Neue&family=Caveat:wght@400..700&family=Cinzel:wght@400..900&family=Comfortaa:wght@300..700&family=Comforter+Brush&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+SC:wght@300;400;500;600;700&family=Edu+QLD+Beginner:wght@400..700&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Indie+Flower&family=Kaushan+Script&family=Klee+One&family=Koulen&family=Lobster&family=Merienda:wght@300..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poiret+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal:wght@400;700&family=Yeseva+One&display=swap');


@font-face {
    font-family: 'Moisette';
    src: local('Moisette');
    src: url('//forumstatic.ru/files/001c/55/c1/54284.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Moisette';
    src: local('Moisette');
    src: url('//forumstatic.ru/files/001c/55/c1/82550.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Moisette';
    src: local('Moisette');
    src: url('//forumstatic.ru/files/001c/55/c1/81258.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Moisette';
    src: local('Moisette');
    src: url('//forumstatic.ru/files/001c/55/c1/31247.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/19750.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/11610.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/78444.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/27479.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: local('Playfair Display');
    src: url('//forumstatic.ru/files/001c/67/0f/43983.ttf') format('truetype');
    font-optical-sizing: auto;
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: local('Playfair Display');
    src: url('//forumstatic.ru/files/001c/67/0f/19230.ttf') format('truetype');
    font-optical-sizing: auto;
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: 'Geologica';
    src: local('Geologica');
    src: url('https://forumstatic.ru/files/001c/5b/2f/43375.ttf') format('truetype');
    font-optical-sizing: auto;
    font-weight: 100 900;
    font-style: italic;
}

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

* {
     text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    outline: none !important;
}

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

html {
    background: var(--mainBGimg) top center no-repeat fixed;
    background-size: cover;
    background-color: #AFB7BE;
}



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

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

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

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

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

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


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

/* A3.1 */
body {
    font-size: 100%;
    margin: -30px 0 -30px 0;
    padding: 40px 0 10px 0;
}

/* A3.2 */
.punbb {
  font: normal 12px arial, verdana, helvetica, sans-serif;
color: var(--mainText);
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

abbr {
    cursor: help !important;
    border-bottom: 1px dotted var(--Accent);
}

.post .bookmark {
    right: -47px !important;
}

/* A3.10 */
.punbb a {
text-decoration: none !important;
  }

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


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

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

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


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

/* A5.1 */
#pun {
    margin: 70px auto 30px auto;
    position: relative;
    width: 964px;
    padding: 390px 18px 60px 18px;
    background-color: var(--mainBG);
}

.FootBanners {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 960px;
    display: flex;
    line-height: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 56px;
}

.cont {
    display: flex;
    width: 100%;
    height: 50px;
    overflow: auto hidden;
    gap: 10px;
    justify-content: flex-start;
}

.cont a {margin: auto;}

.podval {
    background: url(https://forumstatic.ru/files/001b/f5/f1/24225.png) top left no-repeat;
    position: absolute;
    width: 1000px;
    height: 107px;
    left: 0;
    bottom: -9px;
    filter: var(--darkFilter);
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

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

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

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

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {

  }

/* A5.9 */
.punbb .container {

  }

/* A5.10 */

#pun-stats h2 {
    pointer-events: none;
}

.category-1 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/11400.png)!important;}
.category-2 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/21368.png)!important;}
.category-3 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/36501.png)!important;}
.category-7 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/24982.png)!important;}
.category-4 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/35570.png)!important;}
.category-5 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/74086.png)!important;}
.category-6 h2 { background: url(https://forumstatic.ru/files/001b/f5/f1/74086.png)!important;}

.category h2, #pun-stats h2 {
    text-align: left !important;
    padding: 0 !important;
    height: 40px;
    overflow: inherit !important;
    z-index: 2;
    position: relative;
    background: url(https://forumstatic.ru/files/001b/f5/f1/94635.png);
    width: 965px;
    font-size: 0 !important;
    margin: 0 !important;
    filter: var(--darkFilter);
}

.category h2 span, #pun-stats h2 span {
}

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
    padding: 5px 10px;
    text-align: center;
    font-family: 'Pragmatica Book';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    margin-bottom: 20px;
}

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

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

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.post-sig dt {
    display: block;
    border-top: 1px solid #dddddd;
    width: 100%;
    margin: 5px 0;
    box-shadow: 0px 1px 0 0 #fff;
}

.night .post-sig dt {
    border-top: 1px solid #9faacb;
    box-shadow: 0px 1px 0 0 #dbdbdb;
}

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

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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    min-height: 30px !important;
    max-height: 50px !important;
    height: inherit !important;
}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 10px 6px 10px 6px;
    padding: 15px 17px 5px 15px;
    border-radius: 4px;
    background: var(--secBG);
}

.quote-box.spoiler-box {

}

.quote-box.spoiler-box > div {
    align-items: center;
    margin: 0 0 9px 0;
    position: relative;
    background: none !important;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto';
    font-size: 13px;
}

.quote-box.spoiler-box > div:before {
    content: '\e7cd';
    font-family: Material Symbols Outlined;
    font-size: 14px;
    position: absolute;
    left: -3px;
    color: var(--Accent2);
}

.post-content .spoiler-box > div.visible:before {
    content: '\f5d2' !important;
}

blockquote.visible {
    padding-top: 9px !important;
    border-top: 1px solid var(--pureGrey);
}


/* B1.9 */
.punbb .code-box strong.legend {
    border-bottom: 1px solid var(--pureGrey);
    padding: 0 0 5px 0!important;
    margin: -10px 0 7px 0 !important;
}

.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 5px;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Golos';
}

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

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  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 */
.modmenu {
    
    font-size: 11px;
}

div#topic-users-in {margin: 20px 0 0 0;}

div#topic-users-in p.container {
    padding: 0 !important;
}

div#topic-modmenu {
    margin: 20px 0 0 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0;
}

div#topic-modmenu p.container {
    padding: 0;
}

.punbb .linkst, .punbb .linksb {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
    height: 25px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.punbb .linksb {
    display: flex;
}

#pun-viewtopic .linksb {
    margin: 20px 0 10px 0;
}

#pun-viewtopic .pagelink {order: 0;}
#pun-viewtopic .postlink {order: 2;}
#pun-viewtopic .subscribelink {order: 3;}

form#messages .postlink {
    border: none;
    box-shadow: none;
    background: none;
}

form#messages .linksb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}


.linkst .pagelink, .linkst .postlink, .linksb .pagelink, .linksb .postlink, #pun-viewtopic .subscribelink {
    width: max-content !important;
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 0;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    font-family: 'Roboto';
}

.linkst .postlink {
    font-weight: bold;
}


/* B3.2 */
.multipage {
  }


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

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

/* C1.1 */
.punbb .formal .container {
  padding: 0 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0;
  margin: 12px 0 0 0;
  }

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

/* C1.4 */
.punbb fieldset {
    padding: 0 10px 0 10px;
    margin: 0 0 10px 0;
    border-style: none !important;
}

form#punbbsearch {
    font-size: 11px;
}

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 5px;
    font-size: 10px;
    font-weight: bold;
    font-family: 'Golos';
    text-transform: uppercase;
}

/* 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: 10px 0;
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

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

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

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

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

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

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


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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  text-transform: lowercase;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
th.tc3.registered {
    width: 12% !important;
}

.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  text-transform: lowercase;
  width: 50%;
  }

/* C2.4 */
#pun-userlist .main .tcl {width: 30%;}


.usertable th {
    text-align: center !important;
    
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

td.tc2.user_title {
    overflow: hidden;
    text-align: center !important;
    font-size: 10px;
}


/* C2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
  text-align: center;
  text-transform: lowercase;
  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 .category {
    background: var(--secBG);
    margin: 0 0 20px 0;
    width: 965px;
}


#pun-index .category tr {
    display: flex;
    margin-bottom: 20px;
    position: relative;
    min-height: 80px;
}

#pun-index .tcl .tclcon {
font-size: 10px;
    text-align: justify;
    width: 480px;
    padding: 10px 0 0 0;
    font-family: pragmatica book;
}

#pun-index .tcl h3 {
    line-height: 0;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: lowercase;
    font-size: 16px;
    font-family: pragmatica medium;
}

.banners {
    margin: 10px 0 0 0;
    text-align: center;
}

#pun-index .tcl ul.links {
    display: flex;
    gap: 10px;
    margin: 10px 0;
    width: 480px;
    flex-wrap: wrap;

}

#pun-index .tcl ul.links a {
    border-radius: 50px;
    display: flex;
    line-height: 0;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    width: max-content;
    color:  var(--Accent2);
    /* text-transform: uppercase; */
    font-weight: 500;
    font-size: 10px;
    font-family: pragmatica book;
    background: var(--mainBG);
}

#pun-index .tcl ul.links a:hover {
    background: var(--Accent2);
    color: var(--pureWhite) !important;
}

#pun-index .category td.tcr {
    padding: 0 20px;
    
    line-height: 130%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.LinkLastpost {
display: flex;
    flex-direction: column;
    text-transform: lowercase;
    gap: 5px;
    font-family: pragmatica book;
}

.LinkLastpost a.lastpost-link {
    text-transform: lowercase;
    font-family: 'Pragmatica Medium';
    font-size: 11px;
    line-height: 1.2;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.11 */
.punbb .main td {
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  }


/* C2.14 */

.multipage .forum tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center;
    position: relative;
    background: var(--secBG);
    padding: 6px 0;
    border-radius: 4px;
}

.multipage .forum thead tr th {
    display: flex;
    justify-content: center;
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 7px;
    letter-spacing: 1px;
    font-family: 'Golos';
}

#pun-index tbody.hasicon td.tcl {
    padding: 0px 0 0 100px;
    position: relative;
    width: 80%;
    overflow: visible !important;
}

#pun-index tbody.hasicon td.tcl .intd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-transform: lowercase;
}

.multipage tbody.hasicon td.tcl .tclcon {
    padding-left: 15px;
}

.multipage tbody.hasicon td.tcl {
    padding: 0px 0 0 3px;
    overflow: visible;
}

.multipage tbody.hasicon td.tcl span.byuser {
    font-size: 10px;
    display: block;
    margin: 0 0 8px 0;
}

.multipage tbody.hasicon span.newtext {
    background: var(--mainLink);
    color: var(--mainLink);
    border-radius: 50px;
    padding: 2px 5px;
    margin: 0 4px 0 -5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'Golos';
    letter-spacing: 0.3px;
}

.multipage tbody.hasicon span.newtext a {
    color: var(--warWhite);
}

.multipage tbody.hasicon span.newtext a:hover {
    color: var(--pureWhite);
}

/* C2.15 */
.punbb div.icon {
  height: 0;
  line-height: 0.0;
  width: 0;
  }

/* C2.16 */
#pun-index table div.icon.inew {
    background: url(https://forumstatic.ru/files/001b/f5/f1/52613.png) top left no-repeat !important;
    opacity: 1 !important;
}

#pun-index table div.icon {
    position: absolute;
    width: 71px;
    height: 84px;
    left: 17px;
    top: 20px;
    background: url(https://forumstatic.ru/files/001b/f5/f1/28637.png) top left no-repeat;
    opacity: 0.3;
}

div#pun-messages table div.icon {
    position: inherit !important;
    width: 10px;
    height: 10px;
    float: left;
    margin: 2px 10px 0 0;
    border-radius: 50px;
    background: var(--pureGrey);
    opacity: .7;
}

div#pun-messages table div.icon.inew {
    background: var(--Accent);
    opacity: 1;
}

.multipage table div.icon {
    width: 10px;
    height: 10px;
    left: -2px;
    top: -3px;
    border-radius: 50%;
    background: var(--pureGrey);
    opacity: 1 !important;
    position: absolute;
}

.multipage table tr.isticky div.icon {
    background: var(--Accent);
}

.multipage table tr.iclosed div.icon {
    background: var(--secText);
}

.multipage table tr.inew div.icon {
    background: url(https://forumstatic.ru/files/001c/5b/2f/25688.png);
    background-size: cover;
    width: 22px;
    height: 22px;
    left: -9px;
    top: -2px;
}


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

/* C3.1 */
.punbb .post .container {
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */

#pun-viewtopic .post h3 {
    padding: 0 0 0 20px !important;
}


.punbb .post h3 {
    height: 19px;
    padding: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 20px 0 30px 0;
    background: var(--profileSecBG);
}

/* C3.3 */

div#pun-searchposts .post h3 span {}

div#pun-searchposts .post h3 span .h3Links {
    height: 14px;
    order: 1;
}

div#pun-searchposts .post h3 span .h3Links a:nth-child(2) {
    max-width: 400px;
    overflow: hidden;
    height: 20px;
    display: inline-flex;
}

div#pun-searchposts .post h3 strong {}

div#pun-searchposts .post h3 div#fntSlider {}

.punbb .post h3 span {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    text-transform: uppercase;
    flex-direction: row;
    padding: 0 10px;
}

.punbb .post h3 span a.permalink {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.punbb .post h3 span a.permalink:before {
    /* content: '\e8b5';*/
    font-family: Material Symbols Outlined;
    font-size: 11px;
    color: var(--Accent);
    margin: 0px 3px 0 0 !important;
}

.punbb .post h3 span a {
    font-family: pragmatica medium;
    color: var(--mainText);
    order: 1;
}

.punbb .post h3 span a:hover {color: var(--Accent2);}

/* C3.4 */
.punbb .post h3 strong {
    order: 3;
}

/* C3.5 */

div#pun-searchposts .post-author {
    color: var(--pureWhite) !important;
    height: 52px;
    padding: 13px 0 13px 0;
}

div#pun-searchposts li.pa-author {
    color: var(--pureWhite) !important;
    font-size: 11px;
    text-transform: uppercase;
}

div#pun-searchposts .post-author ul:before {
    top: -14px;
    border-radius: 4px;
}

.punbb .post .post-author ul:before {
    content: '';
    width: 218px;
    height: 79px;
    position: absolute;
    background: url(https://forumstatic.ru/files/001b/f5/f1/92076.png) center;
    z-index: 0;
    top: -6px;
    left: 0px;
    border-radius: 4px 4px 0 0;
}

.punbb .post .post-author {
    float: left;
    width: 218px;
    border-radius: 4px;
    background-color: var(--profileBG);
    margin: 8px 0 0 0;
    text-align: center;
    padding: 5px 0 10px 0;
    position: relative;
}

#tuser {
    opacity: 1 !important;
    position: absolute;
    left: 2px;
    top: -53px;
    margin-left: inherit !important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    height: 15px !important;
}

#tuser:hover {
    opacity: 0.5 !important;
}

.icons-search:before {
    content: '\f02f' !important;
    color: var(--secText) !important;
    text-shadow: none !important;
    font-size: 15px;
    font-family: Material Symbols Outlined !important;
}

i#isk::before {
    margin: -1px 0 0 0 !important;
}

.post-author ul {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.post-author ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    z-index: 1;
}

.ProfileStat {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    background: var(--profileSecBG);
    width: 160px;
    justify-content: center;
    padding: 5px 10px 5px 10px;
    border-radius: 0 0 4px 4px;
    z-index: 3 !important;
}

.post-author ul li.pa-posts, .post-author ul li.pa-respect, li.pa-fld4 {
    font-size: 8px;
    text-transform: uppercase;
    display: block !important;
    position: relative;
}

.post-author ul li.pa-posts span.fld-name, .post-author ul li.pa-respect span.fld-name, li.pa-fld4 span.fld-name {display: block;}

li.pa-reg {
    font-size: 9px;
    text-transform: uppercase;
    
}

li.pa-ip {
    font-size: 7px;
    text-align: center;
    width: 8px !important;
    height: 8px;
    overflow: hidden;
    position: absolute;
    left: -14px;
    bottom: -2px;
    background: var(--Accent);
    border-radius: 50px;
}

li.pa-ip a {opacity: 0;}

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

    /* Индикатор активности пользователя */
.pa-online:before {
content: 'online';
}

.dark .pa-online {color: #efcd8e;}

.pa-online {
    position: absolute;
    top: -17px;
    margin: 0 0 0 0px !important;
    padding: 0 !important;
    transition: all .2s ease;
    border-radius: 50px;
    cursor: pointer;
    z-index: 0 !important;
    background: var(--secBG);
    width: 60px !important;
    height: 17px;
    display: flex !important;
    font-family: 'Lobster';
    font-weight: 400;
    font-size: 14px;
    color: #b89467;
    box-shadow: 0px -1px 11px -5px rgb(0 0 0 / 50%);
}

    .pa-online:hover {
     
    }

    .pa-online:hover strong {
      opacity: 1.0;
      visibility: visible;
    }

.pa-online strong {
    position: absolute;
    top: -1px;
    left: 66px;
    padding: 0 8px;
    height: 19px;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap;
    background: var(--secBG);
    text-align: center;
    z-index: 10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
    text-transform: uppercase;
    font-size: 7px;
    font-family: Golos;
    display: flex;
    align-items: center;
}



/* C3.7 */
.pa-author {
    font-size: 10px;
    font-weight: 66;
    color: var(--secText) !important;
    font-family: 'Pragmatica Medium';
    margin: 3px 0 0 0;
}

/* C3.8 */
.pa-author a {
    color: var(--pureWhite) !important;
    font-family: 'Pragmatica Medium';
    text-transform: uppercase;
    border-radius: 10px;
    display: flex;
    height: 24px;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    letter-spacing: 0.2px;
}

.pa-author a:hover {
   color: var(--Accent2) !important;
  }

li.pa-avatar.item2 {
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0 0;
}

li.pa-avatar.item2 img {
    max-width: 180px;
    max-height: 180px;
    transition: all .3s ease-in-out 0s;
}

li.pa-avatar.item2 img.allow_change:hover {
    filter: grayscale(1);
}

/* C3.9 */
li.pa-title {
font-size: 8px;
    color: var(--pureWhite);
    line-height: 114%;
    letter-spacing: 0.3px;
    font-family: 'Pragmatica book';
    padding: 0 10px;
    text-transform: lowercase;
}

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

div#pun-messages .post-body {
    margin: -10px 10px 0 240px;
}

/* C3.12 */

.punbb .post-box {
    padding: 0px;
    text-align: justify;
}

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


/* C3.14 */
.punbb .post-links {
    margin-left: 230px;
    margin-top: 20px;
}

/* C3.15 */
.punbb .post-links ul {
    height: 22px;
    margin-left: -230px;
    text-align: right;
}

/* C3.16 */
.punbb .post-links li:first-child {
    padding-left: 0px;
}

.punbb .post-links li {
    display: inline-block;
    padding-left: 10px;
}

.punbb .post-links li a {
    width: max-content !important;
    padding: 0 10px;
    background: var(--secBG);
    text-transform: lowercase;
    font-size: 9px;
    line-height: 0;
    height: 18px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3px;
    border-radius: 50px;
    letter-spacing: 0.5px;
    align-items: center;
    font-family: pragmatica medium;
}

.punbb .post-links li a:hover {
    background: var(--mainLink);
    color: var(--secBG);
}

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

del {
    text-decoration: none !important;
    filter: blur(2px);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0 5px;
}

del:hover {
    filter: blur(0px);
}

.post-content .highlight-text {
    background: var(--Accent) !important;
    color: var(--pureWhite) !important;
    padding: 0 3px 2px 3px;
    border-radius: 6px;
}

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


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

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* 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: 10px;
    text-align: center;
}

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


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

/* C6.1 */

div#pun-messages div#profile
{margin: 0;}

div#pun-messages #profile #tags .container {padding: 10px !important;}

div#pun-messages #profile .container {padding: 0 0 0 0 !important;}

#profile .container {
    padding: 0 0 0 160px !important;
}

#profile fieldset {
    border: 1px solid var(--pureGrey) !important;
    border-radius: 10px;
    padding: 10px;
}

fieldset.radiofield {
    padding: 10px !important;
    background: none !important;
    background-color: rgb(255 255 255 / 21%) !important;
}

/* C6.2 */
div#viewprofile td#profile-right {
    width: 490px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

div#viewprofile .repStat {
    order: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

div#viewprofile li#pa-posts {
    order: 2;
    width: 100%;
}

div#viewprofile li#pa-register-date {order: 3;}

div#viewprofile li#pa-time-visit {order: 4;}

div#viewprofile li#pa-last-post {order: 5;}

div#viewprofile li#pa-last-visit {order: 6;}

div#viewprofile li#pa-email {
    order: 7;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
    gap: 0 !important;
    width: 100%;
    height: max-content;
}

div#viewprofile li#pa-email strong {
    width: 100%;
}

div#viewprofile a.sendpm {
    background: var(--Accent);
    padding: 0 10px;
    height: 30px;
    display: flex;
    line-height: 0;
    align-items: center;
    justify-content: center;
    color: var(--pureWhite) !important;
    text-transform: uppercase;
    border-radius: 5px;
}

div#viewprofile a.sendpm:hover {
    background: transparent;
    color: var(--Accent) !important;
}

div#viewprofile li#pa-fld2 {
    width: 100%;
}

div#viewprofile li#pa-fld2 .userlz {
    width: 200px;
    text-align: center;
    background: var(--profileSecBG);
    margin: 5px auto 0 auto;
    border-radius: 10px;
    padding: 0 0 4px 0 !important;
}

div#viewprofile td#profile-right li#pa-fld2 .userlz .ankl a {color: var(--warBlack) !important;}

div#viewprofile td#profile-right li#pa-fld6 {
    padding: 0 !important;
    margin: 0 -2px 0 -2px !important;
    border: none !important;
    line-height: 0 !important;
    flex-grow: inherit !important;
    font-size: 0 !important;
    gap: 0;
}

div#viewprofile td#profile-right li {
    padding: 7px;
    border-radius: 5px;
    border: 1px solid var(--pureGrey);
    line-height: 109%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    gap: 5px;
}

div#viewprofile td#profile-right li span {}
div#viewprofile td#profile-right li strong {padding: 0 !important;}


div#viewprofile {
    border: 1px solid var(--pureGrey);
    background-color: var(--secBG);
    border-radius: 10px;
    margin: -20px 0 -10px 0;
    position: relative;
}

div#viewprofile .container ul tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 40px;
}

#viewprofile #profile-signature ul {
    border: none !important;
}

td#profile-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 220px;
    gap: 5px;
    border: 1px solid var(--pureGrey) !important;
    border-radius: 7px 7px 4px 4px;
    height: max-content;
    padding: 5px 0 10px 0 !important;
    font-family: 'Golos';
    background: url(https://forumstatic.ru/files/001b/f5/f1/92076.png) top left no-repeat;
    position: relative;
    overflow: visible !important;
}

#viewprofile li#pa-fld6 {order: 1;}

#viewprofile li#profile-name {
    order: 2;
    z-index: 3;
}

#viewprofile  li#profile-title {order: 3; z-index: 3;}

#viewprofile li#pa-avatar {order: 4; z-index: 3;}

#viewprofile li#pa-fld3 {
    order: 5;
    font-size: 7px;
    text-transform: uppercase;
}

div#viewprofile li#pa-fld2 {
    order: 6;
    width: 100%;
}

#viewprofile li#pa-fld5 {order: 7;}


#viewprofile .plashka {
    width: 220px;
    height: 35px;
    padding: 0 !important;
    margin: 0 0 -10px 0;
    border-radius: 0 0 4px 4px;
}

#viewprofile q0 {
    padding: 6px 0 0 0;
}


#viewprofile li#pa-online {
    order: 8;
    position: absolute;
    display: inline-block !important;
    top: -27px;
    height: 60px;
    width: 95px !important;
    margin: 0 0 0 0px !important;
    padding: 0 !important;
    cursor: pointer;
    background: url(https://forumstatic.ru/files/001c/55/c1/20053.png) top left no-repeat;
    background-size: cover;
    font-size: 0 !important;
    z-index: 3;
}

#viewprofile li#pa-edit {
    order: 9;
    position: absolute;
    top: 0;
    left: -28px;
}


#viewprofile li#profile-name strong {
    font-family: 'Golos';
    text-transform: uppercase;
    border-radius: 10px;
    display: flex;
    line-height: 0;
    height: 24px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    margin: 0 0 4px 0;
    font-size: 11px;
    color: var(--pureWhite);
}


#viewprofile li#profile-title strong {
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
    display: block;
    color: var(--pureWhite);
    line-height: 100%;
    font-weight: normal !important;
}

#viewprofile li#pa-avatar div img {
    border-radius: 10px;
    max-width: 180px;
    max-height: 180px;
}

#viewprofile li#pa-online strong {
    font-size: 0px;
}

#viewprofile li#pa-edit a:before {
    content: '\f4fa';
    font-family: Material Symbols Outlined;
    font-size: 14px !important;
}

#viewprofile li#pa-edit a {
    width: 20px;
    height: 20px;
    background: var(--Accent);
    text-transform: uppercase;
    font-size: 0px;
    padding: 00;
    line-height: 0;
    display: flex;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: var(--pureWhite);
    font-weight: 400 !important;
}

#viewprofile li#pa-edit a:hover {
    background: transparent;
    color: var(--Accent);
}

#pun-messages #profile fieldset {
    padding: 10px 24px 10px 10px;
}

#pun-messages .post {
    margin: 0 0 0 15px;
}

#pun-messages #profilenav {
    margin: 20px 0 20px 0 !important;
    width: calc(100% - 46px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 20px;
}

#pun-messages #profilenav ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

#pun-messages #profilenav li {margin-bottom: 0;line-height: 0;}

#pun-messages #profilenav li a {
    background: var(--pureGrey);
    border-radius: 10px;
    line-height: 0;
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    color: var(--mainText) !important;
    font-size: 10px;
    font-family: 'Golos';
    text-transform: uppercase;
}

#pun-messages #profilenav li a:hover, #pun-messages #profilenav li.isactive a {
    background: var(--mainLink);
    color: var(--pureWhite) !important;
}

#pun-messages #profilenav li.isactive {padding-bottom: 0px !important;padding-left: 0;font-weight: normal;}

#profilenav {
    float: left;
    width: 140px;
    margin-left: -159px;
    display: inline;
    border: 1px solid var(--pureGrey);
    border-radius: 10px;
}

/* C6.3 */
#profilenav li {
    margin-bottom: 10px;
    line-height: 1;
}

#profilenav li.isactive {
    width: max-content;
    padding-bottom: 4px !important;
    font-weight: bold;
    padding-left: 5px;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    margin: 0 14px -18px 14px;
    text-align: center;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin-bottom: 10px;
}

/* C6.7 */
#setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }


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

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

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


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

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

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {

  }


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

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

/* D1.1 */
#pun-title {
    background: var(--Logo) top left no-repeat;
    font-size: 0 !important;
    width: 1127px;
    height: 477px;
    position: absolute;
    left: -14px;
    top: -80px;
    filter: var(--darkFilter);
}

/* 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 {
      margin: 0;
    position: absolute;
    top: -51px;
    left: 32px;
    width: 50%;
}

/* D3.2 */
#pun-navlinks .container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

/* D.3 */
#pun-navlinks li {
    font-size: 13px;
    font-weight: 200;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-family: 'Pragmatica Medium';
}

span.num_msg {
    position: inherit !important;
    margin: 0 !important;
    padding: 2px 5px 1px 6px !important;
    line-height: 0 !important;
    display: flex !important;
    border-radius: 5px !important;
    background: var(--Accent) !important;
    font-family: 'Roboto';
    justify-content: center;
    align-items: center;
}

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

/* D4.1 */
#pun-ulinks {
    position: absolute;
    top: 450px;
    left: 0;
    width: 100%;
}

/* D4.2 */
#pun-ulinks .container {
display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 9px;
    text-transform: lowercase;
    font-weight: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: Pragmatica Book;
}

/* D4.4 */
#pun-ulinks li a {
    font-size: 9px;
    letter-spacing: 0.5px;
    font-weight: bold;
}

#pun-ulinks li a:hover {}


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

/* D5.1 */
#pun-status {
    font-size: 9px;
    opacity: 0.7;
    text-align: center;
    text-transform: lowercase;
    font-family: 'pragmatica book';
}

/* D5.2 */
#pun-status .container {
  padding: 0.8em 0em 1em 0em;
  }

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

/* D5.4 */

#pun-viewtopic #pun-crumbs1 {
    box-shadow: none;
    margin: 0;
}

#pun-viewtopic #pun-crumbs1 p.container {padding-bottom: 5px;background: none;}

#pun-crumbs1, #pun-crumbs2 {
    height: 19px;
    padding: 0 !important;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 30px 0;
    font-family: pragmatica medium;
}

/* D5.5 */
#pun-crumbs1 p.container, #pun-crumbs2 p.container.crumbs {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    text-transform: uppercase;
}

#pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after, div#pun-searchposts .post h3 span a:after {
    content: '*';
    margin: 0px 4px 0px 4px;
    font-weight: bold;
    color: var(--mainText);
    display: inline-block;
}

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

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

/* D6.1 */
#pun-announcement {
    height: 75px;
    margin: 10px 0 0 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.forumNews a ln2 {
    font-size: 9px;
    font-family: 'Golos';
}

.forumNews a ln1 {
    font-weight: 600;
    font-size: 9px;
    text-transform: uppercase;
    font-family: golos;
    letter-spacing: 0.4px;
}

.forumNews a ln {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
}

.forumNews a date {
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0.6px;
    width: max-content;
    line-height: 0;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 -3px 0px;
    background: var(--Accent);
    color: var(--pureWhite);
    border-radius: 50px;
    padding: 0 6px;
}


.forumNews a {
    background: var(--secBG);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 50px;
    height: 37px;
    overflow: hidden;
    padding: 0 10px 0 12px;
    align-items: center;
    min-width: 190px;
    line-height: 0;
    margin: auto;
}

.forumNews a:hover {
    background: var(--secBG);
}


.forumNews {
    height: 56px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    flex-wrap: nowrap;
    width: 960px;
    overflow: auto hidden;
    position: absolute;
    top: 368px;
}

.html-box {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

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

/* D7.1 */

.statscon {
    display: flex;
    margin-bottom: 40px;
    position: relative;
    background: var(--secBG);
    font-size: 10px;
    font-family: 'Golos';
    padding: 0;
}

#pun-stats .container {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
}

.statcont {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: absolute;
    left: 20px;
    top: -29px;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 0.5px;
    height: 20px;
    z-index: 5;
}

.statcont li {
    background: rgb(92 86 122 / 38%);
    padding: 3px 10px;
    border-radius: 50px;
    color: var(--pureWhite);
    backdrop-filter: blur(8px);
}

.statcont li strong {
    font-weight: normal !important;
}

.statcont li a {color: #F6DE9D !important;}
.statcont li a:hover {color: var(--pureWhite) !important;}

/* D7.4 */
li#onlinelist.item5.onlinelist {
    width: 100%;
    text-align: center;
    text-transform: lowercase;
}

li#onlinelist.item5.onlinelist span, li#onlinelist.item5.users_24h span {
    display: block;
    text-align: justify;
    text-transform: lowercase;
    margin-top: 6px;
    font-family: 'Roboto';
}

li#onlinelist.item5.users_24h {
    width: 100%;
    border-top: 1px solid var(--pureGrey);
    padding-top: 15px;
    text-align: center;
    text-transform: lowercase;
}

/* D7.5 */
li#onlinelist div {
    
}

/* 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 {
    position: absolute;
    bottom: -30px;
    width: 100%;
    margin: 0 0 0 -40px;
    display: flex;
    justify-content: center;
    height: 15px;
    line-height: 0;
    font-size: 7px;
    text-transform: uppercase;
    align-items: center;
    letter-spacing: 0.5px;
}

#pun-about a {color: #fff !important;}

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