up
down

shining test

Объявление

посвящаю всем своим бандитам p.s. валя

post of the week by chloe bertrand

Всегда балерины казались людям воплощением женственности: невесомость, изящество, плавные жесты, взмахи ресниц и томный взгляд, тонкая сетка пачки ... читать

mara
mara

мешок, полный недовольных лиц, ворчания и бесконечного вдохновения на красивые картинки. душнит по расписанию и пинает на великие свершения. на мотивационную речь запись в директ.

jesse
jesse

мешок, который заслуживает корону первенства по части идейной великолепности. и духоты. придумает лучший интерактив, зажигательный конкурс или просто прокатит вас на своей тесле..

christian
christian

мешок со скриптами в поисках себя. виртуозно танцует с багами, кодами и разметками и умело уклоняется от работы во флуде.

lucifer
lucifer

мешок с тайнами сюжетных схем и табличек, кодиков и безудержного вдохновения. спидпостер на максималках, готов освещать все вокруг своим эгоцентризмом и шикарностью. мальчик на побегушках, готов принести и отнести, расчитать в банке, подарить ачивки

philippe
philippe

мешок со сказками и красивой графикой. тот самый сын маминой подруги. проведёт за ручку, со всем поможет, закружит во флуде и игре, но никогда не даст вам пяти минут без долгов. доступен 24/7, главное уверенно стучать в приват.

ЭВРИКА-СПРИНГС ‘январь 25,
МИСТИКА, ЛЕГЕНДЫ, NC-21

queue in quests

fantasism (reprise) свободная очередь до 13.09
grim offering thomas myers до 11.09
quiet haven свободная очередь до 9.08
you better run, outrun my gun alfie cross до 11.09
saint luci's day grace sutton & ellie weber до 12.09

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

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


Вы здесь » shining test » Drag me to hell » старый духовский


старый духовский

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

1

хтмл верх

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

function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f8 :-[0],  //межфандомные эпизоды
f9 :-[0] //альтернативные эпизоды//Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://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: -33px;right:-28px;}.punbb .GamePst{padding:0!important;}</style>
<!--//END Cчётчик Игровых постов © Deff-->

<div class="header_wrapper">
<div class="header_section header_table">
<div class="header_table-item header_by_left">

<!--начало таблицы активистов-->

<div class="osniveactivist">
<div class="nameactivist">active:</div>
<div id="activistsDiv" class="namepostact">
<a href="https://rehaze.ru/profile.php?id=981" title="kemal osman">kemal</a>
<a href="https://rehaze.ru/profile.php?id=647" title="rain miller">rain</a>
<a href="https://rehaze.ru/profile.php?id=427" title="kim taehyung">kim</a>
<a href="https://rehaze.ru/profile.php?id=646" title="cloud moore">cloud</a>
</div>
</div>

<!--конец таблицы активистов-->

<!--начало таблицы постописцев-->

<div class="osniveactivist">
<div class="nameactivist">writers:</div>
<div id="postWritersDiv" class="namepostact">
<a href="https://thehaze.rusff.me/profile.php?id=929" title="tyler ortega — 9 постов">tyler</a>
<a href="https://thehaze.rusff.me/profile.php?id=789" title="rue woods — 7 постов">rue</a>
<a href="https://thehaze.rusff.me/profile.php?id=926" title="august dane — 7 постов">august</a>
<a href="https://rehaze.ru/profile.php?id=818" title="winter song — 6 постов">winter</a>
</div>
</div>

<!--конец таблицы постописцев-->

<!--пост и эпизод-->
<div class="persons-alt best_post">
<span class="persons-title">best post by: <a href="https://rehaze.ru/profile.php?id=724">feliz moreno</a></span>
<p class="header_scroll">
к тому же, совсем скоро рождество: гораздо веселее было бы украшать вместе с младшими братьями дом, потом пойти к герде и каю, запутаться в гирлянде и смеяться — в общем, у неё было много идей, как провести время с гораздо большей пользой, чем в школе...<a href="https://rehaze.ru/viewtopic.php?id=3405#p480771"> ... читать</a>
</p>
</div>
<div class="persons-alt best_post">
<span class="persons-title">episode by: <a href="https://rehaze.ru/profile.php?id=943">walesca </a> & <a href="https://rehaze.ru/profile.php?id=946">jan</a></span>
<a href="https://rehaze.ru/viewtopic.php?id=3528">In Lumine Solis Texitur</a>
</div>
</div>
<!--конец -->

<div class="header_table-item header_by_right">
<div class="persons-alt persons-ams">
<span class="persons-title">ЭВРИКА-СПРИНГС ‘январь 25, МИСТИКА, ЛЕГЕНДЫ, NC-21</span>

<span><a href="https://thehaze.rusff.me/profile.php?id=243">mara</a><em><div><img src="https://i.imgur.com/rTFM49u.gif"></div><p>мешок, полный недовольных лиц, ворчания и бесконечного вдохновения на красивые картинки. душнит по расписанию и пинает на великие свершения. на мотивационную речь запись в директ.</p></em></span>
<span><a href="https://thehaze.rusff.me/profile.php?id=241">jesse</a><em><div><img src="https://i.imgur.com/qANUApE.gif"></div><p>мешок, который заслуживает корону первенства по части идейной великолепности. и духоты. придумает лучший интерактив, зажигательный конкурс или просто прокатит вас на своей тесле.</p></em></span>
<span><a href="https://thehaze.rusff.me/profile.php?id=339">christian</a><em><div><img src="https://upforme.ru/uploads/001b/58/e9/2/715470.gif"></div><p>мешок со скриптами в поисках себя. виртуозно танцует с багами, кодами и разметками и умело уклоняется от работы во флуде.</p></em></span>
<span><a href="https://thehaze.rusff.me/profile.php?id=462">lucifer</a><em><div><img src="https://upforme.ru/uploads/001b/d4/18/10/852769.gif"></div><p>мешок с тайнами сюжетных схем и табличек, кодиков и безудержного вдохновения. спидпостер на максималках, готов освещать все вокруг своим эгоцентризмом и шикарностью. мальчик на побегушках, готов принести и отнести, расчитать в банке, подарить ачивки</p></em></span>
<span><a href="https://thehaze.rusff.me/profile.php?id=624">philippe</a><em><div><img src="https://upforme.ru/uploads/001b/d4/18/624/74007.gif"></div><p>мешок со сказками и красивой графикой. тот самый сын маминой подруги. проведёт за ручку, со всем поможет, закружит во флуде и игре, но никогда не даст вам пяти минут без долгов. доступен 24/7, главное уверенно стучать в приват.</p></em></span>
</div>
<div class="persons-alt persons-music">
<!-- музыка -->
<div class="for-music-wrap">
    <div class="for-music-container" onclick="toggleAudio()">
        <audio controls controlslist="nodownload" id="header_track">
            <!-- ссылка на трек -->
            <source src="https://forumstatic.ru/files/001b/d4/18/88122.mp3" type="audio/mpeg">
            Your browser does not support the audio tag.
        </audio>
        <div class="tab-play-button"></div>
    </div>
    <div class="music-controls">
        <input type="range" id="progress-bar" value="0" min="0" max="100" step="0.1">
        <input type="range" id="volume-slider" value="1" min="0" max="1" step="0.01">
    </div>
</div>
<!-- музыка -->
<p class="track-desc">
<span class="track-song">посвящаю всем своим бандитам</span>
<span class="track-author">p.s. валя</span>
</p>
</div>
<div class="persons-alt persons-quests">
<span class="persons-title">queue in quests</span>
<ul>
<li><a href="https://thehaze.rusff.me/viewtopic.php?id=3114">grim offering</a> — thomas myers  до 11.09</li>
<li><a href="https://thehaze.rusff.me/viewtopic.php?id=3355">quiet haven</a> — свободная очередь до 9.08</li>
<li><a href="https://thehaze.rusff.me/viewtopic.php?id=3359#p458911">you better run, outrun my gun</a> — august dane  до 18.09</li>
<li><a href="https://rehaze.ru/viewtopic.php?id=3507#p477268">saint luci's day</a> — ethan night  до 16.09</li>
</ul>
</div>
</div>
</div>
<div class="header_section header_logo"><span class="logo_text"></span>
      <!-- полезные ссылки -->
      <div class="nav_wrap">
         <div class="slide_button"><span>навигация</span></div>
         <div class="slide_block">
            <div class="link">
<a href="https://thehaze.rusff.me/viewtopic.php?id=39">faq</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=3020">матчасть</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=3020#p412351">карта</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=3381">сериал</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=3017">легенды и события</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=34">биржа труда</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=31">внешности/имена</a>
<a href="https://thehaze.rusff.me/viewtopic.php?id=44">разыскиваются</a>
            </div>
         </div>
      </div>
      <!-- полезные ссылки -->
</div>

<div class="header_section header_banners">

<a href="https://rehaze.ru/viewtopic.php?id=3541#p481951">
<span>14.09</span> грандиозная распродажа
</a>

<a href="https://rehaze.ru/viewtopic.php?id=860&p=4#p481955">
<span>14.09</span> новости #131
</a>

<a href="https://rehaze.ru/viewtopic.php?id=3506#p477171">
<span>01.09</span> заклинания из детства
</a>

<a href="https://rehaze.ru/viewtopic.php?id=3501#p476756">
<span>31.08</span> игра вслепую
</a>

</div>
<div class="header-decor-container">
    <div class="particles-wrap">
        <canvas id="particles"></canvas>
    </div>
</div>
</div>

<!-- музыка -->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/65/f7/18973.js"></script>

<script type="text/javascript" src="https://forumstatic.ru/files/001c/65/f7/15954.js"></script>

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

<!--------------------------------------------------------- ПОДНЯТИЕ РЕПУТАЦИИ В ЗАКРЫТЫХ ТЕМАХ ------>
<script type="text/javascript">
if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
</script>

<!--кнопки вверх вниз-->
<div class="arrow_wrap">
<div class="go-up" id='ToTop'><span>up</span><em></em></div>
<div class="go-down" id='OnBottom'><span>down</span><em></em></div>
</div>

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

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: var(--dark500);
  border-radius: 10px;
  z-index: 999;
  max-width: 180px;
  font-family: var(--font); /* шрифт */
  font-size: 11px; /* размер текста */
  display: none;
  color: var(--text3); /* цвет текста */
  text-align: center;
  padding: 5px 15px;
  font-weight: 500;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/65/f7/69369.js?v=7"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

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

<div class="settings_wrap">
<div class="slide_button">settings</div>
<div class="slide_block"><div class="settings_container">
<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
<div id="chfont">
<div id="chfontbut">Шрифт в постах</div>
<select id="chfontfam" name="chfontfam">
<option value="0">по умолчанию</option>
<option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="'Verdana', serif" style="font-family: 'Verdana', serif">Verdana</option>
<option value="'Montserrat', serif" style="font-family: 'Montserrat', serif">Montserrat</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
</div>
<ul id="stylelist"></ul>
</div>
</div>
</div>

<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
<script type="text/javascript">
var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",11);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p, textarea").css("font-size",f+"px")}
function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
$("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
</script>
<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->

<!-- Смена стиля, (с) ForumD.ru, satsana-->
<script type="text/javascript">
var styleList = [
{
    class: 'gr',
    name: 'Летний стиль'
},
{
    class: 'light',
    name: 'Светлый стиль'
}, {
    class: 'dark',
    name: 'Темный стиль'
}, {
    class: 'bw',
    name: 'Черно-белый стиль'
}];

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

<!---------------------------------// Быстроплюсы 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 //------------------------>

<!-- поднятие репутации в закрытых темах -->
<script type="text/javascript">// спасибо форуму https://downtown.f-rpg.ru/
if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
</script>

<!-- HTML в постах с допуском по группам © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/001b/d4/18/69219.js?v=4"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7,8,9]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = ['user','newTst2']; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>
<!-- *************************************************************** -->

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

<!------------ Чтобы не пропадали посты ------------>
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>

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

   
<!-- Мгновенные уведомления © Alex_63, 2024 -->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>

<!-- Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>

<!-- Мгновенные уведомления: репутация для Rusff © Alex_63, 2019 -->
<script>notifications.load('reputation');</script>

<!-- Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>

<!-- Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [860, 33, 2661]}); // ID важных тем (через запятую)
</script>

<!-- Добавляем кнопку для скрытия автора поста -->
<script>
$(document).pun_mainReady(function(){var btn = '<div onclick="bbcode(\'hide-autor\',\'\');"><span>Скрыть профиль в посте</span></div>'

$(btn).appendTo('#addition-area');
})
</script>

<!--//Скрипт "Тихого Цитирования" с группой настроек © Deff//-->
<script type="text/javascript">
settingQuote2 = {
  kn_Name: 'Цитировать-тихо', /*Наименование кнопки цитировать*/
  kn_title: 'спешл фор омут', /*Всплывающая подсказка на кнопке, если значение пустое (''), — подсказка не всплывает!*/
  button_sequence: 1,  /*1 — кнопка идёт за стандартной цитатой, 0 — впереди стандартной*/
  hide_button_quote: 0,  /*1 — кнопка стандартной цитаты скрыта — , 0 — остаётся!*/
  visible_forums: [1,10]   /*ID форумов установки кнопки тихой цитаты*/
}</script>

<script type="text/javascript" src="https://forumstatic.ru/files/001b/d4/18/10256.js?"></script>

хтмл низ

<!------------ взаимная реклама ------------>
<script>function getUrlParameterByName( name,href )
{name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));}
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;}
function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea id='temp' style='float:right'>"); $(elem).append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + 'ваша реклама'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();}
function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } }

var advertiseCodes = [];
advertiseCodes.push('https://upforme.ru/uploads/001c/65/f7/2/716919.png'+'\n');

addAdvertiseLink(2918);
</script>
<!------------ конец ------------>

<!-- Ссылка на авторский пост в цитате // v.3 © Alex_63 -->
<script type="text/javascript">
$('.quote-box>cite:not(:contains("Скрытый текст:"))').each(function() {
  var cntq = $(this).text(), sp0 = '<span class="qcn">Сообщение от</span>',
  sp1 = '<span class="qc-uname">###</span>';
  if (cntq.indexOf('#p') != -1) {
    var pid = cntq.split(',')[0], autq = cntq.split(',')[1].split(' написал')[0],
    sp2 = '<span class="qc-post-link"><a class="qc-post-link" title="Перейти к сообщению" href="';
    sp1 = sp1.replace('###', autq);
    if ($('.post' + pid).length) {
      $(this).html(sp0 + sp1 + sp2 + pid + '"></a></span>');
    } else {
      $(this).html(sp0 + sp1 + sp2 + '/viewtopic.php?pid=' + pid.split('#p')[1] + pid + '"></a></span>');
    }
  } else {
    var autq = cntq.split(' написал')[0];
    sp1 = sp1.replace('###', autq);
    $(this).html(sp0 + sp1);
  }
});

$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href', $(this).attr('href').replace('(\'', '(\'#' + $(this).parents('.post').attr('id') + ','));
});
</script>

<div class="footer_wrapper">
<!-- баннеры партнеров -->
<div class="bottombanners"><div>

<a href="http://worldofgoliath.ru" target="_blank"> <img src="https://forumstatic.ru/files/001c/52/36/97696.gif" title="GOLIATH. WORLDS COLLIDE"></a>

<a href="https://safespace.rusff.me"><img src="https://forumstatic.ru/files/001c/83/e0/56607.jpg"title="Marauders: safe space. ГП 1 поколение, магия крови, 21+"></a>

<a href="https://dragonfall.ru/" target="_blank"><img src="https://upforme.ru/uploads/001c/87/49/4/81288.jpg" title="антуражное фэнтези" width="88" height="31"></a>

<a href="https://tenebria.ru/" target=_blank> <img src="https://upforme.ru/uploads/001c/77/b6/18/790340.gif" border="0" alt="Tenebria. Legacy of Ashes " width="88" height="31"/></a>

<a href="https://wounds.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/82/5c/2/671257.gif"  title="fogbound" alt="fogbound"></a>

<a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/6/540412.png" title="oddinary" border="0" alt="oddinary"></a>

<a href="https://urchoice.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png" title="Каталог форумов" alt="LYL" width="88" height="31"></a>

<a href="https://mmaleficarum.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/0014/d2/5e/2/18194.png" title="malleus maleficarum: hp dark!au 2008"></a>

<a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/JaUDgww.png" title="next door = south korea"></a>

<a href="https://breakout.rusff.me/" title="BREAKOUТ: аномалии, способности, монстры"> <img src="https://forumstatic.ru/files/001c/2a/d4/18938.png"></a>

<a href="https://funeralrave.ru/"><img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>

<a href="https://faceinless.ru" target=_blank><img src="https://upforme.ru/uploads/001b/dc/dc/130/109304.png" title="TVD: FACELESS"></a>

<a href="https://metaverse.rusff.me/" target="_blank" title="СПОСОБНОСТИ, ГЕРОИКА, МАГИЯ, МУЛЬТИВЕРС" ><img src="https://upforme.ru/uploads/001c/23/f5/2/625749.gif"></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://crushcross.rusff.me/" title="крашкросс" target="_blank"><img src="https://upforme.ru/uploads/001c/78/94/3/961692.jpg"></a>

<a href="https://unholymess.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/3b/02/26177.gif" title="Unholy Mess" border="0" alt="Unholy Mess"></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://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://upforme.ru/uploads/001a/fb/6a/2/490291.jpg" border="0"></a>
   
    <a href="https://sunnycross.ru/"><img src="https://forumstatic.ru/files/001c/73/be/65745.jpg"></a>
   
    <a href="https://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/Qq1wM9t.gif" title="seoul // real life"></a>
   
<a href="https://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/1JHaL3K.png" alt="ex libris"></a>
   
    <a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></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="http://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/gqufzUM.png" alt="Return to eden"></a>
   
   
    <a href="https://enteros.rusff.me/" title="Авторский мир: фэнтези, эпизоды, магия, 18+" target="blank"><img src="https://forumstatic.ru/files/0015/e5/72/84825.png"></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://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a>
   
    <a href="http://sinistrum.f-rpg.me" target="_blank"><img src="https://upforme.ru/uploads/001b/ea/09/6/972347.png" alt="sinistrum"></a>
   
    <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"  title="BOSTON"></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://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://rift.rolka.me/" title="Многожанровое ФЭНТЕЗИ. Расы, магия, антуражи" target=_blank> <img src="https://forumstatic.ru/files/001b/d9/4a/15440.gif" border="0" alt="Сказания Разлома"></a>
   
    <a href="https://theraven.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/00/4d/5/220581.gif" title="THE RAVEN"></a>
   
   
<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/7b/06/30559.jpg" title="HP: Exile. ГП 2 поколение, 1997-1998. Школа и не только. Активная игра"></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://crossfeeling.rusff.me/" target="_blank">
<img src="https://upforme.ru/uploads/0015/e5/b7/3090/672618.png"
title="crossfeeling"
border="1" width="88" height="31"></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://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/324/370542.png" title="karma cross" border="0" width="88" height="31"></a>
   
<a href="http://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/44174.png" title="Kelmora. Hollow crown" border="0" alt="Kelmora. Hollow crown"></a>
   
    <a href="https://soullove.ru" target=_blank> <img src="https://upforme.ru/uploads/000e/5d/50/6/44758.gif" border="0" alt="soul love"></a>
   
<a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/03/d1/66972.png" title=“the good place /// визардинг ворлд без постирония“></a>

    <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/LCSHzDw.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a>
   
<a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://upforme.ru/uploads/0019/b7/cb/2/928605.png" width="88" height="31" border="0"></a>
   
    <a href="https://genshin.rusff.me/"><img src="https://forumstatic.ru/files/001b/5c/7f/13066.jpg" title="Genshin Impact: Tales of Teyvat"></a>

   
<a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://upforme.ru/uploads/001b/67/7a/207/50067.jpg"></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://t.me/rolecat" target="_blank"><img src="https://upforme.ru/uploads/001a/c0/ea/2/967260.png" alt="Ролевой Котарсис" title="Твой safe-space на rusff"></a>

<a href="https://billboard.rusff.me/"><img src="https://upforme.ru/uploads/001a/f6/b2/2/352430.gif" title="южная корея, мультилокация"></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://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://upforme.ru/uploads/0019/7e/db/2/163253.gif" border="0"/></a>

<a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/764708.jpg"></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://australis.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/5b/cc/68290.png" title="Австралия || фэнтези, мистика, расы, магия, постап."></a>

<a href="https://subline.rusff.me/" title="Subline " target="_blank"><img src="https://upforme.ru/uploads/001b/86/08/2/t439588.jpg" width="88" height="31" border="0"> </a>

</div></div>
<!-- конец банеры -->


</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
    const bannersContainer = document.querySelector('.bottombanners div');
   
    if (bannersContainer) {
        const banners = Array.from(bannersContainer.children);
        banners.sort(() => Math.random() - 0.5);
        bannersContainer.innerHTML = '';
        banners.forEach(banner => bannersContainer.appendChild(banner));
    }
});
</script>

<script>

document.addEventListener("DOMContentLoaded", function () {
    let nav = document.querySelector("#pun-navlinks");
    let ulinks = document.querySelector("#pun-ulinks");

    let observer = new IntersectionObserver(
        ([entry]) => {
            if (!entry.isIntersecting) {
                nav.classList.add("fixed");
                ulinks.classList.add("fixed");
            } else {
                nav.classList.remove("fixed");
                ulinks.classList.remove("fixed");
            }
        },
        { threshold: 0.1 }
    );

    observer.observe(nav);
});

</script>

<script>
document.querySelector('#pun-navlinks ul').insertAdjacentElement('afterend', document.querySelector('.settings_wrap'));
</script>

<script type="text/javascript">
$(document).ready(function() {
  // Обработчик клика по кнопке
  $('.slide_button').click(function() {
    // Снимем класс с других кнопок
    $('.slide_button').not(this).removeClass('i_active');
    // Переключим класс на текущей кнопке
    $(this).toggleClass('i_active');
    // Скрываем другие блоки и показываем следующий для этой кнопки
    $(this).next().slideToggle().siblings('.slide_block').slideUp();
  });

  // Обработчик клика вне элементов
  $(document).mouseup(function(e) {
    if (!$(e.target).closest(".settings_wrap, .slide_button").length) {
      // Если клик был вне .settings_wrap или .slide_button, скрываем блоки и убираем активные классы
      $(".slide_block").slideUp();
      $(".slide_button").removeClass('i_active');
    }
  });
});
</script>

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

<!------------------------------------- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 ----------------------------------->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/e5/72/24645.js"></script>
<!------------------------------------- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 ----------------------------------->

<script type="text/javascript">
$(document).ready(function() {
        $("#float").prependTo($("#post-form"));
});
</script>

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

<script>
$('.post-author').each(function(){
$(this).find('.pa-posts, .pa-respect, .pa-fld3, .pa-fld4').wrapAll('<div class="field_wrap2">');
});
$('#pun-index .tcr').each(function(){
$(this).find('.lastpost, .lastpost-link').wrapAll('<div class="lastmess_wrap">');
});
// Находим все блоки с классом post-author
document.querySelectorAll('.post-author').forEach((block) => {
    // Находим .plah-ik внутри .pa-fld1
    const plahIk = block.querySelector('.plah-ik');

    // Находим .pa-author
    const paAuthor = block.querySelector('.pa-author');

    // Если оба элемента существуют, перемещаем .plah-ik перед .pa-author
    if (plahIk && paAuthor) {
        paAuthor.parentElement.insertBefore(plahIk, paAuthor);
    }
});

</script>

<script>
$(document).ready(function(){
    $('#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4').wrapAll('<div class="ststitems"></div>');
});
</script>

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

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li><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>
<!-- Конец -->

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

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

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

<!--обтекание изображения 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: -1px 10px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/21552.svg" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/23464.svg" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:5;position:absolute;height14px;top:1px;background: var(--beg100);border: 1px solid var(--beg500);right: -1px;border-radius: 100%;display: flex;font: 500 7px var(--font);width: 11px;height: 11px;justify-content: center;align-items: center;line-height: 100%;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!--ТЕГ justify -->
<style>
    #button-justify {background:transparent}</style>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#post #button-right").after('<td id="button-justify" align="center" valign="center" title="Выравнивание по ширине"><img onclick="bbcode(\'\',\'\')" src="/i/blank.gif"/></td>');});
    </script>

<!--замена тире -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s| )?-(\s| )/g,'$1—$2')})</script>

<!--- Скрыть rss-atom --->
<style type="text/css">
.punbb .modmenu .container span {display: none;}
</style>
<!--- конец --->

<!-- Скрываем профиль в постах © Deff -->
<script type="text/javascript">
if(GroupID<3)FORUM.set('editor.addition.tags.hide_provil', {name:'скрытие Профиля',onclick:function(){smile('[im'+'g=hide-autor]['+'/img]');}});
$().pun_mainReady(function() {
function addStyle() { /*==123==;
<style type="text/css">#### .post-author,#### .post-sig,#### .pl-email,#### .pl-website{display:none !important}#### .post-body,#### .post-links,#### .post-links ul,#### h3>span{margin-left:0px !important}#### .post-box{margin-top: 0 !important;}</style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
$('.post .post-content img[alt="hide-autor"]').each(function(){
   var id = $(this).parents('.post').prop('id');
   $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
});});
</script>

<!-- Убираем цвет фона в посте © Deff -->
<script type="text/javascript">
if(GroupID<3)FORUM.set('editor.addition.tags.hide_provil', {name:'скрытие Профиля',onclick:function(){smile('[im'+'g=hide-autor2]['+'/img]');}});
$().pun_mainReady(function() {
function addStyle() { /*==123==;
<style type="text/css">#### .post-sig{display:none}#### .post-box{background: var(--bg1);margin: 0px 0 0 0px;color: var(--color12);}#### .night .post-box {color: var(--color12)!important;}#### .post-box .code-box {
  }</style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
$('.post .post-content img[alt="hide-autor2"]').each(function(){
   var id = $(this).parents('.post').prop('id');
   $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
});});
</script>

<!-----------------------тег абзаца со своими отступами ------------------------->
<!--ТЕГ  абзаца - [indent=X,Y] --><script type="text/javascript">
(function(){var c="[indent",h,e='<span style="display:inline-block;margin:YYem XXem;"></span>';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+c+'=2,1]\')\"></td>');
function a(b,d){if(!d){return e.replace("XX","2").replace("YY","1")} /*удвоенные Отступы слево и сверху по умолчанию*/
else{return d.replace(/=(\d+(?:\.\d+)?)((?:,\d+(?:\.\d+)?)?)$/,function(f,i,g){h=e.replace("XX",i);v=g.substr(1);return h.replace("YY",(v?v:"0"));
})}}$('.post-content p:contains("'+c+'")').each(function(){$(this).html($(this).html().replace(/\[indent([=\d\.,]*?)\]/gm,a))})}());
</script>
<!-----------------------конец тега абзаца со своими отступами ------------------------->

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

