03.05
    прочитай меня май-месяц
    20.04

    Чтобы уважаемый преподаватель полез в драку — немыслимо! Но что случилось — то случилось.
    [читать дальше]

    Сырой, мрачный Салем словно сошел с экрана фильмов о типичных городках, населенных безумцами и сектантами, призраками убитых ведьм и их палачей. Атмосферу нагнетали не только и не столько изломанные линии домов в колониальном стиле, сколько поразительная тишина, царившая всюду. Тишина, пустота и забвение. Редкие прохожие выглядели, как нечто чужеродное на мертвых улочках, потерявшихся во времени. По позвоночнику пробежал холодок.
    [читать дальше]

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

    План был идеален и гениален — по мнению Кевина, разумеется. Найти ту приблудившуюся черную кошку, свести её для беседы с блондинкой, и узнать наконец... Что? Да всё узнать. Грандиозные ожидания, сбывшаяся мечта, но.
    — Это не то, что ты думаешь.
    Парень недоуменно уставился на ту, что назвалась Луизой. Не то, тогда что? Неужели она может разговаривать только с тараканами, а кошачий язык не понимает? Печально, если так.
    [читать дальше]

    Додо Пицца

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

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


    Вы здесь » Додо Пицца » воен света » vogue


    vogue

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

    1

    Код:
    <!--изменение яркости форума part.1 -- (c) chatGPT, automatisch--!>
    <script>
            (function() {
                let savedBrightness = localStorage.getItem("html-brightness");
                if (savedBrightness) {
                    document.documentElement.style.filter = `brightness(${savedBrightness})`;
                }
            })();
    </script>
    
    
    <!-- Смена стиля, (с) ForumD.ru, satsana -->
    <script type="text/javascript">
    var styleList = [
    {
        class: 'night',
        name: 'ночь'
    },{
        class: 'street',
        name: 'улица'
    },{
        class: 'light',
        name: 'фонарь'
    },{
        class: 'mless',
        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");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[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
    </script> <!-- Смена стиля - END -->
    
    <input type="range" id="brightnessSlider" min="0.5" max="1" step="0.01" value="1" title="Изменить яркость">
    
    <ul id="stylelist"></ul>
    
    <!--изменение яркости форума part.2 -- (c) chatGPT, automatisch--!>
        <script>
            const brightnessSlider = document.getElementById("brightnessSlider");
    
            // Загружаем сохраненное значение яркости
            function loadSavedBrightness() {
                const savedBrightness = localStorage.getItem("html-brightness");
                if (savedBrightness) {
                    document.documentElement.style.filter = `brightness(${savedBrightness})`;
                    brightnessSlider.value = savedBrightness;
                }
            }
    
            // Обработчик изменения ползунка
            brightnessSlider.addEventListener("input", (event) => {
                const newBrightness = event.target.value;
                document.documentElement.style.filter = `brightness(${newBrightness})`;
                localStorage.setItem("html-brightness", newBrightness);
            });
    
            // Применяем сохраненную яркость при загрузке страницы
            loadSavedBrightness();
        </script>
    
    
    <!-- *************************************************************** -->
    <div id="Logo"></div>
    
    <!-- Cчётчик Игровых постов -->
    <script type="text/javascript">
    /***************************
            Настройки!
    ***************************/
    FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
    FORUM._color_fld = "inherit";	// Цвет шрифта,
    FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
    FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
    FORUM.Number_winners = [7,[1]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
    FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
    /**** НАСТРОЙКА Игровых локаций ****/
    function ad_ (){/*!~!FORUM.ForArrAy = {
    //Форум  //Темы (включаемые, или исключаемые)
    
    f7	:-[0],  //личные эпизоды
    f8	:-[0], //альтернатива
    f24	:-[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:3px;right:3px;}.punbb .GamePst{padding:0!important;}
    .punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
    <!--//END Cчётчик Игровых постов © Deff-->
    
    
    <!--КНОПКИ ВВЕРХ ВНИЗ-->
    <div class="go-up" id='ToTop'></div>
    <div class="go-down" id='OnBottom'></div>
    
    <!-- *************************************************************** -->
    
    <div id="ZACHTO">
    <div id="NEWS">
    
    <div class="news0">
    <div class="newsdate">∞</div>
    <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=8#p11" target="_blank">что происходит?</a></span>
    <span class="txt2nd">гостевая</span></div></div>
    
    <div class="news0">
    <div class="newsdate">01.06</div>
    <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last" target="_blank">прочитай меня</a></span>
    <span class="txt2nd">первый день лета</span></div></div>
    
    <div class="news0">
    <div class="newsdate">01.06</div>
    <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=5#p69864" target="_blank">расскажи</a></span>
    <span class="txt2nd">vol.27</span></div></div>
    
    <div class="news0">
    <div class="newsdate">18.05</div>
    <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=583#p69098" target="_blank">мермай</a></span>
    <span class="txt2nd">русалочий месяц</span></div></div>
    
    </div>
    
    <div id="RANDOM">
    <!-- Ротатор произвольного контента -->
    <div id="KontentRotator">
    
    <p>Чтобы уважаемый преподаватель полез в драку — немыслимо! Но что случилось — то случилось.
    <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63322#p63322'>[читать дальше]</a>
    </p>
    
    <p>
    Сырой, мрачный Салем словно сошел с экрана фильмов о типичных городках, населенных безумцами и сектантами,  призраками убитых ведьм и их палачей. Атмосферу нагнетали не только и не столько изломанные линии домов в колониальном стиле, сколько поразительная тишина, царившая всюду. Тишина, пустота и забвение. Редкие прохожие выглядели, как нечто чужеродное на мертвых улочках, потерявшихся во времени. По позвоночнику пробежал холодок.
    <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=66538#p66538'>[читать дальше]</a>
    </p>
    
    <p>
    спокойно, брат, я возьму с собой ножи, ствол, топор, лопату, дрель, серп, гарпун и акулу хд прорвемся хд
    <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=65317#p65317'>[читать дальше]</a>
    </p>
    
    <p>
    План был идеален и гениален — по мнению Кевина, разумеется. Найти ту приблудившуюся черную кошку, свести её для беседы с блондинкой, и узнать наконец... Что? Да всё узнать. Грандиозные ожидания, сбывшаяся мечта, но.
    <br>
    — Это не то, что ты думаешь.
    <br>
    Парень недоуменно уставился на ту, что назвалась Луизой. Не то, тогда что? Неужели она может разговаривать только с тараканами, а кошачий язык не понимает? Печально, если так.
    <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=62315#p62315'>[читать дальше]</a>
    </p>
    
    </div>
    </div>
    
    <!-- *************************************************************** -->
    
    <script language="javascript">
    var sek = 100000000000000000000;  // Время отображения
    var Nrout=$("#KontentRotator p").length
    var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
    function RotatorMycontent(i) {
    $("#KontentRotator p").hide();
    $("#KontentRotator p").eq(i).show();
    j =Math.round(Math.random()*(Nrout-1));
    timerID = setTimeout("RotatorMycontent(j)",sek);}
    </script>
    </div>
    
    
    <!-- *************************************************************** -->
    <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
    <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
    <script type="text/javascript">select_text.linkText = 'выделить код [копируется сразу]' //текст ссылки</script>
    
    <!-- *************************************************************** -->
    
    <!-- Скрытие панели "profilenav" при просмотре профиля (c) satsana -->
    <script type="text/javascript">
      if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1))
        $('#pun-profile').addClass('view');
    </script>
    <style>
    #pun-profile.view #profilenav {display: none}
    </style>
    
    <script>
    // Исправляем работу оценок в закрытых темах
    if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() };
    </script>
    
    <!--// Быстроплюсы v.2 РЕНО by Deff //-->
    <script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>
    
    
    <!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
    <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
    <style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
    <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
    <script type="text/javascript">
    notifications.token = '981d0de358850f3b3b54008ce1d52d8e711ab674'; // Forum token
    notifications.key = 'xjj93ak6jdr7'; // Subscription key
    <!--FALSE ломает награды -->
    RusffCore.sets.notifications = false
    </script>
    <!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
    <script>notifications.load('subscriptions');</script>
    <!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
    <script type="text/javascript">
    notifications.load('common', {});
    notifications.load('important', {topics: [12,17]}); // ID важных тем (через запятую)
    </script>
    <!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
    <script>notifications.load('reputation');</script>
    <!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
    <script>notifications.load('mentions');</script>
    <!-- Мгновенные уведомления: реакции на сообщения (Rusff) © Alex_63, 2024 -->
    <script>notifications.load('rusff_reactions')</script>
    <!--// конец //-->
    
    <!-- ************************************************************-->
    <script type="text/javascript">$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(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}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);</script>
    <!-- ************************************************************-->
    
    
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript" >
       (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
       m[i].l=1*new Date();
       for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
       k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
       (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
    
       ym(93928845, "init", {
            clickmap:true,
            trackLinks:true,
            accurateTrackBounce:true
       });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
    
    <!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script>
    
    <!-- Обтекание текста слева/справа --><style type="text/css">
    .post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
    .post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
    </style>
    <script type="text/javascript">
    FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
    FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
    </script>
    
    
    <!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх; доработки automatisch -->
    <script type="text/javascript" src="https://forumstatic.ru/files/001a/eb/a8/42785.js" charset="UTF-8"></script>
    
    <!-- Регулятор размера шрифта (с) satsana, forumd.ru; доработки automatisch-->
    <div id="chfontsize" title="Размер шрифта">
    <div class="fsizeplus"></div>
    <div class="fsize"></div>
    <div class="fsizeminus"></div>
    </div>
    <script type="text/javascript">
    var chfsize;
    if (!localStorage.fontsize) localStorage.setItem('fontsize', 12);
    chfsize = +localStorage.getItem('fontsize');
    function setfsize (f) {
      localStorage.setItem('fontsize', f);
      $('.fsize').text(f);
      $('.post-content p').css('font-size', f+'px');
      $('.punbb textarea').css('font-size', f+'px');
      $('#post-preview .fs-box .post-content').css('font-size', f+'px');
      $('.punbb pre').css('font-size', f+'px');
    }
    $('.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);
    });
    $(document).pun_mainReady(function() {
      setfsize (chfsize);
    });
    </script><!-- Регулятор размера шрифта (конец) (с) satsana, forumd.ru -->
    
    <script type="text/javascript">
    if(GroupID==2)
    document.write('<style>.pa-ip{display: none;}</style>')
    </script>
    
    <!-- ПИАР-ВХОД v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="http://forumstatic.ru/f/info/mforum/pr_login.compressed.js?18566"></script>
    <script type="text/javascript">
    PR.nick = 'PR'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

    0

    2

    Код:
    <!-- Аватарка в строке приветствия -->
    <script type="text/javascript">
    DA = "https://forumupload.ru/uploads/001a/eb/a8/2/213923.png"
    if (UserAvatar == "/i/default_avatar.jpg"){UserAvatar = DA}
    </script>
    <script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+UserAvatar+'"/></span>')</script>
    
    
    <!-- Аватар по умолчанию / Deff, Alex_63 -->
    <script type="text/javascript">
    var DefAvtr = 'https://forumupload.ru/uploads/001a/eb/a8/2/213923.png'; //Ссылка на аватар по умолчанию
    
    DefAvtr='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';
    $('li.pa-title').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);});
    $('li.pa-author').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);});
    </script>
    <style>
    .avatar-image[style*="default_avatar.jpg"]{
           background-image:url(https://forumupload.ru/uploads/001a/eb/a8/2/213923.png)!important;
    }
    </style>
    <!----- Замена ссылок в Постах на абсолютные by Leraje ----->
    <script type="text/javascript">
    $(".post-content a").each(function (){
      var L=$(this).attr("href");var b="click.p";
      L=L.replace(/^.*click\.php\?(.*)$/mgi,"$1");
      if(L.search(/viewtopic\.php\?id=.*#p/)!=-1){
        var p=L.replace(/^.*?#p(\d+)$/mgi,"$1");
        L=L.replace(/\?id=.*$/,"");
        L+="?pid="+p+"#p"+p;
      }
      $(this).attr("href",L);
    });
    </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.tcl h3').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).appendTo(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>
    
    <!-- *************************************************************** -->
    <!-- Быстрое редактирование постов © Alex_63 // V.3 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>
    
    <!-- *************************************************************** -->
    <p>твой особенный день</p>
    <!-- *************************************************************** -->
    <!--ЗАМЕНА-->
    <script type="text/javascript">
    var h=(new Date()).getHours(), UserID;
    if (UserID == 'undefined' || UserID == null || UserID == '1'){
    if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило;'}
    if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября;'} 
    if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября;'} 
    if (h > 18 && h < 24) {a='Сентябрь горит, убийца плачет;'}}
    else {if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило, '+UserLogin+';'}
    if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} 
    if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} 
    if (h > 18 && h < 24) {a='Совы - не то, чем кажется, '+UserLogin+';'}}
    var arre=document.getElementsByClassName("item1")
    var f=0
    for (f=0; f<=(arre.length-1); f++)
    {if (arre[f].innerHTML.indexOf("Привет,")!=-1)
    {arre[f].innerHTML=a}}
    </script>
    <!-- *************************************************************** -->
    <!-- Dice Roller BEGIN (c) Spiritus Tergi, ч2 в хтмл-низ; доработки automatisch -->
    <template id="dice-box-template">
    	<div class="dice-box">
        <p>
        	<span class="roll-dice"></span>
        	<span class="roll-value"></span>
        </p>
        <p class="roll-reason"></p>
        <p class="roll-result"></p>
    	</div>
    </template>
    
    <script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.4/seedrandom.min.js"></script>
    <script>
    	diceResults = [
        {'max' : 16,    'result' : 'неудача, тяжелые травмы.'},
        {'max' : 29,    'result' : 'неудача, персонаж зарабатывает легкие ушибы.'},
        {'max' : 49,    'result' : 'неудача, но без увечий и травм.'},
        {'max' : 60,    'result' : 'удача с большим трудом и возможными тяжелыми увечьями.'},
        {'max' : 90,    'result' : 'удача, с легкими ранениями.'},
        {'max' : 1000,    'result' : 'удача  без единой травмы или увечья.'}
    	]
    
    	isTagged = (document.querySelector('#pun').innerHTML.indexOf('[dice]') >= 0)
    
    
    	if (isTagged) {
        diceRoller = new DiceRoller(diceResults)
        diceRoller.initDiceBoxes()
    	}
    </script>
    <!-- Dice Roller END -->
    
    <!-- Dice Roller Form BEGIN -->
    <form id="dice-form" class="hidden" autocomplete="on">
    	<div>
        <label><span>Кубиков</span>	<input type="text" name="count" maxlength="3" value="1" disabled=""></label>
        <label><span>Граней</span>    <input type="text" name="sides" maxlength="3" value="100" disabled=""></label>
        <label><span>Бонус</span>    <input type="text" name="bonus" maxlength="4" value="0"></label>
        <label><span>Штраф</span>    <input type="text" name="fine" maxlength="4" value="0"></label>
    	</div>
    	<div>
        <label><span>Действие</span><div class="resizable-textarea"><span><textarea name="reason" cols="10" rows="5" class="processed"></textarea><div class="grippie" style="margin-right: 1806px;"></div></span></div></label>
    	</div>
    	<button type="submit">вставить</button>
    </form>
    
    <script>
    	replyForm = document.getElementById('post')
    	diceForm = document.getElementById('dice-form')
    	diceButtonString = '<td id="button-dice" title="Форма дайсов" class="hidden"><img src="/i/blank.gif"></td>'
    
    	function handleDiceFormSubmit(event) {
        event.preventDefault()
        let tagArguments = []
    
        for(let control of event.target.elements)
        	if (control.tagName != 'BUTTON')
            tagArguments.push(control.name + ' = ' + control.value)
    
        replyForm['main-reply'].value += '\n[dice]' + tagArguments.join(' | ') + '[/dice]'
    	}
    
    	function handleDiceButtonClick(event) {
        diceForm.classList.toggle('hidden')
    	}
    	if (replyForm != null) {
        replyForm.querySelector('.fs-box.hashelp').insertAdjacentElement('beforeend', diceForm)
        diceForm.addEventListener('submit', handleDiceFormSubmit)
    
        let row = replyForm.querySelector('#form-buttons tr')
        	row.innerHTML += diceButtonString
    
        let diceButton = document.getElementById('button-dice')
        	diceButton.classList.remove('hidden')
        	diceButton.addEventListener('click', handleDiceButtonClick)
    	}
    </script>
    <!-- Dice Roller Form END --></div>
    
    <!-- *************************************************************** -->
    
    <!--Новый скрипт смены имиджа-->
    
    <script src="https://forumstatic.ru/files/0017/95/29/79261.js"></script>
    <script>
    hvScriptSet.addMask({
        maskLimit:40,
        guestAccess: ['архив эпизодов', 'личные эпизоды', 'альтернатива', 'игровой архив'],
        forumAccessExtended: {
            'личные эпизоды': ['Пользователи'],
            'альтернатива': ['Пользователи'],
    'обсуждения': ['Пользователи'],
    'эпизоды': ['Пользователи'],
            'игровой архив': ['Пользователи'],
            'архив эпизодов': ['Пользователи'],
            'флуд': ['Пользователи'],
            'игры и конкурсы': ['Пользователи'],
            'личные темы игроков': ['Пользователи'],
            'архив архивов': ['Пользователи'],
    'акции': ['Пользователи'],
    'информация': ['Пользователи'],
    'анкеты': ['Пользователи'],
    'принятые анкеты': ['Пользователи']
        },
        changeList: {
            'pafld1': {
                title: 'pa-fld1',
                description: 'Личное звание',
                tag: 'lz',
                class: 'pa-fld1',
                defaultCode: '<a href="ссылка на анкету" target="_blank">Имя Фамилия, XX</a><br>чаще всего я <b>род деятельности</b>, но иногда <b>дополнительная информация</b>',
                type: 'html'
            },
            'pafld2': {
                title: 'pa-fld2',
                description: 'История',
                tag: 'fnd',
                class: 'pa-fld2',
                defaultCode: '<story title="название-истории">персонаж</story>',
                type: 'html'
            }
        },
        userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld5', 'pa-fld1', 'pa-fld2', 'pa-fld4', 'pa-fld3', 'pa-respect', 'pa-online']
    });
    </script>
    
    
    
    <!-- Ссылка на авторский пост в цитате // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.quote-box>cite:contains("#")').each(function() {
      var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
      if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');}
      else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');}
    });$('#pun-viewtopic .pl-quote>a').each(function() {
      $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
    });
    </script>
    
    <!-- *************************************************************** -->
    
    <div class="container"><!--БАННЕРЫ-->
    <div class="bannner"><div class="banr">
    <a href="https://ftr404.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001c/1a/06/5/954124.png" title="киберпанк, эпизоды, анархия"></a>
    
    <a href="https://crossfeeling.rusff.me/" target="_blank">
    <img src="https://forumupload.ru/uploads/0015/e5/b7/3090/672618.png" 
    title="crossfeeling"
    border="1" width="88" height="31"></a>
    
    <a href="https://deepend.rusff.me"><img src="https://forumupload.ru/uploads/001c/71/28/2/741935.gif"></a>
    
    <a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/6c/7d/42027.jpg" title="перси джексон ♥ мифология"></a>
    
    <a href="https://heylar.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001c/75/d0/14/387418.png" title="Хейлар: Пляска Смерти. Фэнтези, стимпанк, смешанные внешности, расы, магия, драконы, DnD"></a>
    
    <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/14/5b/7/124634.png" title="karma cross" border="0" width="88" height="31"></a>
    
     <a href="https://serodomno.mybb.ru/"><img src="https://i.imgur.com/abigMHv.png" title="Серодомье - магический реализм, временные парадоксы, лоси-вертолеты" border="0""></a>
    
    <a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://i.imgur.com/beEZqwd.gif" width="88" height="31" border="0"></a>
    
    <a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://forumupload.ru/uploads/001b/67/7a/207/50067.jpg"></a>
    
    <a href="https://machinarium.rolka.me/" title="Авторское техно-фентази, стимпанк" target="blank"><img src="https://forumupload.ru/uploads/001c/5a/2f/5/398516.gif"></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://happyhouse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/52/80/5/973974.jpg"></a>
    
    <a href="https://1920.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/0019/49/95/2/81362.png" border="0" width="88" height="31" title="1920. Потерянное поколение"/></a>
    
    <a href="https://nightcity.rusff.me/" target=_blank> <img src="https://forumupload.ru/uploads/001b/b3/8e/87/612150.gif" border="0" alt="NIGHT CITY VIBE"></a>
    
    <a href="https://why.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/61/20/17/606277.png" title="why? cross" border="0" width="88" height="31"></a>
    
    <a target="_blank" href="https://dagort.f-rpg.me/" title="Дагорт"><img src="https://forumstatic.ru/files/001c/69/9f/62229.png?v=1" border="0"></a>
    
    <a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/36/d0/64241.gif" width="88px" height="31px" title="Supermassive Black Cross"></a>
    
    <a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a>
    
    <a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://forumupload.ru/uploads/001c/38/b6/4/420928.gif" width="88" height="31" border="0"></a>
    
    <a href="https://genshineclipse.com/" title="Genshin Impact: Celestial Eclipse" target="_blank"><img src="https://forumupload.ru/uploads/001b/df/32/147/26957.gif"></a>
    
    
    <a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a>
    
    <a href="https://meethope.ru/"><img src="https://forumstatic.ru/files/001c/42/be/39857.gif" title="Hope County"></a>
    
    <a href="https://secretsofmermaids.rusff.me/" target="_blank"><img src="https://i.imgur.com/uKH5gzO.png" title="Секреты русалок"></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://knowhere.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/1e/c3/2/788017.gif" title="Knowhere: способности, закрытый город"></a>
    
    <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a>
    
    <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>
    
    <a href="https://genshinmemories.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" title="Genshin Impact: Golden Memories"></a>
    
    <a href="https://breakout.rusff.me/" title="BREAKOUТ: аномалии, способности, монстры"> <img src="https://forumstatic.ru/files/001c/2a/d4/18938.png"></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://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img 
    src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a>
    
    <a href="http://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://forumupload.ru/uploads/0017/2a/64/6/714913.gif"></a>
    
    <a href="http://holod.rusff.me" target="_blank"><img src="http://s7.uploads.ru/YmQdR.gif" title="ХОЛОД" width="88" height="31"></a>
    
    <a href="https://clubofromance.rusff.me/" title="romance club: new story"><img src="https://forumupload.ru/uploads/001b/b5/70/2/36492.png" border="0"></a>
    
    
    </div></div>
    <!--КОНЕЦ-->
    
    <!-- *************************************************************** -->
    
    
    <!--НОВЫЕ СООБЩЕНИЯ-->
    <script type="text/javascript">$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');</script>
    
    
    
    <!-- *************************************************************** -->
    <!--ЗАПЯТАЯ ПОСЛЕ НАЖАТИЯ НА НИК-->
    <script type="text/javascript">function to(username)
    {insert('[b]' + username + '[/b]' + ', ');}</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(){
        if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
        $(window).scroll(function(){
          if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
          else $("#ToTop").fadeIn("slow")
        });
        if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
        $(window).scroll(function(){
          if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
          else $("#OnBottom").fadeIn("slow")
        });
        $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
        $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
        }); </script>
    
    <!-- *************************************************************** -->
    
    <!-- тире вместо дефиса с учетом кодов --!>
    <!-- доработки chatGPT, automatisch --!>
    
    <script type="text/javascript">
    $('.post-content p, .post-content strong, .post-content em').each(function(){
        var a = $(this).clone().wrap('<div></div>').parent().html();
        var b = a
            .replace(/-(?=\s|&nbsp;)/g, '—')  // Дефис перед пробелом или &nbsp; → длинное тире
    <!--        .replace(/(?<=\s|&nbsp;)-/g, '—')  // Дефис после пробела или &nbsp; → длинное тире -->
            .replace(/-(?=<\/(strong|em)>)/g, '—'); // Дефис перед </strong> и </em> → длинное тире
    
        if (a !== b) $(this).replaceWith(b);
    });
    </script>
    
    
    <!-- *************************************************************** -->
    <!-- взаимная реклама, доработки chatGPT, automatisch-->
    
    <script>
    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
    }
    
    function copyAdvertisingToClipboard(event, element) {
        event.preventDefault();
        var postLink = $(element).closest(".post").find(".permalink").attr("href");
        var tempTextarea = $("<textarea>");
        $("body").append(tempTextarea);
        var adCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)] + "\n[url=" + postLink + "]ваша реклама[/url]";
        tempTextarea.val(adCode).select();
        document.execCommand("copy");
        tempTextarea.remove();
    }
    
    function addAdvertiseLink() {
        $(".post").each(function() {
            var adLink = $("<li>").addClass("pl-advlink").append(
                '<a href="#" onclick="copyAdvertisingToClipboard(event, this);">взаимная реклама</a>'
            );
            $(this).find(".post-links ul").append(adLink);
        });
    }
    
    // Проверяем, есть ли в <head> нужная ссылка
    if ($('link[rel="up"][title="реклама"][href="https://sept3rd.rusff.me/viewforum.php?id=12"]').length > 0) {
        addAdvertiseLink();
    }
    
    var advertiseCodes = [
        "[align=center][url=https://sept3rd.rusff.me/viewtopic.php?id=8#p11][img]https://forumupload.ru/uploads/001b/e4/bf/4/663505.png[/img][/url][/align]"
    ];
    </script>
    
    <script type="text/javascript">
    $('.lastedit').remove();
    </script>
    
    
    <script type="text/javascript">
    $('div.icon').attr('title', 'Нет новых сообщений');
    $('tr.inew div.icon').attr('title', 'Есть новые сообщения');
    $('tr.isticky div.icon').attr('title', 'Важная тема');
    $('tr.iclosed div.icon').attr('title', 'Закрытая тема');
    
    $('#pun-navlinks li#navindex a').attr('title', 'Главная');
    $('#pun-navlinks li#navuserlist a').attr('title', 'Участники');
    $('#pun-navlinks li#navsearch a').attr('title', 'Поиск');
    $('#pun-navlinks li#navprofile a').attr('title', 'Профиль');
    $('#pun-navlinks li#navpm a').attr('title', 'Сообщения');
    $('#pun-navlinks li#navregister a').attr('title', 'Регистрация');
    $('#pun-navlinks li#navlogin a').attr('title', 'Вход');
    $('#pun-navlinks li#navlogout a').attr('title', 'Выход');
    $('#pun-navlinks li#navadmin a').attr('title', 'Админ');
    $('#pun-navlinks li#navpr_1 a').attr('title', 'PR-вход');
    $('#pun-navlinks li#navpr_2 a').attr('title', 'Читатель');
    
    $('div.unlock').attr('title', 'Достижение получено');
    $('div.lock').attr('title', 'Достижение не получено');
    $('#button-bold').attr('title', 'Жирный Ctrl + B');
    $('#button-italic').attr('title', 'Наклонный Ctrl + I');
    $('#button-underline').attr('title', 'Подчеркнутый Ctrl + U');
    $('#button-strike').attr('title', 'Зачеркнутый Ctrl + S');
    $('#button-transL').attr('title', 'Lat <-> Рус');
    $('.pa-fld4').attr('title', 'Посты');
    $('.pa-posts').attr('title', 'Сообщения');
    
    $('.pa-respect').attr('title', 'Уважение');
    $('#stylelist [data="night"] a').attr('title', 'Ночь');
    $('#stylelist [data="street"] a').attr('title', 'Улица');
    $('#stylelist [data="light"] a').attr('title', 'Фонарь');
    $('#stylelist [data="meds"] a').attr('title', 'Аптека');
    $('#stylelist [data="mless"] a').attr('title', 'Бессмысленный и тусклый свет')
    </script>
    
    <script type="text/javascript">
    $('li[title],before[title],img[title],a[title],story[title],div.icon[title],td[title],div.lock[title],div.unlock[title],div.checkbox-container[title],input[title],#chfontsize[title]').tipsy({fade: true, gravity: 's'});
     </script>
    
    <!---личная эта самая--->
    <script src="https://forumstatic.ru/files/0011/e9/e1/56920.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){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');
    $('.modal_wrap').html('');
    $.get('pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html());
    });
    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>
    
    <!-- chatGPT, automatisch -->
    <script>
    $(window).on('load scroll', function() {
        var scrollTop = $(this).scrollTop(); // Кешируем значение скролла
    
        function toggleFixed(element, offset) {
            $(element).toggleClass('fixed', scrollTop >= offset);
        }
    
        toggleFixed('#pun-navlinks', 380);
        toggleFixed('#pun-ulinks', 380);
    });
    </script>
    
    <!-- chatGPT, automatisch -->
    <script>
    document.addEventListener("DOMContentLoaded", () => {
      const news = document.getElementById("NEWS");
      if (!news) return;
    
      const hasHorizontalScroll = news.scrollWidth > news.clientWidth;
      if (hasHorizontalScroll) {
        news.classList.add("overflown");
      }
    });
    </script>
    
    <!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"-->
    <script type="text/javascript">
    rusffLive.enable = false;
    RusffCore.sets.show_reportBtn = 0;
    RusffCore.sets.tags = false;
    ReactionsPlugin.setConfig({
      elemSelector: '.clearer',
       customEmojis: [
        {
          id: '_custmem1',
          url: 'https://i.imgur.com/S0mWKgc.png',
        },
        {
          id: '_custmem2',
          url: 'https://i.imgur.com/8hSleup.png',
        },
        {
          id: '_custmem3',
          url: 'https://i.imgur.com/YCcbtfj.png',
        },
        {
          id: '_custmem4',
          url: 'https://i.imgur.com/TSCxKAg.png',
        },
        {
          id: '_custmem5',
          url: 'https://i.imgur.com/EivvruP.png',
        },
        {
          id: '_custmem6',
          url: 'https://i.imgur.com/21BFzW7.png',
        },
        {
          id: '_custmem7',
          url: 'https://i.imgur.com/lLYVKdG.png',
        },
        {
          id: '_custmem8',
          url: 'https://i.imgur.com/enFZuGr.png',
        },
        {
          id: '_custmem9',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/223641.webp',
        },
        {
          id: '_custmem10',
          url: 'https://forumupload.ru/uploads/0013/63/cd/2/521958.png',
        },
        {
          id: '_littlestar',
          url: 'https://forumupload.ru/uploads/001b/e4/bf/4/958300.gif',
        },
        {
          id: '_uuu',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/281113.jpg',
        },
        {
          id: '_satan',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/441041.png',
        },
       {
          id: '_queen',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/933309.webp',
        },
       {
          id: '_banan',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/930046.webp',
        },
       {
          id: '_yes',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/698535.webp',
        },
       {
          id: '_no',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/478663.webp',
        },
       {
          id: '_hmm',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/994580.webp',
        },
       {
          id: '_sunglasses',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/788025.webp',
        },
       {
          id: '_coffee',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/845771.webp',
        },
       {
          id: '_lightning',
          url: 'https://forumupload.ru/uploads/001a/eb/a8/2/667945.webp',
        }
      ]
    });
    </script>

    0

    3

    Код:
    /*************************************************************
    A - SETUP
    **************************************************************/
    
    /* A1 Import the colour scheme
    -------------------------------------------------------------*/
    
    /* A1.1 */
    @import url(style_cs.css);
    
    @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,0');
    .material-symbols-outlined {
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24
    }
    
    
    @font-face {
      font-family: 'DidotBold';
        font-weight: normal;
        font-style: normal;
      font-display: swap;
      src: url("https://forumstatic.ru/files/001a/eb/a8/95969.woff") format("woff");
    }
    
    @font-face {
      font-family: 'DidotTitle';
      font-weight: 300;
      font-display: swap;
      src: url("https://forumstatic.ru/files/001a/eb/a8/32470.woff") format("woff");
    }
    
    
    
    /*-----------------------------*/
    
    /*** убираем font boosting ***/
    html,
    html * {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;}
    
    
    
    /*-----------------------------*/
    /* A2 Deal with browser defaults and wonkiness
    -------------------------------------------------------------*/
    
    /* A2.1 */
    html, body {margin: 0; padding: 0}
    
    /* A2.2 */
    .punbb * {
      margin: 0
      }
    
    /* A2.3 */
    .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
      padding: 0;
      list-style: none;
      }
    
    /* A2.4 */
    .punbb img {
      border:none
      }
    
    /* A2.5 */
    .punbb .main table {
        table-layout: fixed;
        width: 100%;
    }
    
    
    /* A2.6 */
    .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
    
    /* A2.7 */
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 1.8em;
      vertical-align: middle
      }
    
    
     /* A3 Text setup
    -------------------------------------------------------------*/
    
    /* A3.1 */
    body {
      font-size: 100.01%;
      }
    
    /* A3.2 */
    .punbb {
      font: normal 70%  verdana, arial, helvetica, sans-serif;
      }
    
    
    /* A3.4 */
    .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
      font-size: 1em;
      font-weight: normal;
      }
    
    /* A3.5 */
    
    .punbb h1 span, #post-form > h2 > span {
        color: var(--color-black);
        font-size: 16px;
        text-transform: lowercase;
        font-family: var(--custom2);
        letter-spacing: 1.25px;
      }
    
    
    #post-form > h2 > span {margin-right:10px; display:none;}
    
    .punbb h1 span { color: var(--color-brown); display:none;}
    
    /* A3.6 */
    .punbb pre {
        font: 11px / 140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
      }
    
    /* A3.7 */
    .punbb address, .punbb em {
      font-style: normal;
      }
    
    /* A3.8 */
    .punbb .post-content em {
      font-style: italic
      }
    
    /* A3.9 */
    .punbb .post-content em.bbuline {
      font-style: normal;
        border-bottom: 1px dashed var(--color-nice);
      }
    
    
    /* A3.11 */
    .punbb optgroup {
      font-weight: bold;
      }
    
    
    /* A4 Float clearing and hidden items
    -------------------------------------------------------------*/
    
    /* A4.1 */
    #pun:after,.punbb .container:after,
    .punbb .post-links ul:after,
    .punbb .main div.inline:after,
    .punbb .post-box:after,
    .punbb .linksb:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      overflow:hidden;
      line-height: 0.0;
      font-size: 0;
      }
    
    
    
    /* A4.2 */
    .acchide,
    #pun-index #pun-main h1,
    #pun-navlinks h2,
    #pun-pagelinks h2,
    #pun-status h2,
    #pun-ulinks h2,
    .punbb .forum h2,
    .punbb .multipage .topic h2,
    .punbb dl.post-sig dt span,
    .punbb p.crumbs strong,
    .punbb .divider hr,
    .punbb .required label em,
    .punbb .formsubmit label,
    .punbb .submitfield label,
    .punbb .modmenu label,
    #pun-userlist .main h2 {
      font-size: 0;
      height: 0!important;
      width: 0;
      line-height: 0.0;
      position:absolute;
      left: -9999px;
      overflow: hidden;
      }
    
    
    /* A5 Basic page layout and borders
    -------------------------------------------------------------*/
        /* A5.1 */
        #pun {
        margin: 0 auto;
        width: var(--wide);
    }
    
    
        /* A5.2 */
     
    
        /* A5.3 */
        #pun-redirect {
          background:#191919 fixed top center repeat;
          position: absolute;
          width: 100%;
          height: 125%;
          z-index: 100;
          top: -200px !important;
          left: 0 !important;
          }
    
        #pun-redirect #pun-main {
        margin: 12% 37% 12px 37%;
        background-color: #191919;
          width: auto;
          float: none;
          position: relative;
          z-index: 1000;
          }
    
        #pun-redirect #pun-main > a {color:#f0f0f0!important}
    
    
    /* A5.6 */
    .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
      /*margin-top: 0;*/
      }
    
    /* 5.7 */
    #pun-post .topic {
      margin-top: 1em;
      }
    
    #pun-main h1{     padding: 5px 10px;
        text-align: right;
        margin: 0;
    }
    
    /*************************************************************
    B - MAIN CONTENT - GENERAL
    **************************************************************/
    
    /* B1 Parsed Content, Signatures and Scroll Boxes
    -------------------------------------------------------------*/
    
    /* B1.1 */
    .punbb .post-content {
      padding: 0;
      margin: 0;
      width: 100%;
      overflow: hidden;
      }
    
    /* B1.2 */
    .punbb .post-sig dt {
        display: block;
        margin: 10px 0px;
        height: 0px;
    border-bottom: 1px dashed var(--color-green);
      }
    
    .post-sig dd p, #profile .fs-box dd p  {
       font-size: 10px;
       text-align: center!important;
       line-height: 11px!important;
      }
    
    /* B1.3 */
    .punbb .post-content p {
        margin: 0;
        padding: 0.5em 0px;
        line-height: 150%;
        text-align: justify;
    }
    
    /* B1.4 */
    .punbb .post-content img {
      vertical-align: text-bottom
      }
    
    /* B1.5 */
    .punbb .post-content img.postimg {
      vertical-align: middle;
      }
    
    /* B1.6 */
    .punbb .post-content .blockcode, .punbb .post-content blockquote {
      width: 100%;
      overflow: hidden;
      }
    
    /* B1.7 */
    .punbb .post-content .scrollbox {
      width: 100%;
      overflow: auto;
        height: auto!important;
    max-height: 500px;
      }
    
    /* B1.8 */ 
    .punbb .post-content .quote-box, .punbb .post-content .code-box {
        padding: 10px 15px;
        margin: 10px 0;
      }
    
    .punbb .post-content .spoiler-box {padding: 10px 20px !important;
    }
    
    /* B1.9 */
    .punbb .quote-box cite, .punbb .code-box strong.legend {
        padding: 3px 10px 5px !important;
        text-align: center;
        margin: -11px auto 10px !important;
        color: var(--color-white) !important;
        background: var(--color-black2);
        /* border-radius: 10px; */
        display: block;
        width: fit-content;
        font-weight: 600;
        font-style: normal;
        text-align: center;
        text-transform: lowercase;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    
    /* 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 {
    float: left;
        position: relative;
        width: 100%;
        height: 20px;
        text-transform: lowercase;
        color: var(--color-black);
     }
    
    /* B3.2 */
    .multipage {
        margin-top: 30px;
        padding: 0 50px;
      }
    
    
    /* B3.3 */
    .linkst .pagelink {
        position: absolute;
        top: -30px;
        width: 30em;
        text-transform: lowercase;
        font-size: 10px;
      }
    
    /* B3.4 */
    .linkst .postlink {
    position: absolute;
        top: -30px;
        font-size: 10px;
        right: 5px;
        width: 16em;
        text-align: right;
      }
    
    /* B3.5 */
    .punbb .linksb {
        position: relative;
        text-transform: lowercase;
        font-size: 10px;
        margin: 10px 0px;
        color: var(--color-black);
      }
    
    
    
    /* B3.6 */
    .linksb .pagelink {
    float: left;  
        text-transform: lowercase;
        font-size: 10px;}
    
    /* B3.7 */
    .linksb .postlink {
        font-size: 10px;
        float: right;
        width: auto!important;
      }
    
    /* B3.8 */
    .subscribelink {
    float: right;
        margin-right: 10px;
        text-transform: lowercase;
      }
    
    
    /*************************************************************
    C - MAIN CONTENT - SPECIFIC
    **************************************************************/
    
    /* C1 Form layout
    -------------------------------------------------------------*/
    
    /* C1.1 */
    .punbb .formal .container {
        border-style: solid;
        border-width: 1px;
        padding: 5px 15px;
        font-size: 11px;
        margin: 10px 0;
      }
    
    #profile .formal  {
    }
    
    /* C1.2 */
    .punbb .formsubmit {
        padding: 0 0 0 3px;
    text-align: center;
      }
    
    /* C1.3 */
    .punbb .formsubmit input, .punbb .formsubmit span {
      }
    
    /* C1.4 */
    .punbb fieldset {
        padding: 0px 20px;
      }
    
    /* C1.5 */
    .punbb fieldset legend {
        text-transform: lowercase;
        font-size: 13px;
    }
    
    
    /* C1.6 */
    .punbb fieldset legend span {
        padding: 2px 5px;
        margin: 0;
      }
    
    /* C1.7 */
    .punbb fieldset fieldset {
      border-style: none;
      margin: 0;
      padding: 0 0 8px 0
      }
    
    /* C1.8 */
    .punbb .fs-box {
      padding: 1em 0 0.8em 0;
      }
    
    /* C1.9 */
    .punbb .fs-box p, .punbb .fs-box fieldset {
    /*  padding: 0 0 15px 0*/
      }
    
    /* C1.10 */
    .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
      float: left;
      margin-right: 1em;
      }
    
    /* C1.11 */
    .punbb .inline .infofield {
      clear:both
      }
    
    
    /* C1.13 */
    .punbb .required label, .punbb .datafield span.input {
      font-weight: bold
      }
    
    /* C1.14 */
    .punbb .datafield span.input a {
      font-weight: normal;
      }
    
    /* C1.15 */
    .punbb .areafield span.input, .punbb p.longinput span.input {
      display: block;
      padding: 0 12em 0 0;
      height: 100%; /* For IE */
      }
    
    /* C1.16 */
    .punbb .longinput input  {
      width: 64%;
      margin: 0;
      }
    
    /* C1.17 */
    .punbb .hashelp {
      position: relative;
      }
    
    /* C1.18 */
    .punbb .helplinks {
      display: block;
      position: absolute;
      top: 1em;
      right: 0;
      font-weight: normal;
      width: 36%;
      }
    
    /* c1.19 */
    .punbb #profile .helplinks {
      top: 1.5em;
      }
    
    /* C1.20 */
    .punbb .helplinks span {
      display: block;
      padding-bottom: 0.2em;
      }
    
    /* C1.21 */
    #pun-post .formal .info-box li {
      padding-left: 4px;
      list-style-type: square;
      list-style-position: inside;
      line-height: 1.5;
      margin: 0;
      }
    
    
    /* C2 Table layout
    -------------------------------------------------------------*/
    
    /* C2.1 */
    .punbb .main .tcl {
      overflow: hidden;
      text-align: left;
      width: 50%;
      }
    
    .punbb td div.tclcon {
        text-align: left;
        font-size: 11px;
        color: var(--color-black);
        padding-right: 10px!important;
        margin-right: 15px;
    }
    
    
    /* C2.2 */
    .punbb .tc2, .punbb .main .tc3, .punbb .main .tcmod {
      text-align: center;
      text-transform: lowercase;
        font-size: 11px;
      }
    
    
    .multipage .tc2, .multipage .tc3, .multipage .tcmod {  width: 7%;}
    
    /* C2.3 */
    .punbb .main .tcr {
        text-align: left;
        width: 35%;
        text-transform: initial;
        color: var(--color-black);
        padding-right: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
      text-transform: lowercase;
    }
    
    
    #pun-userlist .main .tc2, #pun-userlist .main .tc3, #pun-userlist .main .tcmod {border:none!important}
    
    #pun-viewforum .hasicon td.tcl, #pun-searchtopics .hasicon td.tcl, 
    #pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcmod, #pun-respect .main .tcr,
    #pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcmod, #pun-positive .main .tcr , #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod, #pun-viewforum .main .tcr, #pun-searchtopics .main .tcr {
    
    }
    
    #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod {
        text-align: center;
        width: 15%;
        color: var(--color-black);
        text-transform: lowercase;
        padding: 8px;
    }
    
    /* C2.4 */
    #pun-viewforum .main .tcl, #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
      width: 40%;
    padding-left:25px;
      }
    
    
    #pun-searchposts .pa-replies {
    display:none
    }
    
    
    #pun-respect .main .tcr,  #pun-respect .main .tcl,
    #pun-positive .main .tcr,  #pun-positive .main .tcl 
     {
    text-align: center;
    }
    
    #pun-mod .main .tc2, #pun-mod .main .tc3, #pun-mod .main .tcmod {
    border: none;
    color: var(--color-black);
    }
    
    
    /* C2.5 */
    
    #pun-searchtopics .main .tc2 {
        text-align: left;
        width: 20%;
        vertical-align: top;
        padding-top: 20px;
      }
    
    /* 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 {
        text-align: left;
        vertical-align: middle;
        padding-top: 20px;
        margin-left: 14px;
    }
    
    #post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {
        color: var(--color-black);
        font-size: 18px;
        font-weight: bold;
        text-transform: lowercase;
        letter-spacing: 1px;
        font-family: var(--custom);
        margin-left: 100px;
    }
    
    
    /* C2.9 */
    .punbb td span.youposted {
      font-weight: bold;
      margin-left: -1em;
      position: absolute;
      }
    
    /* C2.10 */
    .punbb td .modlist {
      display: block;
      padding-top: 0.3em;
    display:none;
      }
    
    /* C2.11 */
    .punbb .main td {
    padding: 0;
      }
    
    /* C2.12 */
    .punbb .main th {
      }
    
    /* C2.13 */
    .punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }
    
    /* C2.14 */
    .punbb tbody.hasicon td.tcl {padding: 10px 25px;
    }
    
    
    #pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {
        width: 20px;
        vertical-align: top;
        padding-top: 20px;
        font-size: 11px;
        padding-left: 5px;
    }
    
    
    #pun-viewforum div.icon {
        margin-top: -30px;
    }
    
    #pun-searchtopics div.icon {
        margin-top: -35px;
    }
    
    #pun-modviewforum div.icon {
        margin-top: 0px!important;
    }
    
    #pun-multimove .main .tc2 {
    border: none!important;
    }
    
    #pun-statistic .main .tc2, #pun-statistic .main .tc3, #pun-statistic .main .tcmod {
        text-align: center;
        width: 10%;
        color: #344150; 
        text-transform: lowercase;
        border-top: 3px solid #a5936d;
    }
    
    #pun-message .pun-navlinks {
    margin-bottom: -82px!important;
    }
    
    #pun-viewforum .forum .tcl .tclcon {
        text-align: left;
        margin-right: 18px;
        padding-left: 18px;
        margin-top: -10px;
        margin-left: -4px;
    }
    
    #pun-searchtopics .forum .tcl .tclcon {
        text-align: left;
        padding: 0px 10px 0;
        margin-right: 18px;
        padding-left: 0px;
        margin-top: -10px;
        margin-left: 15px;
    }
    
    #pun-modviewforum .main .tcl {
    }
    
    #pun-modviewforum .main > form > div.forum > div > table > tbody > tr > td.tcr {
        vertical-align: top;
        padding-top: 20px;
    }
    
    #pun-modviewforum .forum .tcl .tclcon {
        padding-top: 5px;
        margin-left: 55px;
    }
    
    
    
    #pun-searchtopics .main .tcr, #pun-viewforum .main .tcr {
        padding-right: 15px;
        padding-left: 5px;
        padding-bottom: 0px;
        padding-top: 20px;
    text-transform: lowercase;
    }
    
    
    #pun-searchtopicsem.user-avatar {
        float: right !important;
        padding-left: 15px;
        padding-bottom: 11px;
        margin: -10px 0px 2px 0px;
    
    }
    
     /* C3 Topics
    -------------------------------------------------------------*/
    
    /* C3.1 */
    .punbb .post .container {
        margin-top: 4px;
      }
    
    /* C3.2 */
    .punbb .post h3 {
      color:var(--color-black);
      }
    
    /* C3.3 */
    .punbb .post h3 span {
        padding: 0px 0px 5px;
        display: block;
        text-transform: lowercase;
        margin-left: 250px;
        margin-bottom: 10px;
    }
    
    .punbb .post-links ul a,
    .punbb .post h3 span a {
        color: var(--color-grey3);
        font-size: 10px;
    }
    
    /* C3.4 */
    .punbb .post h3 strong {
        float: right;
        text-align: right;
        font-weight: normal !important;
        font-size: 10px;
      }
    
    /* C3.5 */
    .punbb .post .post-author {
        margin-left: 0px;
        float: left;
        width: 206px;
        margin-top: -30px;
        text-align: center;
        background: var(--color-black2);
        padding: 5px 10px 15px;
        background-size:cover!important;
        background-position: center !important;
    }
    
    
    .punbb .post .post-author ul {
        padding: 5px 0 0 0;
        background: var(--color-black2);
        border-radius: 15px;
    }
    
    /* C3.6 */
    .punbb .post .post-author ul, .punbb .post .post-author p {
        line-height: 100%;
      }
    
    /* C3.7 */
    div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active {
        color: var(--color-nice)!important;
     }
    
    div.post-author > p.pa-author, li.pa-author {
        font-family: var(--custom);
        text-transform: lowercase;
        line-height: 150%;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 0.5px;
        margin: 3px 9px 5px;
    }
    
    li.pa-avatar.item2 {
        width: fit-content;
        display: inline-block;
        margin: 7px;
    }
    
    li.pa-avatar.item2 img {
        padding: 0 5px 4px;
    }
    
    .pa-awards a:before { display:none;
        content: "•••";
        letter-spacing: 4px;
        font-size: 6px;
        color: var(--color-green);
        position: relative;
    }
    
    .pa-awards {
        text-align: center;
        text-transform: lowercase;
        font-size: 0px;
        height: 15px !important;
        padding: 5px 0 0 !important;
    }
    
    /* C3.9 */
    li.pa-title {
        text-align: center;
        font-size: 9px;
        color: var(--color-white);
        text-transform: lowercase;
        padding: 5px 10px 4px;
        margin: -4px 13px -1px;
        border-top: 1px dashed var(--color-grey);
      }
    
    
    .pa-online{
        left: 200px;
        top: -8px;
        font-size: 0px;
        display: flex;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        z-index: 2 !important;
        position: relative;
        background: var(--color-hz);
        margin-left: -10px;
        margin-top: 0px;
    }
    
    .punbb .user-avatar .isonline, .pa-online{
        animation: blinkColor .9s linear infinite;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor .9s linear infinite;
    }
    
        .pa-online:hover {animation: none!important;}
    
        .pa-online:hover strong {
          opacity: 1.0;
          visibility: visible;    }
    
        .pa-online strong {
        position: absolute;
        top: 18px;
        right: -6px;
        padding: 0 8px;
        height: 24px;
        line-height: 24px;
    background: rgba(0, 0, 0, 0.7);
        font-weight: 400;
        white-space: nowrap;
        color: #fff;
        font-size: 10px;
        text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
        text-align: center;
        z-index: 10;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        opacity: 0;
        visibility: hidden;
        }
        .pa-online strong:before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          right: 6px;
          top: -10px;
          border-width: 5px 5px;
          border-style: solid;
          border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
        }
    
    /* C3.11 */
    .punbb .post-body {
        margin-left: 250px;
      }
    
    /* C3.12 */
    .punbb .post-box {
        padding: 0px;
        margin: 0px;
      }
    
    #post-preview .post-box {
    text-transform: none!important;
    }
    
    /*C3.13 */
    .punbb fieldset .post-box {
      margin-bottom: 0.8em
      }
    
    /* C3.14 */
    .punbb .post-links {
        padding: 15px 0px 0px;
        font-size: 10px;
    }
    
    /* C3.15 */
    .punbb .post-links ul {
        text-align: right;
      }
    
    
    /* C3.16 */
    .punbb .post-links li {
      display: inline;
      text-transform: lowercase;
      }
    
    /* C3.17 */
    .pl-email, .pl-website{
      float: left;
      }
    
    .pl-email, .pl-website {padding-right: 10px!important;}
    
    .pl-quote, .pl-delete, .pl-edit, .pl-advlink {padding-left: 10px!important;}
    
    /* C3.18 */
    .punbb .clearer {
      clear: both;
    }
    
    
    /* C4 Moderator menu
    -------------------------------------------------------------*/
    
    /* C4.1 */
    .punbb .modmenu .container {
        padding: 15px 0px 10px;
        text-transform: lowercase;
        text-align: right;
    font-size:10px;
      }
    
    /* C4.2 */
    .punbb .modmenu strong, .punbb .modmenu a {
        text-transform: lowercase;
      }
    
    /* C4.3 */
    .punbb .modmenu .container strong {
      float: left;
      }
    
    /* C4.4 */
    .punbb .modmenu input {
      margin-left: 1em;
      }
    
    #topic-modmenu .container strong #mod-options {
    }
    
    #topic-users-in { height: 100%;}
    #topic-users-in a:last-child:after {content: "";}
    #topic-users-in a:after {content: ",";}
    
    
    /* C5 Message boxes
    -------------------------------------------------------------*/
    
    /* C5.1 */
    .punbb .info .container {
        padding: 10px;
        margin: 0 25px;
        color: var(--color-black);
        font-size: 11px;
        text-align: center;
        border: 1px solid var(--color-black);
      }
    
    /* C5.2 */
    .punbb .info .container .backlink {
    padding-top: 10px;
        text-align: center;
        font-size: 11px;
      }
    
    
    /* C6 Profile
    -------------------------------------------------------------*/
    
    /* C6.1 */
    #pun-profile #profile .container {
      padding-left: 18.6em;
        margin-top: 50px;
      }
    
    .adminmain {
    margin-top: 153px;
    }
    
    #pun-messages #profile .container {
      padding-left: 18.6em;
    width: auto;
      }
    
    #messages .icon {
    margin-top: -10px;
    }
    
    
    #pun-messages #form-buttons {
    width: auto;
    }
    
    #messages .tc2.pmtc22 {width:30%!important;
    padding-right: 10px;
    vertical-align: inherit;
    }
    
    #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 {    width: 43%!important;
        padding-top: 0px;
        padding-bottom: 20px;
    vertical-align: inherit;}
    #messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc24 {width:10%!important; vertical-align: inherit;}
    
    #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon {       
        font-size: 11px;
        padding-top: 20px;
        margin-left: 25px;
        margin-right: 5px;
        padding-bottom: 10px;}
    
    #messages .tc3 {
    color: var(--color-black);
    padding-left: 15px;
    vertical-align: inherit;
    }
    
    #messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] { }
    
    
    
    #pun-profile  .main .tc2, #pun-profile  .main .tc3, #pun-profile .main .tcmod {
    border:none;
    }
    
    .award-description {
    color: var(--color-green);
    }
    
    /* C6.2 */
    #profilenav {
      float: left;
      width: 14em;
      margin-left: -16.3em;
      display: inline;
      }
    
    /* C6.3 */
    #profilenav li {
      padding-bottom: 0.8em;
      font-weight: bold;
      }
    
    /* C6.4 */
    #viewprofile ul, #profilenav ul {
        border-style: solid;
        border-width: 1px;
        padding: 1.5em 18px 0.8em 18px;
        font-size: 9px;
        font-weight: bold;
        margin: 8px 0 1em 0;
      }
    
    /* C6.5 */
    #viewprofile h2, #profilenav h2 {
        background: transparent;
        border: none;
        padding: 0 0 0 0;
        margin: 0 14px -5px 0px;
      }
    
    /* C6.6 */
    #viewprofile h2 span, #profilenav h2 span {
      padding: 0 5px;
      position: relative;
      }
    
    /* C6.7 */
    #viewprofile li, #setmods dl {
      padding: 0 0 0 16em;
      margin-bottom: 0.2em;
      }
    
    /* C6.8 */
    #viewprofile li span {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.5em 1em;
      font-weight: bold;
      }
    
    /*C6.9 */
    #setmods dt {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.8em 1em;
      font-weight: bold;
      display: inline;
      }
    
    /* C6.10 */
    #viewprofile li strong, #viewprofile li div, #setmods dd {
      display: block;
      padding: 0.5em 1em;
      font-weight: normal;
      }
    
    /* C6.11 */
    .punbb img.avatardemo {
      float: right;
      margin: 0 0 0.8em 1.8em
      }
    
    
    /* C7 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: none;
        background: transparent;
      }
    
    
    /*************************************************************
    D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
    **************************************************************/
    
    /* D1 Logo and description
    -------------------------------------------------------------*/
    
    /* D1.1 */
    #pun-title {
        border-style: none none none none;
        border-width: 0px 0px 0 0px;
    display:none;
      }
    
    /* D1.2 */
    #pun-title h1 {
      display : block;
      height : 0px;
      padding: 0em;
      }
    
    /* D1.3 */
    #pun-title .container {
      border-style: none solid none solid;
      }
    
    #pun-title td.title-logo-tdl {
    	border: none;
    	width: 100%;
    }
    
    #pun-title td.title-logo-tdr {
    	border: none;
    	width: 0px;
    }
    
    /* D2 Page navigation
    -------------------------------------------------------------*/
    
    /* D2.1 */
    #pun-pagelinks {
      position: absolute;
      top: -15px;
      left: 0;
      margin: 0;
      border: none;
      padding: 0;
      width: 100%;
      }
    
    /* D2.2 */
    #pun-pagelinks .container {
      background: transparent;
      border: none;
      padding: 0}
    
    /* D2.3 */
    #pun-pagelinks .container li {
      display: inline
      }
    
    /* D2.4 */
    #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
      height: 2em;
      line-height: 2em;
      padding: 0;
      font-size: 1.2em;
      margin-left: -9999px;
      display: block;
      float:left;
      width: 100%;
      }
    
    /* D2.5 */
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      position:relative;
      margin: 0;
      }
    
    #pun-pagelinks li a span {
      display:block;
      margin: 0 1em
      }
    
    /* D3 Forum navigation
    -------------------------------------------------------------*/
    
    /* D3.1 */
    #pun-navlinks {position: sticky;z-index: 10;top: 0px;/* left: 1px; */margin: 0 2px;}
    
    #pun-navlinks a {color: var(--color-black);}
    
    
    /* D3.2 */
    #pun-navlinks .container {
        padding: 10px 47px;
        font-family: var(--custom);
        font-weight: bold;
        font-size: 20px;
        text-transform: lowercase;
     }
    
    #pun-navlinks a span{display:none}
    
    #navindex a:before {content:'Home';}
    #navuserlist a:before {content:'Members';}
    #navsearch a:before {content:'Search';}
    #navprofile a:before {content:'Profile';}
    #navpm a:before {content:'Messages';}
    #navadmin a:before {content:'Ams';}
    #navlogout a:before {content:'Logout';}
    #navlogin a:before {content:'Login';}
    #navregister a:before {content:'Join';}
    #navpr_1 a:before {content:'PR';}
    
    /* D4 User links
    -------------------------------------------------------------*/
    
    /* D4.1 */
    
    #pun-ulinks {
        position: sticky;
        z-index: 10;
        top: 47px;
        margin: 0 2px;
    }
    
    /* D4.2 */
    #pun-ulinks .container {padding: 0px 50px 10px 50px;
    font-size: 10px;text-transform: lowercase;}
    
    
    #pun-navlinks.fixed, #pun-ulinks.fixed {
        background: var(--color-back);
    z-index:99;
    }
    
    #pun-navlinks.fixed > .container.  {  padding: 10px 45px;}
    
    #pun-ulinks.fixed >.container {padding-left: 0px 48px 10px 48px;}
    
    
    
    /* D4.3 */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
        white-space: nowrap;
      }
    
    #pun-ulinks a {
        color: var(--color-black);
      }
    
    /* D4.4 */
    #pun-ulinks li a {
      padding: 0 4px;
      text-transform: lowercase;
      }
    
    
    /* D5 Welcome box and Top Breadcrumbs
    -------------------------------------------------------------*/
    
    /* D5.1 */
    #pun-status, #pun-status .container {
      border-bottom: none;
      margin-bottom: 0;
    height: 0;
      }
    
    /* D5.2 */
    #pun-status .container {
        color: var(--color-black);
        position: absolute;
        margin-left: 52px;
        margin: 20px 20px 15px 52px;
        font-size: 10px;
        line-height: 150%;
        font-style: italic;
        text-transform: lowercase;
        width: 410px;
        height: 50px;
        display: inline;
      }
    
    #pun-status .container strong {
        font-weight: normal!important;
      }
    
    /* D5.3 */
    #pun-status span {
      }
    
    #pun-status > p > span.status_userava > img,
    #status_userava > a > img {
        width: 40px;
        height: auto;
        vertical-align: middle;
        float: left;
        margin-right: 15px;
    }
    
    /*span.status_userava:before{
        content: "";
        display: block;
        position: absolute;
        background: var(--color-green);
        width: 80px;
        height: 80px;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: .15;
    }
    
    span.status_userava:after{
        content: "";
        display: block;
        position: absolute;
        background: var(--color-nice2);
        width: 80px;
        height: 80px;
        top: 0;
        left: 0;
        z-index: 1;
        mix-blend-mode: darken;
        transition: all .4s linear 0s;
    }
    */
    
    /* D5.4 */
    #pun-crumbs1 {
        font-weight: normal;
        overflow: hidden;
        margin-top: 65px;
      }
    
    
    /* D5.5 */
    #pun-crumbs1 p.container, #pun-crumbs2 .container{
        text-align: right;
        margin: 15px 52px!important;
        font-size: 10px;
        letter-spacing: 0.5px;
        text-transform: lowercase;
    }
     
    
    /* D5.6 */
    #pun-break1 {
      margin: 0 1em;
      border-style: solid none;
      border-width: 1px 0;
      height: 0;
      margin: -2px 1em;
      position: relative;
      z-index: 1;
      }
    
    /* D6 Announcement
    -------------------------------------------------------------*/
    
    /* D6.1 */
    #pun-announcement h2 {
      padding: 0;
      margin: 0 1em -3.5em 1em;
      border-style: none none solid none;
      border-width: 0 0 1px 0;
      position: relative;
      font-weight: bold;
      }
    
    /* D6.2 */
    #pun-announcement h2 span {
      display: block;
      padding: 1em 0 0.8em 0;
      }
    
    /* D6.3 */
    #pun-announcement .container {
      }
    
    /* D7 Statistics
    -------------------------------------------------------------*/
    
    /* D7.1 */
    #pun-stats .container {
    font-size: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }
    
    /* D7.2 */
    #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
        display: inline-block;
    }
    
     #pun-stats li.item1 {
      width: 130px;
      margin-left: 10px;
    }
    
     #pun-stats li.item2 {
      width: 195px;
    }
    
     #pun-stats li.item3 {
      width: 240px;
    }
    
     #pun-stats li.item4 {
        width: 335px;
    }
    
    #pun-stats li.item4 > strong > a {color:var(--color-grey)!important}
    #pun-stats li.item4 > strong > a:hover {color:var(--color-hz)!important}
    
    /* D7.4 */
    li#onlinelist {text-align: justify;font-size: 10px;padding: 10px 0px 0px 0px;text-transform: lowercase; width: var(--wide);}
    
    
    
    /* 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: 5px;
      }
    
    /* D8.4 */
    #pun-about .container {
      border-top-style: none;
      text-align: right;
      line-height: 150%;
      }
    
    /* D8.5 */
    #pun-about p span {
        display: block;
      }
    
    /* D8.7 */
    #pun-crumbs2 .container {
    
      }
    
    /* D9 Help file
    -------------------------------------------------------------*/
    
    /* D9.1 */
    #pun-help .formal .info-box h3.legend {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding-bottom: 0;
      margin-bottom: 0.8em;
      }
    
    /* D9.2 */
    #pun-help .formal .info-box h3.legend span {
      padding-bottom: 0.6em;
      display: block;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      font-size: 1.1em;
      }
    
    /* D9.3 */
    #pun-help .formal p, #pun-help .formal dd {
      margin-bottom: 1em
      }
    
    /* D9.4 */
    #pun-help .formal ul, #pun-help .formal dl {
      padding: 0 0 0 1em
      }
    
    /* D9.5 */
    #pun-help .formal li {
      padding: 0;
      line-height: 130%
      }
    
    /* D9.6 */
    #pun-help .formal li * {
      vertical-align: text-top
      }
    
    /* D9.7 */
    #pun-help .formal dt span {
      font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
      }
    
    /* D9.8 */
    #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
      padding-bottom: 0;
      }
    
    .admain {
        padding-left: 172px!important;
        margin-bottom: 1em;
    }
    
    li.pa-hidePunk {border: none 0;
        padding: 5px 0px 10px;
        cursor: pointer;
        margin: 5px;
        text-align: center;
        color: var(--color-mda2);
        text-transform: lowercase;
        font-size: 9px;
    }
    
    .editBookmark {baclground:var(--color-hz)}
    
    .FNTslider .before {
        height: 3px;
        position: absolute;
        margin-top: 0px;
        background: var(--color-grey);
    }
    .FNTslider .thumb {
        width: 5px;
        height: 7px;
        position: relative;
        top: -2px;
        cursor: pointer;
        background: var(--color-green);
    }
    .FNTslider {
        position: relative;
        width: 110px;
        height: 3px;
        margin: 3.5px 130px 3px 5px;
        float: right;
        margin-right: %;
        background: var(--color-green);
    }
    
    
    #pun-main > div.usertable > div > table > tbody > tr > td.tcl {    padding: 5px 15px 0 5px;
    width: 15%}
    
    
    #pun-about > p > span {display:none}
    
    .quote-box .spoiler-box .private-spoiler > div > b {color: var(--color-grey)!important}
    
    #pun-main > div.section > div > table > tbody > tr > td {border:none!important; padding:5px 10px}
    
    
    #filetable > tbody > tr > td.tcl {padding-top: 10px!important;}
    
    #filetable > tbody > tr > td:nth-child(3), #filetable > tbody > tr > td:nth-child(5),
    #filetable > tbody > tr > td.tc2.ft-uploaded, 
    #filetable > tbody > tr > td.tc3.ft-version {padding-top: 14px!important;}
    
    #filetable > tbody > tr > td.tcr {border:none!important}
    #filetable > tbody > tr > td.tc3.checker {padding-top: 12px!important;}
    
    #rep_form > table > tbody > tr > td.tc2 {border:none!important}
    #rep_form > table > tbody > tr:nth-child(1) > td.tc2 {    padding-top: 0px;
        color: var(--color-black2);}
    #rep_form > table > tbody > tr:nth-child(2) > td.tcl {    vertical-align: inherit;}
    
    
    li.pa-fld4.hidePunkt > span,
    li.pa-respect.hidePunkt > span.fld-name,
    li.pa-posts.hidePunkt > span{padding-right:0px!important}
    
    #pun-userlist .main .tcl,
    #pun-userlist .main .tc2,
    #pun-userlist .main .tc3 {border: none!important;}
    
    div[id*=pun-admin_]> #pun-title >  #title-logo-table > tbody > #title-logo-tr {top:0!important}
    
    #pun-status > p > span.item4.status-right {display:none}
    
    .bubble:after {
        border-color: var(--color-blue)!important;}
    .bubble {
        background: var(--color-blue) !important;
        color: var(--color-white) !important;}
    
    #tags .container {
        background: var(--color-back);
        top: 31px!important;
        box-shadow: 1px 1px 5px;
        border: solid 1px #999;
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    
    .pl-reports {display:none!important}
    
    #awards-content > tr.alt1 > td.tcl {display:none}
    #awards-content > tr.alt1 > td:last-child {display:none}
    
    #awards-content > tr > td:nth-child(2) {width:40%}
    #awards-content > tr > td:nth-child(3) {    width: 60%;
        text-align: left;
        padding: 10px;
        display: flex;
        align-items: center;
    }
    
    #profileContainer > fieldset:nth-child(1) > div > table > tbody > tr > td.tcl {width:5%}
    
    td.tcl > div > div.tclcon > a {
        text-align: right;
    color: var(--color-black);
        letter-spacing: 0.5px;
        text-transform: lowercase;
    }
    
    
    
    #pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar {    margin: 0px 35px 12px 0px;}
    #pun-main > div.usertable > div > table > tbody > tr > td.tcl > em > a > span.isonline { right: 9px!important;
        top: 0px;}
    
    .punbb textarea, .punbb select, .punbb input {outline: transparent; }
    
    li.pa-fld1 > span, li.pa-fld2 > span, li.pa-fld5 > span {display:none}
    
    
    /*---------GUEST------*/
    
    html {border:none!important}
    
    div.theme-img {
        width: 310px;
        padding: 0 10px;
        margin-left: 5px;
        min-height: 120px;
        display: inline-block;
        text-align: center;
    }
    
    div.theme-img > img {    max-width: 310px;
        max-height: 110px;}
    
    .theme-text {
        max-width: 310px;
        padding: 0px 10px;
        font-size: 11px;
        text-align: justify;
        display: inline-block;
    }
    
    div.blabla {
        width: 145px;
        padding: 0 10px;
        display: inline-table;
        height: 88px;
    color:var(--color-green);
    }
    
    div.blbl {
        width: 300px;
        padding: 10px 10px 10px 22px;
        display: inline-table;
        height: 150px;}
    
    .theme-name1 {    margin: 0px 10px 10px;
        padding: 10px 10px 0px 0;
        border-bottom: 1px solid var(--color-nice);
    color:var(--color-green);}
    
    .theme-name {
    font-family: var(--custom2);
        text-align: right;
        font-size: 11px;
        text-transform: lowercase;
        letter-spacing: 0.5px;
    color:var(--color-green);
        }
    
    .theme-subname {
        font-size: 10px;
        text-align: right;
        font-weight: normal;
        margin-bottom: 7px;
        letter-spacing: 1px;
        font-family: verdana;
    }
    
    div.blabla-face {
    width: 275px;
        padding: 0 10px 0 12px;
        display: inline-table;
    color:var(--color-green);
        }
    
    div.blabla-face > div.theme-name {
        padding: 4px 0 5px;
        color: var(--color-green);
        text-align: center;
        font-weight: 600;
        border-bottom: 1px solid var(--color-nice);
    }
    
    div.blabla-face > div.theme-links {
       padding: 0 5px 0 10px;
       text-align:left;
    }
    
    .colortext {
    color: var(--color-green);
       }
    
    .theme-back {
        background: var(--color-grey);
        margin: 5px;
        box-shadow: 5px 5px 0 var(--color-nice);
    }
    
    .theme-links {
        font-size: 10px;
        text-align: right;
    text-transform:lowercase;
    }
    
    .guestblock {
    width: 300px;
        height: 80px;
    border:1px solid var(--color-green);
        font-size: 10px;
        padding: 5px;
    color:var(--color-green);
    }
    
    .gubl {padding: 5px;
        overflow-y: auto;
        height: 70px;
    text-transform: lowercase;
    }
    
    #pun-ulinks #Rz{display:none}
    
    #cont_1 > img {width:50px; height:50px;}
    
    /*guest mask*/
    div.post-author.no-avatar > ul > li.pa-avatar > img {margin-top: 0px;
    }
    
    div.post-author.no-avatar > ul > li.pa-avatar {
    padding: 10px;
        text-align: center;
        margin-top: 0px;}
    
    div.tclcon > div.for {
        padding: 0px 8px;
        margin-left: 5px;
        text-align: justify;
        font-size: 9px;
        line-height: 150%;
        text-transform: lowercase;
        margin-left: 105px;
    }
    
    .punbb select, .punbb optgroup, 
    #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4,  .input > input {
        text-align: center;
        margin: 5px 0px !important;
        border-color: transparent;
        padding: 2px 7px 3px;
        font-size: 10px !important;
        font-weight: bold;
        text-transform: lowercase;
        background: var(--color-trans);
        color: var(--color-grey) !important;
        }
    
    
    .input > input, .punbb select {    text-align: left!important;}
    
    .for-a {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        line-height: 150%;
        color: var(--color-back);
        align-items: baseline;
        }
    
    .for-a > a {
        padding: 2px 7px 3px;
        margin-bottom: 5px;
        font-size: 10px !important;
        font-weight: bold;
        text-transform: lowercase;
        background: var(--color-trans);
    }
    
    
    td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink, #pun-stats > h2 > span {display:none}
    
    
    /*иконка и плашка*/
    
    .pa-fld3 {
        position: absolute;
        z-index: 9;
        margin: -33px 89px 0px;
        background: var(--color-back);
        width: 24px;
        height: 24px;
        border-radius: 50px;
        padding: 4px !important;
    }
    
    .pa-fld3 img{
        max-width: 24px;
        max-height: 24px;
        object-fit: cover;
        border-radius: 0 !important;
    }
    
    .pa-fld5 {
        margin: 0px 0px 5px !important;
        background: var(--color-grey3);
        color: var(--color-white);
        background-size: cover !important;
        line-height: 1.5;
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
    }
    
    .plsh {
        padding: 0px!important;
        position: relative;
    }
    
    #viewprofile #pa-fld5 {display:none}
    
    .plsh frst, .plsh scnd {    color: var(--color-white);}
    
    .plsh frst {
    	display: block;
    	font-size: 9px;
    	line-height: 2;
    	text-align: center;
    	text-transform: lowercase;
    	letter-spacing: 0.75px;
    }
    
    .plsh scnd {
    	display: block;
    	font-size: 8px;
    	text-transform: uppercase;
    	font-weight: 600;
    	letter-spacing: 0.75px;
    }
    
    .plsh pict {display:none!important;}
    
    .plsh img {
        height: 33px !important;
        width: 33px !important;
        position: absolute;
        left: 9px;
        text-align: center;
        top: 2px  !important;
        display: block;
        filter: invert(1);
    }
    
    .plsh-mes {
        display: flex;
        justify-content: space-evenly;
        align-content: flex-start;
        align-items: center;
    }
    
    .adformal h2, #pun-adnav h2 {    background-color: var(--color-white)!important;
        color: #000!important;}
    
    #profilenav > h2 > span, div.modal-inner.section > h2 > span, #pun-main.main.mod-page > div.category > h2 > span, #pun-main.main.mod-page > h2 > span, #pun-admain1 > h2 > span {
    font-size: 11px !important;
        font-family: var(--custom2) !important;
        text-transform: lowercase;
        text-shadow: none;
        color: var(--color-black);
        font-style: normal;
        letter-spacing: 0;
        font-weight: 600;
        padding: 5px;}
    
    #pun-main.main > div.topic > h2 > span, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none}
    
    td.tcl > div > div.tclcon > h3 > a {    padding: 0px 10px 0;
        margin-right: 18px;
        margin-left: 15px;
        padding-left: 0px;
        margin-top: -10px;
        text-align: right;
        color: var(--color-black);
        letter-spacing: 0.25px;}
    
    #notify-settings > span {height: 5px;
        display: flow-root;}
    
     
    
    #pun-status > p > span.item3.status-right {
        float: none!important;
        position: relative;
        padding: 10px 0;
        text-align: right;
        font-style: normal;
    display:none!important;
    }
    
    #poll-special {margin-left: 15px;}
    span.polltext {text-transform: lowercase!important;     font-weight: 600;}
    
    .punbb .post {/* margin: 0px 5px; */}
    
    #profilenav > h2, div.modal-inner.section > h2, #pun-main.main.mod-page > div.category > h2, #pun-main.main.mod-page > h2, #pun-admain1 > h2 {
    display:none;}
    
    #MyBookmarks, #BookmCntToggle {
        top: 120px!important;
    }
    
    /******/
    
    .slide_button {
    position: absolute;
        top: -10px;
        right: 0px;
        width: 50px;
        height: 20px;
        cursor: pointer;
        padding: 4px 0 0 4px;
        text-align: center;
        opacity: 1;
        -webkit-transition: all 0.25s 0s ease;
        -moz-transition: all 0.25s 0s ease;
        -o-transition: all 0.25s 0s ease;
        transition: all 0.25s 0s ease;
    }
    
    .slide_button.i_active {
      opacity: 0
    }
    
    .slide_block {
        display: none;
        position: absolute;
        background: var(--color-grad);
        top: 25px;
        right: 0px;
        width: 540px;
        height: 380px;
        z-index: 1000;
    }
    
    .slide_block div {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 7px;
        box-sizing: border-box;
    }
    
    #dot > div.slide_block > div > iframe {    width: 524px!important;
        margin-top: 0px;
        height: 365px!important;
        border-radius: 0px!important;
        position: relative;}
    
    
    #imageupload-left input[type=button] {width:12em!important}
    
    
    
    
    
    /***https://pcvector.net/scripts/other/480-mercayuschaya-girlyanda-na-chistom-css.html******/
    .lightrope {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        position: fixed;
        z-index: 1000;
        top: -10px;
        left: 20px;
        padding: 0;
        pointer-events: none;
        width: 100%;
    }
    
    .lightrope li {
      position: relative;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      list-style: none;
      margin: 0;
      padding: 0;
      display: block;
        width: 12px;
        height: 14px;
      border-radius: 50%;
      margin: 20px;
      display: inline-block;
      background: #00f7a5;
      box-shadow: 0px 4.66667px 24px 3px #00f7a5;
      -webkit-animation-name: flash-1;
      animation-name: flash-1;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
    }
    
    .lightrope li:nth-child(2n+1) {
      background: cyan;
      box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
      -webkit-animation-name: flash-2;
      animation-name: flash-2;
      -webkit-animation-duration: 0.4s;
      animation-duration: 0.4s;
    }
    
    .lightrope li:nth-child(4n+2) {
      background: #f70094;
      box-shadow: 0px 4.66667px 24px 3px #f70094;
      -webkit-animation-name: flash-3;
      animation-name: flash-3;
      -webkit-animation-duration: 1.1s;
      animation-duration: 1.1s;
    }
    
    .lightrope li:nth-child(odd) {
      -webkit-animation-duration: 1.8s;
      animation-duration: 1.8s;
    }
    
    .lightrope li:nth-child(3n+1) {
      -webkit-animation-duration: 1.4s;
      animation-duration: 1.4s;
    }
    
    .lightrope li:before {
      content: "";
      position: absolute;
      background: #222;
      width: 10px;
      height: 9.33333px;
      border-radius: 3px;
      top: -4.66667px;
      left: 1px;
    }
    
    .lightrope li:after {
      content: "";
      top: -14px;
      left: 9px;
      position: absolute;
      width: 52px;
      height: 18.66667px;
      border-bottom: solid #222 2px;
      border-radius: 50%;
    }
    
    .lightrope li:last-child:after {
      content: none;
    }
    
    .lightrope li:first-child {
      margin-left: -40px;
    }
    
    @-webkit-keyframes flash-1 {
      0%, 100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5;
      }
      50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
      }
    }
    
    @keyframes flash-1 {
      0%, 100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5;
      }
      50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
      }
    }
    
    @-webkit-keyframes flash-2 {
      0%, 100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px cyan;
      }
      50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
      }
    }
    
    @keyframes flash-2 {
      0%, 100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px cyan;
      }
      50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
      }
    }
    
    @-webkit-keyframes flash-3 {
      0%, 100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094;
      }
      50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
      }
    }
    
    @keyframes flash-3 {
      0%, 100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094;
      }
      50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
      }
    }
    
    
    .inew > td > div > div > strong > a {
        text-transform: lowercase;
    }
    
    
    #notify-link .unreads, #navpm .unreads {    background: var(--color-nice)!important;}
    
    .hidden {
    	display: none !important;
    }
    
    #button-dice {
    	background: url("/files/000f/3e/d5/81483.png") center;
    }
    
    form#dice-form {
        width: 350px;
        height: 115px;
        padding: 15px;
        text-align: right;
        position: absolute;
        top: 41px;
        right: -15px;
        background: var(--color-back);
        box-shadow: 1px 1px 5px;
        border: solid 1px #999;
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    
    form#dice-form input {
        width: 30px;
        margin: 0 0 0 5px;
        text-align: right;
    }
    
    #dice-form label {
        display: inline-flex;
        margin: 3px;
        font-size: 10px;
        align-items: baseline;
    }
    
    
    #dice-form span {
        font-weight: bold;
        vertical-align: top;
    }
    
    #dice-form label > span::after {
    	content: ":"
    }
    
    #dice-form textarea {
        border: 1px solid var(--color-black);
        width: 150px;
        margin-left: 5px;
    background: var(--color-back);
        color: var(--color-black);
    }
    
    #dice-form > div {
        width: 165px;
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: -40px;
    }
    
    #dice-form > div:nth-child(2) {
        margin-top: 0px;
        margin-left: 180px;
        width: 180px;
    }
    
    #dice-form > label {
    	display: inline-block;
    }
    
    #dice-form > button {    position: absolute;
        bottom: 5px;
        right: 150px;
    cursor: pointer;
        display: inline-block;
        padding: 5px 10px !important;
        margin: 2px!important;
        text-align: center;
        letter-spacing: 0.5px;
        font-size: 10px;
        border: 1px solid;
        border-image: var(--color-grad);
        border-image-slice: 1;
        text-transform: lowercase;
    background: var(--color-back);
    color:var(--color-black)
    }
    
    div.dice-box { 
        border: 1px dashed var(--color-green);
    background: var(--color-back);
        margin: 0 8px;
        padding: 5px 15px 10px;
    }
    
    .roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before {
      font-weight: bold;
    }
    
    .roll-dice::before {
        content: "Бросок: ";
    }
    
    .roll-value::before {
        content: ", с результатом: ";
    }
    
    .roll-reason::before {
      content: "Действие: "
    }
    
    .roll-result::before {
      content: "Итог: "
    }
    
    #pun .roll-result {
      padding-bottom: 0px;
    }
    
    
    .plashka {      padding: 0.1em 0.25em 0.25em;
        line-height: 1.5;
        margin: 2px!important;
        min-width: 165px !important;
        font-size: 11px;
        display: inline-block;
        background: url(https://forumstatic.ru/files/001a/eb/a8/29745.png) center fixed;
        color: var(--color-white);
        text-transform: lowercase;
        letter-spacing: 1px;
        font-family: var(--custom2);
        cursor: pointer;
    }
    
    .button, sub4 {     cursor: pointer;
        display: inline-block;
        padding: 3px 10px 5px !important;
        margin: 2px !important;
        text-align: center;
        letter-spacing: 0.2px;
        font-size: 10px;
        border: 1px solid;
        border-image: var(--color-grad);
        border-image-slice: 1;
        color: var(--color-black);
        text-transform: lowercase;
    background: var(--color-back);
    }
    
    #pun-stats, .punbb .category {
        margin: 20px 10px 25px;
        position: relative;
    }
    
    #pun-stats {
        padding: 15px 40px;
        } 
    
    #post-form > h2 {display:none}
    
    
    /*#form-buttons tr {
      width: 100%;
      display: flex;
      height: 30px;
      justify-content: space-between;
    }*/
    
    #form-buttons tr {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
        grid-template-rows: auto;
        gap: 6px 6px;
    }
    
    #form-buttons td {
      display: flex;
      align-items: center;
      justify-content: center;
    width: inherit!important;
      box-sizing: border-box;
    }
    
    #form-buttons td {
      background-image: none !important;
      font-family: Material Symbols Outlined;
      font-size: 20px;
      color: var(--color-black);
      cursor: pointer;
    }
    
    
    #form-buttons td:before {
      position: absolute;
    }
    
    
    #button-font:before {content: '\e165';}
    #button-transL:before {content: '\e8e2';}
    #button-size:before {content: '\e245';}
    #button-bold:before {content: '\e238';}
    #button-italic:before {content: '\e23f';}
    #button-underline:before {content: '\e249';}
    #button-strike:before { content: '\e257';}
    #button-indent:before { content: '\e23e';}
    #button-left:before {content: '\e236';}
    #button-center:before { content: '\e234';}
    #button-right:before { content: '\e237';}
    #button-link:before {  content: '\e157';}
    #button-spoiler:before {content: '\e8f5';}
    #button-image:before {content: '\e3f4';}
    #button-video:before {  content: '\f06a';}
    #button-hide:before {  content: '\e898';}
    #button-quote:before { content: '\e244';}
    #button-code:before { content: '\e86f';}
    #button-color:before { content: '\e23c';}
    #button-table:before { content: '\f191';}
    #button-smile:before { content: '\e813';}
    #button-sticker:before { content: '\e983';}
    #button-keyboard:before {  content: '\f7db';}
    #button-addition:before {  content: '\e146';}
    #button-dice:before {  content: '\e025';}
    #button-mask:before {  content: '\e9ed';}
    
    #button-files_rusff, #button-graffiti_rusff {display:none!important}
    
    #button-sticker {    background-size: contain;}
    
    #form-buttons td img {position: relative;}
    
    #mask_dialog .inner, .hvStickerPackModal,.hvStickerPackModalTab {border-radius: 0 !important;
    background:var(--color-back)!important;}
    
    
    .hvStickerPackModalTab.active {
    background:var(--color-black2)!important;
    color:var(--color-white)!important;}
    
    .hvStickerPackModal {    bottom: -35px!important;
        left: 15px!important;
    }
    
    .hvStickerPackModalTab {
        cursor: pointer;
        margin-top: 8px;
        margin-right: 8px;
        padding: 5px !important;
        text-align: center;
        letter-spacing: 0.2px;
        font-size: 10px;
        border: 1px solid;
        border-image: var(--color-grad);
        border-image-slice: 1;
    color: var(--color-black)!important;
    }
    
    .hvStickerPackModalInput {border-radius: 0 !important;}
    
    .pa-respect span.fld-name::before, .pa-respect span.fld-name a::before, li.pa-fld4:before {
        display: block;
        margin: 0px 0 8px 12px;
        width: 32px;
        height: 0px;
        font-family: Material Symbols Outlined;
        font-size: 20px;
        color: var(--color-white);
    }
    
    li.pa-respect span.fld-name a::before {
        position: absolute !important;
        margin-top: -19px;
        color: rgb(151 151 151 / 0%);
    }
    
    li.pa-respect span.fld-name::before,
    li.pa-respect span.fld-name a::before
     {
        content: '\e8dc';
        height: 11px;
        }
    
    li.pa-fld4:before {
        content: '\e745';
        }
    
    li.pa-respect span.fld-name a, li.pa-respect span.fld-name {
        font-size: 0;
    }
    
    li.pa-respect > a > img {display:none}
    li.pa-respect > a:before{content: url(/img/plus.png); filter:grayscale(1)}
    
    
    #pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod {
        display: none;
    }
    
    #pun-index table Div.icon:before, div.grippie {display:none}
    
    
    blockquote a, .punbb .post-content > p > a {
        color: var(--color-nice2) !important;
        background-size: 205%;
        font-weight: bold;
    }
    
    /*blockquote a:hover, .punbb .post-content > p > a:hover {    background-position: left;}*/
    
    .punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover, .day div > cite > a, .day div > cite > a:hover, div > cite > a, div > cite > a:hover {color: var(--color-white)!important;     font-weight: 600;     font-style: normal;}
    
    .city div > cite > a, .city div > cite > a:hover {color: var(--color-black)!important;}
    
    #pun-navlinks > ul > #navawards, div > table > thead {display:none}
    
    .usertable {text-transform:lowercase}
    
    #pun-main.main.multipage > div.usertable > div > table > thead {
    display: contents;
    }
    
    .hvStickerPackModalContent img {
        max-height: 50px!important;
        cursor: pointer;
    }
    
    #pun-live-rusff {display:none!important}
    
    .punbb textarea, .punbb input, .punbb select, .punbb optgroup, #dice-form > button {
        font: 1em verdana, arial, helvetica, sans-serif;
    }
    
    
    #stylelist {
        position: absolute;
        z-index: 9999;
        display: flex;
        gap: 3px;
        margin: 168px 0 0 172px;
    }
    
    #stylelist a {
        cursor: pointer;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 5px;
        font-size: 0;
        padding: 2px 5px 6px;
    }
    
    #stylelist [data="night"] a:before {
        content:'\e51c';
    font-family: Material Symbols Outlined;
    font-size:20px;
    color:var(--color-white);
    }
    
    #stylelist [data="street"] a:before {
        content:'\e565';
        font-family: Material Symbols Outlined;
        font-size: 20px;
        color:var(--color-white);
    }
    
    #stylelist [data="light"] a:before {
        content:'\f02a';
    font-family: Material Symbols Outlined;
    font-size:20px;
    color:var(--color-white);
    }
    
    #stylelist [data="meds"] a:before {
        content:'\f033';
    font-family: Material Symbols Outlined;
    font-size:20px;
    color:var(--color-white);
    }
    
    #stylelist [data="mless"] a:before {
        content:'\e3a5';
    font-family: Material Symbols Outlined;
    font-size:20px;
    color:var(--color-white);
    }
    
    #pun-main h2 {
        margin: 0 40px;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .punbb h2 span {
        font-size: 11px;
        color: var(--color-nice);
        text-transform: lowercase;
        letter-spacing: 3px;
        z-index: 1;
        display: flex;
        font-size: 53px;
        font-family: var(--custom);
        background: var(--color-back);
        font-style: italic;
    padding-right: 8px;
        }
    
    .category h2::after {
        content: "";
        display: block;
        height: 4px;
        width: 100%;
        position: absolute;
        left: 0px;
        border-bottom: 1px solid var(--color-green);
    }
    
    
    .post h3 span, .endpost .post-links, #pun-messages .post-links {
       /* border-bottom: 1px dashed var(--color-green) !important;*/
    }
    
    #chfontsize { 
        position: fixed; /*прилеплен к краю экрана*/
        top: 10px; /*отступ сверху*/
        right: 10px; /*отступ справа*/
        width: 26px; /*ширина*/
        text-align: center; /*текст по центру*/
        line-height: 22px; /*высота строк*/
        -moz-opacity: .8; /*прозрачность*/
        opacity: .8;
        z-index: 999999; /*поверх всех элементов*/
    }
    #chfontsize:hover {
        opacity: 1; /*нету прозрачности при наведении*/
        -moz-opacity: 1;
    }
    .fsizeplus,
    .fsizeminus {/*кнопки плюса и минуса*/
        background-color: var(--color-back); /*цвет фона*/
        color: var(--color-black); /*цвет плюса и минуса*/
        cursor: pointer;
    }
    .fsizeplus::after {
        content: '+'; 
    }
    .fsizeminus::after {
        content: '-';
    }
    .fsize {/*поле показывающее размер шрифта*/
        background-color: var(--color-back); /*цвет фона*/
        color: var(--color-black); /*цвет цифр*/
    }
    
    
    .punbb .post-content .spoiler-box::before,.punbb .post-content .spoiler-box::after {display: none}
    
    .reaction-counters-container, .reaction-picker {
        filter: brightness(0.95);
        z-index: 1;
    }
    
    #pun .reaction-counter__count {
    font-size: 10px;
    }
    
    .reaction-chip {
        height: 28px!important;
        min-width: 28px!important;
    }
    
    span.reaction-counter__emoji > span.emoji-mart-emoji.emoji-mart-emoji-custom  > span {
        width: 24px!important;
        height: 24px!important;
    }
    
    .punbb .post h3 strong::before {
        content: "#";
    }
    
    
    .post + .post {
    padding-top: 20px !important;
        padding-bottom: 20px;
    }
    
    .post {
        scroll-margin: 70px;
    }
    
    .hvStickerPackModalTab {
          text-transform: lowercase;
    }
    
    #pun .post-content .spoiler-box > div {
      background:transparent;
      position: relative;
    	width: 100%;
    	box-sizing: border-box;
    padding:0;
    }
    
    #pun .post-content .spoiler-box > div:before {
        background-image: none !important;
        font-family: Material Symbols Outlined;
        font-size: 14px;
        color: var(--color-black);
        content: '\e5e1';
      width: 12px;
      height: 13px;
        -webkit-transition: transform 0.5s ease-in-out 0s;
        -moz-transition: transform 0.5s ease-in-out 0s;
        -o-transition: transform 0.5s ease-in-out 0s;
      transition: transform 0.5s ease-in-out 0s;
      box-sizing: border-box;
    	display: block;
    	margin-right: 16px;
    	float: left;
      transform: rotate(-90deg)
    }
    
    #pun .post-content .spoiler-box > div.visible:before {
    content:'\e5e0';
    }
    
    .post-content .spoiler-box > blockquote.visible {
        border-top: 1px dashed var(--color-green);
        padding-top: 5px !important;
        margin-top: 10px;
    }
    
    #act-news > a > img{
        position: relative;
        background-size: contain!important;
        -webkit-transition: all 0.25s 0s ease;
        -moz-transition: all 0.25s 0s ease;
        -o-transition: all 0.25s 0s ease;
        transition: all 0.25s 0s ease;
    margin: 5px 10px;
        border-radius: 30px;
        border: 2px solid transparent;
        background: var(--color-grad2);
    } 
    
    #act-news {text-align:center}
    
    /* PERSONAL */
    
    /*[data-user-id="2"].post .pa-title {
        background: #e2304d;
    }
    
    [data-user-id="2"].post .pa-fld5 {
        background: url(https://i.imgur.com/24m6X4W.gif);
    }
    
    [data-user-id="6"].post .pa-title {
     background: var(--color-nice);
    }
    
    [data-user-id="6"].post .post-author {
        background: linear-gradient(to top, var(--color-green2) 0%, var(--color-black2) 49%);
    }
    
    [data-user-id="6"].post .pa-fld5 {
        background: url(https://i.imgur.com/wyAIAQd.gif) no-repeat center center !important;
    }
    */
    
    /*robert*/
    [data-user-id="29"].post .post-author {
        background: linear-gradient(to bottom, #000, #4c4d4c);
    }
    
    [data-user-id="29"].post .pa-fld5 {
        background: url(https://forumupload.ru/uploads/001a/eb/a8/2/326418.gif);
    color:var(--color-white);
    }
    
    /*ladislav
    [data-user-id="97"].post .pa-title {
        background: #e2304d;
    }*/
    
    /*alan*/
    [data-user-id="40"].post .pa-title {
        background: transparent;
    }
    [data-user-id="40"].post .post-author {
        background: url(https://forumupload.ru/uploads/001a/eb/a8/2/264688.jpg);
    }
    
    
    /*louise*/
    [data-user-id="113"].post .post-author {
        background: url(https://forumupload.ru/uploads/001a/eb/a8/2/842048.jpg);
    }
    
    /*klaasje*/
    [data-user-id="116"].post .post-author {
        background:url(https://forumupload.ru/uploads/001a/eb/a8/2/336428.jpg);
    }
    
    /*konst*/
    [data-user-id="117"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/98455.jpg);
    }
    
    [data-user-id="117"].post .post-author .pa-fld1 a {letter-spacing: 0px;}
    
    /*ashley*/
    [data-user-id="125"].post .post-author {
        background: url(https://forumupload.ru/uploads/001a/eb/a8/2/431785.jpg);
    }
    
    /*spencer*/
    [data-user-id="124"].post .post-author {
        background: url(https://forumupload.ru/uploads/001a/eb/a8/2/865063.png);
    }
    /*maria*/
    [data-user-id="122"].post .post-author {
        background: url(https://forumupload.ru/uploads/001a/eb/a8/2/612692.png);
    }
    
    /*val*/
    [data-user-id="121"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/d9/bc/2/313753.jpg);
    }
    
    /*joe*/
    [data-user-id="128"].post .pa-fld5 {
        background: url(https://forumupload.ru/uploads/001a/d9/bc/2/398441.gif);
    color:var(--color-white);
    }

    0

    4

    Код:
    /* CS1 Background and text colours
    -------------------------------------------------------------*/
    
    /* Variables
    --------------------------------- */
    
    :root {
        --color-hz: #ffda5c; /*жёлтый;*/
        --color-nice: #774948; /*коричневый*/
        --color-nice2: #975c5b;
    
    --color-back: #e7e7e7;
        --color-white: #e7e7e7;
        --color-back: #dddddd;
        --color-white: #dddddd;
        --color-back2: #e3e3e3;
    
    --color-fon: #1a1a1a;
        --color-black2: #141414;
        --color-black: #343434;
    
        --color-green: #a2a2a2; /*границы*/
        --color-green2: #a2a2a2;
        --color-grey: rgb(255 255 255 / 40%); /*серый для формы ответа*/
        --color-grey2: #afafaf; /*серый для ЛС*/
        --color-grey3: #555555; /*серый для ссылок*/
    
    --color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%);
    
    --color-grad3:linear-gradient(330deg, #484848 0%, #1a1a1a 49%) border-box;
    
    --color-fon: var(--color-grad3) fixed;
    
    --grad: linear-gradient(0deg, var(--color-nice) 0%, var(--color-black2) 49%);
    --grad2: linear-gradient(180deg, var(--color-nice) 0%, var(--color-black2) 49%);
    
        --color-blue: #6ca18e;/*выделение текста*/
        --wide: 1090px;
        --color-trans: rgb(0 0 0 / 67%);
    
    
        --logo: url(https://forumstatic.ru/files/001a/eb/a8/40501.png);
        --footer: url(https://forumstatic.ru/files/001a/eb/a8/98884.png);
    
        --custom: DidotTitle;
        --custom2: Verdana;
        --custom3: DidotBold;
    }
    
    /*-------улица-----------*/
    .street {
    --color-back:#242424;
    --color-back2:#303030;
    --color-black:#aaa;
    --color-white:#aaa;
    
    --color-fon: #040404;
    
    --color-hz: #b29840;
    
        --color-green: #5a5a5a;
        --color-green2: #5a5a5a;
    
    --color-grey3: #727272;
    
    --color-blue:#505050;
    
    }
    
    .street .reactions-root {filter:brightness(0.9);     z-index: 10;
        position: relative;}
    
    .street img {filter:brightness(0.9)}
    
    .street #Logo, .street .bannner {opacity: 0.65;}
    
    /*--------------фонарь---------------*/
    .light{
    --logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png);
    --footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png);
    
    --color-fon: #333 url(https://forumstatic.ru/files/001a/eb/a8/87048.jpg) center center repeat-y fixed;
    
        --color-blue: #60aac4; /*#01c9af;*/
        --color-hz: #327697; /*#438397;*/
        --color-nice: #782f43; /*#76253b;*/
        --color-nice2: #782f43; /*#76253b;*/
        --color-grey3: #393d42;
    
        --grad: linear-gradient(0deg, #782f43 0%, #000000 49%);
        --grad2: linear-gradient(180deg, #782f43 0%, #111111 49%);
    }
    
    .light #stylelist {    filter: brightness(0.7);}
    
    /*--------------бессмысленно---------------*/
    .mless{
    --logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png);
    --footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png);
    
    --color-fon: var(--color-grad3) fixed;
    
    
    --color-nice: #607e83;
    --color-nice2: #607e83;
    
        --color-hz: #745f5c;
        --color-blue: #8dacb6;
    
    --color-back: #e0e0e0;
    --color-white: #e0e0e0;
    
    --color-back2: #e3e3e3;
    
    --color-green: #c0c0c0;
    --color-green2: #c0c0c0;
    
    --color-grad: linear-gradient(0deg, #B7BDC0 0%, rgba(0, 0, 0, 1) 49%);
    --color-grad3:linear-gradient(330deg, #B7BDC0 0%, #111111 49%) border-box;
    
    }
    
    .mless #stylelist {opacity:0.65}
    
    .mless .bannner, .mless #Logo {filter: grayscale(0.6) brightness(0.8)}
    
    
    /*-----------------------------*/
    
    /*Фон*/
    body {
    background: var(--color-fon);
    }
    
    #pun-title table {
        margin-left: 0px;
    }
    
    
    #html-header {height: 420px;}
    
    #Logo {
        background: var(--logo) center no-repeat;
        height: 400px;
        margin: 0px 50px;
        position: relative;
        top: 20px;
    }
    
    #ZACHTO {position: absolute;
    top: 35px;}
    
    /* новости*/
    
    #NEWS {
        top: 409px;
        left: 50px;
        height: 56px;
        position: relative;
        width: 990px;
        background: var(--color-trans);
        display: flex;
        align-items: center;
        overflow-x: auto;
        justify-content: center;
    }
    
    #NEWS.overflown {
        justify-content: left;
    }
    
    .news0{
        width: 190px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        border-right: 1px dashed var(--color-grey);
        padding: 5px 10px;
    }
    
    
    .news0:last-of-type {border: none;}
    
    .newsdate {
        min-width: 50px;
        color: var(--color-nice2);
        font-weight: bold;
        display: flex;
        justify-content: center;
    }
    
    .newstxt{
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    
    
    span.txt1st {
        font-size: 11px;
        font-weight: 700;
        width: 160px;
    }
    
    .txt1st a, .for-a > a, #KontentRotator > p > a, kr > a {color: var(--color-grey) !important;transition: color 0.3s ease-in-out;}
    
    .txt1st a:hover, .for-a > a:hover, #KontentRotator > p > a:hover, kr > a:hover {color: var(--color-hz)!important;}
    
    
    span.txt2nd {
        font-size: 9px;
        color: var(--color-grey);
        line-height: 100%;
        text-transform: lowercase;
    }
    
    
    /*цитаты*/
    
    #RANDOM {
        position: absolute;
        width: var(--wide);
        height: 109px;
        top: -35px;
        padding: 0 0 0px 0px;
        opacity: 1;
        text-align: center;
        -webkit-transition: all 0.25s 0s ease;
        -moz-transition: all 0.25s 0s ease;
        -o-transition: all 0.25s 0s ease;
        transition: all 0.25s 0s ease;
    }
    
    #KontentRotator {
        font-size: 10px;
        text-align: right;
        color: var(--color-white);
        overflow-y: auto;
        padding: 0px 10px 10px 165px;
        margin: 20px 0 0;
        height: 40px;
    }
    
    
    #KontentRotator br {
                display: block; /* makes it have a width */
                content: ""; /* clears default height */
                margin-top: 4px; /* change this to whatever height you want it */
    }
    
    kr { 
        font-weight: 600;
        font-size: 14px;
        font-family: var(--custom2);
        color: var(--color-hz);
        letter-spacing: 1px;
    }   
    
    #KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
        width: 90px;
        height: 90px;
        position: absolute;
    opacity:0.85;
        border-radius: 10px;}
    
    
    .punbb {
        float: none;
        width: auto;
        height: auto;
        margin: 0 auto;
        background: var(--color-back);
        margin-top: 80px;
    }
    
    /* Футер */
    #pun-about .container {
        height: 0px;
        width: var(--wide);
    }
    
    #html-footer {height: 75px;}
    
    #html-footer > div > div {margin-bottom: 20px;}
    
    #html-footer p {
        position: relative;
        display: none;
        width: var(--wide);
        background: var(--color-back);
        text-align: center;
        color: var(--color-grey2);
        border-top: 1px dashed var(--color-green);
        font-family: var(--custom2);
        text-transform: lowercase;
        font-size: 8px;
        font-style: italic;
        text-align: center;
        padding: 0.25em 0;
        letter-spacing: 1px;
        line-height: 1.5;
    }
    
    #mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
          background: var(--color-back2)!important;
        border: 1px solid var(--color-green);
    }
    
    #mask_dialog .hv-add-template {
      border: 1px solid var(--color-green)!important;
    }
    
    /* CS1.1 */
    .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 {
      color: var(--color-black);
      }
    
    /* CS1.2 */
    .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
      color: var(--color-black);
      }
    
    #pun-admain h2 span {
    display:block;
    }
    
    
    /* CS1.4 */
    #pun-title, #pun-title .container, .punbb .modmenu .container {
      background: transparent;
      color: var(--color-black);
      }
    
    /* CS1.5 */
    .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
       display: block;
        font-weight: normal;
        width: fit-content;
        font-style: normal;
        text-align: center;
        color: var(--color-brown);
    font-size: 11px;
      }
    
    /* CS1.6 */
    .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
      background: transparent;
      color: var(--color-grey3);
      }
    
    /* CS1.7 */
    .punbb .quote-box, .punbb .code-box {
        border: 1px solid var(--color-green);
        background: var(--color-back2);
    }
    
    
    
    /* CS1.8 */
    
    .offline li.pa-online strong {
      font-weight: normal;
      }
    
    /* CS2 Border colours
    -------------------------------------------------------------*/
    
    /* CS2.1 */
    .punbb .container, .punbb .post-body, .post h3, #pun-title {
      border-color: transparent;
      }
    
    /* CS2.2 */
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
    .punbb .category, .punbb .post {
      border-color: transparent;
      }
    
    /* CS2.3 */
    #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    /*  border-color: transparent;*/
      }
    
    /* CS2.4 */
    .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
    .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
      border-color: transparent;
      }
    
    /* CS2.5 */
    .punbb th {
     border-color: transparent;
      }
    
    #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
      border-color: transparent;
      }
    
    #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
      border-color: transparent;
      }
    
    .punbb .divider {
      border-color: transparent;
      }
    
    .punbb .formal fieldset .post-box, .punbb .info-box {
      border: 1px solid transparent;
      }
    
    li.pa-online {
      border-left-color: transparent;
      }
    
    
    /* CS3 Links
    -------------------------------------------------------------*/
    
    /* CS3.1 */
    .punbb a, .punbb a:link, .punbb a:visited,
    .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
      text-decoration: none!important;
      color: var(--color-grey3);
            transition: color 0.3s ease-in-out;
      }
    
    
    /* CS3.2 */
    .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 {
      color: var(--color-grey3);
        }
    
    
    
    /* CS3.4 */
    
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      color: var(--color-grey3);
      }
    
    #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
      text-decoration: none;
      }
    
    
    
    /* CS4 Post status icons
     -------------------------------------------------------------*/
    
    /* Иконки*/
    
    
    #pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
    #pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
        margin-left: -20px;
        margin-top: -5px!important;
    }
    
    #pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
        margin-right: 0px;
        margin-top: 13px!important;
    }
    
    
    div.icon {
        margin-top: 13px;
        margin-left: -15px;
        position: absolute;
        width: 24px;
        height: 24px;
    }
    
    div.icon:before {
        position: absolute;
        width: 24px;
        height: 24px;
        font-size: 18px;
        content: '\2739';
        color: var(--color-grey3);
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    
    
    .inew Div.icon:before {
        color: var(--color-nice);
    }
    
    .isticky Div.icon:before {
        content: "\2766"!important;
    }
    
    isticky.iclosed Div.icon:before {
        color: var(--color-grey3);}
    
    .iclosed Div.icon:before {
        color: var(--color-grey3);
    }
    
    .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before {    color: var(--color-nice);}
    
    div.post-rating > p > a {font-size: 14px!important;}
    
    div.post-vote a, div.post-vote a:hover, div.post-rating a, div.post-rating a:hover {
      color:var(--color-grey2)!important;
    }
    
    div.post-vote p {
        float: right !important;
        border: 0 !important;
        padding: 0px !important;
        margin-right: 15px !important;
    }
    
    /*Стиль выделения */
    ::selection  {
        background: none repeat scroll 0 0 var(--color-blue);
        color: var(--color-black);
        opacity: 0.5;
        text-decoration:none!important;
    } 
    
    *::-moz-selection
    {
        background: none repeat scroll 0 0 var(--color-blue);
        color: var(--color-black);
        opacity: 0.5;
    text-decoration:none!important
    } 
    
    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    
    ::-webkit-scrollbar-track {
      background: var(--color-grey2);
    }
    ::-webkit-scrollbar-thumb {
      background: var(--color-nice);
    }
    
    /* Стиль списка тем в форуме */
    #pun-main .forum  .tcl .tclcon {
        text-align: justify;
    }
    
    /* Список тем в форуме ник создателя темы */
    #pun-main .forum .tcl .byuser {
    }
    
    .multipage .byuser:before,
    #pun-main .forum .tcl .byuser:before { content: "-";}
    
    
    /*Форма ответа стиль выпадающих окошек*/
    #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
     }
    
    /*Фон окошка репутации*/
    #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
        margin: -131px 0 0 -451px!important;
        width: 900px!important;
        height: 165px;
        right: 12px!important;
        font-size: 10px;
        background-color: var(--color-back)!important;
    }
    
    #reputationText {        margin: 10px 0;
            border: 1px solid var(--color-green);
            background-color: var(--color-back2) !important;
    }
    
    #pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
    #pun-respect.punbb .main {font-size:10px;}
    
    
    /*форум тем, прозрачность*/
    #pun th {    
    text-transform: lowercase;
        font-size: 0px;
        font-weight: bold;
        opacity: 0.0;
    }
    #pun-userlist th {
    opacity: 1;
    font-size: 9px;
    }
    
    #pun-messages .fs-box {}
    #pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}
    
    
    /*ARROWS*/
    .go-up, .go-down {
        position: fixed;
        margin-left: 1130px!important;
        z-index: 9997;
        cursor: pointer;
        opacity: 1;
    }
    
    .day .go-up, .day .go-down {
    filter: brightness(0.9);}
    
    .go-up {
    bottom: 56%; 
    }
    .go-down {
    bottom: 49%; 
    }
    
    .go-up:before, .go-down:before{
        position: absolute;
        cursor: pointer;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
         transition: all 0.3s ease; 
        font-family: var(--custom);
        font-size: 24px;
        color: var(--color-nice);
        font-weight: 600;
        text-transform: lowercase;
        letter-spacing: 1px;
    }
    
    .go-up:before {content: 'up';}
    
    .go-down:before{content: 'down';}
    
    
    .banr{
        height: 50px;
        overflow-y: auto;
        padding: 5px 0 !important;
        width: 645px;
        margin: 0px 10px 5px 335px!important;
        position: relative;
        top: 5px;
        }
    
    .bannner {
        width: 990px;
        height: 75px;
        text-align: left;
        background: var(--footer);
        margin: 0px 50px 20px!important;
    }
    
    .bannner a {
        opacity: 0.85;
        -moz-opacity: 0.85;
        filter:grayscale(100%);
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;}
    
    
    .bannner a:hover {
    opacity:1; 
    -moz-opacity:1; 
    filter:grayscale(0%);
    }
    
    #statistic-other{display:none;
        text-align: center!important;
        text-transform: lowercase;
        font-size: 8px;
        font-weight: bold; }
    
    #pun-main > div > h1 > span {display: block;}
    
    #pun-statistic .tc-username {width:15%!important}
    
    .punbb .main .tcr a {
     /*    font-weight: bold;
       color: var(--color-nice);
        font-size: 13px;
        font-family: var(--custom);
        text-transform: lowercase;
            letter-spacing: 1px;
            font-style: italic;*/
       }
    
    .multipage .tcr a {font-family: var(--custom2)!important;
    font-size: 11px!important;
    letter-spacing: 0!important;
    color: var(--color-grey3)!important;}
    
    
    .pun-modal .modal-inner {
        border: 1px double var(--color-green2) !important;
        background: var(--color-back) !important;
    }
    
    
    /* Предпросмотр */
    #post-preview .fs-box .post-content {padding:10px!important;}
    
    /* лс */
    #pun-messages .fs-box {/*margin-top: -52px;*/}
    #pun-messages .post h3 { width: auto}
    #pun-messages #profile .container fieldset {border:none;}
    #pun-messages #profile .post-links ul {background: none;}
    #pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
    #pun-messages #smilies-area {width: 455px!important;}
    
    
    #font-area {overflow-y: auto; height: 300px; width:170px;}
    
    
    /* ПРОФИЛЬ */
    
    
    li.pa-fld1 > a {
    font-style: italic;
        text-transform: lowercase;
        color: var(--color-grey) !important;
        letter-spacing: 0.5px;
        transition: color 0.3s ease-in-out;
    }
    
    li.pa-fld1 > a:hover {
     color: var(--color-hz) !important;}
    
    
    li.pa-fld1 > br {
        content: "";
        display: block;
        margin: 3px;
    }
    
    ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited  {font-size:11px!important}
    
    .pa-fld1 {
        text-align: left;
        font-size: 9px;
        margin-top: 0px !important;
        margin: -10px 13px 5px !important;
        padding: 9px 2px 13px !important;
        overflow-y: auto;
        line-height: 1.5;
        border-bottom: 1px dashed var(--color-grey);
        /* border-image: var(--color-grad); */
        /* border-image-slice: 1; */
    }
    
    
    .pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
        color: var(--color-white);
    }
    
    .post .pa-fld2 {
        text-align: center;
        text-transform: lowercase;
        letter-spacing: 1px;
        padding: 0.1em;
        line-height: 1.5;
        margin: 0px 20px 6px;
        font-family: var(--custom2);
        font-size: 11px;
    }
    
    .pa-fld2 a, .pa-fld2 a:hover, .pa-fld2 a:visited {
    color: var(--color-mda)!important;
    }
    
    .pa-fld4, .pa-respect {
        font-size: 9px;
        width: 57px;
        margin:10px 2px!important;
        display: inline-block;
        text-align: center;
    }
    
    div.post-author > ul > .pa-posts {display:none; margin-left: 108px;}
    
    .pa-time-visit, .pa-last-visit, .pa-ip {
        font-size: 9px;
        text-transform: lowercase;
        text-align: center;
    }
    .pa-time-visit br, .pa-last-visit br {display:none}
    
    .pa-ip {padding:10px 0!important}
    
    /* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */
    .pa-avatar img {max-width: 180px; max-height: 180px;}
    #mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}
    
    /* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */
    #pun-index .modlist,
    .closedatafield,
    .stickytext,
    .lastedit,
    #pun-announcement h2 {display:none!important}
    
    
    /* ИКОНКА АВАТАРА */
    #pun-index .user-avatar {top: -5px;}
    
    #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
        top: -11px !important;
    }
    
    #pun-viewforum .user-avatar {
        top: -13px!important;
    }
    
    #pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
        margin: 0px 20px 0px 10px;
        width: 35px!important;
        height: 35px!important;
        border-radius: 0px!important;
        }
    
    .punbb .user-avatar .avatar-image {
        width: 35px !important;
        height: 35px !important;
        opacity: 1 !important;
        border-radius: 0px !important;
    }
    
    #messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
        border-radius: 0px!important;
        width: 35px!important;
        height: 35px!important;
    }
    
    .img a.title {
     background: var(--color-white);
    }
    
    
    .post-content hr {
        background: var(--color-green);
        height: 1px;
        border: none !important;
        margin: 5px 0px !important;
        opacity: 1!important;
    }
    
    span.num_msg {
        margin-top: -30px !important;
        margin-left: -10px !important;
        background: var(--color-hz)!important;
    }
    
    span.num_msg:before {
        background: var(--color-hz)!important;
    }
    
    #MyBookmarks .container {
        background: var(--color-back);
    }
    
    #MyBookmarks > h2 > span, #MyBookmarks h2 {
        margin: 0!important;
        background: var(--color-blue)!important;
        font-family: var(--custom2)!important;
        color: var(--color-white)!important;
    font-size:10px;
    letter-spacing:0.5px;
    text-transform:lowercase!important;
    text-shadow:none!important;
    }
    
    #BookmCntToggle.default-style {
        color: var(--color-grey3)!important;
    }
    
    .isonline {
        margin-top: 0px!important;
    background: var(--color-hz)!important;
        top: 2px!important;
        right: 2px!important;
    z-index:1!important
    }
    
    
    /* ссылки */
    
    #pun-navlinks li {    display: inline;     margin: 0px 6px;}
    
    .post .bookmark {right: -55px!important;}
    
    #main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-green);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);}
    
    .punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, 
    .punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}
    
    
    /*-----стырили у nycity.fun------*/
    .ico {
        background: var(--color-grey2);
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        padding: 0px;
    }
    
    .ico img {
    	max-width: 24px;
    	max-height: 24px;
    }
    
    .lspl pl {
    display: flex;
        flex-wrap: wrap;
        gap: 10px;
        text-align: center;
        justify-content: flex-end;
        overflow: auto;
        margin-top: 5px;
        margin-right: 15px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    div.lspl > pl > .plsh {background: var(--color-trans);
    width: 226px;
        background-size: cover !important;
        height: 36px;
        line-height: 1.5;}
    
    .lsic ic {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: right;
        align-items: center;
        min-height: 70px;
    height:auto;
        margin-right: 15px;
        overflow-y: auto;
        overflow-x: hidden;
        color: var(--color-back);
        font-size: 13px;
        font-family: var(--custom2);
    }
    
    .hdr hd {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: right;
        align-items: center;
        min-height: 150px;
    height:auto;
        margin: 10px 10px 10px 15px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .hdr hd > .head {background-size: contain !important;
        background-position: center !important;
        width: 150px;
        height: 268px;
        border-radius: 15px;}
    
    .hdr hd > .head > .header {    position: relative;
        background: var(--color-black2);
        margin: 15px 10px;
        border-radius: 12px;
        width: 130px;
        height: 210px;}
    
    .punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}
    
    .Tems_And_messages {
        display: inline-block;
        font-size: 9px;
    }
    
    .Add {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start;
        width: 90px;
        line-height: 150%;
        margin-left: -22px !important;
        margin-top: -18px !important;
        color: var(--color-grey3);
        transform-style: initial;
        text-transform: lowercase;
        opacity: 0.5;
    }
    
    .Tems_And_messages .right{
      float:left;
    }
    
    .alt2.inew > .tcl h3 a:after {
            content: '[NEW]';
            margin-left: 5px;
            font-style: italic;
            color: var(--color-nice);
    }
    
    .alt2.inew > td.tcl > div > div.icon.inew {display:none}
    
    
    /*------- личная ----------------------*/
    .reveal-modal-bg { 
    	position: fixed; 
    	height: 100%;
    	width: 100%;
    	background: rgba(0,0,0,.8);
    	z-index: 100;
    	display: none;
    	top: 0;
    	left: 0; 
    	}
    .reveal-modal {
    	visibility: hidden;
    	top: 100px; 
    	left: 50%;
    	margin-left: -300px;
    	width: 520px;
    	position: absolute;
    	z-index: 101;
    	padding: 30px 40px 34px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	}
    .reveal-modal.small     { width: 200px; margin-left: -140px;}
    .reveal-modal.medium     { width: 400px; margin-left: -240px;}
    .reveal-modal.large     { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
    	
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 12px;
        right: 40px;
        color: var(--color-blue);
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }
    
    .menu span {
    cursor: pointer;
        margin: 0px 0 10px;
        padding: 10px 15px 10px 15px;
        font-family: var(--custom2);
        font-size: 13px;
    letter-spacing:1;
        text-align: center;
        display: flex;
        align-items: center;
        color: var(--color-black);
    }
    .menu-links {
        float: left;
        margin-right: 15px!important;
    }
    
    #submenu, .menu span {
    background: var(--color-back);
        border-radius: 10px;
    }
    
    .menu .tabactive {
        filter: brightness(0.8);
    }
    
    #submenu {    display: inline-block;
    	padding: 7px;
    	font-size: 12px;
    	width: 610px;
    }    
    .submenutext {
    	display: none; 
    	height: 0px;
    }
    
    #sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;}
    
    div.face {
        background-repeat: no-repeat !important;
        background-position: center center !important;
        position: relative;
        width: 180px;
        height: 180px;
        margin: 0 15px;
    }
    
    #sm1 > div > div.about { width: 310px;
        height: 160px;
        align-items: center;
        display: flow;
        padding: 10px 15px;
        margin: 0px 2px 0 0;
        background: var(--color-grey);
    color:var(--color-black2);
        overflow-y: auto;
        font-size: 11px;
    }
    
    div.collection > h1,
    .submenutext > h1 {
        font-family: var(--custom2);
        font-size: 12px;
        letter-spacing: 1px;
        text-align: right;
        border-bottom: 1px dotted var(--color-nice);
    margin:10px;
    }
    
    div.pers, div.ach  {    position: relative;
        display: inline-flex;
        justify-content: space-between;
        width: 575px;
        height: 40px;
        margin: 10px;}
    
    div.collection { position: relative;
        display: flow;
        height: auto;
        padding: 1px 0 20px 0px;
        margin: 10px 25px 10px 25px;
        background: var(--color-grey);
    }
    
    div.lock, div.unlock { background: var(--color-grey2);
    width: 100px;
        height: 36px;
        display: grid;
        align-items: center;
        text-align: center;
    font-size: 10px;
    padding: 0 4px;
    color: var(--color-black2);
    }
    
    div.unlock {    background: var(--color-black2);
        color: var(--color-blue);
    }
    
    div.unlock:hover:after {content:'achievement unlocked';}
    div.lock:hover:after {content:'in progress';}
    
    div.unlock:hover:after, div.lock:hover:after{
    position:absolute;
    background:var(--color-black2);
    font-size:10px;
    color:var(--color-hz);
    width: 108px;
        margin-left: -4px;
        height: 36px;
        display: grid;
        align-items: center;
        text-align: center;
    font-size: 10px;
        -webkit-transition: all 0.25s 0s ease;
        -moz-transition: all 0.25s 0s ease;
        -o-transition: all 0.25s 0s ease;
        transition: all 0.25s 0s ease;
    }
    
    #sm1 > div > div.about > a {color:var(--color-nice)}
    
    
    /* MOBILE CODES
    -------------------------------------------------------------*/
    @media screen and (max-width: 720px) {
    
       /* BODY AND DEFAULTS */
       
    .punbb .post-content iframe[allowfullscreen] {
        width: 100%!important;
    }
    
    .punbb, #pun {
        width: auto!important;
        border: none!important;
        margin: 0 auto}
    
        body, html {
           width: 100% !important;
           min-height: 100%;
        margin: 0 auto;
           padding: 0 !important;
           border: none !important;
           -webkit-text-size-adjust: 100%;
        }
    
        body {
           position: relative !important;
        }
    
        html {
           height: 100% !important;
        }
    
    
    #pun-about p span,
    #pun-status .container,
        .banr, .bannner {
            width: auto!important;}
    
    #Logo, .banr, .bannner {margin:0!important}
    
    td, th {
           overflow: hidden !important;
           box-sizing: border-box !important;
           display: inline-block;
        }
    
        tr {
          width: 100% !important;
        }
    
        #pun-index table, #pun-viewforum table {
           display: block !important;
           width: 100%  !important;
        }
    
        .category .tcl, .forum .tcl {
           display: inline-block !important;
           width: 100%  !important;
        }
    
        .hasicon .tcl {
           display: inline-block !important;
           margin: 0 auto !important;
           box-sizing: border-box !important;
           width: 100% !important;
    padding: 20px !important;
        }
    
    
    .tcr {
           display: inline-block !important;
           width: 100% !important;
           margin: 0 !important;
            padding: 20px 10px 20px 50px !important
        }
    
    #pun-online .main td {
        display: block !important;
        width: 100%;
        width: auto !important;
        text-align: left !important;
    }
    
    #NEWS{overflow:hidden!important}
    
    #character {width:100%!important}
    
    .pa-fld3, .pa-fld5, .pa-ip,
    .banner,.Add, .go-up, .go-down,
    #ZACHTO{display:none!important}
    
    div.tclcon > div.for,
    #post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {margin:0!important}
    
    #pun-about .container {width:auto!important}
    
    /*нутро*/
    
    .post-author {
    float: none !important;
                width: 100% !important;
                padding: 10px;
                box-sizing: border-box;
                margin-top: 0 !important;
                margin-bottom: 10px;
    }
    
        .post-author ul {
                display: grid;
                grid-template-columns: 100px 1fr 60px 60px 5px;
                grid-template-rows: auto auto auto auto;
                gap: 0px 10px;
                grid-template-areas:
                "ava name name name onl"
                "ava title title title ."
                "ava fld1 fld1 fld1 ."
                "ava fld2 fld2 fld2 ."
                "ava . fld4 fld5 .";
                }
    
     #pun .pa-avatar {
            grid-area: ava;
            }
    
    #pun .pa-title {        text-align: end;
        grid-area: title;}
    
    #pun .pa-author {
        grid-area: name;}
    
    .pa-fld1    {grid-area: fld1;}
    .pa-fld2    {grid-area: fld2;         text-align: end!important;}
    
    .pa-fld4 {grid-area: fld4;
    }
    
    .pa-respect {grid-area: fld5; 
    }
    
    
    li.pa-online{
                grid-area: onl;
                left: 0!important;
                top: 8px !important;
                }
    
    .post-author .pa-avatar img {
        max-width: 80px !important;
        min-width: 80px !important;
        position: relative;
    }
    
        .post-author .pa-author, .post-author .pa-fld2, .pa-fld1, .post-author .pa-title {
           width: auto!important;
        }
    
    
        .punbb .post h3 span {
           margin-left: 0 !important;
    	   margin-right:0!important;
        padding: 0em 1em 1em 1em !important;
        }
    	
        .punbb .post-body {
           margin: 10px 0 0 !important;
           padding: 0 !important;
           box-sizing: border-box !important;
        }
    
        .punbb .post-box {
             padding: 0 10px 5px!important;
        margin-top: 0!important;
        }
    
        .punbb .post-body:after {
            width: 100% !important;
            margin: 0 !important;
        }
    
        .punbb .post-links {
           position: relative !important;
        }
    	
    
    .punbb .post-content td {
        display: block;
    }
    
        .punbb .post-links, #profile .post-links {
           width: 100% !important;
           height: auto !important;
           box-sizing: border-box !important;
           text-align: center !important;
        }
    
    .punbb .post-links ul {
        width: 100% !important;
        text-align: center !important;
        height: auto !important;
        line-height: 1.5em!important;
        box-sizing: border-box !important;
    }
    
    
        #profile .post-links {
           padding: 0 !important;
        }
    
        #profile .post-links ul {
           width: 100% !important;
        }
    .pa-replies {padding-top:6px!important}
    
        .punbb .post-links a {
           -webkit-text-size-adjust: 125%;
        }
    
        .pl-email {
           float: none !important;
        }
    
    
        #form-buttons table, #form-buttons tbody, #form-buttons tr {
    }
    
        fieldset {
           margin: 0 !important;
           padding: 0 !important;
        }
    
     #post div[id*="-area"] {
           right: 1em !important;
           width: 100% !important;
           text-align: center;
           box-sizing: border-box;
        }
    
        #post div[id*="-area"] table, #post div[id*="-area"] tbody {
           width: 100% !important;
           box-sizing: border-box;
        }
    
        #post div[id*="-area"] input, #post div[id*="-area"] textarea {
           width: 100% !important;
           padding: 0.3em 0.5em !important;
           margin: 0 0 0 0 !important;
           box-sizing: border-box !important;
        }
    
        #post #keyboard-area input {
           width: auto !important;
        }
    
        #post div[id*="-area"] .resizable-textarea {
           width: 103.5%;
           padding: 0.5em 0 !important;
           margin: 0 0 0 0 !important;    
           box-sizing: border-box !important;
        }
    
    
        .punbb .modmenu {
           padding: 0.1em 0;
        }
    
        .punbb .modmenu, .punbb .modmenu .container {
           display: inline-block !important;
           width: 100% !important;
           box-sizing: border-box !important;
           text-align: center !important;
    	     }
    
        .punbb .modmenu .container strong, .punbb .modmenu .container span {
           display: inline-block !important;
           width: 100% !important;
           float: none !important;
           text-align: center !important;
           box-sizing: border-box !important;
           clear: both;
        }
    
        .punbb #topic-modmenu .container span {
           padding: 1em 0 0 0;
        }
    
    .multipage {
        padding: 0 20px !important;
    }
    
    
    
    #pun-index .user-avatar {
        top: 0px;
    }
    
    .punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input {text-align:left!important;}
    
    #pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3,
    #pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {display:none}
    
    #pun-searchtopics .main .tcr {width:auto;
        text-align: end;}
    
    .punbb .user-avatar {
        float: right!important;}
    
    /* предпросмотр профиля*/
    #viewprofile div.container table {
    margin: auto;
    width: 100%;
    }
    
    #profile-right {
    padding: 0px !important;
    width: auto !important;
    word-break: break-word;
    gap: 12px 12px;
    }
    
    #viewprofile-next #viewprofile .container tr {display: flex;flex-direction: column;}
    
    #profile-left {
    width: auto !important;
    margin-bottom: 12px;
    padding-bottom: 14px !important;
    }
    
    #viewprofile #profile-signature {
    padding: 14px 0px 12px 0px;
    }
    
    
    #pun-messages #profile .container {
        padding-left: 0!important;
    }
    
        #pun #profilenav {
            width: 100%;
            float: none;
            clear: both;
            margin: 5px 0px 15px 0px !important;
        }
    
        #pun-messages form#messages {
            margin-left: 0px;
            padding-left: 0px;
            padding-right: 8px;
        }
    
        #profilenav ul li {
            display: inline-block;
    padding: 5px;
        }
    
    
    #pun-main > div.usertable > div > table > thead > tr > th.tc2.title,#pun-main > div.usertable > div > table > thead > tr > th.tc3.relation,#pun-main > div.usertable > div > table > thead > tr > th.tc3.posts,
    #pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar,
    div.usertable .user_title,#pun-main > div.usertable .relation, #pun-main > div.usertable .num_posts, 
    #messages > fieldset > div > div > table > tbody > tr > td > em {display:none!important}
    
    
    #pun-userlist .usertable .container {
        padding: 10px!important;
    }
    
    
    #pun-main.main.multipage > div.usertable > div > table > thead > tr {margin:10px 0}
    
    .usertable tr {
    display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: auto;
    }
    
    #pun-main > div.usertable .username,
    #pun-main > div.usertable .registered,
    #pun-main > div.usertable .last_visit {width:auto!important}
    
    /*шапка*/
    
     #html-header {height:auto; background: var(--grad);}
    
    .bannner {background: var(--grad2);}
    
    .mless #html-header {  filter: grayscale(1) }
    
    #Logo {background:none!important;
    filter:none!important;
    height:160px;
    }
    
    #Logo:before {content: 'SEPTEMBER';font-size: 38px;font-family:var(--custom);color: var(--color-grey);display: flex;height: 82px;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-end;}
    
    #Logo:after {
            content: 'your special day';
            font-size: 11px;
            color: var(--color-grey);
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            font-size: 10px;
            text-transform: lowercase;
            justify-content: center;
    }
    
    #BookmCntToggle {
        position: absolute!important;
        left: 10px;}
    
    #chfontsize {
        position: absolute!important;}
    
    #pun-stats, .punbb .category,
    #stylelist {margin:0!important}
    
    
    /*замена верхнего меню*/
    
    
    #pun-navlinks.fixed, #pun-navlinks {background:var(--color-black2)!important}
    #pun-ulinks {background:var(--color-back)}
    
    #pun-navlinks .container {
            padding: 0px !important;
            height: 40px;}
    
    #pun-ulinks .container {padding:5px 5px 10px 5px!important;
            flex-wrap: wrap;
            height: auto !important;
            align-items: flex-start !important;
            justify-content: flex-start;
            display: flex;
            gap: 5px;
    }
    
    #pun-ulinks {top: 40px!important; 
            flex-wrap: wrap;
            height: auto !important;
            align-items: flex-start !important;
            justify-content: flex-start;
            display: flex;
            gap: 5px;
            padding: 0 !important;
    }
    
    
    #pun-navlinks {margin:0!important}
    
    #pun-navlinks > ul {
            display: flex;
            align-items: baseline;
            align-content: center;
            justify-content: center;
            gap: 9px;
    }
    
    
    #pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    display: block;
            margin: 6px 0px;
            font-size: 20px;
            text-transform: lowercase;
            font-weight: normal !important;
            color: var(--color-grey) !important;
    }
    
    
    #navindex a:before {content:"\e88a"!important;     font-family: "Material Symbols Outlined"; } 
    #navuserlist a:before {content:"\e653"!important;     font-family: "Material Symbols Outlined";} 
    #navsearch a:before {content:"\e8b6"!important;     font-family: "Material Symbols Outlined";} 
    #navpm a:before {content:"\e158"!important;     font-family: "Material Symbols Outlined";} 
    #navprofile a:before {content:"\e853"!important;     font-family: "Material Symbols Outlined";} 
    #navadmin a:before {content:"\e8b8"!important;     font-family: "Material Symbols Outlined";} 
    #navlogin a:before {content:"\ea77"!important;     font-family: "Material Symbols Outlined";}
    #navlogout a:before {content:"\e9ba"!important;     font-family: "Material Symbols Outlined";} 
    #navregister a:before {content:"\e7fe"!important;     font-family: "Material Symbols Outlined";} 
    #navpr_1 a:before {content:"\f0f3"!important;     font-family: "Material Symbols Outlined";}
    #navpr_2 a:before {content:"\e8f4"!important;     font-family: "Material Symbols Outlined";}
    
    input[type="range"] {
        top: 145px!important;
        right: 12px!important;
    }
    
    #stylelist a:before{
            color: var(--color-grey) !important;
    }
    
        #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
            width: auto !important;
            margin-left: -47vw !important;
            height: auto;
        }
    
        #profile>.container {
            padding-left: 10px !important;
            margin-top: 0px !important;
        }
    
    }
    
    
    input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 103px;
        height: 2px;
        background: var(--color-grey);
        outline: none;
        cursor: pointer;
        position: absolute;
        top: 65px;
        z-index: 1;
    opacity:0.85;
      }
    
            /* Кнопка (ползунок)  */
     input[type="range"]::-webkit-slider-thumb {
               appearance: none;
                width: 7px;
                height: 7px;
                background: var(--color-green);
                cursor: pointer;
            }
    
    input[type="range"]::-moz-range-thumb {          
                width: 7px;
                height: 7px;
                background: var(--color-green);
                cursor: pointer;
            }
    
    div .post-rating p>a, div.post-vote p>a {
        position: relative;
        z-index: 10;
        width: 28px;
        height: 28px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        letter-spacing: -1px;
        cursor: pointer;
    }
    
    /* Bingo
    ------------------стырили шаблон на Маяке---------------------------------------- */
    
    .p_bingo {
        display: grid;
        grid-template: repeat(3, 1fr) / repeat(3, 1fr);
        grid-gap: 6px;
        position: relative;
    overflow-x:auto;
    }
    
    .p_bingo .task {
        border: 1px dashed var(--color-green);
        padding: 10px 15px;
        display: flex;
        flex-direction: row;
        position: relative;
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    
    .p_bingo .task > p {
        text-align: center;
        margin: auto 0;
    }
    
    .p_bingo .task.done {
        background: var(--color-blue);
        border-color: transparent;'
    }
    
    .p_bingo .task .proof {
        position: absolute;
        background: var(--color-green);
        width: 100%;
        height: 100%;
        padding: 10px 15px;
        display: flex;
        box-sizing: border-box;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    opacity:0;
        transition-duration: 0.25s;
        -moz-transition-duration: 0.25s;
        -webkit-transition-duration: 0.25s;
        -o-transition-duration: 0.25s;
    }
    
    .p_bingo .task:hover .proof {
    opacity:1;
    }

    0


    Вы здесь » Додо Пицца » воен света » vogue


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