<script type="text/javascript">
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>

<!-- Убрать плюс из репутации -->
<script>$('.pa-respect span').html(function(){return this.innerHTML.replace('+','')})</script>

<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-posts  .fld-name','Сообщений:','msg');
   changeS('.pa-fld3 .fld-name','MON:','MON');
   changeS('.pa-fld4 .fld-name','PST:','PST');
   changeS('.pa-respect span','</a>:','</a>');
   changeS('#pun-ulinks .item2','Активные темы','Активные');
   changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
   changeS('#pun-ulinks .item7','Всё прочитано','Прочитано');
   changeS('#navindex','Форум','eureka');
   changeS('#navuserlist','Участники','residents');
   changeS('#navsearch','Поиск','Search');
   changeS('#navprofile','Профиль','Profile');
   changeS('#navpm','Сообщения','Messages');
   changeS('#navadmin','Администрирование','Ams');
   changeS('#navlogout','Выход','exit');
   changeS('#navlogin','Войти','enter');
   changeS('#navregister','Регистрация','registration');
   changeS('#pun-stats li.item1','Всего тем:','тем');
   changeS('#pun-stats li.item2','Всего сообщений:','сообщений');
   changeS('#pun-stats li.item3','Зарегистрированных пользователей:','пользователей');
   changeS('#pun-stats li.item4','Последним зарегистрировался:',', добро пожаловать');
</script>

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

<!-- Разделение ников пользователей в теме запятой -->
<script>$('#topic-users-in a').prev('a').after(',');</script>
<!--конец-->

<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script type="text/javascript">
    FORUM.imgur_ClientID = '46db9f345dcad43'; //Client-ID для загрузки на imgur.com (опционально)
    FORUM.imageban_TOKEN = 'kAmwEHuOdNbWHmx37ChS'; //TOKEN для загрузки на imageban.ru (опционально)
    </script>
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!-- конец-->

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

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>

hvScriptSet.addMask({

guestAccess: ['Tales from the Crypt','House of wax', 'Ghost ship', 'Drag me to hell', 'You wont be alone', 'Happy death day', 'Truth or dare', 'A quiet place', 'Pet Sematary', 'Hell Fest', 'завершенные эпизоды','архив конкурсов', 'The Bunker','незавершенные эпизоды'],

    forumAccessExtended: {
            'Drag me to hell': ['Принятый', 'без флуда', 'добровольный гм'],
            'You wont be alone': ['Принятый', 'без флуда', 'добровольный гм'],
            'Tales from the Crypt': ['Принятый', 'без флуда', 'добровольный гм'],
            'House of wax': ['Принятый', 'без флуда', 'добровольный гм'],
            'Ghost ship': ['Принятый', 'без флуда', 'добровольный гм'],
            'Happy death day': ['Принятый', 'без флуда', 'добровольный гм'],
            'Truth or dare': ['Принятый', 'Пользователи', 'без флуда', 'добровольный гм'],
            'A quiet place': ['Принятый', 'без флуда', 'добровольный гм'],
            'Pet Sematary': ['Принятый', 'без флуда', 'добровольный гм'],
            'Hell Fest': ['Принятый', 'без флуда', 'добровольный гм'],
            'завершенные эпизоды': ['Принятый', 'без флуда', 'добровольный гм'],
            'архив конкурсов': ['Принятый', 'без флуда', 'добровольный гм'],
            'The Bunker': ['Принятый', 'без флуда', 'добровольный гм', 'добровольный гм']
    },
    changeList: {
        'pafld1': {
            title: 'лз',
            description: '',
            tag: 'lz',
            class: 'pa-fld2',
            defaultCode: '<div class="lz"><a href="ссылка на анкету" class="ank">имя фамилия, возраст цифрой </a><p>текст текст текст</p></lz>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-posts', 'pa-fld4', 'pa-fld3', 'pa-respect', 'pa-online']
});
</script>

<!-- * Новая Палитра © Deff * -->
<style>
body #post #color-area {
background-position: 0 !important;
background-size: 366px auto !important;
padding: 0px 7px 8px 30px !important;
width: 298px !important;
background: var(--color17);
}
#color-area table.Myp .rightMy input{
/*margin-left:54px*/
}
#color-area table.Myp input{
z-index:0!important;
}
</style>
<script src="https://forumstatic.ru/files/0010/b4/f8/74494.js"></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>

<!-- Кнопка отключения мгновенного предпросмотра -->
<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>').appendTo('#post p.formsubmit');
var x = ParseContent;
window.togglePreview = function(sel){//alert(sel.value);
if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
}; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
}())
</script>

<!--кликаешь на авик и меняешь-->
    <script type="text/javascript">
    $('.post').each(function(){
    var lp = $(this).find('.pl-email:nth-child(1) a').attr('href');
    var la = lp.slice(lp.indexOf('id=')+3);
    $(this).find('.pa-avatar img').wrap('<a href="http://'+location.hostname+'/profile.php?section=avatar&id='+la+'"></a>');});
    </script>

<!-- Отключение сокращения ссылок -->
<script type="text/javascript"> FORUM.set("editor.link.short_url", function() { return false; }); </script>

<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">символов: <b>00</b></small>';epl.parents("#post-form").find("#form-buttons").append(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--конец -->

<!-------------------------- Исключение из "Цитировать" подписи и "отредактировано" ----------------->
<script 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.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>
<!------------ Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 ------------>

<!--------------------------- ЗАМЕНА ДВОЙНЫХ КАВЫЧЕК НА ПАРНЫЕ --------------------->
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<!-- Свои шрифты -->
<script type="text/javascript">
$(document).ready(function(){if ($('#main-reply').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");

var ft_f = new Array();

ft_f.push(''); ft_f.push('• КИРИЛЛИЦА'); ft_f.push('');

ft_f.push('Comfortaa'); ft_f.push('Philosopher'); ft_f.push('Montserrat'); ft_f.push('Caveat'); ft_f.push('Playfair Display'); ft_f.push('Yeseva One'); ft_f.push('BebasNeueRegular'); ft_f.push('BebasNeueBold'); ft_f.push('Antikvar'); ft_f.push('BEWARE'); ft_f.push('Comforter'); ft_f.push('Louver'); ft_f.push('melt'); ft_f.push('ZnikomitNo25'); ft_f.push('TriodPostnaja'); ft_f.push('TM Vinograd'); ft_f.push('Sunday'); ft_f.push('Lionelofparis'); ft_f.push('Leokadia Deco'); ft_f.push('Eurofurence'); ft_f.push('Bernier Shade'); ft_f.push('American TextC'); ft_f.push('Certege'); ft_f.push('Veles'); ft_f.push('Roboto Condensed'); ft_f.push('Deutsch Gothic'); ft_f.push('GardensC'); ft_f.push('Calligraph'); ft_f.push('Bradobrei'); ft_f.push('Zhizn'); ft_f.push('Kobzar KS'); ft_f.push('Engine'); ft_f.push('Lemon Tuesday'); ft_f.push('Cuprum'); ft_f.push('Marck Script'); ft_f.push('Christmas ScriptC'); ft_f.push('Intro'); ft_f.push('Gunny Rewritten'); ft_f.push('Verdana'); ft_f.push('Tahoma'); ft_f.push('Impact'); ft_f.push('Courier New'); ft_f.push('Arial Narrow');
ft_f.push('Arial Black'); ft_f.push('Arial');
ft_f.push('TanaUncia'); ft_f.push('riviera'); ft_f.push('Catarina'); ft_f.push('Debby'); ft_f.push('BOWLER'); ft_f.push('Naga'); ft_f.push('epos'); ft_f.push('LeoHand'); ft_f.push('GOSHA'); ft_f.push('Ostrovsky'); ft_f.push('Shlapak Script'); ft_f.push('Lighthaus');
ft_f.push('Baron'); ft_f.push('code_pro'); ft_f.push('Doppelganger'); ft_f.push('TheArtist');

ft_f.push('DRUZHOK'); ft_f.push('DiscipuliBritannica');  ft_f.push('aguniversityregular'); ft_f.push('pinnacleregular'); ft_f.push('basisregular');

ft_f.push(''); ft_f.push('•; ЛАТИНИЦА'); ft_f.push('');

ft_f.push('Abril Fatface'); ft_f.push('Comfortaa'); ft_f.push('Philosopher'); ft_f.push('Montserrat'); ft_f.push('Caveat'); ft_f.push('Playfair Display'); ft_f.push('Homemade Apple'); ft_f.push('Yeseva One'); ft_f.push('BebasNeueRegular'); ft_f.push('BebasNeueBold'); ft_f.push('Niagara'); ft_f.push('Antikvar'); ft_f.push('Sophistica'); ft_f.push('murder'); ft_f.push('Halimun'); ft_f.push('Adoriademo'); ft_f.push('BEWARE'); ft_f.push('Comforter'); ft_f.push('Louver'); ft_f.push('melt'); ft_f.push('WestAngel'); ft_f.push('MrDafoe'); ft_f.push('HomemadeApple'); ft_f.push('DMS'); ft_f.push('ZnikomitNo25'); ft_f.push('TriodPostnaja'); ft_f.push('TM Vinograd'); ft_f.push('Sunday'); ft_f.push('Lionelofparis'); ft_f.push('Leokadia Deco'); ft_f.push('Eurofurence'); ft_f.push('Bernier Shade'); ft_f.push('American TextC'); ft_f.push('Certege'); ft_f.push('Veles'); ft_f.push('Roboto Condensed'); ft_f.push('Deutsch Gothic'); ft_f.push('GardensC'); ft_f.push('Calligraph'); ft_f.push('Bradobrei'); ft_f.push('Zhizn'); ft_f.push('Kobzar KS'); ft_f.push('Engine'); ft_f.push('Lemon Tuesday'); ft_f.push('Cuprum'); ft_f.push('Marck Script'); ft_f.push('Christmas ScriptC'); ft_f.push('Intro');  ft_f.push('Gunny Rewritten');  ft_f.push('Verdana');  ft_f.push('Tahoma');  ft_f.push('Impact');  ft_f.push('Courier New');  ft_f.push('Arial Narrow');  ft_f.push('Arial Black');  ft_f.push('Arial'); ft_f.push('Hi Melody');
ft_f.push('TanaUncia'); ft_f.push('riviera'); ft_f.push('Catarina'); ft_f.push('Debby');
ft_f.push('BOWLER'); ft_f.push('Naga'); ft_f.push('epos'); ft_f.push('LeoHand'); ft_f.push('GOSHA'); ft_f.push('Ostrovsky'); ft_f.push('Lighthaus');  ft_f.push('MOLIKA');
ft_f.push('AromeDisplay'); ft_f.push('aromaticdream'); ft_f.push('Antifont'); ft_f.push('Bitter Mind');
ft_f.push('Hermes'); ft_f.push('Laginchy'); ft_f.push('Soothing'); ft_f.push('Liquido'); ft_f.push('Hello Paris');

ft_f.push('Salve'); ft_f.push('SmoothStone'); ft_f.push('Tiffany');
ft_f.push('amandaregular'); ft_f.push('andalusiaregular'); ft_f.push('felyregular'); ft_f.push('lovesregular');
ft_f.push('sallinaregular'); ft_f.push('briocheregular');

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}})
</script>
<!-- Конец -->

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

    <div id="character" class="reveal-modal xlarge main container">
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal">х</a>
    </div>

    <script type="text/javascript">
function showTab(elem) {
    $(elem).addClass("tabactive").siblings().removeClass("tabactive");
    $("div.submenutext").hide();
    var activeDiv = $(elem).attr("alt");
    $("div." + activeDiv).fadeIn();
    return false;
}

$(document).on("click", ".menu span", function() {
    showTab(this);
});

$(".modal-link").click(function() {
    var modId = $(this).attr('id');
    $('.modal_wrap').html('');
    $.get('pages/'+modId, function (data) {
        $('.modal_wrap').html($(data).find('.character').html());
    });

    $(".submenutext").hide();
    $(".submenutext:first").show();

function checkAndAddTabactive() {
    if ($(".menu span").length > 0 && !$(".menu span:first").hasClass("tabactive")) {
        $(".menu span:first").addClass("tabactive");
    } else {
        setTimeout(checkAndAddTabactive, 500);
    }
}
    checkAndAddTabactive();
});
    </script>
<script type="text/javascript">$(function() {$('.team_awards img, .team_gifts img, .page-left-all-one, .page-left-all-one2').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>

<script>
    let text = ''
    const replyArea = document.querySelector('#main-reply')
    const titlePage = document.querySelector('.tite-main-1').innerHTML
 
    // Проверяем, что где-то "выше" в дереве есть .post-content
    function isInsidePostContent(node) {
      while (node) {
        if (node.classList && node.classList.contains('post-content')) {
          return true
        }
        node = node.parentNode
      }
      return false
    }
 
    // Вставка цитаты в textarea
    function pasteQuote() {
      const currentReply = replyArea.value
      const newValue = currentReply ? currentReply + `\n\n[i]${text}\n` : `${text}\n`
 
      replyArea.value = newValue
      // Прокрутить к полю ответа
      replyArea.scrollIntoView()
    }
 
    // Создаём кнопку
    const quoteButton = document.createElement('button')
    quoteButton.textContent = 'Цитировать курсивом'
    // Немного стилей для наглядности
    quoteButton.style.position = 'absolute'
    quoteButton.style.display = 'none'
    quoteButton.style.backgroundColor = 'rgba(255, 255, 255, 1)'
    quoteButton.style.border = '1px solid var(--color2)'
    quoteButton.style.color = 'var(--color2)'
    quoteButton.style.padding = '5px 10px'
    quoteButton.style.zIndex = '9999'
    quoteButton.style.cursor = 'pointer'
 
    // Клик по кнопке вставляет цитату
    quoteButton.addEventListener('click', pasteQuote)
 
    // Добавляем кнопку в body
    document.body.appendChild(quoteButton)
 
    if (titlePage === 'мысли') {
      document.addEventListener('selectionchange', function () {
        const selection = window.getSelection()
 
        // Проверяем, что у нас есть диапазон (rangeCount) и выделен не пустой текст
        if (selection.rangeCount > 0) {
          const range = selection.getRangeAt(0)
          text = selection.toString().trim()
 
          // Если текста нет, скрываем кнопку
          if (!text) {
            quoteButton.style.display = 'none'
            return
          }
 
          // Проверяем, находится ли выделение внутри .post-content
          if (!isInsidePostContent(selection.focusNode)) {
            quoteButton.style.display = 'none'
            return
          }
 
          // Получаем координаты выделенного текста
          const rect = range.getBoundingClientRect()
 
          // Показываем кнопку
          quoteButton.style.display = 'block'
 
          // Позиционируем кнопку (внизу справа от выделения)
          // Прибавим немного отступа (5px)
          const offsetX = window.scrollX + rect.right + 5
          const offsetY = window.scrollY + rect.bottom + 5
 
          quoteButton.style.left = offsetX + 'px'
          quoteButton.style.top = offsetY + 'px'
        }
      })
    }
  </script>

0

2

стиль 1 - 1 часть

@import url(style_cs.css);

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');

/* подключение шрифтов файлом */
@import url('https://forumstatic.ru/files/001c/65/f7/15021.css');
@import url('https://forumstatic.ru/files/001b/d4/18/22430.css');

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&subset=cyrillic');

@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Roboto:100,300,400,700,700i,900');

/* используются в дизайне */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --bg: #212121 url(https://forumstatic.ru/files/001c/65/f7/22104.png);
    --header: url(https://forumstatic.ru/files/001c/65/f7/31523.png);
    --foo: url(https://forumstatic.ru/files/001c/65/f7/12072.png);

    --dark600: #1E1E1E;
    --dark500: #222222;

    --border600: #363636;

    --beg100: #C5C5C5;
    --beg300: #BBBBBB;
    --beg500: #B1B1B1;

    --cat: url(https://forumstatic.ru/files/001c/65/f7/64112.png);

    --prof: url(https://forumstatic.ru/files/001c/65/f7/88183.png);

    --text1: #1E1E1E; /* black */
    --text2: #363636; /* light black */
    --text3: #C5C1BC; /*white*/
    --links: #C03B40;
    --accent: #C03B40;

    --font:Ubuntu;
    --font-accent: movage;
}

@font-face {font-family: 'movage';
src: local("movage"), url(https://forumstatic.ru/files/001c/65/f7/39336.otf);}

@font-face { font-family: Belgan Aesthetic; src: local("Belgan Aesthetic"), url(https://forumstatic.ru/files/001b/73/d1/38340.ttf); }

@font-face {font-family: 'Baron';
src: local("Baron"), url(https://forumstatic.ru/files/001b/d4/18/16743.otf);}

@font-face {font-family: 'code_pro';
src: local("code_pro"), url(https://forumstatic.ru/files/001b/d4/18/16181.otf);}

@font-face {font-family: 'Doppelganger';
src: local("Doppelganger"), url(https://forumstatic.ru/files/001b/d4/18/77006.otf);}

@font-face {font-family: 'TheArtist';
src: local("TheArtist"), url(https://forumstatic.ru/files/001b/d4/18/54743.otf);}

@font-face {font-family: 'Salve';
src: local("Salve"), url(https://forumstatic.ru/files/001b/d4/18/80528.otf);}

@font-face {font-family: 'SmoothStone';
src: local("SmoothStone"), url(https://forumstatic.ru/files/001b/d4/18/89459.ttf);}

@font-face {font-family: 'Tiffany';
src: local("Tiffany"), url(https://forumstatic.ru/files/001b/d4/18/94324.ttf);}



@font-face {font-family: 'Berold';
src: local("Berold"), url(https://forumstatic.ru/files/001b/d4/18/51541.otf);}

@font-face {font-family: 'Adorn';
src: local("Adorn"), url(https://forumstatic.ru/files/001b/d4/18/73681.ttf);}

@font-face {font-family: 'Manrope';
src: local("Manrope"), url(https://forumstatic.ru/files/001b/d4/18/26901.ttf);}

@font-face {font-family: 'MintSpirit';
src: local("MintSpirit"), url(https://forumstatic.ru/files/001b/d4/18/31006.otf);}

@font-face {font-family: 'Melikan';
src: local("Melikan"), url(https://forumstatic.ru/files/001b/d4/18/29286.ttf);}

@font-face {font-family: 'Chekhovskoy';
src: local("Chekhovskoy"), url(https://forumstatic.ru/files/001b/d4/18/84371.ttf);}

@font-face {font-family: 'Attack';
src: local("Attack"), url(https://forumstatic.ru/files/001b/d4/18/42484.ttf);}

@font-face {font-family: 'AcrylatteDemo';
src: local("AcrylatteDemo"), url(https://forumstatic.ru/files/001b/d4/18/31001.ttf);}

@font-face {font-family: 'VERTIGO';
src: local("VERTIGO"), url(https://forumstatic.ru/files/001b/d4/18/14941.ttf);}

@font-face {font-family: 'TanaUncia';
src: local("TanaUncia"), url(https://forumstatic.ru/files/001b/d4/18/76278.otf);}

@font-face {font-family: 'riviera';
src: local("riviera"), url(https://forumstatic.ru/files/001b/d4/18/88150.otf);}

@font-face {font-family: 'Catarina';
src: local("Catarina"), url(https://forumstatic.ru/files/001b/d4/18/98458.ttf);}

@font-face {font-family: 'Debby';
src: local("Debby"), url(https://forumstatic.ru/files/001b/d4/18/25890.ttf);}

@font-face {font-family: 'BOWLER';
src: local("BOWLER"), url(https://forumstatic.ru/files/001b/d4/18/13367.otf);}

@font-face {font-family: 'Naga';
src: local("Naga"), url(https://forumstatic.ru/files/001b/d4/18/54870.otf);}

@font-face {font-family: 'epos';
src: local("epos"), url(https://forumstatic.ru/files/001b/d4/18/56934.otf);}

@font-face {font-family: 'LeoHand';
src: local("LeoHand"), url(https://forumstatic.ru/files/001b/d4/18/68333.ttf);}

@font-face {font-family: 'GOSHA';
src: local("GOSHA"), url(https://forumstatic.ru/files/001b/d4/18/97090.otf);}

@font-face {font-family: 'Ostrovsky';
src: local("Ostrovsky"), url(https://forumstatic.ru/files/001b/d4/18/75012.otf);}

@font-face {font-family: 'Zanna';
src: local("patheos"), url(https://forumstatic.ru/files/001b/d4/18/75319.otf);}

@font-face {font-family: 'patheos';
src: local("patheos"), url(https://forumstatic.ru/files/001b/d4/18/59135.otf);}

@font-face {font-family: 'monumental';
src: local("monumental"), url(https://forumstatic.ru/files/001b/d4/18/92596.ttf);}

@font-face {font-family: 'Arsenal-Bold';
src: local("Arsenal-Bold"), url(https://forumstatic.ru/files/001b/d4/18/84242.otf);}

@font-face {font-family: 'SaintCarell';
src: local("SaintCarell"), url(https://forumstatic.ru/files/001b/d4/18/63963.otf);}

@font-face {font-family: 'Serco';
src: local("Serco"), url(https://forumstatic.ru/files/001b/d4/18/31690.otf);}

@font-face {font-family: 'Adeston';
src: local("Adeston"), url(https://forumstatic.ru/files/001b/d4/18/38717.ttf);}

@font-face {font-family: 'Montserrat';
src: local("Montserrat"), url(https://forumstatic.ru/files/001b/0a/ba/38186.ttf);}

@font-face {font-family: 'MOLIKA';
src: local("MOLIKA"), url(https://forumstatic.ru/files/001b/d4/18/21719.ttf);}

@font-face {font-family: 'AromeDisplay';
src: local("AromeDisplay"), url(https://forumstatic.ru/files/001b/d4/18/47611.ttf);}

@font-face {font-family: 'aromaticdream';
src: local("aromaticdream"), url(https://forumstatic.ru/files/001b/d4/18/32772.otf);}

@font-face {font-family: 'Yeseva One';
src: local("Yeseva One"), url(https://forumstatic.ru/files/001b/c6/d8/73431.ttf);}

@font-face {font-family: 'game';
src: local("game"), url(https://forumstatic.ru/files/001b/c6/d8/75952.ttf);}

@font-face {font-family: 'Philosopher-Regular';
src: local("Philosopher-Regular"), url(https://forumstatic.ru/files/001b/91/32/89784.ttf);}

@font-face {font-family: 'Philosopher-Bold';
src: local("Philosopher-Bold"), url(https://forumstatic.ru/files/001b/91/32/67517.ttf);}

@font-face {font-family: 'Neothic';
src: local("Neothic"), url(https://forumstatic.ru/files/001b/91/32/95950.ttf);}

@font-face {font-family: 'Ampero';
src: local("Ampero"), url(https://forumstatic.ru/files/001b/5a/fd/52361.ttf);}

@font-face {font-family: 'helvetica';
src: local("helvetica"), url(https://forumstatic.ru/files/001b/5a/fd/84861.otf);}

@font-face {font-family: 'enge';
src: local("enge"), url(https://forumstatic.ru/files/001b/60/c5/77727.ttf);}

@font-face {font-family: 'enge2';
src: local("enge2"), url(https://forumstatic.ru/files/001b/60/c5/51392.ttf);}

@font-face {font-family: 'you';
src: local("you"), url(https://forumstatic.ru/files/001a/e1/8d/15196.ttf);}

@font-face {font-family: 'Gunny Rewritten';
src: local("Gunny Rewritten"), url(https://forumstatic.ru/files/001b/0a/ba/68328.ttf);}

@font-face {font-family: 'Intro';
src: local("Intro"), url(https://forumstatic.ru/files/001b/0a/ba/12277.otf);}

@font-face {font-family: 'Christmas ScriptC';
src: local("Christmas ScriptC"), url(https://forumstatic.ru/files/001b/0a/ba/26913.ttf);}

@font-face {font-family: 'Marck Script';
src: local("Marck Script"), url(https://forumstatic.ru/files/001b/0a/ba/31040.ttf);}

@font-face {font-family: 'Cuprum';
src: local("Cuprum"), url(https://forumstatic.ru/files/001b/0a/ba/12813.ttf);}

@font-face {font-family: 'Bebas';
src: local("Bebas"), url(https://forumstatic.ru/files/001b/0a/ba/35946.ttf);}

@font-face {font-family: 'Lemon Tuesday';
src: local("Lemon Tuesday"), url(https://forumstatic.ru/files/001b/0a/ba/49982.otf);}

@font-face {font-family: 'Engine';
src: local("Engine"), url(https://forumstatic.ru/files/001b/0a/ba/97934.otf);}

@font-face {font-family: 'Kobzar KS';
src: local("Kobzar KS"), url(https://forumstatic.ru/files/001b/0a/ba/67436.otf);}

@font-face {font-family: 'Zhizn';
src: local("Zhizn"), url(https://forumstatic.ru/files/001b/0a/ba/33970.otf);}

@font-face {font-family: 'Bradobrei';
src: local("Bradobrei"), url(https://forumstatic.ru/files/001b/0a/ba/46866.otf);}

@font-face {font-family: 'Calligraph';
src: local("Calligraph"), url(https://forumstatic.ru/files/001b/0a/ba/95767.ttf);}

@font-face {font-family: 'Bebas Neue Regular';
src: local("Bebas Neue Regular"), url(https://forumstatic.ru/files/001b/0a/ba/53955.ttf);}

@font-face {font-family: 'BebasNeue Bold';
src: local("BebasNeue Bold"), url(https://forumstatic.ru/files/001b/0a/ba/87148.otf);}

@font-face {font-family: 'GardensC';
src: local("GardensC"), url(https://forumstatic.ru/files/001b/0a/ba/56777.otf);}

@font-face {font-family: 'Deutsch Gothic';
src: local("Deutsch Gothic"), url(https://forumstatic.ru/files/001b/0a/ba/41841.ttf);}

@font-face {font-family: 'Roboto Condensed';
src: local("Roboto Condensed"), url(https://forumstatic.ru/files/001b/0a/ba/21060.ttf);}

@font-face {font-family: 'Veles';
src: local("Veles"), url(https://forumstatic.ru/files/001b/0a/ba/41492.otf);}

@font-face {font-family: 'Certege';
src: local("Certege"), url(https://forumstatic.ru/files/001b/0a/ba/17984.ttf);}

@font-face {font-family: 'Barkentina';
src: local("Barkentina"), url(https://forumstatic.ru/files/001b/0a/ba/20708.otf);}

@font-face {font-family: 'American TextC';
src: local("American TextC"), url(https://forumstatic.ru/files/001b/0a/ba/39213.ttf);}

@font-face {font-family: 'Bernier Shade';
src: local("Bernier Shade"), url(https://forumstatic.ru/files/001b/0a/ba/32255.otf);}

@font-face {font-family: 'Eurofurence';
src: local("Eurofurence"), url(https://forumstatic.ru/files/001b/0a/ba/74562.ttf);}

@font-face {font-family: 'Leokadia Deco';
src: local("Leokadia Deco"), url(https://forumstatic.ru/files/001b/0a/ba/36816.ttf);}

@font-face {font-family: 'Lionelofparis';
src: local("Lionelofparis"), url(https://forumstatic.ru/files/001b/0a/ba/88883.ttf);}

@font-face {font-family: 'Sunday';
src: local("Sunday"), url(https://forumstatic.ru/files/001b/0a/ba/72022.ttf);}

@font-face {font-family: 'TM Vinograd';
src: local("TM Vinograd"), url(https://forumstatic.ru/files/001b/0a/ba/88024.ttf);}

@font-face {font-family: 'TriodPostnaja';
src: local("TriodPostnaja"), url(https://forumstatic.ru/files/001b/0a/ba/49049.ttf);}

@font-face {font-family: 'ZnikomitNo25';
src: local("ZnikomitNo25"), url(https://forumstatic.ru/files/001b/0a/ba/23740.otf);}

@font-face {font-family: 'gala';
src: local("gala"), url(https://forumstatic.ru/files/001b/17/33/11702.ttf);}

@font-face {font-family: 'Calibri';
src: local("Calibri"), url(https://forumstatic.ru/files/001b/3c/ea/81489.ttf?v=1);}

@font-face {font-family: 'daunpenh';
src: local("daunpenh"), url(https://forumstatic.ru/files/001b/3c/ea/77401.ttf);}

@font-face {font-family: 'DMS';
src: local("DMS"), url(https://forumstatic.ru/files/001b/60/aa/71982.ttf);}

@font-face {font-family: 'HomemadeApple';
src: local("HomemadeApple"), url(https://forumstatic.ru/files/001b/60/aa/65953.ttf);}

@font-face {font-family: 'MrDafoe';
src: local("MrDafoe"), url(https://forumstatic.ru/files/001b/60/aa/24317.ttf);}

@font-face {font-family: 'WestAngel';
src: local("WestAngel"), url(https://forumstatic.ru/files/001b/60/aa/65336.ttf);}

@font-face {font-family: 'melt';
src: local("melt"), url(https://forumstatic.ru/files/001b/60/aa/94478.ttf);}

@font-face {font-family: 'Louver';
src: local("Louver"), url(https://forumstatic.ru/files/001b/60/aa/30190.ttf);}

@font-face {font-family: 'HollowSky';
src: local("HollowSky"), url(https://forumstatic.ru/files/001b/60/aa/33881.otf);}

@font-face {font-family: 'Comforter';
src: local("Comforter"), url(https://forumstatic.ru/files/001b/60/aa/18506.ttf);}

@font-face {font-family: 'BEWARE';
src: local("BEWARE"), url(https://forumstatic.ru/files/001b/60/aa/89463.ttf);}

@font-face {font-family: 'Adoriademo';
src: local("Adoriademo"), url(https://forumstatic.ru/files/001b/60/aa/54236.otf);}

@font-face {font-family: 'Halimun';
src: local("Halimun"), url(https://forumstatic.ru/files/001b/60/aa/53519.ttf);}

@font-face {font-family: 'murder';
src: local("murder"), url(https://forumstatic.ru/files/001b/60/aa/45149.ttf);}

@font-face {font-family: 'Sophistica';
src: local("Sophistica"), url(https://forumstatic.ru/files/001b/60/aa/17569.ttf);}

@font-face {font-family: 'Antikvar';
src: local("Antikvar"), url(https://forumstatic.ru/files/001b/a8/b2/48242.ttf);}

@font-face {font-family: 'Niagara';
src: local("Niagara"), url(https://forumstatic.ru/files/001b/a8/b2/40403.ttf);}

@font-face {font-family: 'BebasNeueRegular';
src: local("BebasNeueRegular"), url(https://forumstatic.ru/files/001b/a8/b2/60584.ttf);}

@font-face {font-family: 'BebasNeueBold';
src: local("BebasNeueBold"), url(https://forumstatic.ru/files/001b/a8/b2/76216.ttf);}

@font-face { font-family: Shlapak Script;
src: local("ShlapakScript"), url(https://forumstatic.ru/files/001a/28/10/90421.ttf) format('truetype');}

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

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

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

/* 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: auto;
vertical-align: middle
}

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

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

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

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

.punbb th {
font-size: 0.9em;
font-weight: bold;
}

.punbb h4,
.punbb table {
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% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

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

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

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

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

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

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

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb dl.post-sig dt span,
.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-ulinks h2,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status 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 {
background:
    var(--foo) no-repeat bottom center,
    var(--dark600) var(--header) no-repeat top center;
border: 1px solid var(--border600);
margin: auto;
width: 1050px;
margin-top: 40px !important;
margin-bottom: 40px;
padding: 394px 10px 127px;
box-sizing: border-box;
border-radius: 15px;
}

.punbb {
padding: 20px;
background:
    var(--beg100);
border-radius: 15px;
}

/* лишнее */
h1.title-logo,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
#pun-crumbs1 strong,
#pun-crumbs2 strong,
thead,
th,
#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em,
#pun-index #pun-main h1,
.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports,
td .modlist,
li#navawards,
.pa-gifts,
.acchide,
.forum h2,
.usertable h2,
.topic h2,
a.sharelink,
#pun .pa-ua,
.pa-author img,
.lastedit,
fieldset legend,
#pun .pl-reports,
#pun .mini_gifts,
#pun-userlist .main h2,
#pun-search .main h1,
#profilenav h2,
#profile-gifts,
#messages li.pl-email,
#pun .email,
.catleft,
.catright,
#pun .pl-share,
p.inputfield label em,
p.selectfield label em,
p.passfield label em,
#pun-announcement h2,
.pa-awards {
display: none
}

.punbb {
height: auto;
}

#pun {
color: var(--text1);
}

#pun a {
color: var(--links)
}

#pun a:hover {
color: var(--text2)
}

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

#pun-redirect {
border: 0 none !important;
margin: 0;
padding: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
background:
    var(--bg) no-repeat fixed top center !important;
box-shadow: none !important;
}

#pun-redirect #pun-main {
background: transparent;
}

#pun-redirect * {
border: 0 none;
}

#pun-redirect .main-title {
display: none;
}

#pun-redirect.punbb .info .container {
text-align: center;
font: 400 11px var(--font);
display: inline-block;
margin: 0 auto;
width: auto;
height: auto;
box-sizing: border-box;
padding: 30px;
background:
    var(--beg100);
border-radius: 15px;
width: 1010px;
margin-top: 50px
}

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

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

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

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

/* A5.8 */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
border:  none
}

/* A5.9 */
.punbb .container {
border:  none
}

/**********************   B - MAIN CONTENT - GENERAL   ***********************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

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

/* B1.2 */
.punbb .post-sig dt {
border: none;
background: none;
height: 1px;
display: block;
margin: 5px auto 15px;
width: 80%;
}

/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
font-family: var(--font), sans-serif;
font-weight: 400;
font-size: 1em;
word-wrap: break-word;
}

.post-content {
color: var(--text1)
}

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
border: medium none;
margin: 0.4em 0em 0.8em;
padding: 0em;
}

/* B1.9 */
.punbb .quote-box cite,
.punbb .code-box strong.legend {
display: block;
font-size: 1.1em;
font-style: normal;
font-weight: bold;
margin: 0;
padding-bottom: 0.0em;
}

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

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

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

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

/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst {
width: auto;
height: auto;
font: 300 11px var(--font);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px 0px 10px !important;
position: relative;
z-index: 8;
padding: 0;
text-transform: lowercase;
flex-wrap: wrap;
gap: 5px
}

/* B3.4 */
.linkst .postlink,
.linksb .postlink {
text-align: right;
font-weight: 700;
}

/* B3.5 */
.punbb .linksb {
width: auto;
height: auto;
font: 400 11px var(--font);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px 0px 0px !important;
position: relative;
z-index: 8;
padding: 0;
text-transform: lowercase;
flex-wrap: wrap;
gap: 5px
}

.linksb {
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
width: auto;
}

#profile .button {
margin-top: 0 !important;
}

#profile .clearer {
display: none
}

#profile .linksb:after,
.linksb:after {
display: none !important;
}

.postlink span+span {
margin-left: 5px
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: auto;
text-align: left;
order: 1
}

/* B3.7 */
.linksb .postlink,
.linksb noindex {
width: auto;
order: 3;
position: relative
}

.subscribelink {
position: relative;
order: 2;
text-align: center;
}

#pun .postlink.long {
width: auto;
display: flex;
}

.postlink.long .new-topic {
padding: 0 !important;
}

.postlink a, .pagelink {
background: var(--beg300);
padding: 3px 10px 5px;
border-radius: 7px;
}

.pagelink {
display: flex;
gap: 2px;
align-items: center;
}

.pagelink strong {
font-weight: 300 !important;
}

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

/* C1 Form layout
-------------------------------------------------------------*/
#pun-messages .formal .fs-box .container {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
}

#post.container {
padding: 0 !important;
}

/* C1.2 */
.punbb .formsubmit {
padding: 0 0 15px 0em;
margin: 0em 0 0 0;
position: relative;
z-index: 1;
display: flex;
align-items: center
}

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

/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 0px 0 0px;
margin: 0 0 1em 0
}

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

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

#profile .container fieldset legend {
display: block;
font-size: 8px;
text-transform: uppercase;
background: red;
margin: 15px 0 5px !important;
font-family: var(--font);
background: var(--beg300);
padding: 4px 10px;
border-radius: 6px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 0em 0 0em 0;
}

/* C1.9 */
.punbb .fs-box p,
.punbb .fs-box fieldset {
padding: 0 0 1.5em 0
}

form#post .fs-box p {
padding: 0 !important;
}

form#post .fs-box p + p {
margin-top: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.3 */
.punbb .main .tcr {
text-align: left;
width: 23%;
  margin-right: 33px !important;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
width: 15%;
white-space: normal;
}

/* C2.7 */
#pun-debug .tcr {
width: 90%;
white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
}

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

/* C2.10 */
.punbb td .modlist {
display: none;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.9em 0em;
}

/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}

* html .tclcon {
height: 1px
}

/* C2.14 */
.punbb td div.tclcon {
line-height: 150%;
margin-left: 0;
text-align: left;
flex: 1
}

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

/* C3.1 */
.punbb .post {
margin-top: 0px;
position: relative;
}

.post {
scroll-margin: 50px
}

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

/* C3.2 */
.punbb .post h3 {
border-width: 0px;
-webkit-text-size-adjust: 100%;
width: auto;
display: flex;
align-items: center;
justify-content: flex-start;
font: 300 11px var(--font);
z-index: 1;
margin: 15px 0px 10px !important;
padding: 5px 15px !important;
width: auto;
box-sizing: border-box;
text-transform: uppercase;
background: var(--beg300);
border-radius: 7px;
}

.post h3 span {
display: flex !important;
justify-content: flex-start;
align-items: center;
gap: 0px;
flex-wrap: wrap;
margin-right: 0px;
position: relative;
padding: 0px;
flex: 1;
}

.post h3 span a,
.post h3 strong {
font-weight: 500;
box-sizing: border-box;
}

.post h3 strong {
order: 2;
font-weight: normal;
margin-left: auto
}

.post h3 strong:before {
content: "#"
}

/* C3.5 */
.punbb .post .post-author {
float: left;
}

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

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

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

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

#guest.pa-online {
display: none
}

/* C3.11 */
.punbb .post-body {
margin-left: 270px;
border: none;
}

/* C3.12 */
.punbb .post-box {
padding: 0px 0 1em;
text-align: justify
}

.post-body .post-box a {
font-weight: bold;
}

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

/*C3.14 */
.punbb .post-links {
margin: 1em 0px 0px;
padding: 0px 0px 0px;
position: relative;
z-index: 8;
}

.post-links ul {
text-align: right;
}

.post-links li {
display: inline;
}

.profile,
.pm,
.email {
float: left
}

.post-links li+li,
.pa-links li+li {
margin-left: 20px
}

.punbb .post-links ul li:first-child {
margin-left: 0
}

.endpost .post-links ul {
border: 0 !important;
}

#pun .post-links ul a,
.pa-links li a {
font: 700 11px var(--font);
text-transform: lowercase
}

.post-links li a {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

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

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

/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
padding: 5px 15px 5px;
text-align: right;
font: normal 10px var(--font) !important;
background: var(--beg300);
border-radius: 7px;
text-transform: uppercase;
margin-top: 5px;
opacity: .7;
transition: opacity .2s linear 0s
}

.punbb .modmenu .container:hover {
opacity: 1
}

#topic-modmenu .container {
margin: 10px 0 !important;
padding: 0 !important;
background: transparent;
border: none;
}

.forum {
padding: 0px
}

.forum tr + tr {
margin-top: 5px
}

.forum tr {
display: flex;
padding: 5px 15px !important;
gap: 30px;
font: 300 12px var(--font);
align-items: center;
background: var(--beg300);
border-radius: 7px;
text-transform: lowercase
}

.forum tr a {
font-weight: 500;
}

.forum td {
padding: 0 !important;
}

.forum .tcl {
flex: auto;
}

.forum .tc2,
.forum .tc3 {
width: 8% !important;
font-size: 10px
}

#pun .forum .tcr {
min-width: 30% !important;
}

.forum table {
margin: 0px 0
}

.forum thead {
display: none
}

.forum tr td {
padding: 0 !important;
}

#pun-viewforum .tcr,
#pun-searchtopics .tcr {
display: flex;
align-items: center;
}

#pun .user-avatar {
width: 30px !important;
height: 30px !important;
margin: 0 !important;
position: relative;
margin-right: 10px !important;
}

#pun .user-avatar .avatar-image {
width: 30px;
height: 30px;
border-radius: 6px;
transition: all .5s linear 0s;
box-sizing: border-box;
opacity: .75;
mix-blend-mode: luminosity;
border: 1px solid var(--border600)
}

#pun .user-avatar .avatar-image:hover {
filter: none;
opacity: 1;
mix-blend-mode: normal
}

#pun .user-avatar .isonline {
background: var(--links);
margin-right: 0px;
margin-top: 0px !important;
box-sizing: border-box;
z-index: 1;
animation: none;
border-radius: 3px !important;
width: 8px;
height: 8px;
border-radius: 6px;
top: -2px;
z-index: 1;
right: -2px;
}

.user-avatar .avatar-image[style*=default_avatar] {
background-image: url(https://upforme.ru/uploads/001c/65/f7/2/199025.png) !important;
}

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

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

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

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

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

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

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

/* C6.1 */
#profile .container {
padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -18.7em;
display: inline;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: normal;
}

/* C6.4 */
#viewprofile ul,
#profilenav ul {
border: none;
padding: 0;
margin: 0;
}

/* C6.5 */
#viewprofile h2,
#profilenav h2 {
padding: 3px 0 0 10px;
margin: 0 14px -0.6em 14px;
text-align: center !important;
}

/* C6.6 */
#viewprofile h2 span,
#profilenav h2 span {
padding: 0 5px;
position: relative;
}

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

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: normal;
}

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

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

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

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

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

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

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/***********************  D - PUNBB SECTIONS OTHER THAN MAIN CONTENT   ****************************/
/* D1 Logo and description
-------------------------------------------------------------*/

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

/* D1.2 */
#pun-title h1 {
display: block;
height: 10px;
margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
border: none;
padding: 0.2em 1em 0.8em 1em;
}

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

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

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

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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding-left: -20px;
width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0
}

/* D2.3 */
#pun-pagelinks .container li {
display: inline
}

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

/* D2.5 */
#pun-pagelinks a:active,
#pun-pagelinks a:focus {
position: relative;
margin: 0;
}

#pun-pagelinks li a span {
display: block;
margin: 0 1em
}

/* D3 Forum navigation
-------------------------------------------------------------*/

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

#pun-navlinks .container {
border: none;
margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
font-weight: normal;
}

/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
font-family: tahoma;
font-size: 0.8em;
padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
border: none;
}

#pun-ulinks li,
#pun-ulinks li a {
display: inline;
white-space: nowrap;
    position: relative
}

#pun-ulinks li a {
font-size: 0.8em;
padding: 0 0 0 5px;
}

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

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

#pun-status {
display: flex;
justify-content: center;
align-items: center;
padding: 0px 0 0;
box-sizing: border-box;
gap: 5px;
margin: 0px 0;
position: absolute;
top: 0;
height: 40px;
width: 100%;
left: 0;
color: var(--text3);
text-transform: lowercase
}

/* D5.2 */
#pun-status .container {
text-align: center;
font: 300 10px var(--font);
position: relative;
height: 40px;
border: none;
display: flex;
align-items: center;
}

#pun-status a {
font-weight: 600;
color: var(--accent);
}

#pun-status a:hover {
color: var(--text3)
}

#pun-status .container strong {
font-weight: 600 !important;
}

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

#pun-status .item3,
#pun-status .item4 {
margin-left: 0px !important;
}

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

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 15px;
position: relative
}

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
}

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

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

/* D6.1 */
#pun-announcement h2 {
display: none
}

#pun-announcement.section,
#pun-announcement .container {
border: none;
margin: 0;
}

/* D6.3 */
#pun-announcement .container {
padding: 0;
}

.news__container {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}

.news__container a {
    background: var(--cover);
box-shadow: 0 0 0 1px var(--border-light) inset, 0 0 10px var(--f-drop) inset;
border: 1px solid var(--border-dark) !important;
border-radius: 10px;
padding: 7px 28px;
text-transform: uppercase;
font: 400 12px var(--font);
transition: all .2s ease-in-out !important
}

.news__container a:hover {
background: var(--link-hover);
color: var(--h3-border)!important;
border: 1px solid var(--link-hover) !important;
}

/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats {
padding:0;
margin: 20px 0px 0px !important;
height: auto;
position: relative;
}

#pun-stats h2 {
display: none
}

#pun-stats .container {
display: flex;
font: 300 11px/150% var(--font);
position: relative;
flex-direction: column;
gap: 10px;
margin: 0 0 10px;
background: var(--beg300);
border-radius: 15px;
padding: 15px;
text-transform: lowercase
}

.ststitems {
display: flex;
flex-wrap: wrap;
font: 300 10px var(--font);
margin: -5px 0px -15px;
padding: 6px 20px 1px;
border-radius: 15px 15px 0 0;
background: var(--beg100);
align-items: flex-start;
text-align: center;
gap: 20px;
justify-content: center;
text-transform: lowercase;
order: 3;
align-self: center
}

.ststitems li {
padding: 0px !important;
display: flex;
gap: 3px;
flex-direction: row-reverse;
align-items: flex-start;
line-height: 100%;
text-transform: uppercase;
font-size: 8px
}

.ststitems li.item4 {
gap: 0
}

.ststitems a:hover {
color: var(--links) !important;
}

.ststitems li strong {
font-weight: 600;
}

.onlinelist {
padding-top: 0px !important;
}

#onlinelist {
font-weight: 300;
text-align: justify;
}

#onlinelist span {
font-weight: 300
}

#onlinelist strong {
font-weight: 500
}

#pun-stats a {
font-weight: 500
}

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

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

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

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

/* D8.4 */
#pun-about .container {
border-top-style: none;
line-height: 150%;
padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
display: block;
}

/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
margin-bottom: 0;
}

/* D8.7 */
#pun-crumbs2 .container {
font-size: 1.1em;
}

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

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

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

/* D9.3 */
#pun-help .formal p,
#pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul,
#pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans"
}

.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports {
display: none
}

input,
textarea {
outline: none;
}

input:active,
textarea:active {
outline: none;
}

:focus {
outline: none;
}

#pun-messages .fs-box {
padding: 15px;
background: var(--beg300);
border-radius: 15px;
}

#pun-messages #post-form .fs-box {
padding: 0 0px;
}

#pun-messages #post-form {
padding: 0 0px !important;
}

#pun-messages #post-form.formal .fs-box.hashelp {
    padding: 0 15px;
    margin-bottom: 10px
}

#pun-messages .pa-posts {
display: none
}

#pun-messages .pa-online {
clear: both
}

#pun-messages .post-content {
margin-top: 0px !important;
margin-left: 0px !important;
}

#main-reply {
height: 200px;
}

#mask_dialog .inner,
.modal-inner.section,
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
.editBookmark {
background: var(--beg300);
border: 1px solid var(--beg500) !important;
border-radius: 15px;
padding: 15px !important
}

#post legend span {
display: none
}

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
top: 55px !important;
}

.pl-reports {
display: none !important;
}

.post-content td {
border: none transparent !important;
overflow: hidden !important;
}

::selection {
background: var(--accent);
color: #fefefe;
}

::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: rgba(20, 18, 15, 0.1);
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
background-color: var(--accent);
width: 4px !important;
border-radius: 100px !important;
}

body * {
    scrollbar-width: thin;
    scrollbar-color: var(--accent) rgba(20, 18, 15, 0.01);
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--beg100) rgba(0, 0, 0, 0.01);
}

#html-header {
color: var(--text3);
}

#html-header a {
color: var(--text3);

}

#html-header a:hover {
color: var(--links)
}

.post-content abbr {
text-decoration: none;
border-bottom: 1px dashed var(--text1);
display: inline-block
}

.osniveactivist {
    background: rgba(24, 24, 24, 0.25);
    border-radius: 15px;
    padding: 10px;
    width: 310px;
}

.nameactivist {
    font: 15px var(--font-accent);
    letter-spacing: 1px;
    text-align: left;
    margin-top: 3px;
    margin-left: 10px;
    display: flex;
}

.namepostact {
    font-size: 12px;
    display: flex;
    margin-top: -18px;
    margin-left: 61px;
    gap: 5px;
    text-transform: lowercase;
}
.namepostact a {
    background: rgb(255 255 255 / 4%);
    padding: 2px;
    border-radius: 5px;

}


#pun #pun-ulinks #Rz {
display: none !important;
}

.punbb-admin textarea {
width: 100% !important;
}

input[type="checkbox"] {
border-radius: 0%;
appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s;
    margin-right: 10px !important;
border: 1px solid var(--beg500) !important;
display: inline-flex;
justify-content: center;
align-items: center;
}

input[type="radio"] {
border-radius: 100%;
appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s;
    margin-right: 10px !important;
border: 1px solid var( --border600) !important;
display: inline-flex;
justify-content: center;
align-items: center;
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
content: "\f00c";
font-family: FontAwesome;
font-size: 10px;
position: absolute;
}

span.checkfield,
p.checkfield {
display: flex;
margin-top: 10px !important;
align-items: center
}

.pl-share {
display: none !important
}

.pl-email.email {
display: none !important;
}

body.post-content {
width: 100%;
}

#post-form {
padding: 0px 0px !important;
}

.intd {
display: flex;
align-items: center
}

#post-form h2 {
display: none
}

#charcounter {
font: 400 12px arsenal;
background: var(--fill);
border: 1px solid var(--borders);
border-radius: 3px;
text-align: center;
padding: 4px 25px 6px;
display: inline-block;
}

.charcount {
font-weight: 700
}

#profile fieldset #charcounter {
display: none
}

#viewprofile-next {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}

#viewprofile-next #profilenav {
display: none
}

#viewprofile-next tr {
display: flex;
gap: 10px;
}

#viewprofile .container {
background:
    var(--bg) no-repeat top center / cover;
border-radius: 15px;
position: relative;
color: var(--text3);
padding: 15px;
}

#viewprofile li {
margin-bottom: 0 !important;
}

#pun #profile-left {
background:
    var(--dark500);
width: 220px !important;
border-radius: 15px;
display: flex;
flex-direction: column;
gap: 5px;
padding: 15px !important;
box-sizing: border-box;
align-items: center;
justify-content: flex-start;
font-family: var(--font);
}

#pun #profile-name {
font: 400 16px var(--font-accent) !important;
text-align: center !important;
padding: 9px 10px 4px !important;
background: var(--dark600);
position: relative;
border-bottom: none;
border-radius: 10px 10px 0 0;
text-transform: lowercase;
display: block !important;
width: 180px;
box-sizing: border-box;
margin-bottom: -6px !important;
border: none !important;
}

#profile-title {
font-size: 10px;
text-align: center;
font-weight: 400 !important;
position: relative;
background: var(--dark600);
border-radius: 0px 0px 10px 10px;
position: relative;
padding: 1px 10px 10px !important;
width: 180px;
box-sizing: border-box;
border: none !important;
}

#pun #profile-name strong, #pun #profile-title strong {
font-weight: 400 !important;
}

#pa-avatar img {
border-radius: 10px;
}

#profile-left li strong {
padding: 0 !important;
margin: 0 !important;
}

#pa-edit {
margin-top: 10px !important;
}

#pa-online strong {
text-transform: uppercase;
font-weight: 300 !important;
font-size: 8px
}

#profile-right {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 5px;
width: auto !important;
background: var(--dark500);
border-radius: 15px;
padding: 15px !important;
box-sizing: border-box;
flex: 1
}

#profile-right li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: auto;
text-align: center;
padding: 10px !important;
font-size: 11px;
background: var(--dark600);
border-radius: 15px;
align-self: stretch;
font-family: var(--font)
}

#profile-right li strong {
font-weight: normal;
padding: 0 !important;
margin: 0 !important;
}

#pun #profile-right li span {
float: none;
margin: 0;
width: auto;
font-weight: 600;
padding: 5px 10px;
font-size: 10px;
border-radius: 10px;
text-transform: uppercase;
width: 100%;
margin-bottom: 10px;
background: rgba(0,0,0,.2);
box-sizing: border-box
}

#pa-invites,
#pa-gifts,
#pa-awards {
display: none !important;
}

#pa-fld2 {
width: 100%
}

#pa-fld1 strong {
display: flex !important;
justify-content: center;
align-items: center
}

#pa-fld5 {
width: 150px
}

#pa-fld5 .rait-all {
width: 150px;
display: block !important;
}

#pa-fld5 .rait-fon {
background: red;
display: none
}

#profile {
display: flex;
margin-top: 0
}

#profile form.container {
width: 100%;
padding-left: 18.6em !important;
}

#profilenav {
display: flex;
margin-left: -17em;
}

#pun-messages #profile>.container {
display: flex;
flex-direction: column;
width: 100% !important;
padding-left: 0;
padding: 0;
box-sizing: border-box;
margin-top: 0 !important;
}

#pun-messages .linksb {
margin: 10px 0 -5px !important;
padding: 10px 0 0;
}

#pun-messages #profilenav {
float: none;
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
padding: 15px;
gap: 15px;
box-sizing: border-box;
background: var(--beg300);
border-radius: 15px;
}

#pun-messages #profilenav ul,
#pun-messages #profilenav li {
padding: 0;
}

#pun-messages #profilenav ul {
display: flex;
gap: 5px;
margin: 0
}

#pun-messages #profilenav li {
background: var(--beg100);
border: 1px solid var(--beg100);
border-radius: 8px;
padding: 3px 25px 5px;
font: 400 12px var(--font);
text-transform: lowercase;
}

#pun-messages #profilenav .isactive {
font-weight: 700;
border: 1px solid var(--beg500)
}

#pun-messages #profilenav h2 {
display: block;
text-align: left !important;
padding-left: 0;
margin-left: 0;
}

#pun-messages .fs-box .container {
padding: 0px 0 !important;
}

#pun-messages .fs-box .container tr+tr {
margin-top: 0;
}

#pun-messages .fs-box .container tr {
display: flex;
align-items: center;
padding: 0 10px;
border: 1px solid var(--beg500) !important;
border-radius: 15px;
font-family: var(--font)
}

.pmtc22 {
display: flex;
align-items: center;
}

#pun-messages .fs-box .container tr:last-child {
border: none
}

#pun-messages .fs-box .post>.container {
display: block !important;
}

#pun #pun-messages .post {
background: transparent;
border: none !important;
padding: 0 !important;
margin-top: -30px !important;
}

#pun #keyboard-span input {
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 300;
font-size: 13px !important;
color: var(--text1);
background-color: var(--cover);
margin: 1px 1px 0 0;
margin-top: 1px;
border: 1px solid var(--border-dark) !important;
cursor: pointer;
padding: 5px !important;
height: auto;
min-width: auto;
}

#pun #keyboard-span input+input {
margin: 1px
}

#pun-index .lastpost {
font-size: 0
}

#pun-index .datetime,
#pun-index .byuser {
font-size: 10px;
color: var(--text2)
}

#pun-index .datetime:after {
content: ", "
}

#BookmCntToggle {
margin-top: 1px !important;
z-index: 9999;
}

#MyBookmarks {
background: var(--beg500);
text-shadow: none;
color: var(--text1);
padding: 20px 20px 10px 20px;
box-sizing: border-box;
width: 280px !important;
}

#MyBookmarks inner {
padding-top: 40px !important;
}

#BookmCntToggle.default-style {
background: var(--pun) !important;
border-radius: 2px;
box-shadow: 2px 2px 1px #000;
opacity: .95;
}

#MyBookmarks h2 {
margin: 0 !important;
padding: 10px 20px !important;
border-bottom: 1px dashed var(--borders) !important;
box-sizing: border-box;
margin-bottom: 20px !important;
}

.post .bookmark {
color: var(--links) !important;
}

#BookmCntToggle.default-style {
color: var(--links) !important;
z-index: 9999
}

#BookmCntToggle {
top: 80px !important;
left: 30px !important;
}

#MyBookmarks {
z-index: 99999 !important;
}

#bm2 {
right: 20px !important;
}

#pun .scrl.t,
#pun .scrl.b {
box-shadow: none !important;
background: var(--cover);
border: 1px solid var(--borders);
border-radius: 6px;
width: 110px;
}

.scrl.t+.scrl.b {
margin-left: 10px !important;
}

#imageupload-left input[type=button] {
width: auto !important
}

#pun-respect td {
padding: .8em !important;
overflow-wrap: normal
}

#pun hr {
opacity: 1;
filter: none;
background: var(--border-dark);
border: none;
height: 1px;
margin: .8em auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: visible
}

#pun hr:after {
content: "";
display: block;
background: var(--border-dark);
height: 7px;
width: 7px;
position: absolute;
transform: rotate(45deg)
}

#topic-feed {
display: none
}

.post-content table {
border-radius: 5px;
overflow: hidden
}

img[alt~="hide-autor2"] {
opacity: 0;
display: none
}

#form-buttons {
margin-bottom: 5px !important;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 5px;
width: 100%;
flex-direction: row
}

#plng {
font-size: 10px !important;
font-weight: 300 !important;
margin-top: 0px !important;
padding: 2px 15px !important;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out 0s;
color: var(--text2);
text-transform: uppercase;
white-space: nowrap;
gap: 5px;
font-family: var(--font);
border-radius: 10px;
background: var(--beg300);
border: 1px solid var(--beg500) !important;
align-self: stretch;
}

#plng b {
font-weight: 800;
color: var(--text1)
}

#form-buttons td img {
position: relative
}

#form-buttons tr {
display: flex;
width: 100%;
justify-content: center;
gap: 4px;
flex-wrap: wrap;
}

#form-buttons table {
flex: auto;
display: flex;
flex-wrap: wrap;
  border-radius: 10px;
background: var(--beg300);
border: 1px solid var(--beg500) !important;
padding: 2px 15px;
width: 100%;
}

#form-buttons tbody, #form-buttons tr {
width: 100%
}

#form-buttons td {
transition: all .5s ease-in-out 0s;
color: var(--text2);
width: 25px;
flex: 1
}

#form-buttons td:hover {
color: var(--links);
}

#button-font,
#button-transL,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#button-justify,
#floatbut,
#button-link,
#button-spoiler,
#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-table,
#button-smile,
#button-sticker,
#button-keyboard,
#button-addition,
#button-mask,
#button-html,
#button-vkladka,
#My_replic_meny,
#button-ChangeСase,
#button-dice,
#button-styles {
position: relative !important;
background: none !important;
}

#button-font:before,
#button-transL:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-strike:before,
#button-indent:before,
#button-left:before,
#button-center:before,
#button-right:before,
#button-justify:before,
#floatbut:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-table:before,
#button-smile:before,
#button-sticker::before,
#button-keyboard:before,
#button-addition:before,
#button-mask:before,
#button-html:before,
#button-vkladka:before,
#My_replic_meny:before,
#button-ChangeСase:before,
#button-dice:before,
#button-styles:before {
content: "";
height: 26px;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
text-align: center;
font-size: 15px;
line-height: 26px;
z-index: 0
}

#button-ChangeСase:before {
content: "\f15e"
}

#button-font:before {
content: "\f031"
}

#button-transL:before {
content: "\f362"
}

#button-size:before {
content: "\f034"
}

#button-bold:before {
content: "\f032"
}

#button-italic:before {
content: "\f033"
}

#button-underline:before {
content: "\f0cd";
top: 1px
}

#button-strike:before {
content: "\f0cc"
}

#button-indent:before {
content: "\f03c"
}

#button-left:before {
content: "\f036"
}

#button-center:before {
content: "\f037"
}

#button-right:before {
content: "\f038"
}

#button-justify:before {
content: "\f039"
}

#floatbut:before {
content: "\f03b"
}

#button-link:before {
content: "\f0c1"
}

#button-spoiler:before {
content: "\f070";
font-size: 17px
}

#button-image:before {
content: "\f03e";
font-size: 18px
}

#button-video:before {
content: "\f167";
font-size: 18px;
top: 0px
}

#button-hide:before {
content: "\f023"
}

#button-quote:before {
content: "\f10e"
}

#button-code:before {
content: "\f121";
}

#button-color:before {
content: "\f576"
}

#button-table:before {
content: "\f0ce"
}

#button-smile {
display: none
}

#button-smile:before {
content: "\f118"
}

#button-sticker:before {
content: "\f118"
}

#button-vkladka:before {
content: "\f58d"
}

td#button-files_rusff,
td#button-graffiti_rusff {
display: none !important;
}

#button-keyboard:before {
content: "\f11c";
font-size: 16px
}

#button-addition:before {
content: "\f0fe"
}

#button-mask:before {
content: "\f630"
}

#button-html:before {
content: "\f1c9"
}

#My_replic_meny:before {
content: "\e2ca"
}

#button-styles:before {
content: "\f248";
font-size: 16px
}

#button-dice:before {
content: "\f522";
}
.quote-box cite .qcn {
  margin-right: 5px !important;
}
#pun .post-content .spoiler-box>div {
background: var( --beg500);
  position: relative;
  padding: 3px 15px 4px !important;
    padding-left: 15px;
  font-family: var(--font);
  font-size: 12px;
  border-radius: 10px;
  min-height: 23px;
  box-sizing: border-box;
  padding-left: 30px !important;
}

#pun .post-content .spoiler-box>div:before {
content: "\f106";
  font-family: fontawesome;
  font-size: 10px;
width:13px;
height: 13px;
transition: all .5s ease-in-out 0s;
box-sizing: border-box;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 5px;
left: 10px;
}

#pun .post-content .spoiler-box>div.visible:before {
  content: "\f107";
}

#pun-profile fieldset .radio {
    padding-bottom: 10px
}

#pun-messages tr.inew .tclcon a {
    font-weight: bold
}

#togglePreview {
display: flex;
margin-left: auto
}

.settings_wrap {
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
background: var(--beg300);
height: 20px;
border-radius: 7px;
position: relative
}

.settings_wrap .slide_button {
width: auto;
height: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 10px 5px !important;
font: 500 12px/100% var(--font) !important;
text-transform: uppercase;
box-sizing: border-box;
color: var(--links)
}

.settings_wrap .slide_block {
position: absolute;
width: 230px;
top: calc(100% + 5px);
display: none;
right: 0;
}

.settings_container {
display: flex;
flex-direction: column;
gap: 15px;
background: var(--beg300);
border-radius: 8px;
padding: 10px 15px;
}

#chfont {
text-align: center;
display: flex;
gap: 5px;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
color: var(--text1);
text-shadow: none
}

#chfont:before {
content: "Шрифт в постах";
font: 300 9px var(--font);
color: var(--text2);
display: block;
margin-bottom: 0px;
text-transform: uppercase;
text-shadow: none;
}

#chfontbut {
display: none !important;
}

#chfont select {
cursor: pointer;
border: none !important;
background: var(--beg100)
}

#chfontsize {
width: auto;
display: flex;
align-items: center;
font: 300 12px var(--font);
gap: 5px;
margin-left: 5px
}

.fsizeplus,
.fsizeminus {
box-sizing: border-box;
color: var(--text2);
cursor: pointer;
font-size: 0;
width: 13px;
height: 13px;
text-align: center;
display: flex;
align-items: center;
justify-content: center
}

.fsizeplus::after {
content: "\2b";
font: 9px/100% FontAwesome;
display: flex;
justify-content: center;
align-items: center;
background: var(--beg100);
height: 15px;
width: 15px;
border-radius: 100%
}

.fsizeminus::after {
content: "\f068";
font: 9px/100% FontAwesome;
display: flex;
justify-content: center;
align-items: center;
background: var(--beg100);
height: 15px;
width: 15px;
border-radius: 100%
}

#stylelist {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start !important;
gap: 10px;
font: 400 12px var(--font);
color: var(--text1);
text-align: left
}

#stylelist:before {
content: "Дизайн";
font: 300 9px var(--font);
color: var(--text2);
display: block;
margin-bottom: 0px;
text-transform: uppercase;
text-shadow: none;
}

#stylelist li {
display: flex;
align-items: center;
gap: 10px;
position: relative;
justify-content: flex-start;
}

#stylelist li a {
color: var(--text1) !important;
text-transform: none;
font-size: 11px !important;
font-weight: 400 !important;
background: transparent;
padding: 0 !important;
border-radius: 0 !important;
}

0

3

стиль 1 - 2 часть

#stylelist li:before {
content: "";
display: block;
width: 13px;
height: 13px;
box-sizing: border-box;
border-radius: 5px;
background: var(--beg100)
}

#stylelist li:after {
    content: "\f00c";
font: 12px FontAwesome;
width: 10px;
height: 10px;
transform: scale(0);
position: absolute;
top: 2px;
left: 2px;
color: var(--text1);
transition: all .3s linear 0s
}

#stylelist li.active:after {
transform: scale(1)
}

/* кастомизация реакций, которым дух неизменно желает в аду гореть */
.reactions-root {
position: relative;
z-index: 8
}

.reactions-root .reaction-chip {
  cursor: pointer;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cover);
box-shadow: 0 0 0 1px var(--border-light) inset, 0 0 10px var(--f-drop) inset;
border: 1px solid var(--border-dark) !important;
border-radius: 6px;
}

.reactions-root .reaction-chip:hover {
background: var(--h3-bg) !important;
}

#pun .reaction-chip.reaction-chip--clicked {
background: var(--cover);
box-shadow: 0 0 0 1px var(--border-light) inset, 0 0 10px var(--f-drop) inset;
border: 1px solid var(--border-dark) !important;
font: 600 14px var(--font);
display: flex;
align-items: center;
color: var(--text2)
}

#pun .reaction-counter__count {
padding: 0;
}

#pun .reaction-chip.reaction-chip--clicked .emoji-mart-emoji {
padding: 0 !important;
}

#pun .reactions-root .emoji-mart {
background: var(--cover);
box-shadow: 0 0 0 1px var(--border-light) inset, 0 0 10px var(--f-drop) inset;
border: 1px solid var(--border-dark) !important;
border-radius: 6px;
width: 400px !important;
font-family: var(--font);
font-size: 10px;
padding: 10px;
}

#pun .reactions-root .emoji-mart-bar {
border: none;
margin-bottom: 10px;
}
#pun .reactions-root .emoji-mart-anchors {
display: flex;
gap: 2px;
}

#pun .reactions-root .emoji-mart-anchors button {
padding: 5px !important;
background: var(--cover) !important;
box-shadow: none;
border: 1px solid var(--border-dark) !important;
border-radius: 6px;
}

#pun .reactions-root .emoji-mart-search input {
background: var(--h3-bg);
border: 1px solid var(--border-light);
display: flex;
align-items: center;
}

#pun .reactions-root .emoji-mart-search-icon {
top: 4px
}

#pun .reactions-root .emoji-mart-category-label span {
background: var(--h3-bg);
border: 1px solid var(--border-light);
border-radius: 5px;
margin: 10px 0 5px
}

#pun .reactions-root .emoji-mart-scroll {
padding-right: 10px
}

#pun .emoji-mart-category-list {
display: flex;
flex-wrap: wrap;
gap: 2px;
}

#pun .reactions-root .emoji-mart-emoji {
padding: 10px !important;
}

#pun .reactions-root .emoji-mart-emoji:before {
border-radius: 0 !important;
background: transparent
}

.punbb .post-rating {
height: 20px;
display: flex;
justify-content: flex-end;
align-items: stretch;
}

.punbb .post-rating p, .punbb .post-rating {
padding: 0 !important;
margin: 0 !important;
float: none !important;
padding: 0 !important;
}

.punbb .post-rating {
margin-top: 20px !important;
}

.punbb .post-rating p, .punbb .post-vote .container {
display: flex;
justify-content: center;
align-items: center;
height: 20px;
width: 20px;
font: 400 8px var(--font);
padding: 0 !important;
float: none !important;
margin: 0 !important;
}

.punbb .post-rating a {
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
color: var(--text3) !important;
font-weight: 500;
}

.punbb .post-rating a:before {
  content: "\f004";
  font: 24px FontAwesome;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -1;
color: var(--accent);
transition: all .4s linear 0s;
text-shadow: none
}

.punbb .post-vote a {
color: transparent !important;
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}

.punbb .post-vote a:before {
  content: "\f075";
  font: 24px FontAwesome;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: .3;
color: var(--border600);
transition: all .4s linear 0s
}

.punbb .post-rating a:hover:before, .punbb .post-vote a:hover:before {
color: var(--dark600)
}

.punbb .post-vote {
position: absolute;
right: 30px;
margin-top: -20px
}

.mylike .post-rating a:before {
color: var(--border600) !important;
}

.mylike .post-vote {
display: none
}

.header_wrapper {
position: absolute;
top: 40px;
margin-left: -30px;
width: 1050px;
padding: 20px 20px 5px;
box-sizing: border-box;
font: 500 10px/130% var(--font);
display: flex;
flex-direction: column;
gap: 25px;
justify-content: flex-start;
align-items: center
}

.header_wrapper:after {
content: "";
background: var(--dark600);
position: absolute;
display: block;
width: 1048px;
height: 89px;
bottom: 0;
left: 0;
    mask: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);;
-webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);;
mask-size: cover;
-webkit-mask-size: cover;
pointer-events: none
}

.header_logo {
position: relative;
align-self: stretch;
display: flex;
justify-content: center;
align-items: flex-end
}

.logo_text {
background: var(--accent);
mask: url(https://forumstatic.ru/files/001c/65/f7/75087.svg) no-repeat center center;
-webkit-mask: url(https://forumstatic.ru/files/001c/65/f7/75087.svg) no-repeat center center;
mask-size: cover;
-webkit-mask-size: cover;
width: 522px;
height: 33px;
display: block
}

.header_logo .nav_wrap {
position: absolute;
right: 0;
bottom: 0;
z-index: 11
}

.header_logo .slide_button {
padding: 5px 20px;
border-radius: 10px;
text-transform: uppercase;
font-size: 11px;
background: rgba(24, 24, 24, 0.25);
font-weight: 500;
cursor: pointer
}

.header_logo .slide_button.i_active {
background: rgba(53, 53, 53, 0.25)
}

.header_logo .slide_block {
display: none;
position: absolute;
top: calc(100% + 5px);
background: var(--dark500);
right: 0;
border-radius: 10px;
width: 200px;
}

.header_logo .link {
padding: 10px;
display: flex;
flex-direction: column;
gap: 5px;
}

.header_logo .link a {
background: var(--links);
text-transform: uppercase;
text-align: center;
border-radius: 6px;
padding: 3px 10px;
transition: all .3s linear 0s !important;
}

.header_logo .link a:hover {
background: var(--dark600)
}

.header_table {
display: flex;
justify-content: space-between;
align-self: stretch;
height: 243px;
}

.header_table-item {
display: flex;
width: 330px;
gap: 10px;
flex-wrap: wrap;
}

.persons_wrapper {
background: rgba(24, 24, 24, 0.25);
padding: 10px;
display: flex;
flex-wrap: wrap;
gap: 5px;
border-radius: 15px;
flex: 1;
justify-content: center;
}

.persons-title {
width: 100%;
font: 14px var(--font-accent);
letter-spacing: 1px;
text-align: center;
}

.persons_wrapper a {
width: 30px;
height: 30px;
display: block;
overflow: hidden;
position: relative;
border-radius: 8px;
}

.persons_wrapper img {
width: 30px;
height: 30px;
object-fit: cover;
filter: grayscale(100%)
}

.persons_wrapper a:after {
content: "";
background: rgba(53, 51, 49, 0.45);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
transition: all .4s linear 0s
}

.persons_wrapper a:before {
content: "";
background: var(--dark600);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
opacity: .5;
transition: all .4s linear 0s
}

.persons_wrapper a:hover:before, .persons_wrapper a:hover:after {
opacity: 0
}

.persons-alt {
background: rgba(24, 24, 24, 0.25);
padding: 7px;
display: flex;
flex-wrap: wrap;
gap: 5px;
border-radius: 15px;
justify-content: flex-start;
min-width: 100%;
box-sizing: border-box;
text-align: justify;
}

.persons-alt.best_post .persons-title {
text-align: left
}

.header_scroll {
overflow-y: auto;
padding-right: 15px;
margin-right: -5px
}

.persons-alt.best_post .header_scroll {
height: 46px;
line-height: 150%
}

.persons-alt.best_post a:not(.persons-title a) {
font-weight: 500 !important;
}

.persons-alt.persons-ams .persons-title {
font: 300 9px var(--font);
text-transform: lowercase;
letter-spacing: 0;
}

.persons-alt.persons-ams {
justify-content: center;
gap: 10px;
position: relative;
align-self: flex-start;
position:relative;
z-index: 1
}

.persons-ams span:not(.persons-title) {
padding: 2px 9px 3px;
text-transform: lowercase;
background: rgba(255, 255, 255, 0.02);
border-radius: 5px;
flex: auto;
box-sizing: border-box;
}

.persons-ams span:not(.persons-title):hover a {
color: var(--accent) !important;
}

.persons-ams a {
font-size: 11px;
}

.persons-ams em {
position: absolute;
background: var(--dark600);
padding: 10px;
border-radius: 10px;
top: 50px;
left: 5px;
width: calc(100% - 10px);
box-sizing: border-box;
display: flex;
gap: 10px;
align-items: center;
opacity: 0;
transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s;
visibility: hidden
}

.persons-ams span:hover em {
opacity: 1;
visibility: visible;
top: calc(100% + 5px);
}

.persons-ams span p {
flex: 1;
font-size: 9px
}

.persons-ams div {
width: 50px;
height: 50px;
display: block;
overflow: hidden;
position: relative;
border-radius: 8px;
}

.persons-ams div img {
width: 50px;
height: 50px;
object-fit: cover;
filter: grayscale(100%)
}

.persons-ams div:after {
content: "";
background: rgba(53, 51, 49, 0.45);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
}

.persons-ams div:before {
content: "";
background: var(--dark600);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
opacity: .5;
}

.persons-quests {
flex: 1;
align-self: stretch;
line-height: 0.9;
}

.persons-quests .persons-title {
text-align: right
}

.persons-quests .header_scroll {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 5px;
font-size: 10px;
max-height: 68px;
min-height: 68px;
flex: 1
}

.persons-quests li {
display: flex;
flex-wrap:wrap;
gap: 5px;
align-items: center;
}

.persons-quests li a {
padding: 3px 5px 3px;
text-transform: lowercase;
background: rgba(255, 255, 255, 0.02);
border-radius: 5px;
box-sizing: border-box;
font-size: 11px
}

.persons-music {
justify-content: center;
  align-items: center;
flex-direction: column;
gap: 15px;
padding-top: 15px
}

.track-desc {
display: flex;
flex-wrap: wrap;
gap: 5px;
text-transform: uppercase;
font-size: 8px;
}

.track-song {
font-weight: 600
}

audio {
display: none;
}

.for-music-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  width: auto;
  gap: 8px;
height: 2px;
}

.for-music-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.music-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  height: 1px;
}

#progress-bar, #volume-slider {
    appearance: none !important;
    flex: 1;
    height: 1px !important;
    background: var(--border600);
    border-radius: 3px;
    cursor: pointer;
  position: relative;
border: none !important;
padding: 0 !important;
}

#volume-slider {
  max-width: 40px;
}

#progress-bar::-webkit-slider-thumb,
#volume-slider::-webkit-slider-thumb {
    appearance: none !important;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--text3);
    cursor: pointer;
  border: none
}

@-moz-document url-prefix() {
#progress-bar::-moz-range-thumb,
#volume-slider::-moz-range-thumb {
    appearance: none !important;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--text3);
    cursor: pointer;
  border: none
}
}

.tab-play-button {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  width: 12px;
}

.tab-play-button::before,
.tab-play-button.playing::before {
    content: "\f04b";
    display: block;
    border: 0;
    color: var(--accent);
    box-sizing: border-box;
  font: 10px FontAwesome;
    transition: 100ms all ease;
    cursor: pointer;
}

.tab-play-button.playing::before {
    content: "\f04c";
    display: block;
    border: 0;
    color: var(--accent);
    box-sizing: border-box;
  font: 10px FontAwesome;
    transition: 100ms all ease;
    cursor: pointer;
}

.header_banners {
align-self: center;
display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
gap: 20px;
        padding-bottom: 15px;

}

.header_banners a {
background: rgba(255, 255, 255, 0.02);
padding: 5px 15px 1px;
border-radius: 5px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5px;
font-size: 8px;
text-transform: uppercase;
font-weight: 500 !important;
position: relative;
z-index: 1;
overflow: hidden;
        flex-shrink: 0;

}

.header_banners a:after {
content: "";
background: var(--links);
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: -100%;
z-index: -1;
transition: all .3s cubic-bezier(.64, .51, .55, 1) 0s;
}

.header_banners a span {
font: normal 20px var(--font-accent);
color: var(--accent) !important;
position: relative;
z-index: 1
}

.header_banners a:hover:after {
left: 0;
}

.header_banners a:hover, .header_banners a:hover span {
color: var(--text3) !important;
}

.header-decor-container {
  height: 394px;
  width: 1048px;
  overflow: hidden;
position: absolute;
top: 1px;
left: 0;
border-radius: 15px 15px 0 0;
pointer-events: none;
mix-blend-mode: overlay;
opacity: 0;
transition: all .4s linear 0s
}

.header_wrapper:hover .header-decor-container {
opacity: 1
}

.particles-wrap {
  height: 100% !important;
  filter: blur(2px);
width: 100% !important;
}

#particles {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.footer_wrapper {
position: absolute;
margin-top: 38px;
margin-left: -20px;
width: 1029px;
display: flex;
justify-content: space-between;
gap: 10px;
height: 89px;
flex-direction: row-reverse;
}

.bottombanners {
flex: 1;
background: rgba(53, 53, 53, 0.25);
padding: 10px;
border-radius: 10px;
height: 100%;
box-sizing: border-box;
flex: auto
}

.bottombanners div {
display: flex;
flex-wrap: wrap;
gap: 3px 4px;
justify-content: center;
overflow-y: auto;
height: 100%
}

.bottombanners img {
mix-blend-mode: luminosity;
border-radius: 5px;
opacity: .7;
transition: all .3 linear 0s
}

.bottombanners img:hover {
opacity: 1;
mix-blend-mode: normal
}

.footer_wrapper .persons_wrapper {
color: var(--text3);
min-width: 240px;
background: rgba(53, 53, 53, 0.25);
box-sizing: border-box
}

.footer_wrapper .persons_wrapper a, .footer_wrapper .persons_wrapper img {
width: 40px;
height: 40px;
}

.dark {
    --dark600: #1E1E1E;
    --dark500: #222222;

    --border600: #363636;

    --beg100: #242424;
    --beg300: #2A2A2A;
    --beg500: #313131;

    --text1: #B4B0AB; /* black */
    --text2: #9A9792; /* light black */
    --text3: #C5C1BC; /*white*/
    --links: #C03B40;
    --accent: #C03B40;

    --font:Ubuntu;
    --font-accent: movage;
}

.bw {
    --bg: #212121 url(https://forumstatic.ru/files/001c/65/f7/22104.png);
    --header: url(https://forumstatic.ru/files/001c/65/f7/31523.png);
    --foo: url(https://forumstatic.ru/files/001c/65/f7/12072.png);

    --dark600: #1E1E1E;
    --dark500: #222222;

    --border600: #363636;

    --beg100: #C5C1BC;
    --beg300: #BEBAB5;
    --beg500: #B4B0AB;

    --cat: url(https://forumstatic.ru/files/001c/65/f7/64112.png);

    --prof: url(https://forumstatic.ru/files/001c/65/f7/88183.png);

    --text1: #1E1E1E; /* black */
    --text2: #363636; /* light black */
    --text3: #C5C1BC; /*white*/
    --links: #C03B40;
    --accent: #C03B40;

    --font:Ubuntu;
    --font-accent: movage;
}

.bw {
    --bg: #212121 url(https://forumstatic.ru/files/001c/65/f7/82347.png);
    --header: url(https://forumstatic.ru/files/001c/65/f7/72744.png);
    --foo: url(https://forumstatic.ru/files/001c/65/f7/57938.png);

    --dark600: #1E1E1E;
    --dark500: #222222;

    --border600: #363636;

    --beg100: #C5C1BC;
    --beg300: #BEBAB5;
    --beg500: #B4B0AB;

    --cat: url(https://forumstatic.ru/files/001c/65/f7/64123.png);

    --text1: #1E1E1E; /* black */
    --text2: #363636; /* light black */
    --text3: #C5C1BC; /*white*/
    --links: #0F0F0F;
    --accent: #C5C1BC;

    --font:Ubuntu;
    --font-accent: movage;
}

/*зеленый */

.gr {
    --bg: #212121 url(https://forumstatic.ru/files/001b/d4/18/96868.png);
    --header: url(https://forumstatic.ru/files/001b/d4/18/73454.png);
    --foo: url(https://forumstatic.ru/files/001b/d4/18/30497.png);
    --dark600: #1E1E1E;
    --dark500: #222222;
    --dark200: #363e34;
    --border600: #363636;
    --beg100: #bfc2c1;
    --beg300: #b3b6b4;
    --beg500: #abadac;
    --cat: url(https://forumstatic.ru/files/001b/d4/18/89907.png);
    --prof: url(https://forumstatic.ru/files/001c/65/f7/88183.png);
    --text1: #1E1E1E;
    --text2: #363636;
    --text3: #bcc5c3;
    --links: #36582c;
    --accent: #6f9365;
    --font: Ubuntu;
    --font-accent: movage;
}



img[alt="hide-autor"] {
display: none !important;
}

/*********************************
  Deff: Быстрая смена ников!
От 15.06.2019
*********************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd {
display: none !important;
}

#pun-navlinks .container > li {
    position: relative;
}

/*Стиль иконки Выход */
#pun-navlinks #New-exit {
position: absolute;
z-index: 9999;
left: calc(100% + 5px);
margin-top: 0;
    top: 0;
    float: none !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
height: 100%;
box-sizing: border-box;
}

#pun-navlinks #New-exit:before {
    display: none
}

#pun-navlinks #navprofile+#navlogout #New-exit {
/*Пиар*/
margin-left: 230px;
}

#pun-navlinks #New-exit img {
width: 15px;
height: auto;
display: inline-block;
opacity: .8;
filter: brightness(1.2);
filter: invert(100%);
}

/*Стиль формы входа*/
#pun-navlinks #form-login {
position: absolute;
margin-top:5px;
z-index: 9999 !important;
font-family: var(--font);
font-weight: normal;
line-height: normal !important;
color: var(--text1);
font-size: 11px;
padding: 20px 12px;
background: var(--beg500);
border-radius: 10px;
text-align: center;
}

#pun-navlinks #navlogout #form-login {
margin-left: 0px;
/*Подвижки формы влево от выход*/
}

#navprofile+#navlogout #form-login {
/*Пиар*/
margin-left: 0px;
}

#navpm+#navlogout #form-login {
/*Подвижка формы для НеАдмина! */
margin-left: 0;
}

#pun-navlinks #navlogin #form-login {
margin-left:0;
/*Подвижки формы влево от вход*/
}

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login .Rega,
#pun-navlinks #form-login .Forgot {
font-size: 10px !important;
    display: block;
    text-align: center;
color: var(--text1) !important;
}

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

/* Помечаем красным незаполненные поля!*/
#form-login input.none {
outline: red dashed 2px !important;
}

#form-login div:not(#List-UserNames) input {
margin-bottom: 9px !important;
padding: 3px !important;
}

/* кнопка просмотра пароля */
.punbb #form-login input[type="checkbox"]#check {
display: none;
/*Отключил-не понравилась*/
}

#List-UserNames {
position: absolute;
margin-top: -20px;
min-height: 109px;
width: 220px;
right: 100%;
text-shadow: none;
padding: 20px 19px 12px 20px;
text-align: center;
background: var(--beg500);
border-radius: 10px;
margin-right: 10px;
display: flex;
flex-direction: column;
justify-content: space-between
}

#form-login>span {
margin-bottom: 10px !important;
display: block;
}

.punbb #List-UserNames li {
position: relative;
background: var(--beg100);
border-radius: 0;
text-align: left;
font: normal normal 300 10px/normal var(--font) !important;
margin: 1px auto !important;
padding: 0 5px;
transition: .33s;
color: va(--text1);
display: flex !important;
justify-content: space-between;
align-items: center;
border-radius: 6px;
}

.punbb #List-UserNames li:hover {
opacity: .98;
background: var(--beg300) !important;
}

.punbb #List-UserNames li>b {
cursor: pointer;
flex: 1
}

.punbb #List-UserNames li>b:hover {
opacity: .93;
}

#List-UserNames ul {
overflow: hidden;
overflow-y: auto;
min-height: 25px;
max-height: 75px;
text-align: left;
font-family: var(--font);
padding: 0 !important;
text-shadow: none !important;
font-size: 10px;
align-items: flex-start !important;
justify-content: flex-start;
flex-direction: column;
gap: 0px !important;
    padding-right: 10px !important;
    box-sizing: border-box;
height: auto
}

#List-UserNames ul li {
flex: auto;
text-align: left;
width: 100%;
box-sizing: border-box;
}

#List-UserNames ul li>span {
display: inline-block;
padding: 4px 3px;
opacity: .88;
cursor: pointer;
font: normal normal 700 11px/normal var(--font);
}

/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty::before {
display: inline-block;
text-align: center;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"
}

#navlogin #exit-2 {
display: none;
}

#navlogout .Rega,
#navlogout .Forgot {
display: none;
}

.punbb #List-UserNames input {
display: inline-block;
color: var(--text1) !important;
margin-top: 9px;
padding: 4px !important;
vertical-align: middle;
box-sizing: border-box
}

#List-UserNames ul+span {
display: inline-block;
padding: 6px 0 8px 0;
text-align: left;
font: normal normal 400 10.56px/normal var(--font);
    margin-top: 10px
}

#List-UserNames ul+span b {
font: normal normal 400 13px/normal var(--font);
padding: 0 3px;
color: var(--text1);
}

#List-UserNames .a1-paste {
cursor: pointer;
display: inline-block !important;
float: right;
}

#List-UserNames .a1-copy {
display: inline-block !important;
cursor: pointer;
float: left;
}

.tipsy.a11 {
margin-top: -22px !important;
margin-left: 85px !important;
max-width: 170px;
}

#pun-navlinks.fixed+#pun-ulinks .item6 {
display: none;
}

/*********************************
  //END Стиль к Быстрой смене Ников!
*********************************/

/*****************
Стиль "Тихой Цитаты"
*****************/
.quiet-quote{
  position:relative;
  display: table;
  margin: 4px 15px 0px 19px!important; /*Отступы*/
  font-style: italic;
  font-size: 11px;
  color: #695f5f;
  /*text-align:justify;
  border:red solid 1px;*/
}
.quiet-quote>p{
  line-height:normal!important;
}
.quiet-quote:before, /*Шрифт, Цвет, Размер иконок*/
.quiet-quote:after{
  font-size: 17px;
  display: inline-block;
  position:absolute;
  font-weight: 900;
  color: #695f5f; /*Цвет Кавычек*/
  font-family:System, Arial, sans-serif;
}
.quiet-quote:before{
  content: "\201C";  /*Код левой кавычки к Тихой цитате*/
  left:-20px;
  top:5px;
}
/* Cкрыл Правую кавычку
.quiet-quote:after{
  content: "\201D";  */  /*Код правой кавычки к Тихой цитате*/
  right: -15px;
  bottom: -20px;
}
/*************************
/END//Стиль "Тихой Цитаты"
*************************/

.answer-box cite {
display: flex !important;
align-items: center;
gap: 5px;
}

.qc-post-link {
display: flex;
width: auto;
align-self: stretch;
align-items: center;
}

.qc-post-link a:before {
content: "\f0c1";
font-family: FontAwesome;
font-weight: normal !important;
margin-left: 10px;
font-size: 10px;
}

.qc-post-link a:hover:before {
color: var(--accent)
}

#pun #notify-link .unreads, #pun #navpm .unreads {
font-size: 9px !important;
border-radius: 4px !important;
background: var(--accent);
height: 15px !important;
padding: 2px 3px !important;
margin: 0 !important;
line-height: 120%;
min-width: auto;
box-sizing: border-box;
top: -8px;
right: -15px;
box-shadow: none;
font-weight: normal;
}

#pun .num_msg {
font-size: 9px !important;
border-radius: 4px !important;
background: var(--accent);
height: 20px !important;
padding: 2px 3px !important;
margin: 0 !important;
line-height: 120%;
min-width: auto;
box-sizing: border-box;
top: 0px;
right: -5px;
box-shadow: none;
font-weight: normal;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}

#pun .num_msg:before {
display: none
}

#pre_placement > a {
top: 0 !important;
right: -42px !important;
}

0

4

стиль 2 - 1 часть

body {
background: var(--bg) no-repeat fixed top center;
background-size: cover;
}

#pun-title {
display: none
}

#onlinelist a {
  color: var( --dark500) !important;
}

#pun-navlinks a {
color: var(--links) !important;
transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s !important;
font: 500 13px/100% var(--font) !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 10px 5px !important;
height: auto;
text-align: center;
text-transform: uppercase;
background: var(--beg300);
border-radius: 7px;
}

}
#pre_placement > a {
  top: -39px !important;
  right: -52px !important;
}
#pun-navlinks a:hover {
color: var(--text1) !important;
}

#pun-navlinks ul {
display: flex;
gap: 8px;
width: 100%;
justify-content: center;
align-items: center;
height: auto;
padding: 0 !important;
text-align: right;
border: none !important;
}

#pun-navlinks {
display: block;
font-size: 0px !important;
font-style: normal;
font-weight: lighter !important;
width: auto;
margin: 0px 0px 0 !important;
height: 20px;
padding: 0px 0px;
text-align: right;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: center;
position: sticky;
top: 0;
background: var(--beg100);
z-index: 10;
        top: 5px;
        padding: 5px 0;
}

#navawards {
display: none !important;
}

#pun-navlinks .container {
flex: 1;
}

#pun-navlinks .container:after {
content: "";
position: absolute;
background: var(--beg100);
display: block;
height: 5px;
width: 100%;
bottom: -5px;
left: 0;
        visibility: visible;
}

#pun-navlinks .container:before {
content: "";
position: absolute;
background: var(--beg100);
display: block;
height: 5px;
width: 100%;
top: -5px;
left: 0;
        visibility: visible;
}

#pun-ulinks {
box-sizing: border-box;
margin: 5px 0px 20px !important;   
padding: 0px 0px;
height: 16px;
display: flex;
align-items: center;
justify-content: flex-start;
position: sticky;
top: 25px;
z-index: 9;
background: var(--beg100);
        top: 29px;
}

#pun-ulinks:after {
content: "";
position: absolute;
background: var(--beg100);
display: block;
height: 3px;
width: 100%;
bottom: -3px;
left: 0;
        visibility: visible;
}

#pun-ulinks .container {
padding: 0px !important;
text-align: left;
border: none !important;
display: flex;
height: 100%;
gap: 8px;
flex: 1;
align-items: center;
justify-content: center;
}

#pun-ulinks .container:after {
display: none
}

#pun-ulinks a {
font: 400 9px/100% var(--font) !important;
text-transform: uppercase;
color: var(--text2) !important;
padding: 3px 10px 3px !important;
margin: 0px !important;
box-sizing: border-box;
display: flex !important;
align-items: center;
background: var(--beg300);
border-radius: 7px;
}

#pun-ulinks.section {
margin-bottom: 20px !important;
}

#pun-ulinks a:hover {
color: var(--accent) !important;
}

#pun-navlinks.fixed:after {
content: "";
position: absolute;
background: var(--beg100);
display: block;
height: 5px;
width: 100%;
bottom: -5px;
left: 0;
}

#pun-navlinks.fixed, #pun-ulinks.fixed {
margin: 0 -20px !important;
padding: 0 20px
}

.offctgr {
display: block !important;
visibility: visible !important;
}

.pa-respect img {
width: 10px
}
.online-list .username {
overflow: hidden;
  text-align: left;
  width: 8% !important;
  padding-right: 20px !important;
}
#pun-online .tcl.action {
  width: 11% !important;
  text-align: center !important;
}
#profilenav h2 {
text-align: left !important;
}

.post-author {
width: 250px;
font: 300 10px/150% var(--font);
margin-top: 0px !important;
margin-bottom: 20px !important;
z-index: 1;
background:
    var(--dark600) var(--prof) no-repeat top center;
border-radius: 15px;
position: relative;
}

.post-author>ul {
box-sizing: border-box;
text-align: center !important;
box-sizing: border-box;
margin: 0px;
padding: 10px 30px 30px !important;
display: flex;
flex-direction: column;
gap: 10px;
color: var(--text3);
}

#pun .post-author ul a {
color: var(--text3)
}

#pun .post-author ul a:hover {
color: var(--accent)
}

.pa-author {
font: normal 24px var(--font-accent) !important;
text-align: center !important;
margin-bottom: -11px !important;
padding: 0px !important;
position: relative;
text-transform: lowercase;
color: var(--text3);
}

i#tuser,
.pa-author span.flag-i {
display: none !important;
}

.pa-title {
font-size: 10px;
text-align: center;
font-weight: 300 !important;
position: relative;
padding: 0px !important;
}

.pa-avatar {
line-height: 0;
display: inline-block;
position: relative;
margin: 0 0 0 !important;
z-index: 1
}

.pa-avatar img {
max-width: 180px;
border-radius: 10px
}

.field_wrap2 {
height: auto;
    margin: 0px 0px 0px !important;
flex-wrap: wrap;
padding: 0px;
display: flex;
justify-content: center;
align-items: stretch;
text-align: center;
gap: 5px;
}

.field_wrap2 li {
background: var(--dark500);
padding: 3px 5px !important;
border-radius: 5px;
}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
    text-align: center;
    font-size:10px;
line-height: 120%;
padding: 0px !important;
height: auto;
box-sizing: border-box;
position: relative;
z-index: 2;
font-weight: 500;
width: auto;
flex: auto;
}

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name {
display: block;
font-size: 9px;
font-weight: 200;
height: 9px;
margin-bottom: 3px;
text-transform: lowercase
}

.pa-respect img {
display: none
}

.pa-respect .fld-name,
.pa-respect .fld-name a {
   position: relative;
   font-size: 0px;
}

.pa-respect .fld-name a {
font-size:0!important;
}

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before{
content:"fav";
font-size:9px!important;
    color: var(--text3);
display: block;
}

.pa-online {
background: var(--dark500);
align-self: center;
text-transform: lowercase;
font-size: 9px;
padding: 3px 10px 4px !important;
border-radius: 10px
}

.pa-fld2 .fld-name {
display: none;
}

.pa-fld2 {
background: var(--dark500);
padding: 10px 15px 13px !important;
border-radius: 15px;
}

.pa-fld2 a {
font-weight: 600
}

.lz {
display: flex;
flex-direction: column;
gap: 3px;
}

.ank {
text-transform: lowercase;
font-size: 12px;
}

.pa-fld1 .fld-name {
display: none;
}

.plah-ik {
background: var(--dark600);
width: 30px;
height: 30px;
display: flex !important;
padding: 0 !important;
justify-content: center;
align-items: center;
border-radius: 100%;
align-self: center;
}

.plah-ik img {
height: 30px;
}

.infoblock {
display: none
}

.userpl {
width: 190px;
height: 25px;
border-radius: 10px;
overflow: hidden
}

.pa-fld5 .fld-name {
display: none;
}

.rait-all {
background: var(--dark500);
height: 5px;
border-radius: 10px;
padding: 1px !important;
box-sizing: border-box;
}

.rait-all-line {
background: linear-gradient(90deg, var(--text3) 0%, var(--dark500) 100%);
height: 3px;
display: block;
border-radius: 10px;
padding: 0 !important;
}

.pa-fld5 .rait-fon {
position: absolute;
  mask: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 60%);
  -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    mask-size: auto;
  mask-size: cover;
  -webkit-mask-size: cover;
  border-radius: 0 0 13px 13px;
  bottom: 4px;
  left: 4px;
  width: 242px;
  height: 130px;
  overflow: hidden;
  z-index: -1;
}

.pa-fld5 .rait-fon img {
width: 242px;
height: 130px;
object-fit: cover
}

.pa-reg,
.pa-last-visit {
display: none;
}

.punbb th {
font-size: 0 !important;
}

.lastedit {
display: none !important;
}

.pa-gifts,
.pa-ua {
display: none !important;
}

.punbb .section .container,
.punbb .post-body,
.punbb .post-links,
.punbb td.tc2,
.punbb td.tc3,
.punbb .formal fieldset .post-box,
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
.punbb .info-box,
.punbb #pun-main .info-box .legend,
.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.punbb .modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
border-color: transparent;
}

.punbb .post-box {
text-align: justify
}

#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2 {
border-color: transparent;
font-style: normal;
font-weight: normal;
}

#pun #post-form {
position: relative;
margin-top: 20px
}

.punbb textarea {
box-sizing: border-box;
background: var(--beg300);
border: 1px solid var(--beg500) !important;
border-radius: 15px;
padding: 15px !important;
border: none;
width: 100% !important;
color: var(--text1)
}

.punbb .quote-box,
.punbb .code-box {
background: var(--beg300);
border: 1px solid var(--beg500) !important;
border-radius: 15px;
padding: 15px !important;
position: relative;
overflow: hidden;
text-align: justify;
}

#pun .quote-box.spoiler-box {
padding: 0px 15px !important;
}

.quote-box.spoiler-box>div {
margin: 10px 0px !important;
}

.quote-box.spoiler-box>blockquote {
padding: 10px 0 !important;
box-sizing: border-box;
margin: 0px 0px !important;
width: auto;
}

#pun .quote-box cite,
#pun .code-box strong.legend {
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-family: var(--font);
padding: 2px 10px 5px;
margin-bottom: 5px;
text-align: left;
font-weight: 500;
background: var(--border600);
color: var(--text3);
border-radius: 10px;
text-transform: lowercase;
}

#pun .quote-box cite a,
#pun .code-box strong.legend a {
color: var(--text3);
font-weight: 500
}

#pun .quote-box cite a:hover,
#pun .code-box strong.legend a:hover {
color: var(--accent)
}

#pun-main .code-box .scrollbox pre {
font-size: 11px;
font-family: Courier New
}

.punbb select,
input {
padding: 4px 10px 4px 10px !important;
color: var(--text1);
background: var(--beg300);
border: 1px solid var(--beg500) !important;
font: 500 11px var(--font), arial !important;
border-radius: 7px;
}

#pun-navlinks .container {
border-color: transparent;
color: #152115;
}

.offline li.pa-online strong {
font-weight: normal;
}

.punbb .container,
.punbb .post-body,
.post h3,
#pun-title,
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post,
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2,
.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table,
#pun-ulinks li,
#pun-announcement h2 span,
li#onlinelist,
#pun-help .formal .info-box h3.legend span,
#pun-ulinks li a,
#pun-announcement h2,
li#onlinelist div,
#pun-help .formal .info-box h3.legend,
.punbb .divider,
.punbb .quote-box,
.punbb .code-box,
.punbb th,
.punbb .formal fieldset .post-box,
.punbb .info-box,
li.pa-online,
.punbb .post-sig dt {
border-color: transparent;
}

.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited,
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
border-bottom: 0 none #000;
color: var(--links);
text-decoration: none;
transition: color 0.3s ease-in-out;
}

.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active {
border-bottom: 0 none #000;
color: var(--hover-link);
text-decoration: none;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
background-color: #211a13;
color: #fff;
}

h1 {
display: none
}

h2, h1 {
font: 800 12px var(--font) !important;
color: var(--text)
}

#MyBookmarks h2 {
display: block
}

#pun-index h2 {
box-shadow: none;
border: 0 !important
}

#pun-main div.catleft,
#pun-main div.catright {
display: none;
}

#pun-index table Div.icon {
display: none
}

div.icon {
margin-right: 10px;
box-sizing: border-box;
margin-top: 1px !important;
  width: 13px;
  height: 14px;
display: block;
}

div.icon {
mask: url(https://forumstatic.ru/files/001c/65/f7/25966.svg) no-repeat center center;
-webkit-mask: url(https://forumstatic.ru/files/001c/65/f7/25966.svg) no-repeat center center;
mask-size: cover;
-webkit-mask-size: cover;
background: var(--border600);
opacity: .25
}

.inew div.icon {
background: var(--border600);
opacity: .5
}

.isticky div.icon {
background: var(--accent);
opacity: 1
}

.iclosed div.icon {
background: var(--border600);
opacity: 1
}

#pun-about p.container {
height: auto;
width: auto;
padding: 0 0 0px !important;
border: 0 !important;
font-size: 9px;
  font-family: var(--font)
}

#pun-about {
border: 0 !important;
padding: 0 !important;
text-align: center;
text-transform: lowercase;
}

div#pun-about {
margin-top: 0px;
}

div#html-footer {
margin: 0px 0 0;
}

#pun-announcement.section h2 span {
display: none;
}

.punbb input {
border: medium none;
}

.button,
#pa-edit strong a,
input[type="button"],
button[type="button"] {
background: var(--links);
border: 1px solid var(--links) !important;
color: var(--text3);
font-family: var(--font) !important;
font-size: 11px !important;
font-weight: 500 !important;
margin-top: 0px !important;
padding: 5px 15px 5px !important;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
border-radius: 10px;
text-transform: uppercase
}

.button:hover,
#pa-edit strong a:hover,
input[type="button"]:hover,
input.active[type="button"],
button[type="button"]:hover {
cursor: pointer;
background: var(--dark500);
color: var(--text3);
border: 1px solid var(--dark500) !important;
}

input[name="preview"] {
background: var(--beg300);
color: var(--text2);
border: 1px solid var(--beg500) !important;
}

.button:active {
border-top-color: #2c5f75;
}

#pun-crumbs1 p.container,
#pun-crumbs2 p.container {
font: 400 11px var(--font);
color: var(--text2);
text-transform: lowercase;
text-align: left
}

#pun-crumbs1 a,
#pun-crumbs2 a {
font-weight: 600;
}

#pun-crumbs1 p {
margin-bottom: 0px
}

#pun-crumbs1,
#pun-crumbs2 {
margin: 5px 0 20px !important;
position: relative;
z-index: 1
}

#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em {
display: none !important;
}

.post_reputation {
background: var(--beg300);
border: 1px solid var(--beg500) !important;
border-radius: 15px;
}

#font-area,
.popup_graffiti,
#size-area,
#image-area,
#color-area,
#addition-area,
#video-area,
.inner .popup_graffiti,
#table-area,
#keyboard-area,
#smilies-area,
#spoiler-area,
#meny_My_replic {
color: var(--text1);
background: var(--beg300);
border: 1px solid var(--beg500) !important;
border-radius: 15px;
padding: 15px !important;
}

#keyboard-area input {
box-shadow: none;
}

#font-area {
height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px
}

#pun-index .tcmod {
display: none
}

#pun-index .category {
margin: 0 0px !important;
border: none;
}

#pun-index .category+.category {
margin-top: 20px !important;
}

#pun .category h2 {
    margin: 0 -20px 20px !important;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    text-align: left;
    height: auto;
    flex-direction: row;
    gap: 5px;
background:
    var(--cat) no-repeat 0 0 var(--dark600);
height: 50px;
}

#pun .category h2:before {
content: "";
position: absolute;
display: block;
right: 0;
top: -20pxpx;
height: 80px;
width: 15px;
background:
url(https://forumstatic.ru/files/001c/65/f7/41250.svg) no-repeat bottom right
}

#pun .category h2:after {
content: "";
position: absolute;
display: block;
left: 0;
top: -20pxpx;
height: 80px;
width: 15px;
background:
url(https://forumstatic.ru/files/001c/65/f7/12103.svg) no-repeat bottom right
}

#pun .category h2 span {
margin: 0px !important;
font: normal 40px var(--font-accent);
position: relative;
z-index: 1;
width: auto;
box-sizing: border-box;
padding: 5px 0 0px !important;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex: 1;
text-transform: lowercase;
color: var(--accent);
}

#pun .category-1 h2 {
background-position: 0 0px
}

#pun .category-2 h2 {
background-position: 0 -50px
}

#pun .category-3 h2 {
background-position: 0 -100px
}

#pun .category-4 h2 {
background-position: 0 -150px
}

#pun .category-5 h2 {
background-position: 0 -200px
}

#pun .category-6 h2 {
background-position: 0 -250px
}

#pun-index .category .container {
position: relative;
padding: 0px;
}

.category tr {
margin: 0 0px;
font: 300 10px var(--font);
display: flex;
align-items: center;
gap: 30px;
padding: 15px !important;
box-sizing: border-box;
position: relative;
background: var(--beg300);
border-radius: 15px;
}

#pun-index .category tr + tr {
margin-top: 10px;
}

#pun-index #pun-category1 {
margin-top: 0 !important;
}

#pun-index .category table {
border: 0 !important;
}

#pun-index .category td {
border: 0 !important;
}

#pun-index thead {
display: none
}

#pun-index .category .tcl {
box-sizing: border-box;
padding: 0px !important;
position: relative;
width: 600px
}

#pun-index .tclcon > br {
display: none
}

#pun-index .tclcon {
position: relative;
}

#pun-index .subforums {
display: none
}

#pun-index .tclcon h3 {
display: flex;
align-items: center;
position: relative;
gap: 10px
}

#pun-index tr.inew h3:before {
content: "";
mask: url(https://forumstatic.ru/files/001c/65/f7/87515.svg);
-webkit-mask: url(https://forumstatic.ru/files/001c/65/f7/87515.svg);
mask-size: cover;
-webkit-mask-size: cover;
display: block;
width: 20px;
height: 20px;
background: var(--links)
}

#pun-index .tclcon h3 a {
font: 32px var(--font-accent);
text-transform: lowercase;
}

.f_desc b {
position: absolute;
display: block;
top: -15px;
background: var(--beg100);
font-size: 8px;
padding: 1px 5px;
border-radius: 0 0 6px 6px;
text-transform: uppercase;
font-weight: 500;
line-height: 120%
}

.f_desc_wrap {
display: flex;
flex-direction: column;
gap: 10px;
}

.f_links {
display: flex;
flex-wrap: wrap;
gap: 2px;
}

.f_links > a {
background: var(--beg100);
padding: 2px 6px;
border-radius: 5px;
text-transform: uppercase;
font-weight: 500;
flex: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--text2) !important;
}

.f_links p {
width: 100%;
margin-top: 5px
}

#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
display: none
}

.tcr {
line-height: 110%;
padding: 0 !important;
margin: 0 0px !important;
}

#pun-index td.tcr {
text-align: left;
padding: 0 !important;
display: flex;
align-items: center;
text-transform: lowercase;
box-sizing: border-box;
flex: 1;
}

#pun-index .tcr a.lastpost-link {
font-weight: 500;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  width: 217px;
  white-space: nowrap;
  line-height: 120%;
}

.category td+td {
padding: 0 0px;
}

.Add {
width: 100px;
display: flex;
gap: 0px;
font-size: 10px;
flex-direction: column;
text-transform: lowercase;
}

.Tems_And_messages {
font-weight: 200;
}

.Tems_And_messages b {
font-weight: 500
}

.lastpost-link + br {
display: none
}

#pun {
background-position: center top;
background-repeat: repeat-y;
}

#pun-main .post-author ul {
text-align: center;
}

.punbb .post {
border-color: transparent;
}

.topic a.sharelink {
display: none;
}

textarea#main-reply:focus {
outline: 1px solid rgba(0, 0, 0, 0) !important;
}

.arrow_wrap {
    margin-left: 1032px !important;
position: fixed;
top: 0;
width: auto;
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
z-index: 11;
padding: 0px 0;
box-sizing: border-box;
top: 50%;
transform: translateY(-50%);
}

.go-up, .go-down {
    cursor: pointer;
    display: flex;
justify-content: center;
align-items: center;
    opacity: 0;
    transition: opacity .4s linear 0s;
width: auto;
height: auto;
pointer-events: none;
text-align: right;
font: 32px var(--font-accent);
text-shadow: none;
color: var(--text3);
position: relative
}

.go-up.slow, .go-down.slow {
opacity: 1;
pointer-events: auto
}

.go-up span {
display: flex;
justify-content: flex-end;
flex: 1;
position: relative;
z-index: 1
}

.go-up em, .go-down em {
transition: all .4s linear 0s;
}

.go-up em {
display: block;
width: 27px;
height: 27px;
background: var(--accent);
border-radius: 100%;
position: absolute;
bottom: -5px;
right: -5px;
filter: blur(1px);
box-shadow: 0 0px 0px 0 rgba(142, 44, 28, 0.74), 0 0 0 0 rgba(142, 44, 28, 0.64), 0 0 0 0 rgba(142, 44, 28, 0.38), 0 0 0 0 rgba(142, 44, 28, 0.11), 0 0 0 0 rgba(142, 44, 28, 0.01);
}

.bw .go-up em {
display: block;
width: 27px;
height: 27px;
background: #424242;
border-radius: 100%;
position: absolute;
bottom: -5px;
right: -5px;
filter: blur(1px);
box-shadow: 0 0px 0px 0 rgba(66, 66, 66, 0.74), 0 0 0 0 rgba(66, 66, 66, 0.64), 0 0 0 0 rgba(66, 66, 66, 0.38), 0 0 0 0 rgba(66, 66, 66, 0.11), 0 0 0 0 rgba(66, 66, 66, 0.01);
}

.gr .go-up em {
display: block;
width: 27px;
height: 27px;
background: var(--accent);
border-radius: 100%;
position: absolute;
bottom: -5px;
right: -5px;
filter: blur(1px);
box-shadow: 0 0px 0px 0 rgba(66, 66, 66, 0.74), 0 0 0 0 rgba(66, 66, 66, 0.64), 0 0 0 0 rgba(66, 66, 66, 0.38), 0 0 0 0 rgba(66, 66, 66, 0.11), 0 0 0 0 rgba(66, 66, 66, 0.01);
}

.go-down span {
display: flex;
justify-content: flex-end;
flex: 1;
position: relative;
z-index: 1
}

.go-down em {
display: block;
width: 27px;
height: 27px;
background: var(--dark600);
border-radius: 100%;
position: absolute;
top: -5px;
left: -5px;
filter: blur(1px);
box-shadow: 0 0 0 0 rgba(30, 30, 30, 0.74), 0 0 0 0 rgba(30, 30, 30, 0.64), 0 0 0 0 rgba(30, 30, 30, 0.38), 0 0 0 0 rgba(30, 30, 30, 0.11), 0 0 0 0 rgba(30, 30, 30, 0.01);
}

.go-up:hover em {
box-shadow: 0 1px 2px 0 rgba(142, 44, 28, 0.74), 1px 3px 3px 0 rgba(142, 44, 28, 0.64), 3px 7px 4px 0 rgba(142, 44, 28, 0.38), 5px 12px 5px 0 rgba(142, 44, 28, 0.11), 8px 19px 6px 0 rgba(142, 44, 28, 0.01);
}

.bw .go-up:hover em {
box-shadow: 0 1px 2px 0 rgba(66, 66, 66, 0.74), 1px 3px 3px 0 rgba(66, 66, 66, 0.64), 3px 7px 4px 0 rgba(66, 66, 66, 0.38), 5px 12px 5px 0 rgba(66, 66, 66, 0.11), 8px 19px 6px 0 rgba(66, 66, 66, 0.01);
}

.gr .go-up:hover em {
box-shadow: 0 1px 2px 0 rgba(66, 66, 66, 0.74), 1px 3px 3px 0 rgba(66, 66, 66, 0.64), 3px 7px 4px 0 rgba(66, 66, 66, 0.38), 5px 12px 5px 0 rgba(66, 66, 66, 0.11), 8px 19px 6px 0 rgba(66, 66, 66, 0.01);
}

.go-down:hover em {
box-shadow: 0 -1px 2px 0 rgba(30, 30, 30, 0.74), -1px -3px 3px 0 rgba(30, 30, 30, 0.64), -3px -7px 4px 0 rgba(30, 30, 30, 0.38), -5px -12px 5px 0 rgba(30, 30, 30, 0.11), -8px -19px 6px 0 rgba(30, 30, 30, 0.01);
}

html .hvStickerPackModal {
background:var(--beg300);
box-shadow: none !important;
margin-left: 0 !important;
border-radius: 15px !important;
border: 1px solid var(--beg500) !important;
}

.hvStickerPackModal .hvStickerPackModalContent {
border: none !important;
box-shadow: none !important;
background: var(--beg100);
border-radius: 14px;
border: none !important;
}

.hvStickerPackModalTab {
background: var(--dark500) !important;
border: none !important;
color: var(--text3) !important;
font-family: var(--font) !important;
border-radius: 8px !important;
box-shadow: none;
font-weight: 500 !important;
padding: 3px 10px 6px !important;
}

.hvStickerPackModalTab:hover {
background: var(--links) !important;
color: var(--text3) !important;
}

.hvStickerPackModalTab.active {
background: var(--links) !important;
color: var(--text3) !important;
}

.hvStickerPackModalAdd {
display: flex;
align-items: stretch;
}

.hvStickerPackModalInput {
background: var(--beg300) !important;
border: 1px solid var(--beg500) !important;
border-radius: 10px !important;
}

.hvStickerPackModalAddButton {
border-radius: 0 !important;
border: none!important;
box-shadow: none !important;
margin-bottom: 0 !important;
border-radius: 10px !important;
}

#float {
background: var(--beg300);
border-radius: 15px;
border: 1px solid var(--beg500);
width: 150px;
font: 400 11px var(--font);
padding: 10px;
box-sizing: border-box;
text-align: center;
position: absolute;
z-index: 8;
top: 50px;
right: 50px
}

/* Личная страница */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.75);
z-index: 998;
display: none;
top: 0;
left: 0;
backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}

.reveal-modal {
    visibility: hidden;
    top: 100px;
    width: 700px;
    position: absolute;
    z-index: 999;
}

.reveal-modal.xlarge {
    width: 700px;
    height: 430px;
left: 50%;
transform: translateX(-50%);
}

.modal_wrap {
    margin: 0px !important;
    height: 430px;
    position: relative;
    width: 100%;
    height: 100%;
}

#character {
background: var(--dark600) !important;
width: 700px;
height: 430px;
border-radius: 15px;
border: 1px solid var(--border600);
padding: 20px;
box-sizing: border-box
}

.reveal-modal .close-reveal-modal {
    font-size: 0;
    position: absolute;
    top: 23px;
    right: 20px;
    color: var(--text3) !important;
    cursor: pointer;
    text-decoration: none;
    z-index: 1;
background: var(--dark500);
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%
}

.reveal-modal .close-reveal-modal:after {
content: "\f00d";
font: 10px FontAwesome;
}

.menu {
height: 27px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}

.menu-links {
    display: flex;
    justify-content: flex-start;
align-items: flex-end;
    width: 100%;
height: 27px;
}

.menu span {
    cursor: pointer;
    color: var(--text3);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: lowercase;
background: var(--dark500);
height: 23px;
border-radius: 7px 7px 0 0;
padding: 3px 60px 5px;
box-sizing: border-box;
font: 500 11px var(--font);
opacity: .45;
transition: height .3s linear 0s, opacity .3s linear 0s;
position: relative
}

.menu span + span {
margin-left: -10px
}

.menu-links-1.tabactive, .menu-links-2.tabactive {
height: 27px;
opacity: 1;
z-index: 1
}

#submenu {
    height: 363px;
    width: 100%;
    margin: 0;
    color: var(--text3);
    font: 500 10px/100% var(--font);
    display: block;
background: var(--dark500);
border-radius: 0 15px 15px 15px;
padding: 20px;
box-sizing: border-box
}

.submenutext {
    display: none;
height: 100%
}

.team_awards{
    display: none
}

.char_leftblock {
display: flex;
flex-direction: column;
gap: 5px;
position: relative;
margin-bottom: 15px !important;
}

.char_leftblock span {
color: var(--accent);
font: 32px var(--font-accent);
}

.char_leftblock .char_min_inf {
font-size: 11px;
}

.char_leftblock .char_min_inf p {
overflow-y: scroll;
  height: 20px !important;
  width: 493px;
}
.team_plashes2 .rub img {
  width: 230px;
  height: 130px;
  object-fit: cover;
}
.char_leftblock .char_img {
width: 100px;
height: 100px;
border-radius: 10px;
overflow: hidden;
border: 2px solid var(--accent);
position: absolute;
top: 10px;
right: 0;
}

.char_leftblock .char_img img {
filter: grayscale(100%);
width: 100px;
height: 100px;
object-fit: cover
}

.char_leftblock .char_img:after {
content: "";
background: rgba(53, 51, 49, 0.45);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
transition: all .4s linear 0s
}

.char_leftblock .char_img:before {
content: "";
background: var(--dark600);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
opacity: .5;
transition: all .4s linear 0s
}

.char_rightblock {
margin-right: 125px !important;
}

.char_rightblock .char_cita,
.page-left-2,
.char_rightblock .page-left-tit {
display: none
}

.char_max_info > div:first-child {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
justify-content: flex-start;
gap: 15px;
height: 257px
}

.char_max_info .page-left {
background: var(--dark600);
align-self: stretch;
border-radius: 15px;
padding: 10px;
box-sizing: border-box;
height: 100% !important;
max-height: 211px;
}

.char_max_info .page-left-all {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
overflow-y: auto;
height: 189px;
gap: 5px;
padding-right: 15px
}

.page-left .page-left-all a {
background: var(--dark500);
padding: 5px 10px 5px 5px;
border-radius: 10px;
align-self: stretch;
display: flex;
gap: 5px;
box-sizing: border-box;
align-items: center;
color: var(--accent) !important;
}

.page-left .page-left-all a:before {
content: "";
font: normal 7px FOntAwesome !important;
background: var(--dark500);
border: 1px solid var(--border600);
width: 12px;
height: 12px;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 50%;
box-sizing: border-box;
color: var(--text3);
text-align: center;
}

.page-left .page-left-all a.page-left-all-off:before {
content: "\f00c";
}

.page-left .page-left-all a.archives:before {
content: "\f00d";
}

.page-left .page-left-all a p {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
padding-bottom: 2px
}

.page-left .page-left-all a span {
color: var(--text3);
opacity: .55;
font-size: 10px
}

.page-left-3 .page-left-all {
display: flex;
flex-direction: row;
height: auto;
gap: 5px;
}

.page-left-3 .page-left-all .page-left-all-one,
.page-left-3 .page-left-all .page-left-all-one2 {
background: var(--border600);
border-radius: 15px;
padding: 3px 11px 3px 3px;
display: flex;
align-items: center;
justify-content: flex-start;
text-transform: uppercase;
font-size: 9px;
gap: 5px;
white-space: nowrap
}

.page-left-3 .page-left-all .page-left-all-one p,
.page-left-3 .page-left-all .page-left-all-one2 p {
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--links);
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 600;
}

.page-left-3 .page-left-all .page-left-all-one1:after {
content: 'activist';
}

.page-left-3 .page-left-all .page-left-all-one2:after {
content: 'influence on the plot';
}

.page-left-3 .page-left-all .page-left-all-one-2:after {
content: 'writer';
}

.page-left-3 .page-left-all .page-left-all-one3:after {
content: 'best post';
}

.page-left-3 .page-left-all .page-left-all-one4:after {
content: 'best ep';
}

.page-b2 {
display: none
}

#sm2 {
position: absolute;
top: 27px;
height: calc(100% - 27px);
padding: 20px;
box-sizing: border-box;
width: 100%;
font: 500 10px var(--font);
color: var(--text3);
text-transform: uppercase;
}

.team_aw_block, .team_plashes2 {
width: 305px;
}

.team_aw_block {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
}

.team_gifts, .team_plashes {
background: var(--dark600);
border-radius: 15px;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
box-sizing: border-box;
flex: 1;
max-height: calc(50% - 5px)
}

.team_aw_block span {
display: block;
text-align: center;
}

.team_gifts > div, .team_plashes .userpl-all {
height: 100%;
overflow-y: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 5px;
padding: 0 10px !important;
}

.team_plashes .userpl-all {
height: 100%
}

.team_gifts img {
width: 50px;
height: 50px;
object-fit: contain;
}

.team_plashes img {
width: 190px;
height: 25px;
object-fit: cover;
}

.team_plashes .userpl {
border-radius: 0;
}

.team_plashes2 {
position: absolute;
top: 20px;
background: var(--dark600);
border-radius: 15px;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 10px;
box-sizing: border-box;
right: 20px;
height: calc(100% - 40px)
}

.team_plashes2 .userpl-all {
overflow-y: auto;
padding: 0 10px;
display: flex;
flex-direction: column;
gap: 5px;
}

/* гостевая */
#guestbook_wrap {
  background: var(--dark600);
  width: auto;
  height: auto;
  padding: 20px;
  border-radius: 15px;
  margin: auto;
  position: relative;
  overflow: hidden;
  font: 500 10px/100% var(--font);
  color: var(--text3);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#guestbook_wrap a {
color: var(--accent) !important;
}

#guestbook_wrap a:hover {
color: var(--text2) !important;
}

.guestbook_cover {
  background:
    url(https://forumstatic.ru/files/001c/65/f7/41844.png) no-repeat bottom center,
    url(https://forumstatic.ru/files/001c/65/f7/83061.png) no-repeat top center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.guestbook_cover:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://forumstatic.ru/files/001c/65/f7/63172.png?v=1);
  mix-blend-mode: hard-light;
}

.guestbook_cover:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--dark600);
  opacity: .25;
}

.guestbook_section {
  display: flex;
  gap: 30px;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.guestbook_item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.guest_info {
  width: 595px;
}

.guest_forumname {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  position: relative;
  align-self: flex-start
}

.forumname-sub {
  margin-bottom: -5px !important;
}

.guest_forumname:before {
  content: "";
  display: block;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #5f5f5f;
  bottom: -25px;
  right: -5px;
  z-index: -1;
  filter: blur(2px);
  box-shadow:  -3px -3px 9px 0 rgb(37 36 36 / 74%), -12px -12px 17px 0 rgb(88 86 86 / 64%), -27px -27px 23px 0 rgb(67 66 66 / 38%), -48px -49px 27px 0 rgb(129 127 127 / 11%), -75px -76px 30px 0 rgb(165 165 165 / 1%);

}

.guest_hello {
  font-size: 9px;
  line-height: 130%
}

.guest_rules {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.guest_rules span {
  background: rgba(255, 255, 255, 0.02);
  padding: 4px 15px 7px;
  border-radius: 5px;
  flex: auto;
  white-space: nowrap
}

.guest_rules span:last-child {
  flex: 0
}

.guest_links-n-code {
  flex: 1
}

.guest-link {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.guest-link a {
  background: var(--dark600);
  color: var(--accent);
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 5px;
  text-align: center;
}

#code_wrap {
  background: rgba(255, 255, 255, 0.02);
  padding: 10px 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  max-width: 320px;
  flex: 1;
}

.get-code {
  background: var(--dark600);
  color: var(--accent);
  text-transform: uppercase;
  padding: 4px 15px 6px;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
}

#code-text {
  padding: 0;
  margin: 0;
  font: 10px Courier New;
  width: 100%;
  line-height: 120%;
}

.guestbook_end {
  gap: 20px;
}

.guestbook_faces {
  background: var(--dark600);
  padding: 10px 15px 15px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  height: 160px;
}

.guestbook_title {
  text-transform: uppercase;
  opacity: .65;
  text-align: center;
}

.guestbook_scroll {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-right: 10px;
  height: 100%;
  overflow-y: auto;
}

.guestbook_scroll span {
  background: rgba(255, 255, 255, 0.02);
  padding: 3px 10px 4px;
  text-transform: lowercase;
  text-align: center;
  border-radius: 5px;
}

/*газета*/
.ev-all-4-only .ev-all-4-left {
  display: none !important;
}
.ev-all-4-only .ev-all-4-left-tit {
    display: none !important;
}
.ev-all-4-only .ev-all-4-right {
  width: 804px !important;
  margin: 10px 1px 0 0 !important;
  height: 186px !important;
}
.ev-all-4-only .ev-all-4-right-one-all {
  height: 187px !important;
}
ev-all {
width: 817px;
overflow: hidden;
display: block;
border: var(--brd) !important;
margin-left: 24px !important;
border-radius: 0px;
}
.ev-all {
  width: 100%;
  height: 112px;
}
.ev-all img {
  height: 112px;
  width: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  position: relative;
}
.ev-all div::after {
content: "";
width: 820px;
height: 112px;
display: block;
top: 33px;
left: 40px;
background: var(--color11);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
}
.ev-all p {
position: absolute;
top: 70px;
width: 817px;
text-align: center;
font-size: 38px !important;
letter-spacing: 9px !important;
text-transform: uppercase;
font-family: var(--t3) !important;
color: var(--color2);
}
.ev-all-tit1 {
font-size: 15px;
letter-spacing: 3px;
text-align: center;
background: var(--bg5);
padding: 5px 0 2px 0 !important;
color: var(--color16);
margin-top: 5px !important;
display: inline-block;
width: 100%;
font-family: var(--t2) !important;
}
.ev-all-1-left {
float: left;
width: 509px;
color: var(--color12);
background: var(--bg1);
padding: 11px 11px 10px 26px !important;
font-size: 11px !important;
height: 234px;
margin-top: 5px !important;
}
.ev-all-1-left div {
overflow-y: auto;
height: 225px;
padding-right: 16px;
scrollbar-color: var(--scroll3);
}
.ev-all-1-right {
  float: right;
  width: 265px;
  height: 249px;
  position: relative;
  margin-top: 5px !important;
}
.ev-all-1-right img {
  height: 249px;
  width: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
}
.ev-all-1-right::after {
  content: "";
  width: 265px;
  height: 249px;
  display: block;
  top: 0;
  left: 0;
  background: var(--color2);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
}
.ev-all-2 {
  width: 636px;
  height: 98px;
  display: flex;
  padding: 0 90px !important;
  background: var(--bg5);
}
.ev-all-1-sp {
  margin: auto !important;
  padding: 0 20px !important;
  font-size: 30px;
  color: var(--color2);
}
.ev-all-2 p {
  display: inline-block;
  vertical-align: middle;
  margin: auto !important;
  padding: 0 !important;
  color: var(--color12);
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: center;
}
.ev-all-1-sp2 {
  margin: auto !important;
  padding: 0 20px !important;
  font-size: 30px;
  color: var(--color2);
}
.ev-all-3 {
  color: var(--color);
  background: var(--bg1);
  padding: 11px 11px 10px 26px !important;
  font-size: 11px !important;
  height: 305px;
  margin-top: 0px !important;
  margin-bottom: -5px !important;
  display: inline-block;
}
.ev-all-3 div {
  overflow-y: auto;
  height: 289px;
  padding-right: 16px;
scrollbar-color: var(--scroll3);
color: var(--color);
}
.ev-all-4-left {
  float: left;
  width: 324px;
  margin: 10px 20px !important;
  overflow: hidden;
}
.ev-all-4-left-tit {
text-align: center;
padding: 10px 10px !important;
font-size: 11px;
letter-spacing: 1px;
font-family: var(--t5) !important;
}
.ev-all-4-left div {
overflow-y: auto;
height: 209px;
padding: 10px 16px !important;
font-size: 11px;
background: var(--bg5) !important;
scrollbar-color: var(--scroll3);
color: var(--color12);
}
.ev-all-4-right {
  float: right;
  width: 403px;
  margin: 10px 20px 0 0 !important;
  overflow: hidden;
  height: 305px;
}
.ev-all-4-right-one-all {
  height: 259px;
  overflow-y: auto;
}
.ev-all-4-right-one {
  margin: 21px 10px 0px 0 !important;
  height: 63px;
  width: 383px !important;
  float: left;
  background: var(--bg5) !important;
  scrollbar-color: var(--scroll3);
  color: var(--color12);
}
.ev-all-4-right-one-img {
float: left;
width: 50px;
height: 50px;
position: relative;
margin: -20px 0 0 8px !important;
border: 7px solid var(--bg1) !important;
}
.ev-all-4-right-one-img img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
}
.ev-all-4-right-one-img::after {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  top: 0;
  left: 0;
  background: var(--color2);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
}
.ev-all-4-right-one-text {
  float: right;
  width: 275px;
  margin: 5px 18px 0 10px !important;
  overflow-y: auto;
  height: 51px;
  padding-right: 8px !important;
  font-size: 10px !important;
  scrollbar-color: var(--scroll3);
}
.ev-all-5-one {
  margin: 12px 21px 12px !important;
  float: left;
  width: 774px;
}
.ev-all-5-one-img {
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
}
.ev-all-5-one-img img {
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
}
.ev-all-5-one-img::after {
content: "";
width: 80px;
height: 80px;
display: block;
top: 0;
left: 0;
background: var(--color2);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
}
.ev-all-5-one-text {
position: relative;
width: 624px;
height: 64px;
float: right;
padding: 10px 20px 10px !important;
margin-left: 10px !important;
display: flex;
background: var(--bg5) !important;
color: var(--color12);
border-radius: 0px;
}
.ev-all-5-one-text::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 13px solid transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 13px;
border-right-color: var(--bg5) !important;
border-left: 0;
margin-top: -13px;
margin-left: -13px;
}
.ev-all-5-one-text p {
  overflow-y: auto;
  height: 54px;
  padding-right: 8px !important;
  font-size: 11px !important;
  display: inline-block;
  vertical-align: middle;
  margin: auto 10px !important;
  width: 100%;
  padding-bottom: 0 !important;
  scrollbar-color: var(--scroll3);
scrollbar-width: thin;
}
.ev-all-6-one {
  float: left;
  width: 234px;
  text-align: center;
  margin: 22px 18px 25px !important;
}
.ev-all-6-one img {
width: 172px;
height: 200px !important;
object-fit: cover;
margin-bottom: 6px !important;
border: 3px solid var(--bg1) !important;
border-radius: 20px;
}
-bt {
  text-align: justify;
  display: inline-block;
  font-weight: 400;
  background: #aaa;
  height: auto;
  padding: 7px 20px 10px !important;
  margin: 10px 60px 0 !important;
  line-height: 16px !important;
  font-size: 10px;
}
.ev-all-6-one-text-name {
font-size: 11px;
color: var(--color16);
letter-spacing: 3px;
padding-bottom: 4px !important;
background: var(--color1);
margin-top: -25px !important;
padding-top: 20px !important;
font-family: var(--t5) !important;
}
.ev-all-6-one-text div {
overflow-y: auto;
height: 39px;
padding: 10px 8px 10px 10px !important;
font-size: 10px !important;
text-align: center;
scrollbar-color: var(--scroll3);
color: var(--color12);
background: var(--bg5) !important;
}
.ev-all-7-one {
  width: 225px;
  height: 309px;
  float: left;
  margin: 25px 20px 40px !important;
  overflow: hidden;
}
.ev-all-7-one img {
  transition: transform 0.25s;
  width: 276px;
  height: 338px;
  object-fit: cover;
}
.ev-all-7-one:hover img {
  transform: scale(1.4);
}
.ev-all-50-up {
  display: block;
  width: 500px;
  margin: 21px auto !important;
}
.ev-all-50-up-left {
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
}
.ev-all-50-up-left img {
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
}
.ev-all-50-up-left::after {
content: "";
width: 80px;
height: 80px;
display: block;
top: 0;
left: 0;
background: var(--color2);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
}
.ev-all-50-up p {
margin: 29px 0 0 30px !important;
color: var(--color12);
font-size: 14px !important;
letter-spacing: 2px;
text-align: left;
display: inline-block;
font-weight: normal;
background: var(--color1);
height: 24px;
padding: 5px 15px 2px !important;
font-family: var(--t5) !important;
}
.ev-all-50-up-left-bt {
text-align: justify;
display: inline-block;
font-weight: 400;
height: auto;
padding: 7px 20px 10px !important;
margin: 10px 60px 0 !important;
line-height: 16px !important;
font-size: 10px;
color: var(--color12);
background: var(--bg5);
border-radius: 0px;
}
.ev-all-50-bt {
  display: inline-block;
  margin: 20px 30px !important;
}
.ev-all-50-bt-one {
float: left;
width: 45%;
margin: 5px 8px 14px !important;
padding: 10px 4px 10px 16px !important;
color: var(--color12);
background: var(--bg5);
border-radius: 0px;
}
.ev-all-50-bt-one a {
text-align: center;
display: table;
font-size: 11px;
letter-spacing: 1px;
margin: 3px auto !important;
color: var(--color2) !important;
font-weight: 600;
}
.ev-all-50-bt-one p {
font-size: 11px;
overflow-y: auto;
height: 65px;
padding-right: 10px !important;
line-height: 18px !important;
margin-top: 8px !important;
margin-right: 5px !important;
scrollbar-color: var(--scroll3);
scrollbar-width: thin;
}

/*матчасть*/
.tabs {
  width: 824px;
  margin: 0 0 30px 71px !important;
}
.tabs__caption {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  position: relative;
  margin: -1px 0 0 -1px;
  padding-left: 145px !important;
}
.tabs__caption2 .active {
background: var( --accent) !important;
  color: var( --text3) !important;
  border: none !important;
  cursor: pointer;
}
.tabs__caption li {
padding: 3px 15px !important;
  margin: 1px 6px 1px;
    margin-bottom: 1px;
  margin-bottom: 1px;
  background: var( --beg500);
  color: var( --text1);
  position: relative;
  border: none !important;
  text-align: center;
  font-family: var( --font);
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out 0s;
  border-radius: 15px !important;
}
.tabs__caption li:hover {
background: var( --accent) !important;
color: var( --text3) !important;
}
.tabs__caption::after {
  content: '';
  display: table;
  clear: both;
}
.tabs__caption li:last-child::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: -2px;
    z-index: -1;
    height: 5px;
    background: #7DCA86;
}
.tabs__caption li:not(.active) {
  cursor: pointer;
}
.tabs__content.active {
  display: block;
}
.tabs__content {
  display: none;
  padding: 7px 15px;
color: var( --border600);
  font-family: var( --font);
}
.infa-all-up {
border-radius: 5px;
  text-align: center;
  padding: 10px 100px 14px 113px !important;
  color: var(--color12);
  letter-spacing: 1px;
  font-size: 9px !important;
  font-weight: 500 !important;
  font-family: var( --font) !important;
}
.infa-all-one {
color: var( --border600);
  padding: 10px 20px !important;
  line-height: 18px;
  margin-bottom: 18px !important;
  background: var( --beg300);
  border: var( --beg500) !important;
  border-radius: 15px !important;
}
.infa-all-main {
  padding: 10px 30px 10px 30px !important;
  height: 230px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll3);
  text-align: justify;
}
.infa-all-one-t {
text-align: center;
  color: var( --border600);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: var( --font) !important;
  display: table;
  width: auto;
  background: var( --beg500);
  padding: 7px 13px 5px !important;
  margin: 0 auto !important;
  font-size: 12px !important;
  border-radius: 15px 15px 0 0 !important;
}
.our-evr-hrono-text-one {
margin-bottom: 10px !important;
padding: 4px 11px 0px !important;
border: var(--brd) !important;
background: var(--bg5) !important;
}
.our-evr-hrono-text {
  padding: 10px 30px 10px 30px !important;
  height: 230px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll3);
  text-align: justify;
}
.our-evr-hrono-text-one span {
float: left;
font-weight: 700;
padding-right: 7px;
font-family: var(--t5);
}
.our-evr-hrono-text-one-2 {
  color: #171717;
  width: 100%;
}
.our-evr-rooms-all {
  padding: 10px 30px 10px 30px !important;
  height: 145px;
  overflow-y: auto;
  scrollbar-width: thin;
  text-align: justify;
  scrollbar-color: var(--scroll3);
}
.our-evr-rooms-all-one span {
background: var( --beg500);
  color: var( --border600);
  font-family: var( --font) !important;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 0px 5px 0 !important;
  margin-bottom: 3px !important;
  display: inline-block;
  margin-top: 8px !important;
  border-radius: 20px;
}
.infa-all-leg-top {
  position: relative;
  width: 633px;
  height: 39px;
  margin-top: 20px !important;
  margin-left: 149px !important;
}
.infa-all-leg-top-one {
  float: left;
  width: 125px;
color: var(--color12);
}
.infa-all-leg-top-one1 {
  width: 20px;
  height: 12px;
  display: block;
  float: left;
  margin: 3px 10px 0 0 !important;
  background: #657b66;
}
.infa-all-leg-top-one2 {
  width: 20px;
  height: 12px;
  display: block;
  float: left;
  margin: 3px 10px 0 0 !important;
  background: #5f7980;
}
.infa-all-leg-top-one3 {
  width: 20px;
  height: 12px;
  display: block;
  float: left;
  margin: 3px 10px 0 0 !important;
  background: #643b3b;
}
.infa-all-leg-top-one4 {
  width: 20px;
  height: 12px;
  display: block;
  float: left;
  margin: 3px 10px 0 0 !important;
  background: #645c3b;
}
.all-main-suz-one-bt-all {
  scrollbar-color: var(--scroll3);
  height: 437px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.tabs__caption .active {
background: var( --accent) !important;
  color: var( --text3) !important;
  border: none !important;
  cursor: pointer;
  border-radius: 15px !important;
}
.all-main-suz-one-bt {
width: 731px !important;
border-radius: 0px !important;
color: #090808 !important;
  height: 104px;
  margin-top: 16px !important;
  padding: 10px 20px !important;
  display: inline-block;
  margin-bottom: 1px !important;
}
.all-main-suz-one-bt {
  color: #090808 !important;
}
.all-main-suz-one-up-right-text {
  height: 96px;
  overflow-y: scroll !important;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll3);
  padding-right: 10px !important;
  margin-top: 5px !important;
}
.all-main-suz-one-bt1 {
  background: #8a978a !important;
}
.all-main-suz-one-bt2 {
  background: #93a2a6 !important;
}
.all-main-suz-one-bt3 {
  background: #866f6f !important;
}
.all-main-suz-one-bt4 {
  background: #888164 !important;
}

/*инста*/
.nonameinst {
  width: 470px;
  padding: 10px 0 10px 0;
  height: 540px;
  position: relative;
  margin-top: -20px !important;
  border-radius: 8px;
}
.nonameinst2 {
  position: relative;
  width: 390px;
  height: 40px;
  padding: 40px;
}

.nonameinst22 {
  width: 470px;
  padding: 10px 0 10px 0;
  height: 700px;
  position: relative;
  margin-top: -20px !important;
  border-radius: 8px;
}
.man {
  position: absolute;
  height: 80px;
  width: 80px;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--color3) !important;
}
.knop {
width: 90px;
  height: 20px;
  position: absolute;
  margin: -15px 0 0 320px !important;
  padding: 5px 0 0 0;
  background: var( --accent);
  color: var( --text3);
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  font-family: var( --font);
  border-radius: 15px !important;
}
.seeds {
position: absolute;
top: 15px;
left: 125px;
width: 200px;
text-align: left;
font-family: lato;
font-size: 23px;
font-weight: 600;
text-transform: lowercase;
color: var(--color16);
font-family: var(--t5);
}
.seeds2 {
position: absolute;
top: 25px;
left: 125px;
width: 200px;
text-align: left;
font-family: lato;
font-size: 18px;
font-weight: 600;
text-transform: lowercase;
color: var(--color16);
font-family: var(--t5);
}
.buds2 {
position: absolute;
width: 320px;
text-align: left;
margin: 21px 0 0 90px !important;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--color16);
font-family: var(--t5);
}
.buds {
position: absolute;
margin: 35px 0 0 90px !important;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--color16);
width: 200px;
text-align: left;
font-family: var(--t5);
}
.foto-all {
  width: 457px !important;
  margin-top: 50px !important;
height: 320px !important;
overflow: hidden !important;
}
.foto-all img {
  float: left;
  width: 140px;
  height: 150px;
  object-fit: cover;
  border: var(--brd) !important;
  border-radius: 5px;
  margin: 0 5px 10px !important;
}

.foto-all2 {
  width: 457px !important;
  margin-top: 50px !important;
height: 480px !important;
overflow: hidden !important;
}
.foto-all2 img {
  float: left;
  width: 140px;
  height: 150px;
  object-fit: cover;
  border: var(--brd) !important;
  border-radius: 5px;
  margin: 0 5px 10px !important;
}

.buds2-text {
color: var(--color16) !important;
text-align: justify;
padding: 0 5px 10px 35px !important;
margin-top: -5px !important;
font-size: 11px;
font-family: var(--t5);
overflow-y: auto;
height: 53px;
scrollbar-color: var(--scroll);
width: 393px !important;
margin-left: -29px !important;
}

.buds3-text {
color: var(--color16) !important;
text-align: justify;
padding: 0 5px 10px 35px !important;
margin-top: -5px !important;
font-size: 11px;
font-family: var(--t5);
overflow-y: auto;
height: 120px;
scrollbar-color: var(--scroll);
width: 393px !important;
margin-left: -29px !important;
}
.foto {
  height: 400px;
  width: 400px;
  top: 10px;
  margin: 0 0 15px !important;
  background-size: cover;
  border: var(--brd) !important;
  border-radius: 5px;
}
.buds2-text-img1 {
  position: absolute;
  top: 130px;
  left: 0;
  background: #0a0a0900 url(https://i.imgur.com/iW2hcyS.png)no-repeat center;
  height: 38px;
  width: 97%;
filter: grayscale(100%);
}
.buds2-text-img2 {
  position: absolute;
  top: 507px;
  left: 0;
  width: 97%;
  background: #0a0a0900 url(https://i.imgur.com/KEKLhNc.png)no-repeat center;
  height: 38px;
filter: grayscale(100%);
}

/*шапка тем*/
.tite-main {
  margin: -12px auto 0 !important;
  width: 591px !important;
  text-align: center;
}
.tite-main-1 {
text-transform: uppercase;
  font-size: 22px !important;
  text-align: center;
  color: var( --accent);
  letter-spacing: 3px;
  vertical-align: middle;
  margin: 14px auto 0 !important;
  line-height: 22px !important;
  font-family: var( --font-accent) !important;
  display: inline;
  padding: 35px 13px 5px !important;
}
.tite-main-2 {
box-sizing: border-box;
  padding: 10px 24px 10px 24px !important;
  width: 591px;
  font-size: 10px !important;
  text-align: justify;
  margin: 4px auto 0 !important;
  display: flex;
  color: var( --border600) !important;
  background: var(--beg300) !important;
  border: 1px solid var(--beg500) !important;
  border-radius: 15px;
}

/*банк*/
.bk-main-all {
  width: 823px;
  margin: 31px auto 0 !important;
}
.bk-main-all-left {
  float: left;
  width: 406px;
  margin-right: 25px !important;
  text-align: center;
}
.bk-main-all-left-tit {
text-align: center;
  background: var( --beg500);
  font-family: var( --font);
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 27px 4px !important;
  width: auto;
  display: inline-block;
  border-radius: 15px 15px 0 0 !important;
}

0

5

стиль 2 - 2 часть

.bk-main-all-line {
color: var(--color12) !important;
  height: 250px;
  padding: 5px 11px 5px 11px !important;
  overflow-y: scroll !important;
  border: var(--brd) !important;
  background: var( --beg300) !important;
  border-radius: 15px !important;
}
.bk-main-all-line p {
text-align: left;
font-family: 'Ubuntu-R' !important;
border-bottom: var(--brd);
padding-bottom: 3px !important;
padding-left: 9px !important;
font-size: 10px !important;
margin-bottom: 3px !important;
line-height: 13px !important;
}
.bk-main-all-line {
text-transform: lowercase;
scrollbar-color: var(--scroll3);
text-align: left;
}
.bk-main-all-line p span {
  float: right;
  padding-right: 10px !important;
  color: var(--color10) !important;
}
.bk-main-all-right {
  float: left;
  width: 391px;
  text-align: center;
}
.bk-main-all-bt {
  float: left;
  width: 821px;
  text-align: center;
}
.bk-main-all-bt-ik {
  margin-top: 20px !important;
}
.bk-main-all-bt-all {
height: 108px;
  text-transform: lowercase;
  padding: 11px 11px 16px 11px !important;
  scrollbar-color: var(--scroll3);
  overflow-y: scroll !important;
  margin-bottom: 30px !important;
  border: var(--brd);
  background: var( --beg300) !important;
  border-radius: 15px !important;
}
.bk-main-all-bt-all img {
  margin: 0 10px 10px !important;
}

/*новости*/
.nsw {
  position: relative;
  height: 410px;
margin-left: 23px !important;
margin-top: 40px !important;
}
элемент {
  font-size: 12px;

  margin-left: -43px !important;

}
.nsw-right-one1 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-right-one1 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 32px;
right: 14px;
border-radius: 100px;
}
.nsw-right-one1 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var(--color3);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;

}

.nsw-right-one2 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-right-one2 a {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
margin: 0px 17px 8px !important;
float: left;
border: 1px solid var(--bg5) !important;
position: absolute;
top: 32px;
right: 104px;
border-radius: 100px;
}
.nsw-right-one2 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var(--color3);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;

}
.nsw-left {
  float: left;
  width: 21%;
}
.nsw-left-top {
  height: 200px;
}
.nsw-left-one1 a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 32px;
  left: 8px;
border-radius: 15px !important;
}
.nsw-left-one1 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-left-one1 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-left-one2 a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 32px;
  left: 98px;
border-radius: 15px !important;
}
.nsw-left-one2 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-left-one2 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-left-one3 a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 104px;
  left: 8px;
border-radius: 15px !important;
}
.nsw-left-one3 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-left-one3 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-left-one4 a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 104px;
  left: 98px;
border-radius: 15px !important;
}
.nsw-left-one4 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-left-one4 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-bt-one a {
  width: 160px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 5px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 232px;
  left: -3px;
border-radius: 15px !important;
}
.nsw-bt-one a img {
  width: 160px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-bt-one a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-right-one4 a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 104px;
  right: 125px;
border-radius: 15px !important;
}
.nsw-right-one4 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-right-one4 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-right-one3 a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid var(--bg5) !important;
  position: absolute;
  top: 104px;
  right: 35px;
border-radius: 15px !important;
}
.nsw-right-one3 a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
.nsw-right-one3 a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
  border-radius: 15px !important;
}
.nsw-center {
  float: left;
  width: 50%;
  position: absolute;
  top: 0;
  left: 205px;
}
.nsw-center-titl {
  color: var(--color12);
}
.nsw-center-text {
  height: 313px;
  overflow-y: auto;
  padding-right: 9px !important;
  scrollbar-color: var(--scroll3);
}
.nsw-center-text a {
  font-weight: 700 !important;
  color: var(--color10) !important;
}
.nsw-center-text strong {
  color: var(--color10) !important;
}
.nsw-center-text-bt-name strong {
  color: var(--color10) !important;
}
.nsw-center-text-bt-name {
  margin-top: 20px !important;
}
.nsw-right {
  float: left;
  width: 24%;
  position: absolute;
  right: 0;
}
.nsw-right-top {
  height: 200px;
}
.nsw-right-one {
  width: 174px;
  margin: 0px 0 0 19px !important;
  height: 71px;
}
.nsw-right-one a {
  color: var(--color10) !important;
}
.nsw-right-one-text {
  overflow-y: auto;
  height: 51px;
  padding-right: 8px !important;
  scrollbar-color: var(--scroll3);
}
.nsw-center-text-bt-one1 {
  position: absolute;
  left: -135px;
  top: 322px;
  text-align: center;
}
.nsw-center-text-bt-one2-min {
    color: var(--color10) !important;
}
.nsw-center-text-bt-one2 {
  position: absolute;
  right: -177px;
  top: 322px;
  text-align: center;
}

/*кинотеатр*/
.main-films {
position: relative;
  width: 733px;
  padding-bottom: 6px !important;
  box-sizing: border-box;
  line-height: 16px;
  margin: -21px auto 0 !important;
  height: 232px;
  border: var(--brd) !important;
  background: var( --beg300) !important;
  border-radius: 15px;
}
.main-films-title {
text-align: center;
  height: 36px !important;
  color: var( --text3);
  font-size: 19px !important;
  letter-spacing: 2px;
  padding: 7px 0 0 !important;
  font-family: var( --font) !important;
  font-weight: normal;
  text-transform: uppercase;
  background: var( --accent);
  border-radius: 15px 15px 0 0;
}
.main-films-one {
display: none;
  float: left;
  width: 26%;
  margin: 0 25px !important;
    margin-top: 0px;
  text-align: center;
  background: #d0c9c2;
  border-radius: 40px;
  border-style: dashed;
  border-width: 1px;
  box-sizing: border-box;
  border-color: #bfb9b3;
  line-height: 16px;
  height: 357px;
  padding-top: 14px !important;
  margin-top: 20px !important;
}
.main-films-one a {
  font-family: 'Montserrat';
  background: #5d6755;
  color: #fff !important;
  display: block;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  font-size: 10px;
}
.main-films-one img {
    width: 158px;
    height: 180px;
    object-fit: cover;
    margin: 5px 0 10px !important;
}
.main-films-one {
  text-align: center;
  line-height: 16px;
}
.main-films-title-2 {
text-align: center;
background: var(--bg1) !important;
height: 15px !important;
color: var(--color);
font-size: 8px !important;
letter-spacing: 2px;
padding: 3px 0 3px !important;
display: inline-block;
width: 100%;
margin: 18px 0 0 !important;
font-family: var(--t5) !important;
}
.main-films-last-one-all {
  height: 123px;
  color: var(--color8);
  overflow-y: auto;
  font-size: 10px !important;
  text-align: justify;
  scrollbar-color: var(--scroll3);
  padding-right: 5px !important;
}
.main-films-last-one {
float: left;
  width: 46%;
  margin: 0 -11px -13px 22px !important;
    margin-top: 0px;
  margin-top: 0px;
  margin-top: 0px;
  box-sizing: border-box;
  line-height: 16px;
  height: 46px;
  margin-top: 20px !important;
  border: var(--brd) !important;
  background: var( --beg100) !important;
  border-radius: 15px;
}
.main-films-last-one img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  float: left;
  margin: 7px 20px 0 35px;
}
.main-films-last-one-right-1 {
  padding-left: 85px !important;
  padding-top: 7px !important;
  padding-bottom: 0 !important;
  font-family: 'Montserrat';
  color: var(--color);
  letter-spacing: 0px;
  font-weight: 500;
  height: 15px !important;
  font-size: 9px !important;
}
.main-films-last-one-right-2 {
  padding-left: 85px !important;
  padding-top: 1px !important;
  padding-bottom: 0 !important;
  letter-spacing: 1px;
  font-size: 7px;
  height: 15px;
}

/*принятие*/
.tite-main-on {
width: 815px;
margin: -9px auto 0 !important;
border-radius: 20px;
}
.tite-main-on-img {
background: #141613 url(https://upforme.ru/uploads/001b/d4/18/2/20430.png) repeat bottom left;
width: 815px;
height: 60px;
margin-bottom: 0px !important;
transition: all .6s ease-in-out 0s;
border-radius: 15px 15px 0 0 !important;
}
.tite-main-on-1 {
font-weight: 700 !important;
  text-transform: uppercase;
  background: var( --beg500);
  padding: 11px 10px 1px !important;
  text-align: center;
  font-size: 12px !important;
  height: 26px;
  color: var( --border600);
  line-height: 17px !important;
  font-family: var( --font-accent) !important;
  letter-spacing: 1px;
}
.tite-main-on-2 {
box-sizing: border-box;
  padding: 7px 30px 14px !important;
  margin-top: 0px !important;
  font-family: var( --font) !important;
  background: var( --beg300) !important;
  font-size: 12px !important;
  color: var( --dark500) !important;
  border-radius: 0 0 15px 15px !important;
}
.tite-main-on-2 a {
  cursor: pointer;
  font-weight: 700;
}

/*сериал*/
.tabs__caption2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  position: relative;
  margin: -1px 0 0 -1px;
  padding-left: 235px !important;
}
.tabs_ch-one-info {
margin-left: 20px !important;
  text-align: justify;
  color: var(--color12);
  line-height: 16px !important;
  font-size: 11px !important;
  padding: 8px 10px !important;
  background: var(--beg300) !important;
  border: var(--brd) !important;
  border-radius: 15px !important;
}
.tabs__chrono {
width: 857px !important;
  margin: 0 0 30px -8px !important;
}
.tabs__caption-chrono {
    padding-left: 278px !important;
}
.tabs_ch-one-date {
vertical-align: middle;
line-height: normal;
width: 22%;
display: table-cell;
color: var(--color10);
font-family: var(--t5) !important;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
text-align: right;
padding: 0 5px !important;
}
.tabs_ch-one {
color: var(--color);
padding: 10px 20px !important;
line-height: 18px;
margin-bottom: 5px !important;
display: table;
width: 86%;
margin-left: 40px !important;
}
.tabs__caption2 li {
padding: 3px 15px !important;
  margin: 1px 6px 1px;
    margin-bottom: 1px;
  margin-bottom: 1px;
  margin-bottom: 1px;
  margin-bottom: 1px;
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  background: var( --beg500);
  color: var(--color9);
  position: relative;
  border: none !important;
  text-align: center;
  font-family: var( --border600);
  border-radius: 15px;
}
.tabs__caption2 .active {
background: var( --accent) !important;
  color: var( --text3) !important;
  border: none !important;
  cursor: pointer;
}
.infa-all2 {
  position: relative;
}
.infa-all2-title {
  width: 690px;
  margin: 30px auto 0 !important;
  height: 113px;
}
.infa-all2-title-1 {
  float: left;
  font-size: 100px !important;
  color: #747475;
  font-family: 'patheos' !important;
  padding: 0 !important;
  line-height: 76px !important;
}
.infa-all2-title-3 {
    float: left;
    font-size: 83px !important;
    color: #7f8080c9;
    font-family: 'patheos' !important;
    padding: 0 !important;
    line-height: 62px !important;
}
.infa-all2-title-right {
  display: block;
  float: left;
}
.infa-all2-title-right p {
color: var( --accent);
font-family: 'patheos' !important;
padding: 0 !important;
margin-left: 1px !important;
}
.infa-all2-title-right span {
  font-size: 30px;
  color: #747475;
  font-family: 'patheos';
  padding: 0 !important;
  margin-top: -22px !important;
  display: block;
  letter-spacing: 2px;
  margin-left: 7px !important;
  text-align: left;
}
.infa-all2-text-top {
display: block;
width: 666px;
color: var(--color16);
margin: -30px 0 0 58px !important;
line-height: 16px !important;
overflow-y: auto;
height: 80px;
padding-right: 10px !important;
scrollbar-color: var(--scroll3);
}
.infa-all2-text-center {
  display: block;
  margin-top: 45px !important;
}
.infa-all2-text-center-one {
  float: left;
  width: 200px;
  margin: 0 30px 50px !important;
  height: 215px;
  text-align: center;
}
.infa-all2-text-center-one-1 {
  text-align: center;
  color: var(--color16);
  font-size: 12px;
  padding-bottom: 3px !important;
}
.infa-all2-text-center-one img {
width: 100%;
height: 120px;
border: 1px solid var(--color17);
object-fit: cover;
margin-bottom: 9px !important;
filter: grayscale(100%);
border-radius: 15px !important;
}
.infa-all2-text-center-one-ep {
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 10px;
  font-family: 'Ubuntu-R';
  text-transform: uppercase;
font-family: var(--t5);
}
.infa-all2-text-center-one-ep {
  float: left;
  margin: 0 4px !important;
  display: contents !important;
  font-weight: 600;
}
.infa-all2-text-center-one-who {
  text-align: center;
  margin-top: 4px !important;
  font-size: 10px;
  color: var(--color16);
  height: 16px;
}
.spoiler-trigger {
padding: 5px 15px;
  width: 172px;
  display: block;
  text-align: center;
  margin-top: 10px !important;
  color: var( --text3) !important;
  font-size: 10px;
  background: var( --accent);
  letter-spacing: 1px;
  border-radius: 15px;
  font-family: var( --font) !important;
}
.spoiler-trigger > span {
  border-bottom: none !important;
  padding: 0 3px;
}
.spoiler-block {
  display: none;
}

.spoiler-block {
padding: 11px 15px;
width: 171px;
background: var( --beg300) !important;
position: relative;
height: 241px;
overflow-y: auto;
color: var(--color12);
font-size: 11px;
text-align: justify !important;
z-index: 2;
scrollbar-color: var(--scroll3);
margin-top: 5px !important;
}
.spoiler_body {
display: none;
}
.spoiler-block2 {
height: 305px;
  color: var(--color);
  font-size: 11px;
  overflow-y: auto;
  margin: 20px 20px 30px !important;
  display: inline-block;
  text-align: justify;
  padding-right: 10px !important;
  scrollbar-color: var(--scroll3);
  background: var( --beg300) !important;
  border-radius: 15px;
  padding: 20px !important;
}
.infa-all2-title-right-1 {
  font-size: 50px !important;
  margin-top: -15px !important;
  margin-bottom: -9px !important;
}
.infa-all2-title-right-2 {
  font-size: 42px !important;
  margin-bottom: 5px !important;
  margin-top: -7px !important;
}
.infa-all2-title-right-4 {
font-size: 30px !important;
margin-top: 1px !important;
margin-bottom: -9px !important;
}

/*список персонажей*/
.persons {
position: relative;
margin-top: -58px !important;
width: 849px;
display: inline-block;
}
.persons-about {
  width: 500px;
  margin: 0 auto 45px !important;
  background: var(--bg5);
  border-radius: 20px;
  padding: 14px 23px 16px !important;
  color: var(--color1);
  font-size: 11px !important;
height: 135px;
}
.persons-about p {
  line-height: 16px !important;
}
.persons-one {
float: left;
width: 250px;
margin: 0 16px 26px !important;
}
.persons-one-left {
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin: 0px 6px 0 0 !important;
  float: left;
  border: 1px solid var(--color);
border-radius: 100px;
}
.persons-one-left img{
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.persons-one-right {
  float: left;
  width: 184px;
}
.persons-one-right-one {
  color: var(--color1);
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 3px !important;
  overflow-x: auto;
  width: 184px;
text-transform: lowercase;
}
.persons-one-bt {
  display: inline-block;
  margin-top: 6px !important;
  border-top: 2px solid var(--color3);
text-transform: lowercase;
}
.persons-one-bt p {
margin-top: 5px !important;
font-size: 10px;
color: var(--color1);
overflow-x: auto;
height: 43px;
padding-right: 5px !important;
width: 242px;
scrollbar-width: thin;
line-height: 13px !important;
}
.persons-one-right-one1 {
  height: 24px;
  padding-right: 5px !important;
}
.persons-one-left::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var(--color2);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
}
.persons-one-right-one a {
  font-size: 12px;
  letter-spacing: 2px;
  font-family: var(--t2);
}
.persons-one-right-one:first-child {
    line-height: normal;
}

/*скрываем хайды*/
img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0;
}

/*хейзу год шаблон новостей*/
lot2-1 {
  margin-bottom: 34px !important;
  display: block;
  margin-top: 38px !important;
position: relative;
padding: 0 30px 0px 40px !important;
}

lot2-2 {
  margin-bottom: 34px !important;
  display: block;
  margin-top: 38px !important;
position: relative;
padding: 0 30px 0px 40px !important;
}

lot2-3 {
  margin-bottom: 34px !important;
  display: block;
  margin-top: 38px !important;
position: relative;
padding: 0 30px 0px 40px !important;
}

lot2-4 {
  margin-bottom: 34px !important;
  display: block;
  margin-top: 38px !important;
position: relative;
padding: 0 30px 0px 40px !important;
}

.lot td {
  overflow: visible !important;
}
lot2-5 {
margin-bottom: 0px !important;
display: block;
margin-top: 38px !important;
background: #7d7e7e1a !important;
padding: 10px 15px 18px !important;
background: var(--bg5) !important;
border: 1px solid var(--color17);
padding: 0 30px 0px 80px !important;
}
lot2-5 a {
font-weight: 700 !important;
}

.lot {
position: relative;
  width: 737px;
  margin: 20px 0px 0px 93px !important;
  padding: 20px;
  border-width: 2px !important;
  border-style: groove;
  border: 1px solid var( --accent) !important;
  border-radius: 15px;
}

.lot lot1 {
font-family: var( --font);
  font-weight: 500;
  width: 601px;
  background: var( --beg100);
  padding: 1px 2px 2px 20px;
  position: absolute;
  margin: -36px 0 0 86px;
  font-size: 22px;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 100px;
  color: var( --accent);
}

lot3-1 {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid #5e5e5e36 !important;
  position: absolute;
  top: 0px;
left: -81px;
border-radius: 100px;
}
lot3-1 img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
border-radius: 100px;
}
lot3-1::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
background: var( --accent);
mix-blend-mode: multiply;
position: absolute;
transition: all .6s ease-in-out 0s;
border-radius: 100px;
}

lot3-2 {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid #5e5e5e36 !important;
  position: absolute;
  top: 0px;
left: -81px;
border-radius: 100px;
}
lot3-2 img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
border-radius: 100px;
}
lot3-2::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
border-radius: 100px;
}

lot3-3 {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid #5e5e5e36 !important;
  position: absolute;
  top: 0px;
left: -81px;
border-radius: 100px;
}
lot3-3 img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
}
lot3-3::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
border-radius: 100px;
}

lot3-4 {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid #5e5e5e36 !important;
  position: absolute;
  top: 0px;
left: -81px;
border-radius: 100px;
}
lot3-4 img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
border-radius: 100px;
}
lot3-4::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0;
  background: var( --accent);
  mix-blend-mode: multiply;
  position: absolute;
  transition: all .6s ease-in-out 0s;
border-radius: 100px;
}

.lot lot1 span {
background: var(--color10);
text-shadow: none;
color: var(--bg1);
padding: 3px 6px;
font-size: 10px;
font-family: var(--t5);
text-transform: uppercase;
letter-spacing: .5px;
vertical-align: middle;
margin-left: 7px;
border-radius: 100px;
}

.lot lot3 {   
    position: absolute;
    left: -62px;
    top: 60px;
}

.lot lot3 img {
    box-shadow: 0 0 0 3px #776757 !important;
}

.lot lot2 {
    top: 10px;
    font-family: var(--t5);
    font-size: 12px !important;
    position: relative;
}
.lot table {
background: var(--bg1) !important;
  color: var( --border600) !important;
}

/*скрываем подфорумы*/
#forum_f2 {
  display: none !important;
}
#forum_f37 {
  display: none !important;
}
#forum_f38 {
  display: none !important;
}
#forum_f6 {
  display: none !important;
}
#forum_f16 {
  display: none !important;
}
#forum_f20 {
  display: none !important;
}
#forum_f21 {
  display: none !important;
}
#forum_f27 {
  display: none !important;
}
#forum_f36 {
  display: none !important;
}
.multipage #forum_f2 {
  display: block !important;
}
.multipage #forum_f6 {
  display: block !important;
}
.multipage #forum_f16 {
  display: block !important;
}
.multipage #forum_f20 {
  display: block !important;
}
.multipage #forum_f21 {
  display: block !important;
}
.multipage #forum_f27 {
  display: block !important;
}
#forum_f31 {
  display: none !important;
}
.multipage #forum_f31 {
  display: block !important;
}
.multipage #forum_f36 {
  display: block !important;
}

/*ивент сайта знакомств*/
.pierrottinder {
   width: 300px;
    background: #cbcbcb;
    border: 1px solid #8b8787;
    margin: 0 auto !important;
}
.profilepic img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
.pierrottindertitle {
display: none;
}

.pierrottindercontent {
    padding: 15px;
    font-family: 'Bradobrei', sans-serif;
    font-size: 11px;
    color: #2c2b2b;
}
.pierrottindername { font-size:18px; color:black; }
.pierrottinderdistance { color:#7a7676; font-size:12px; margin-bottom:10px; }
.pierrottinderdistance b { margin-right:5px; }

/*календарь*/
.weather {
text-align: center;
display: inline-block;
width: 105%;
margin-left: -13px !important;
}
.weather-title {
text-align: center;
  padding: 7px 100px 8px !important;
  letter-spacing: 1px;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: var( --accent);
  color: var( --text3);
  border-radius: 15px;
  display: inline-block;
  margin: 0 auto !important;
  text-transform: uppercase;
  font-family: var( --font) !important;
}
.weather-all-one {
float: left;
  width: 29.8%;
  background: var( --beg300);
  border: var(--brd) !important;
  border-radius: 15px;
  margin: 0 0.9% !important;
  padding: 5px 5px 10px !important;
  height: 320px;
}
.weather-all-one-t {
font-family: var( --font) !important;
  width: auto;
  background: var( --accent);
  color: var( --text3);
  font-size: 10px !important;
  letter-spacing: 3px;
  border-radius: 15px;
  padding: 5px 0 4px !important;
  margin: 5px 10px !important;
  text-transform: uppercase;
}
.weather-all-one-all {
display: inline-block;
margin-top: 6px !important;
}
.weather-all-one-all-one {
float: left;
width: 10.5%;
display: block;
text-align: center;
margin: 0 5px 5px !important;
}
.weather-all-one-all-one p {
  font-size: 10px !important;
}
.weather-all-one-all-top p {
  font-size: 10px !important;
}
.weather-all-one-all-top {
font-family: var( --font) !important;
  width: 100%;
  color: var( --border600);
  font-size: 9px;
  letter-spacing: 3px;
  border-radius: 15px;
  display: inline-block;
  padding: 2px 0 0 !important;
  height: 17px !important;
  margin-bottom: 5px !important;
  font-weight: 700;
}
.weather-all-one-all-one p {
background: var(--bg1);
color: var(--color12);
font-size: 9px;
letter-spacing: 0px;
border-radius: 0px;
padding: 0 5px !important;
margin-bottom: 3px !important;
}
.weather-all-one-all-one img {
cursor: pointer;
width: 19px !important;
}
.weather-all {
  margin-top: 25px !important;
}
.weather-all-one-all-top p {
  float: left;
  width: 10.5%;
  display: block;
  text-align: center;
  margin: 0 5px 5px !important;
}

/*изменения новые */

.bk-main-all-bt {
  float: left;
  width: 406px !important;
  text-align: center !important;
}
.bk-main-all-bt-r {
  margin-top: 20px !important;
  margin-left: 25px !important;
  width: 391px !important;
}
.bk-main-all-bt-r .bk-main-all-bt-all {
  height: 108px !important;
}
.bk-main-all-bt-r img {
  float: left;
  width: 150px !important;
margin: 0 13px 10px !important;
}
.bk-main-all-bt-r2 {
  width: 821px !important;
}
.bk-main-all-bt-all-r2-one {
  float: left;
  width: 211px;
  text-align: center;
  margin: 0 -7px 10px !important;
}
.bk-main-all-bt-r2 .bk-main-all-bt-all {
  height: 214px !important;
  text-align: center;
}
.bk-main-all-bt-all-r2-one-img {
  width: 190px;
  object-fit: cover;
}
.bk-main-all-nagr-block-all {
text-transform: lowercase;
  padding: 11px 11px 16px 11px !important;
  margin-bottom: 30px !important;
  border-radius: 15px !important;
  background: var( --beg300) !important;
  text-align: center;
  display: flex;
}
.bk-main-all-nagr-block-t {
  text-align: center;
  background: var( --accent);
  color: var( --text3);
  font-family: var(--font) !important;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 27px 4px !important;
  width: auto;
  display: inline-block;
  border-radius: 15px 15px 0 0 !important;
}
.bk-main-all-nagr-block {
  text-align: center;
}
.bk-main-all-nagr-block-one {
float: left;
  width: 100px;
  margin: 0 17px 10px !important;
}
.bk-main-all-nagr-block-one p {
  font-size: 10px !important;
}

.tabs__caption2 {

  padding-left: 192px !important;

}
lot2-6 {
  margin-bottom: 34px !important;
  display: block;
  margin-top: 38px !important;
  position: relative;
padding: 0 30px 0px 40px !important;
}
lot3-6 {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  margin: 0px 17px 8px !important;
  float: left;
  border: 1px solid #5e5e5e36 !important;
  position: absolute;
  top: 0px;
  left: -81px;
  border-radius: 100px;
}
lot3-6 img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all .6s ease-in-out 0s;
  object-fit: cover;
  border-radius: 100px;
}
lot3-6::after {
  content: "";

  width: 100%;

  height: 100%;

  display: block;

  top: 0px;

  left: 0;

background: var( --accent);

  mix-blend-mode: multiply;

  position: absolute;

  transition: all .6s ease-in-out 0s;

  border-radius: 100px;

}
lot7 {
text-align: center;
  margin: 27px 0 4px !important;
  display: block;
}
lot7-one p {
  font-weight: bold !important;
}
lot7-one {
background: var( --beg300);
  text-shadow: none;
  color: var(--bg1);
  padding: 3px 8px;
  font-size: 10px;
  font-family: var(--t5);
  text-transform: uppercase;
  letter-spacing: .5px;
  vertical-align: middle;
  border-radius: 100px;
  margin: 0 5px 6px !important;
  display: inline-flex;
  height: 15px !important;
}
lot8-one a {
  color: var(--color7) !important;
}
lot8-one p {
  float: left;
margin: 0 9px !important;
}
lot8-one {
  text-shadow: none;
  color: var(--bg1);
  padding: 3px 8px;
  font-size: 10px !important;
  font-family: var(--t5);
  text-transform: uppercase;
  letter-spacing: .5px;
  vertical-align: middle;
  border-radius: 100px;
  margin: 0 5px 6px !important;
  display: inline-block;

}
lot8-one b {
  display: block;
  width: 100%;
}
lot8-one span {
  display: flex;
  text-align: center;
}
@font-face { font-family: Lighthaus;
src: local("Lighthaus"), url(https://forumstatic.ru/files/001a/28/10/78556.ttf) format('truetype');}

@font-face { font-family: Antifont;
src: local("Antifont"), url(https://forumstatic.ru/files/001a/28/10/54245.ttf) format('truetype');}

@font-face { font-family: Bitter Mind;
src: local("BITTER_MIND"), url(https://forumstatic.ru/files/001a/28/10/68373.ttf) format('truetype');}

@font-face { font-family: Hermes;
src: local("Herrmes"), url(https://forumstatic.ru/files/001a/28/10/60054.ttf) format('truetype');}

@font-face { font-family: Laginchy;
src: local("Laginchy-Regular"), url(https://forumstatic.ru/files/001a/28/10/65139.ttf) format('truetype');}

@font-face { font-family: Soothing;
src: local("Soothing"), url(https://forumstatic.ru/files/001a/28/10/16781.ttf) format('truetype');}

@font-face { font-family: Liquido;
src: local("LIQUIDO-Fluid"), url(https://forumstatic.ru/files/001a/28/10/48266.ttf) format('truetype');}

@font-face { font-family: Hello Paris;
src: local("Hello Paris Sans Regular"), url(https://forumstatic.ru/files/001a/28/10/99006.otf) format('opentype');}

.bw .tite-main-1 {
  color: var( --border600) !important;
}

.bw .tabs__caption .active {
  color: var( --border600) !important;
}
.bw .spoiler-trigger {
  color: var( --border600) !important;
}
.bw .tabs__caption2 .active {
  color: var( --border600) !important;
}
.bw .punbb .post-rating a::before {
  content: "\f004";
  font: 24px FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  color: var( --border600);
  transition: all .4s linear 0s;
  text-shadow: none;
}
.bw  .punbb .post-rating a {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  color: var( --beg100) !important;
  font-weight: 500;
}
.bw .lot lot1 {
  color: var( --border600) !important;
}
.bw .lot {
border: 1px solid var( --border600) !important;
}
.bw .tabs__caption2 .active {
  color: var( --border600) !important;
}

.dark .tite-main-1 {
color: var( --text3) !important;
}
.dark  .tite-main-2 {
color: var( --text3) !important;
}
.dark .tite-main-on-1 {
color: var( --text3) !important;
}
.dark  .tite-main-on-2 {
color: var( --text3) !important;
}

.dark .tabs_ch-one {
color: var( --text3) !important;
}
.dark  .infa-all2-text-center-one-who {
color: var( --text3) !important;
}

.dark .tite-main-on-1 {
color: var( --text3) !important;
}
.dark  .infa-all2-text-center-one-1 {
color: var( --text3) !important;
}
.dark  .spoiler-block {
color: var( --text3) !important;
}
.dark  .infa-all2-text-top {
color: var( --text3) !important;
}
.dark #onlinelist a {
  color: var(--links) !important;
}

.dark  .tabs__content {
color: var( --text3) !important;
}
.dark  .infa-all-one {
color: var( --text3) !important;
}
.dark  .infa-all-one-t {
color: var( --text3) !important;
}
.dark  .weather-all-one-all-top {
color: var( --text3) !important;
}
.dark  .our-evr-rooms-all-one span {
color: var( --text3) !important;
}
.dark  .our-evr-hrono-text-one-2 {
color: var( --text3) !important;
}

#pun-navlinks.fixed,
#pun-ulinks.fixed {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  padding: 0 20px;
  background: var(--beg100);
  z-index: 10;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2); /* для эффекта «тени» снизу */
}

#pun-navlinks.fixed::before,
#pun-ulinks.fixed::before {
  content: "";
  position: absolute;
  left: -20px;  /* выдвигаем за пределы внутреннего отступа */
  right: -20px;
  top: 0;
  bottom: 0;
  background: var(--beg100);
  z-index: -1;
}

/* Дополнительно можно добавить нижнюю "шторку", например, как полоску */
#pun-navlinks.fixed::after,
#pun-ulinks.fixed::after {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: -5px;
  height: 5px;
  background: var(--beg100);
  z-index: -1;
}

/* заголовки для админских тем */
.PDbgif {
    font-family: Impact;
    background: url(https://i.ibb.co/dLdWxfz/image.gif);
    font-size: 45px;
    text-transform: uppercase;
    margin-bottom: -10px;
    color: transparent;
    background-clip: text !important;
    -webkit-background-clip: text !important; background: var( --accent);}

/* шапки всех орг тем */

.bac {
    background: url(https://upforme.ru/uploads/001b/d4/18/243/409296.png);
    margin-bottom: -10px;
    color: transparent;
    height: 55px;
    border-radius: 15px 15px 0 0 !important;
}

.bacname {
    background: #1a1a1a;
    width: max-content;
    padding: 0 20px !important;
}

.namet {
    font-family: Lighthaus;
    font-size: 30px;
    text-transform: lowercase;
    color: var(--accent);
    padding-top: 25px;
    display: flex;
    justify-content: center;
}

.fon {
background: var(--beg500) !important;
border-radius: 15px !important;
}
/* конец шапки всех орг тем */




/* ----------------------------новые новости */

/* -----общее про блок */
.novost_block_text {
    display: flex;
    margin: 0 auto!important;
    width: 900px!important;
}
/* -----------------конец */

/* ------------------правая часть новостей */
.novost_block {
    flex: 1;
}

/* -----фон текста новостей */
.novost_fon{
    background-color: var(--beg300);
    border-radius: 10px;
    padding: 20px;
}

/* -----про аву админа */
.novost_av {
    margin-left: -77px!important;
    margin-top: -12px!important;
    width: 70px;
    height: 70px;
    border-radius: 15px;
    border: solid 1px var(--accent);
}

.novost_av img {
    border-radius: 14px;
    width: 70px;
    height: 70px;
    filter: grayscale(100%);
    object-fit: cover;
}

/* -----надпись у авы админа */
.novost_adm {
    font-family: 'code_pro';
    border-radius: 6px;
    font-size: 14px;
    max-width: max-content;
    padding: 4px 15px 3px 15px;
    background-color: var(--accent);
    color: var(--text1);
    margin-top: -49px!important;
    margin-left: -9px!important;
}

/* -----текст новостей */
.novost_text {
    border-radius: 15px;
    width: 690px;
    padding: 9px;
    background: var(--beg500);
    font-size: 12px;
    margin-right: -37px!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 2px!important;
}
/* -----------------конец */

/* ------------------ссылки внизу */
.novost_block_sslki {
    text-align: center;
    width: 707px;
    margin-left: 253px!important;
    line-height: 23px;
}

.fon_sslki a {
    background-color: var(--accent);
    border-radius: 6px;
    padding: 3px 13px 1px 13px;
    color: var(--text1) !important;
    display: inline-block;
    font: 12px 'code_pro';
    max-width: max-content;
}
/* -----------------конец */


/* -------------------------блок новостей слева */
.novost_block2 {
    margin-top: 58px!important;
    padding: 3px;
    margin-left: -40px!important;
    margin-right: 1px!important;
}

/* -----------------плашки "актив" и "постописцы" */
.pl_post, .pl_akt {
    background-color: var(--accent);
    border-radius: 6px;
    color: var(--text1);
    font: 14px 'code_pro';
    padding: 2px 0 0 0;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 900;
    width: 150px;
    margin-inline: auto!important;
}

/* -----------------активисты имена */
.novost_activ {
    text-align: center;
    font-size: 12px;
    background: var(--beg500);
    border-radius: 12px;
    padding: 5px;
    margin-top: 6px!important;
   
}

/* -----------------постописцы имена */
.novost_postactiv {
    text-align: center;
    font-size: 12px;
    background: var(--beg500);
    border-radius: 12px;
    padding: 5px;
    margin-top: 10px!important;
}

/* -----------------лучший пост блок*/
.novost_post {
    background: var(--beg500);
    border-radius: 12px;
    padding: 5px;
    margin-top: 12px!important;
}

/* -----------------имя постописца */
.novost_postname {
    margin-left: 21px!important;
    font: 14px 'code_pro';
}

/* -----------------эпизод */
.novost_ep {
    background-color: var(--accent);
    border-radius: 12px;
    color: var(--text1);
    margin-top: 10px!important;
    padding: 5px;
    text-align: center;
}
/* -----------------название эпизода */
.novost_ep a{   
    color: var(--text1) !important;
    font: 12px 'code_pro';
    font-weight: 900;

}

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

/* ---------------------------верхний блок */
/* -----------------номер новостей */
.nomer {
    position: absolute;
    right: 73px;
    top: -4px;
    font: 60px var(--font-accent);
    text-transform: uppercase;
    color: var(--accent);
    font-weight: bold;
}

/* -----------------к-во постов */
.sk_post {
position: absolute;
    right: 85px;
    top: 52px;
    font: 13px code_pro;
    color: var(--text1);
}
/* -----------------к-во эпов */
.sk_ep {
position: absolute;
    right: 212px;
    top: 52px;
    font: 13px code_pro;
    color: var(--text1);
}
/* -----------------конец */

/* -----------------БЛОК ГМ */

/* ----- ава справа */
.gm_av_r{
  float:right;
  width:60px; height:60px;
  border-radius:20px;
  border:1px solid var(--accent);

  /* было: margin:-20px 16px 0 0; */
  /* хотим ~6px от края цитаты → если у цитаты padding-right 16px,
     ставим 6px - 16px = -10px */
  margin:-20px -10px 0 0;

  /* обтекание от середины, shape можно не трогать */
  shape-outside: inset(calc(50% + 20px) 0 0 0 round 20px);
  shape-margin:12px; /* это зазор между ТЕКСТОМ и авой, не с краем цитаты */
}
.gm_av_r img{
  display:block; width:100%; height:100%;
  object-fit:cover; border-radius:inherit; filter:grayscale(100%);
}

/* ----- ава слева */
.gm_av_l {
  float:left;
  width:60px; height:60px;
  border-radius:20px;
  border:1px solid var(--accent);

  margin:-20px 16px 0 0;
  shape-outside: inset(calc(50% + 20px) 0 0 0 round 20px);
  shape-margin:12px;
}
.gm_av_l img{
  display:block;
  width:100%; height:100%;
  object-fit:cover;
  border-radius:inherit;
  filter:grayscale(100%);
}

.gm-stopwrap{ clear:left; }

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

/* -----------------ВСЕ О СЕРИАЛЕ */

.serial_fon {width: 100%;
      height: 990px;
      overflow: auto;}

.serial_button {text-align: center;
    padding: 2px;
    border: 1px solid var(--accent) !important;
    display: inline-block;
    width: 150px;
    font-size: 17px;
    background: var(--beg500);
    cursor: pointer;
    font-family: 'Lighthaus';
    font-weight: 900;}

.serial_active {color: #ffffff;
      background: var(--accent);
      background-position: bottom;}

.serial_title {
  color: var(--accent);
    font-family: 'Lighthaus' !important;
}

.serial_season {
margin-top: 15px;
}

.serial_season-text {
    text-align: justify;
    width: 800px;
    color: var(--color16);
    margin-top: 3px;
font-size: 9px;}

.serial_data {color: var(--text1);
    font-family: 'Lighthaus' !important;
    font-size: 14px;}

.container_serial {  display: flex;  }
.left-column_serial {}
.right-column_serial { flex: 1;}

.serial_search {
    margin: 0px;
    margin-left: 612px;
}

.serial_content_text {background-color: var(--beg300);
      width: 270px;
      margin: 5px;
      overflow-y: auto;}

.serial_content_serial {margin: 5px;
     
height: max-content;
      background-color: var(--beg600);
      overflow-y: auto;}

/* --------------      elem        ------------------*/
.elem0 {
      margin-top: 10px;
      width: 220px;
      height: 180px;
      background: var(--beg300);
      margin-left: 5px;
      display: inline-block;
      transition: 0.5s ease;
      border-radius: 5px;
      cursor: pointer;
    }
.elem1 {
      height: 72px;
      text-align: center;
      padding: 15px 0px 0px 0px;
    }
.elem2 {
      text-transform: uppercase;
      font-size: 80%;
      text-align: center;
      font-weight: bold;
      padding: 55px 0px 0px 0px;
    }
.elem3 {
      text-transform: lowercase;
      font-size: 75%;
    }
.elem4 {
      position: absolute;
      display: none;
    }
.elem6 {
      text-align: center;
      padding: 25px 5px 5px 5px;
      text-transform: uppercase;
      font-weight: bold;
      color: var(--text1);
    }
.elem7 {
      text-align: start;
      padding: 5px;
      max-height: 480px;
      text-align: justify;
      overflow-y: auto;
      color: var(--text1);
    }
.elem8 {
      padding: 0px 10px;
      margin: 10px 0px;
      background: rgba(32, 36, 36, 0.15);
    }

0

6

больше
https://upforme.ru/uploads/001b/03/46/4/707426.png
меньше
https://upforme.ru/uploads/001b/03/46/4/878557.png

0

7

https://upforme.ru/uploads/001b/03/46/4/166485.png

0

8

https://upforme.ru/uploads/001b/03/46/4/475548.png https://upforme.ru/uploads/001b/03/46/4/357029.png

0


Вы здесь » shining test » Drag me to hell » старый духовский


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