Код:

<!-- Общие настройки -->
<script>
    window.globalSettings = {
        enableWinterDecorations: false
    };

    if (typeof RusffCore !== 'undefined') {
        RusffCore.sets.notifications = false;
    }

    // Картинка "Перейти к сообщению" в цитате
    var QuoteImg = 'http://forumstatic.ru/files/0001/31/13/16504.png';

    // Иконки для тем и сообщений: установка картинок
    window.icons = {
        a: 'http://forumstatic.ru/files/0015/f7/bf/91831.gif',
        b: 'http://forumstatic.ru/files/0015/f7/bf/53862.gif',
        c: 'http://forumstatic.ru/files/0015/f7/bf/39090.gif',
        d: 'http://forumstatic.ru/files/0015/f7/bf/23830.gif',
        e: 'http://forumstatic.ru/files/0015/f7/bf/43778.gif',
        f: 'http://forumstatic.ru/files/0015/f7/bf/56414.gif',
        g: 'http://forumstatic.ru/files/0015/f7/bf/50569.gif',
        h: 'http://forumstatic.ru/files/0015/f7/bf/49699.gif',
        i: 'http://forumstatic.ru/files/0015/f7/bf/99394.gif',
        j: 'http://forumstatic.ru/files/0015/f7/bf/25549.gif',
        k: 'http://forumstatic.ru/files/0015/f7/bf/71062.gif',
        l: 'http://forumstatic.ru/files/0015/f7/bf/66206.gif',
        m: 'http://forumstatic.ru/files/0015/f7/bf/55306.gif',
        n: 'http://forumstatic.ru/files/0015/f7/bf/71861.gif',
        o: 'http://forumstatic.ru/files/0001/31/13/49187.png',
        p: 'http://forumstatic.ru/files/0001/31/13/30238.png',
        q: 'http://forumstatic.ru/files/0001/31/13/87491.png',
        r: 'http://forumstatic.ru/files/0001/31/13/29523.png',
        s: 'http://forumstatic.ru/files/0001/31/13/89798.png',
        t: 'http://forumstatic.ru/files/0001/31/13/25220.png',
        u: 'http://forumstatic.ru/files/0001/31/13/50298.png',
        v: 'http://forumstatic.ru/files/0001/31/13/64640.png' //Последний элемент без запятой
    };
    if (document.title.indexOf('¤') !== -1) {
        var itst = document.title.split('')[0];
        document.title = document.title.replace('†' + itst + '¤', '');
    }

    var icons_in_row = 11; //Количество иконок на первой строке в форме ответа
    var icon_topic_on = 1; //Таблица с иконками в Быстром ответе; 1 - включено, 0 - выключено

    window.FORUM_icons = [
        'font', 'background', 'size',
        'bold', 'italic', 'underline', 'strike', 'indent',
        'left', 'center', 'justify', 'right',
        'shadow', 'link', 'spoiler',
        'secret', 'decode',
        'image', 'video', 'lazyvideo',
        'hide', 'quote', 'audio', 'code',
        'mod', 'ex',
        'color', 'bgColor',
        'table', 'smile', 'keyboard', 'addition'
    ];

    function getTemplate(id) {
        return $('template#' + id).html();
    }
</script>


<!-- Скомпилированный файл скриптов -->
<script src="https://mybb.kozhilya.ru/mirra-bell/scripts/top.min.js"></script>


<!-- Переключение дизайна -->
<div class="design-toggler"></div>
<template id="design-toggler-button">
    <a class="design-button" id="${id}" href="javascript:void('${id}');" onclick="DesignToggler.toggle(this.id);">
        <img src="${item.icon}" alt="${item.name}" />
    </a>
</template>

<script>
    const rnd = Math.floor(Math.random() * 100000).toString();
    window.DesignToggler = new DesignTogglerClass({
        'styles': {
            'newDesign': {
                'name': 'Новый дизайн',
                // 'href': 'http://forumstatic.ru/files/0001/31/13/25210.css',
                'href': 'http://mybb.kozhilya.ru/mirra-bell/style1/style_cs.' + rnd + '.css',
                'icon': 'http://forumstatic.ru/files/0001/31/13/56735.png',
            },
            'oldDesign': {
                'name': 'Старый дизайн',
                'href': 'http://mybb.kozhilya.ru/mirra-bell/style2/style_cs.' + rnd + '.css',
                'icon': 'http://forumstatic.ru/files/0001/31/13/15946.png',
            },
        },
        'buttons': {
            'container': $('.design-toggler'),
            'button': (id, item) => eval('`' + getTemplate('design-toggler-button').replace('`', '\\`') + '`'),
            'setActive': (id) => $('.design-button').removeClass('active').filter('#' + id).addClass('active'),
        }
    });
</script>

<!-- Защита от отключения JavaScript на CSS -->
<noscript>
    <style>
        @import url("http://forumstatic.ru/files/0016/0b/c8/13249.css");
    </style>
</noscript>


<!-- Кнопка "Выделить код" -->
<template id="code-box-title">
    <a href="#select-code" onclick="selectCodeBox(this);return!1">Выделить код</a>
    (<a href="#copy-code" onclick="selectCodeBox(this, true);return!1">скопировать сразу</a>)
</template>
<script>
    // Стандартный метод выделения части кода
    window.selectBox = (target) => {
        let rng, sel;
        if (document.createRange) {
            rng = document.createRange();
            rng.selectNode(target);
            sel = window.getSelection();
            sel.removeAllRanges();
            sel.addRange(rng);
        }
        else {
            rng = document.body.createTextRange();
            rng.moveToElementText(target);
            rng.select();
        }
    }

    window.selectCodeBox = (target, copy = false) => {
        window.selectBox($(this).parent().next().find('pre').get(0));
        if (copy) {
            document.execCommand('copy');
        }
    }

    // Непосредственно пример
    MyBBCode.addAdapter((container) => {
        $('.code-box .legend', container).html(getTemplate('code-box-title'));
    });
</script>


<!--ТЕГ  абзаца - [indent] -->
<script>
    MyBBCode.addToEditor('indent', {
        name: "Красная строка",
        onclick: () => smile('[indent]'),
    });

    // MyBBCode.addAdapter((container) => {
    //     $('p:contains("[indent]")', container).each(function () {
    //         // TODO
    //         // $(this).html($(this).html().replace(/\[indent\]/gm, '<span class="custom_tag custom_tag_indent"></span>'));
    //     });
    // });
</script>


<!-- Модераторские теги © Alex_63 (адаптировано kozhilya) -->
<script>
    MyBBCode.addAdapter((container) => {
        function process(elem, text) {
            elem = $(elem);

            if (elem.hasClass('processed')) return;
            elem.addClass('processed')

            const wrapper = $('<blockquote></blockquote>');

            elem.wrapInner('<blockquote></blockquote>')
                .prepend('<cite>' + text + ':</cite>');
        }

        $('.custom_tag_mod', container).each((i, elem) => process(elem, 'ВНИМАНИЕ! Предупреждение от администрации'));
        $('.custom_tag_ex', container).each((i, elem) => process(elem, 'ВНИМАНИЕ! Строгое предупреждение от администрации'));
    });

    if (GroupID <= 2) {
        MyBBCode.addToEditor('mod', {
            name: "Уведомление",
            onclick: () => bbcode('[mod]', '[/mod]')
        });

        MyBBCode.addToEditor('ex', {
            name: "Предупреждение",
            onclick: () => bbcode('[ex]', '[/ex]')
        });
    }
    else {
        $(() => {
            $('.formsubmit .button').click(function () {
                var txt = $('#main-reply:first').val(),
                    c = (txt.indexOf('[/ex]') !== -1 || txt.indexOf('[/mod]') !== -1);
                if (c) {
                    alert('Вам запрещено использовать модераторские теги.');
                    $('.button[disabled]').removeAttr('disabled');
                    return false;
                }
            });
        });
    }
</script>


<!-- Деньги и ссылка на сообщения -->
<template id="template-user-messages-link">
    <span class="fld-name">
        <a href="/search.php?action=show_user_posts&user_id=${id}" target="_blank">Сообщений</a>:
    </span>
    <span>${posts}</span>
</template>
<template id="template-user-money">
    <span class="fld-name"><em>Рейны</em>:</span>
    <span>${value}</span>
</template>
<script>
    MyBBCode.addAuthorEditor((ul) => {
        const field = 'fld3';
        const diff = 2;

        const fldPosts = $('li.pa-posts', ul);
        let fldMoney = $("li.pa-" + field, ul);
        
        const id = ul.parents('.post').data('user-id');
        const posts = parseInt(fldPosts.text().split(':')[1]);
        let value = posts * diff;

        const leval = t => eval('`' + t.replace(/`/g, '\\`') + '`');
        
        if (fldMoney.length > 0) {
            value += parseInt(fldMoney.text().replace(/^(.*): (-?\d+)$/, "$2"));
        }
        else {
            fldMoney = $('<li></li>').addClass('pa-' + field);
            fldPosts.after(fldMoney);
        }

        fldMoney.html(leval(getTemplate('template-user-money')));
        fldPosts.html(leval(getTemplate('template-user-messages-link')));
    });
</script>

<!--
<script type="text/javascript">
    $('.post-author ul').each(function () {
        const id = ul.parents('.post').data('user-id');
        const posts = $(this).find('.pa-posts').text().split(':')[1];
        const html = eval('`' + getTemplate('template-user-messages-link').replace(/`/g, '\\`') + '`');
        $(this).find('.pa-posts').html(html);
    });
</script>
-->


<!-- Ссылка на все сообщения юзера в поле Cообщения
<script>
    MyBBCode.addAuthorEditor((ul) => {
        const id = ul.parents('.post').data('user-id');

        $('li.pa-posts', ul).html('<a href="/search.php?action=show_user_posts&user_id=' + id + '" target="_blank"><b>Сообщений</b></a>:'
            + $('.pa-posts', ul).text().split(':')[1]);
    });
</script>
 -->

<!--Окрас фона сообщений-->
<script>
    MyBBCode.addAdapter((container) => {
        $('a[href$="PostBgColor"] span', container).each((i, elem) => {
            const color = $(elem).css('color');
            const box = $(elem).parents('.post-box');
            box.css({'background-color': color});

            // const quote = box.find('.quote-box');
            //quote.css({'background-color':color}); //Если нужна окраска цитат - первые две палки убираем
        });
    });

    MyBBCode.addToEditor('bgColor', {
        name: "Фон сообщения",
        onclick: () => bbcode('[url=http://PostBgColor]', '[/url]')
    });

    // $(document).on('pun_main_ready', () => {
    //     $("#post #button-color").after('<td title="Фон сообщения" id="button-bgColor" align="center" valign="center"><img onclick="bbcode(\'[url=http://PostBgColor]\',\'[/url]\')" src="http://forumstatic.ru/files/0001/31/13/13287.png" style="width:22px!important;height:22px!important"/></td>');
    // });
</script>


<!--Тень для текста с любыми параметрами-->
<script>
    MyBBCode.addAdapter((container) => {
        $('.custom_tag_shadow', container).each((_, elem) => {
            const value = $(elem).attr('data-value');
            $(elem).css({'text-shadow': value});
        });
    });

    MyBBCode.addToEditor('shadow', {
        name: "Тень для текста",
        onclick: () => {
            const shadow = prompt('Введите параметры тени', '1px 1px 2px #FFF6AD');
            if (shadow) {
                bbcode('[shadow=' + shadow + ']', '[/shadow]');
            }
        }
    });
</script>


<!-- Фон для текста с любыми параметрами с регулированием ширины и высоты и положением текста -->
<script>
    MyBBCode.addAdapter((container) => {
        $('.custom_tag_background', container).each((_, elem) => {
            if (!(elem = $(elem)).attr('data-value')) return;

            const values = elem.attr('data-value').split(',');
            const wrapper = $('<div></div>').addClass('custom_tag_background-content');

            elem.removeAttr('data-value')
                .css({
                    'background': values[0],
                    'width': values[1],
                    'height': values[2],
                });
            wrapper.css({
                'margin-top': values[3],
                'margin-left': values[4],
            });

            if (values.length > 5) {
                elem.css('background-position', values[5]);
            }

            elem.wrapInner(wrapper);
        });
    });

    MyBBCode.addToEditor('background', {
        name: "Фон для текста",
        onclick: () => {
            const parts = [];
            
            parts.push(prompt('Введите параметры фона', 'url("http://forumstatic.ru/files/0001/31/13/13287.png") no-repeat #fc0'));
            parts.push(prompt('Введите ширину', '100%'));
            parts.push(prompt('Введите высоту', '100%'));
            parts.push(prompt('Введите отступ сверху', '50px'));
            parts.push(prompt('Введите отступ слева', '10px'));
            parts.push(prompt('Укажите расположение фона (left | center | right)', 'left'));
            
            if (FoundErrorsBACKGROUND) {
                alert("Ошибка!" + FoundErrorsBACKGROUND);
                return;
            }
            
            bbcode('[background=' + parts.join(',') + ']', '[/background]');
        }
    });
</script>


<!-- Кликабельность ника в постах гостя -->
<script>
    MyBBCode.addAdapter((container) => {
        $('.custom_tag_background', container).each((_, elem) => {
            if (!(elem = $(elem)).attr('data-value')) return;

            const values = elem.attr('data-value').split(',');
            const wrapper = $('<div></div>').addClass('custom_tag_background-content');

            elem.removeAttr('data-value')
                .css({
                    'background': values[0],
                    'width': values[1],
                    'height': values[2],
                });
            wrapper.css({
                'margin-top': values[3],
                'margin-left': values[4],
            });

            if (values.length > 5) {
                elem.css('background-position', values[5]);
            }

            elem.wrapInner(wrapper);
        });
    });
    
    MyBBCode.addAuthorEditor((ul) => {
        if (ul.parents('.post').data('group-id') === 3) {
            let pa = $(".pa-author", ul);
            pa.html(pa.html().replace(/(<.+>)(.+)$/, '$1<a href="javascript:to(\'$2\')">$2</a>'));
        }
    });
</script>


<!-- CSS-версия обтекания изображений в постах -->
<template id="template-float-buttons">
    <center style="position:relative;">
        <table id="add_float">
            <tr>
                <td id="text-left" title="Обтекание: текст слева">
                    <img onclick="bbcode('[img=float:right]','[/img]')" src="/i/blank.gif"/>
                </td>
                <td></td>
                <td id="text-right" title="Обтекание: текст справа">
                    <img onclick="bbcode('[img=float:left]','[/img]')" src="/i/blank.gif"/>
                </td>
            </tr>
        </table>
    </center>
</template>
<script>
    $(function () {
        $('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function (e) {
            e.preventDefault();
        });
        
        $('#post #button-image').prepend(getTemplate('template-float-buttons'));
    });
</script>


<!-- Отчистка .post-author от проблеов -->
<script>
    MyBBCode.addAuthorEditor((ul) => {
        $(ul)[0].childNodes.forEach(node => {
            if (node.nodeType === 3 && node.textContent.match(/^\s*$/))
                node.remove();
        })
    });
    

</script>


<!-- Прослушивание текста в постах v.2.1.1 (адаптировано kozhilya) -->
<template id="tts-button">
    <a class="speech-button" href="#toggle-tts"><i class="material-icons">volume_down</i></a>
</template>
<script>
    $(document).on('click touchend', '.post .speech-button', (e) => {
        e.preventDefault();
        console.log(e);
    });

    $(() => {
        const ahtml = getTemplate('tts-button');

        $('.post').each((i, post) => {
            const ws = window.speechSynthesis,
                text = $.trim($('.post-content > *:not(.post-sig)', post).text()),
                a = $(ahtml),
                set = (icon, tip) => a.attr('original-title', tip).find('i').text(icon);

            a.tipsy({live: !0, fade: !0, gravity: 'ne'}).on('click touchend', function (e) {
                e.preventDefault();

                if (!ws) {
                    $.jGrowl(UserLogin + ', данный браузер не поддерживает синтез речи', {
                        position: 'center',
                        life: 4e3
                    });
                }
                else {
                    const ms = new SpeechSynthesisUtterance(text);
                    ms.onend = function () {
                        set('volume_down', 'Прослушать текст')
                    };

                    if (!speechSynthesis.speaking) {
                        setTimeout(() => ws.speak(ms), 100);
                        set('volume_off', 'Остановить чтение');
                    }
                    else {
                        setTimeout(() => ws.cancel(), 250);
                        set('volume_down', 'Прослушать текст');
                    }
                }
            });

            $('a.sharelink', post).before(a);
        });
    });
    /*
    $(document).ready(function () {
        $('.post').map(function () {
            var ii = $(this).attr('id'), ws = window.speechSynthesis,
                p = $('.post-content>*:not(.post-sig)', this).text(), col = $('a.permalink').css('color');
            $.trim(p);
            $('a.sharelink', this).before('<i class="material-icons" id="t-' + ii + '" style="float:right;margin-left:0.3em;margin-top:-5px;cursor:pointer;color:' + col + '" original-title="Прослушать текст">volume_down</i>');
            var spi = (s, im, t) => $(s).text(im).attr('original-title', t);
            $('#t-' + ii).tipsy({live: !0, fade: !0, gravity: 'ne'}).on('click touchend', function (e) {
                e.preventDefault();
                if (!ws) {
                    $.jGrowl(UserLogin + ', данный браузер не поддерживает синтез речи', {
                        position: 'center',
                        life: 4e3
                    });
                } else {
                    var ms = new SpeechSynthesisUtterance(p);
                    ms.onend = function () {
                        spi('#t-' + ii, 'volume_down', 'Прослушать текст')
                    };
                    if (!speechSynthesis.speaking) {
                        setTimeout(function () {
                            ws.speak(ms)
                        }, 100);
                        spi(this, 'volume_off', 'Остановить чтение');
                    } else {
                        setTimeout(function () {
                            ws.cancel();
                        }, 250);
                        spi(this, 'volume_down', 'Прослушать текст');
                    }
                }
            });
        });
    });
    */
</script>


<!-- Упорядочивание иконок -->
<script>
    MyBBCode.sortEditor(window.FORUM_icons);
</script>


<div design-depended>
    <!-- Для нового стиля -->
    <template design="newDesign">
        <!-- Гиф в шапке -->
        <div class="title-animation">
            <img src="http://forumstatic.ru/files/0001/31/13/34748.gif" alt="&nbsp;" />
        </div>
        <!-- Конец гиф в шапке -->
    </template>

    <!-- Для старого стиля -->
    <template design="oldDesign">

    </template>
</div>


<!------------------------------------- Мгновенные уведомления -------------------------->
<!-- Мгновенные уведомления © Alex_63, Deff 2019 -- >
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/f/ru/bestbb/notifications.css" /> 
<script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/notifications.js"></script> 
<script type="text/javascript">
    notifications.token = '12c20b910807daf57c94df65c5a948a68b86e73b'; // Forum token
    notifications.key = '9s0552ptia7'; // Subscription key
    
    // Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 
    notifications.load('subscriptions');
    
    // Мгновенные уведомления: упоминания © Alex_63, 2020
    notifications.load('mentions');
    
    // Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019
    notifications.load('common', {});
    notifications.load('important', {topics: [10, 816, 1379, 6516]}); // ID важных тем (через запятую)
    
    // Мгновенные уведомления: изменения в полях профиля © Alex_63, 2019
    notifications.load('fields', {fields: [2, 3]});
    
    // Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019
    notifications.load('reputation');
    
    // Мгновенные уведомления: настройки
    notifications.blinkAllTabs = 'false'; //отключение мигания всех вкладок кроме последней активной
</script>
<!-- Конец мгновенных уведомлений -->

Код:

<!-- Скомпилированный файл скриптов -->
<script src="http://mybb.kozhilya.ru/mirra-bell/scripts/bottom.min.js"></script>


<!-- подключение модулей от Лабы -->
<script type="text/javascript">
    var Rusff = {};
    document.write('<scr' + 'ipt type="text/javascript" src="http://s1.qsdb.ru/core/core.rusff.ru/build/app.js?' + (new Date().getTime()) + '"></scr' + 'ipt>');
</script>


<!-- Экранирование символов в теге [NIC] -->
<script>
    (() => {
        const regex = /\[NIC\]([^\[]+)\[\/NIC\]/;
        const esc = (val) => $('<p></p>').html(val).text();
        $('p').each((_, p) => {
            let d = (p = $(p)).html().split(regex);
            if (d.length > 1) {
                let h = d[0];
                for (let i = 1; i < d.length; i += 2) {
                    h += '[NIC]' + esc(d[i]) + '[/NIC]' + d[i + 1];
                }
                p.html(h);
            }
        });
    })();
</script>


<!--Смена имиджа в текущем посте-->
<script>
    OnSmenaImage("~ Альмарен ~", ["Посол"]);
    var AvtrArr = [];
    StartNIZ(); //
</script>


<!-- Иконки для тем и сообщений © Alex_63 / Ч.2  -->
<script>
    setIcons();
</script>


<!-- Сворачивание категорий -->
<script>
    var aimg = {
        open: 'http://forumstatic.ru/files/0001/31/13/28110.png',
        close: 'http://forumstatic.ru/files/0001/31/13/40073.png'
    }
    var attl = {
        open: 'Скрыть',
        close: 'Показать'
    }

    $('#pun-main div.category > h2 div.catleft').after('<em class="offctgr" style="float: right;"><img src="' + aimg.open + '" title="' + attl.open + '" /></em>');
    $('#pun-main div.category').each(function (i) {
        var ctgId = $(this).attr('id');
        if (getCookie(ctgId) === 'close') {
            $('#' + ctgId + ' > div.container').css({display: 'none'});
            $('#' + ctgId + ' > h2 > .offctgr img').attr("src", aimg.close).attr("title", attl.close)
        }
    });
    $('em.offctgr').click(function () {
        var cat = $(this).parents('div.category').attr('id');
        $(this).parents('div.category').children('div.container').slideToggle(100);
        var s = $(this).find("img").attr("src") === aimg.open ? aimg.close : aimg.open;
        var sT = $(this).find("img").attr("title") === attl.open ? attl.close : attl.open;
        $(this).find("img").attr("src", s).attr("title", sT)
        var catc = getCookie(cat);
        catc = catc === 'close' ? 'open' : 'close';
        setCookie(cat, catc, {'max-age': 3600 * 24 * 30 * 1000});
        return false;
    });
</script>


<!-- Чекбокс "Выбрать все" при модерировании темы и форума © Alex_63 -->
<script>
    if ($('#pun-modviewforum').length) {
        $('th.tcmod').html('<input type="checkbox" id="CheckAll" title="Выбрать все">');
        $('#CheckAll').click(function () {
            if ($('#CheckAll').attr('checked')) {
                $(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked', true);
            }
            else {
                $(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked', false);
            }
        });
    }
    else if (GroupID <= 2 && $('.punbb[id^="pun-multi"]').length) {
        $('.modmenu .button').before('<span>Выбрать все</span><input type="checkbox" id="CheckAll" title="Выбрать все">');
        $('#CheckAll').click(function () {
            if ($('#CheckAll').attr('checked')) {
                $(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked', true);
            }
            else {
                $(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked', false);
            }
        });
    }
</script>
<!-- //END// -Чекбокс "Выбрать все" при модерировании темы и форума -->


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


<!-- Мини-стиль для некоторых тем (в посте скрываем автора) © Alex_63 -->
<template class="template-ministyle">
    <style>
        .post-author,.pl-email,.pl-website{ display: none !important; }
        .post-body,.post-links,.post-links ul,.post h3>span{
            margin-left: 0 !important;
        }
    </style>
</template>
<script type="text/javascript">
    var tIDarr = "4, 8, 12, 473, 691, 693, 697, 698, 699, 700, 720, 759, 768, 900, 930, 1258, 1418, 1438, 1441, 1442, 1444, 1445, 1446, 1447, 1448, 1455, 1488, 1523, 1722, 1826, 2133, 2234, 2265, 2304, 2315, 2356, 2357, 2551, 2662, 2690, 2734, 2856, 2863, 2923, 2924, 3103, 3161, 3190, 3192, 3446, 3456, 3483, 3486, 3487, 3675, 3768, 3969, 3970, 3971, 4337, 4338, 4339, 4365, 5053, 5189, 5207, 5208, 5209, 5210, 5491, 6029, 6069, 6070, 6075, 6076, 6077, 6078, 6079, 6080, 6081, 6082, 6083, 6084, 6085, 6086, 6087, 6088, 6089, 6090, 6091, 6105, 6112, 6115, 6116, 6117, 6118, 6130, 6131, 6138, 6141, 6156, 6157, 6158, 6161, 6162, 6419, 6761, 6780, 6786"  //ID Тем, в которых применяем стиль
        .split(/\s*,\s*/);

    if ($('#pun-viewtopic').length && $.inArray($('head>link[rel="alternate"]')[0].href.split('id=')[1], tIDarr) !== -1)
        document.write(getTemplate('template-ministyle'));
</script>


<!-- Запрет простановки репутации(оценки поста) в некоторых форумах -->
<!-- Отключены только минусы в разделе с квентами -->
<script>
    DisallowRespect('{ "-f3": [], "f6": [], "-t779": [], "-t10": [] }');
</script>


<!-- Пиар-вход v.2 -->
<script type="text/javascript">
    PR.nick = 'Посол'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();
</script>


<!-- запрет гостям на просмотр профиля -->
<script type="text/javascript">
    if (document.getElementById('pun-status').innerHTML.indexOf("Гость") !== -1) {
        if (document.URL.indexOf("profile.php") !== -1) {
            document.getElementById('pun-status').innerHTML = '<div id="pun-status" class="section"><p class="container"><span class="item1">Вы не имеете права доступа к этой странице</span></p></div>';
            document.getElementById('pun-main').style.display = 'none';
        }
    }
</script>


<!-- Выделение ников-->
<script type="text/javascript">
    function inColor(color, myarray) {
        var a = document.links
        for (i = 0; i < a.length; i++) {
            for (q = 0; q < myarray.length; q++) {
                if (a[i].innerHTML === myarray[q]) {
                    a[i].innerHTML = "<span style=\"color: " + color + ";\">" + myarray[q] + "</span>"
                }
            }
        }
    }

    inColor("darkviolet", ["Антоэль", "Найриль"]);
    inColor("green", ["Нолсингир"]);
    inColor("#00A5A5", ["Морваракс", "Алу Скетч", "Кристофер Холл", "Кристина Амелл", "Аркон"]);
</script>


<!-- Аватар по умолчанию-->
<script type="text/javascript">
    var avalink = "https://funkyimg.com/i/35MgK.jpg";

    if (document.URL.indexOf("viewtopic.php") !== -1) {
        $("div.post-author").each(function () {
            if ($(this).find("li.pa-avatar").html() == null) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='" + avalink + "' title='" + $(this).find("li.pa-author a").text() + "' /></li>");
        });
    }
</script>


<!-- Аватар в цитате V.2 © Alex_63 / Ч.2 в HTML низ -->
<script>setLinkAndAva()</script>


<!--Ссылка на все сообщения юзера в поле Cообщения-->


<!-- Ссылка Новые сообщения на старом добром месте-->
<script type="text/javascript">
    if (GroupID !== 3) {
        $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
    }
</script>


<!-- Предпросмотр личных сообщений -->
<script type="text/javascript">
    $('#pun-messages form#messages .tclcon a').each(function () {
        var a = this.href, that = $(this);
        $(this).after('<div class="m-content"></div>');
        $(this).hover(function () {
            $.ajax({
                url: a,
                cache: true,
                async: false,
                success: function (data) {
                    var b = $(data).find('.post-content p').html();
                    that.parent().find('.m-content').show().html(b);
                }
            });
        }, function () {
            that.parent().find('.m-content').hide();
        });
    });
</script>


<!-- Максимум сообщений в теме-->
<!-- TODO: Проверить необходимость
<script> PostMaximum = 2000;</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/82017.js"></script>
-->


<!--Универсальный скрипт замены. -->
<script>
    function UniverChange(selector, old, replacement) {
        $(selector).each(function () {
            const parent = $(this).parent();

            if (parent.html() != null) {
                if (parent.html().indexOf(old) !== -1) {
                    parent.html(parent.html().replace(old, replacement));
                }
            }
        });
    }

    UniverChange("li.pa-posts", "Сообщений", "Сообщения");
    UniverChange("#pun-stats .item3 span", "Зарегистрированных пользователей:", "Всего жителей:");
    UniverChange("#pun-stats .item4 span", "Последним зарегистрировался:", "Последним поселился:");
    UniverChange("#pun-stats .item5 span", "Активны", "Сейчас по Альмарену гуляют:");
    //На следующей строке можно добавить еще запрос
</script>


<!-- Запрет редактирования профиля -->
<script type="text/javascript">
    if ((UserLogin === 'Посол') || (UserLogin === 'Сказитель') && (document.URL.indexOf("profile.php") !== -1)) {
        $("#profile .container").replaceWith("<div style='color: #FF0000; padding: 10px 10px 10px 10px;'>Профиль не редактируется пользователем</div>");
    }
</script>


<!-- Награды во всплывающую табличку -->
<script type="text/javascript">
    FORUM.myTabsAddFunc = function () {
        const tabs = $('.my-tabs:visible'),
            tid = tabs.attr('tid'),
            max = 8,
            stl = `style="text-align: center; width: ${(100 / max).toPrecision(2)}"`,
            pstAuth = $('.post-author .a-info[alt$="id=' + tid + '"]:first').parents('.post-author');

        let str = '<tr>';

        if (!$('.mini_awards > a', pstAuth).length)
            return;

        $('> span:first', tabs).before('<span>Награды</span>');
        $('.tab-a:first', tabs).before('<li class="tab-a t-award" num-tab="0-0" style="display:none"></li>');
        $('.t-award', tabs).append('<div class="post-content"><table id="awrd-cnt"></table></div>');

        $('.mini_awards > a', pstAuth).each((i, elem) => {
            const img = $('img', elem),
                src = img.attr('src'),
                ttl = img.attr('title') ?? img.attr('original-title');

            str += `<td ${stl}><img class="postimg" src="${src}" alt="${src}" title="${ttl}" /></td>`
                + ((i % max === max - 1) ? '</tr><tr>' : '');
        });

        str += '</tr>';
        $('#awrd-cnt', tabs).append(str);
        $('> span:first', tabs).click();
        $('#awrd-cnt img[title]', tabs).tipsy({fade: true, gravity: 's'});
    };
</script>
<script src="http://forumstatic.ru/files/0001/31/13/88005.js" img-data forum="123"></script>


<!-- Расширенная палитра цветов (NEW) -->
<script type="text/javascript">
    $('#color-area tr').append('<td><input type="color" id="litr" style="cursor:pointer;padding:0;width:22px;" title="Показать всю палитру" value="#ffa500"></td>');
    $('#litr').change(function () {
        bbcode('[color=' + this.value + ']', '[/color]');
    });
</script>


<!--Счетчик символов-->
<script>
    var a, L, epl = $("#main-reply"),
        str = '<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';
    epl.parents("fieldset").find("legend").prepend(str);

    function epl3() {
        a = epl.val().length;
        if (a > 9) {
            L = ''
        }
        else {
            L = '0'
        }
        $("#plng b").text(L + a)
    }

    epl3();
    $(".pl-quote").click(function () {
        setTimeout('epl3()', 100)
    });
    epl.bind('mouseout mousemove keydown keypress keyup', function (e) {
        epl3()
    });
</script>


<!--Возраст форума -->
<div class="Age_forForum">Нашему форуму <img data-age_forForum="11.08.2007" src="/i/blank.gif" onload="this.click()" />.
</div>


<!-- Скрываем опцию репутации в определенных темах © Alex_63 -->
<!-- Отключена репа в вопросах к администрации, халявных подарках и играх -->
<script>
    !function () {
        var tIDarr = "3422, 3802, 3946, 804, 825, 1265, 702, 1358, 704, 2809, 4351, 4475, 4776, 4960, 6253, 6516"
            //ID тем, в  которых скрываем репутацию, через запятую 
            .split(/\s*,\s*/);

        function addStyle() { /*==123==;
   <style type="text/css"> 
       .pa-respect, .post-rating {display: none !important;}
   </style> 
 ==123==;*/
        }

        addStyle = addStyle.toString().split('==123==;')[1];
        tIDarr.indexOf($('head>link[rel="alternate"]')[0].href.split('id=')[1]) !== -1 && $('#pun-viewtopic').length && document.write(addStyle);
    }();
</script>


<!--Меняем шрифт в топике -->
<style id="topic-font-size"></style>
<template id="topic-font-changer">
    <strong class="fnt">
        <img src="img/minus.png" alt="-" />
        Шрифт: <em></em>
        <img src="img/plus.png" alt="+" />
    </strong>
</template>
<template id="topic-font-size-style">#main-reply, .punbb .post-content { font-size: ${value}px; }</template>
<script>
    (() => {
        const s = $("style#topic-font-size");
        const t = $('template#topic-font-size-style').html();

        $(".post:first h3 strong, .post:last h3 strong").after(getTemplate('topic-font-changer'));

        let c_Fnt, upd = false,
            N = getCookie('c_Fnt');

        if (N) {
            c_Fnt = parseFloat(N);
            upd = true;
        }
        else {
            c_Fnt = Math.round(parseFloat($(".punbb .post-content").css("font-size")));
        }
        setFontSize(c_Fnt, upd);

        function setFontSize(value, update = true) {
            c_Fnt = value;
            s.html(eval(`\`${t}\``));
            $('.post h3 .fnt em').html(value);

            if (update) {
                setCookie('c_Fnt', c_Fnt, {'max-age': 30 * 24 * 60 * 60 * 1000});
            }
        }

        $(".post h3 img[alt='-']").click(function () {
            if (c_Fnt) {
                setFontSize(c_Fnt - 1);
            }
        });
        $(".post h3 img[alt='+']").click(function () {
            if (c_Fnt < 38) {
                setFontSize(c_Fnt + 1);
            }
        });
    })();
</script>


<!-- //Скрипт игнора HTML верх-->
<style id="hideIgnor">.post .pa-fld5 { display: none }</style>
<script src="http://forumstatic.ru/files/0001/31/13/37780.js"></script>
<!-- //Скрипт игнора -->


<script type="text/javascript">
    //Ники модераторов/администраторов исключаемых из игнора
    var Nick_Lst = "Антоэль, Элиэль, Найриль, Нолсингир";
    MyUserIgnor();
</script>


<!-- Cкрипт скрытия присутствия главадмина -->
<script>
    var first = true;
    $(document).pun_aboutReady(function () {
        UserOff(1, "30-04-2017 22:10:30", 2, "Элиэль");

        function UserOff(off, last_visit, IDUser, NIK) {
            if (off !== 0) {
                var t9 = "Последний визит:<br/>"
                var p = ",", p2 = '<span class="pt">,</span>'
                var s;
                var ss0 = 0;
                var ss000;
                var NIKprov = "/profile.php?id=" + IDUser;

                function removeNicKandZpt(selekt) {
                    var Changes = false;
                    if (first) {
                        first = false;
                        selekt.html(selekt.html().substring(0).replace(/,/img, p2));
                    }
                    selekt.find("a[href$='" + NIKprov + "']").each(function () {
                        Changes = true;
                        $(this).next('span.pt').remove();
                        $(this).remove();
                    });
                    var ptlast = selekt.find('a:last').prev('span.pt');
                    if (ptlast.length) {
                        //ptlast.remove();
                    }
                    return Changes;
                }

                <!-- Проверяем на Главной -->
                //selekt=$("#pun-index #onlinelist>div a[title$='кто чем занимается на форуме.']").parent();
                selekt = $("#pun-index .statscon .onlinelist span");
                ss0 = selekt.html()
                if (ss0 !== null) {//Ищем и убираем Ник и запятушку
                    if (removeNicKandZpt(selekt)) {
                        ss0 = selekt.parent().find("strong:eq(1)").html();//alert(ss0)
                        s = ss0 - 1; // Уменьшаем кол-во пользователей

                        selekt.find("strong:eq(1)").html(s)
                    }
                }
                <!-- конец проверки на Главной -->

                <!-- Проверка в Топике -->
                var ss = "Тему просматривают"
                selekt = $("#pun-viewtopic div.modmenu p.container:contains('" + ss + "')")
                ss0 = selekt.html();

                if (ss0 !== null) { //Ищем и убираем Ник и запятушку
                    if (removeNicKandZpt(selekt)) {
                        ss000 = selekt.html();
                        for (var i = 0; i < ss000.length; i++) {
                            if (ss000.substring(0, i).indexOf("Пользователей: ") != -1) { //Ищем на стр. кол-во Пользователей
                                var j = i;
                                break;
                            }
                        }

                        for (var i = j; i < ss000.length; i++) {
                            if (ss000.substring(j, i).indexOf(")") != -1) {
                                var y = i;
                                break;
                            }
                        }

                        s = ss000.substring(j, y - 1) - 1
                        ss000 = ss000.substring(0, j) + s + ss000.substring(y - 1)
                        ss0 = selekt.html(ss000); //Вставили измененную строку юзеров внизу топика

                    }
                }
                ;
                <!-- Конец проверки строки присутствия в топике -->

                <!-- Проверки активности аватара в топике -->
                ss0 = $("#pun-viewtopic li.pl-email a[href$='" + NIKprov + "'],#pun-messages li.pa-author a[href$='" + NIKprov + "']").parents("div.container").find("div.post-author.online ul").html()
                $('#most_invites,#administration').find('a[href$="' + NIKprov + '"]').parents('tr').find('.tc3:last').text(last_visit.split(/\d\d:\d\d/)[0])
                if (ss0 !== null) {

                    if (document.URL.split('/profile.php?id=')[1] == '' + IDUser) $('#pun-profile #profile-right li span:contains("Последний визит:")').next('strong').text(last_visit)
                    $("li.pl-email a[href$='" + NIKprov + "'],#pun-messages li.pa-author a[href$='" + NIKprov + "']").parents("div.container").find("div.post-author.online ul").each(function (i) {
                        $(this).find("li.pa-online").addClass("pa-last-visit").removeClass("pa-online").html(t9 + last_visit)
                        $(this).parent("div.post-author.online").removeClass("online")
                    });
                }
                <!--  Конец -проверки активности авы в топике -->

                <!-- Проверка и cкрытие при просмотре: ссылки(с главной) "Активны" -->
                ss0 = $("#pun-online td.tcl a[href$='" + NIKprov + "']").parent("td.tcl").parent("tr").hide()
            }
        }
    });
</script>
<!-- End Cкрытие присутствия главадмина -->


<template id="access-denied">
    <div id="pun-main" class="main">
        <h1><span>Информация</span></h1>
        <div class="info">
            <div class="container"><b><span>Вы не имеете прав доступа к этой странице.</span></b></div>
        </div>
    </div>
</template>
<script type="text/javascript">
    if ((document.URL.indexOf("profile.php") !== -1) && (GroupID === 3)) {
        $("#pun-main").html(getTemplate("access-denied"));
    }
</script>


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

<!--
<div class="go-up" id="ToTop"><img src="http://forumstatic.ru/files/0001/31/13/78690.png" border="0" /></div>
<div class="go-down" id="OnBottom"><img src="http://forumstatic.ru/files/0001/31/13/64694.png" border="0" /></div>
-->
<script type="text/javascript">
    $(function () {
        const t = $("#ToTop");
        const b = $("#OnBottom");

        function toggle(el, state, duration = 100) {
            el[state ? 'fadeIn' : 'fadeOut'](duration);
        }

        function scrollArrowToggle(first = false) {
            const current = $(window).scrollTop();
            const minimum = 250;
            const maximum = $(document).height() - 999;

            toggle(t, current >= minimum);
            toggle(b, current <= maximum);
        }

        $(window).scroll(() => scrollArrowToggle(false));
        scrollArrowToggle(true);

        t.click(function () {
            $("html, body").animate({scrollTop: 0}, 100)
        })
        b.click(function () {
            $("html, body").animate({scrollTop: $(document).height()}, 100)
        })
    });
</script>


<script>
    ((blocks, after) => {
        const menu = $('<div></div>').addClass('mobile-navigation');
        const a = $('<a></a>').addClass('mobile-navigation-button').appendTo(menu);

        $.each(blocks, (_, block) => {
            $(block).detach().appendTo(menu);
        });

        a.attr('href', '#toggleMenu').html('&nbsp;').on('click', (ev) => {
            ev.preventDefault();
            $('body').toggleClass('mobile-navigation-active');
        });

        $(after).after(menu);
    })([
        '.punbb > #pun-navlinks',
        '.punbb > #pun-ulinks',
        '.punbb > #pun-announcement',
    ], '.punbb > #pun-title');

    // Навигация
    ((navlinks) => {
        return;
        $('#pun-navlinks li').each((i, li) => {
            $('span', li).after(`<img class="navigation-image" src="${navlinks[li.id]}" alt="${$('span', li).html()}" />`);
        });
    })({
        "navindex": "http://forumstatic.ru/files/0014/90/a7/73760.png",   // Форум
        "navuserlist": "http://forumstatic.ru/files/0014/90/a7/48220.png", // Участники
        "navsearch": "http://forumstatic.ru/files/0014/90/a7/99539.png", // Поиск
        "navrules": "http://forumstatic.ru/files/0014/90/a7/92193.png", // Правила
        "navprofile": "http://forumstatic.ru/files/0014/90/a7/99749.png", // Профиль
        "navpm": "http://forumstatic.ru/files/0001/31/13/58652.png", // Сообщения/почта
        "navadmin": "http://forumstatic.ru/files/0014/90/a7/13500.png", // Администрирование
        "navregister": "http://forumstatic.ru/files/0014/90/a7/61351.png", // Регистрация
        "navlogin": "http://forumstatic.ru/files/0014/90/a7/96822.png", // Войти
        "navlogout": "http://forumstatic.ru/files/0014/90/a7/38996.png"
    });

    // Категории
    ((categories) => {
        return;
        $("#pun-index div.category h2, #pun-index #pun-stats h2").each((i, h2) => {
            const span = $('span', h2);
            span.after(`<img class="category-image" src="${categories[span.html()]}" alt="${span.html()}" />`);
            // for (q = 0; q < myarray.length; q++) {
            //     var cssObj = {
            //         "height": "74px",
            //         "width": "800px",
            //         "margin-left": "243px",
            //         "background-color": "transparent",
            //         "background-image": "url(" + myarray[q + 1] + ")",
            //         "font-size": "0.0em",
            //         "background-repeat": "no-repeat"
            //     }
            //     if ($('> span', this).text() === myarray[q]) $(this).css(cssObj);
            //     q++
            // }
        });
    })({
        "Добро пожаловать": "http://forumstatic.ru/files/0014/90/a7/21163.png",
        "Консисторий": "http://forumstatic.ru/files/0014/90/a7/48158.png",
        "Тайные тропы": "http://forumstatic.ru/files/0001/31/13/29279.png",
        "Обманчивый Запад": "http://forumstatic.ru/files/0014/90/a7/32453.png",
        "Суровый Север": "http://forumstatic.ru/files/0014/90/a7/72178.png",
        "Царство Тьмы": "http://forumstatic.ru/files/0001/31/13/55720.png",
        "Сияющий Юг": "http://forumstatic.ru/files/0014/90/a7/20493.png",
        "Южный океан": "http://forumstatic.ru/files/0014/90/a7/47651.png",
        "Южный материк": "http://forumstatic.ru/files/0014/90/a7/43420.png",
        "Загадочный Восток": "http://forumstatic.ru/files/0014/90/a7/36965.png",
        "Центральные земли": "http://forumstatic.ru/files/0014/90/a7/12782.png",
        "Старинный портал": "http://forumstatic.ru/files/0014/90/a7/33132.png",
        "Личное пространство": "http://forumstatic.ru/files/0014/90/a7/55975.png",
        "Арена": "http://forumstatic.ru/files/0014/90/a7/22626.png",
        "ФЛУД 4EVER": "http://forumstatic.ru/files/0014/90/a7/30450.png",
        "Старый подвал": "http://forumstatic.ru/files/0014/90/a7/48330.png",
        "Посольство": "http://forumstatic.ru/files/0014/90/a7/64331.png",
        "Статистика форума": "http://forumstatic.ru/files/0014/90/a7/39568.png"
    });
</script>

<!-- ч2 форум колонкой -->
<template id="category-info-template">
    <div class="category-info">
        <div class="counter">Teм: <span class="right">{topics}</span></div>
        <div class="counter">Cообщений: <span class="right">{messages}</span></div>
        <div class="info">{info}</div>
    </div>
</template>
<script type="text/javascript">
    $('#pun-index .category td.tcl').each(function () {
        const tr = $(this).parents('tr:first');
        const lsr = tr.find('td:first');
        let str = getTemplate('category-info-template');

        $.each({
            'topics': $('td.tc2', tr).text(),
            'messages': $('td.tc3', tr).text(),
            'info': $('td.tcr', tr).html(),
        }, (key, value) => {
            str = str.replace(new RegExp(`\\{${key}\\}`, 'g'), value);
        });

        $(str).appendTo(lsr);
    });
</script>

<div design-depended>
    <template design="newDesign">

        <script type="text/javascript">
            $(document.links).each((i, a) => {
                if (a.innerHTML === "Уважение") {
                    a.innerHTML = "Репутация";
                }
            });
        </script>

        <!-- Копирайт -->
        <div style="width:905px; /*height: 64px;*/ /*position:absolute;*/ margin-top: -8px;">
            <center>
                <br>Design by <b>Selebris</b> special for Almarein. 2019<br>
                <b>icq</b>: 601-342-695, <b>skype</b>: last-reason <b>Website</b>:
                <a href="http://black-dove1.tumblr.com" title="Selebris' portfolio"><b>black-dove1.tumblr.com</b></a>
            </center>
            <!--Баннеры в бегущей строке -->
            <marquee class="Hoverbuttons" scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="850" height="81">
                <a href="http://caineville.6bb.ru/" title="Каинвилль" target="blank"><img src="https://lh4.googleusercontent.com/-MoZ3SGjz6iY/UAaxe3vesQI/AAAAAAAAALY/cff_2UI1lDY/s88/%25D0%2591%25D0%25B0%25D0%25BD%25D0%25BD%25D0%25B5%25D1%25804.gif" /></a>
                <a href="http://themostsupernatural.ru" target="_blank" title="Самая Сверхъестественная ролевая игра"><img src="http://forumupload.ru/uploads/0004/e5/0c/706/796621.gif"></a>
                <a href="http://timetocross.rusff.ru/"><img src="https://funkyimg.com/i/2U7Yn.png" /></a>
                <a target="_blank" href="http://elm.rolbb.ru/" title="Ролевая игра ELM AGENCY. Стань агентом!" alt="Ролевая игра ELM AGENCY. Стань агентом!"><img src="https://c.radikal.ru/c28/1809/bc/8f62fc29bb85.png" border="0"></a>
                <a href="http://cursedlands.mybb.ru/"><img src="http://s5.uploads.ru/zDH9u.gif" title="Проклятые земли"></a>
            </marquee>
        </div>
    </template>

    <template design="oldDesign">
        <!--Своя картинка в панель навигации -->
        <script>

            // var Img_Word = 0;   // 0 - Картинка; 1 - Слово / Ставим картинку или слово 
            // navlinks = [
            //     "navindex", "http://forumstatic.ru/files/0014/90/a7/73760.png",   // Форум
            //     "navuserlist", "http://forumstatic.ru/files/0014/90/a7/48220.png", // Участники
            //     "navsearch", "http://forumstatic.ru/files/0014/90/a7/99539.png", // Поиск
            //     "navrules", "http://forumstatic.ru/files/0014/90/a7/92193.png", // Правила
            //     "navprofile", "http://forumstatic.ru/files/0014/90/a7/99749.png", // Профиль
            //     "navpm", "http://forumstatic.ru/files/0001/31/13/58652.png", // Сообщения/почта
            //     "navadmin", "http://forumstatic.ru/files/0014/90/a7/13500.png", // Администрирование
            //     "navregister", "http://forumstatic.ru/files/0014/90/a7/61351.png", // Регистрация
            //     "navlogin", "http://forumstatic.ru/files/0014/90/a7/96822.png", // Войти
            //     "navlogout", "http://forumstatic.ru/files/0014/90/a7/38996.png"
            // ]
            //
            // var s, i;
            // for (i = 0; i < navlinks.length; i++) {
            //     s = navlinks[i + 1];
            //     if (!Img_Word) {
            //         s = '<img class="navlinks" src="' + s + '" border="0" />'
            //     }
            //     $("#" + navlinks[i] + " a").html("<span>" + s + "</span>");
            //     i++;
            // }
        </script>

        <!--Своя картинка в каждую категорию -->
        <script type="text/javascript">
            // $(document).ready(function () {
            //     myarray = [
            //         "Добро пожаловать", "http://forumstatic.ru/files/0014/90/a7/21163.png",
            //         "Консисторий", "http://forumstatic.ru/files/0014/90/a7/48158.png",
            //         "Тайные тропы", "http://forumstatic.ru/files/0001/31/13/29279.png",
            //         "Обманчивый Запад", "http://forumstatic.ru/files/0014/90/a7/32453.png",
            //         "Суровый Север", "http://forumstatic.ru/files/0014/90/a7/72178.png",
            //         "Царство Тьмы", "http://forumstatic.ru/files/0001/31/13/55720.png",
            //         "Сияющий Юг", "http://forumstatic.ru/files/0014/90/a7/20493.png",
            //         "Южный океан", "http://forumstatic.ru/files/0014/90/a7/47651.png",
            //         "Южный материк", "http://forumstatic.ru/files/0014/90/a7/43420.png",
            //         "Загадочный Восток", "http://forumstatic.ru/files/0014/90/a7/36965.png",
            //         "Центральные земли", "http://forumstatic.ru/files/0014/90/a7/12782.png",
            //         "Старинный портал", "http://forumstatic.ru/files/0014/90/a7/33132.png",
            //         "Личное пространство", "http://forumstatic.ru/files/0014/90/a7/55975.png",
            //         "Арена", "http://forumstatic.ru/files/0014/90/a7/22626.png",
            //         "ФЛУД 4EVER", "http://forumstatic.ru/files/0014/90/a7/30450.png",
            //         "Старый подвал", "http://forumstatic.ru/files/0014/90/a7/48330.png",
            //         "Посольство", "http://forumstatic.ru/files/0014/90/a7/64331.png",
            //         "Статистика форума", "http://forumstatic.ru/files/0014/90/a7/39568.png"
            //     ]
            //     $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
            //         for (q = 0; q < myarray.length; q++) {
            //             var cssObj = {
            //                 "height": "74px",
            //                 "width": "800px",
            //                 "margin-left": "243px",
            //                 "background-color": "transparent",
            //                 "background-image": "url(" + myarray[q + 1] + ")",
            //                 "font-size": "0.0em",
            //                 "background-repeat": "no-repeat"
            //             }
            //             if ($('> span', this).text() === myarray[q]) $(this).css(cssObj);
            //             q++
            //         }
            //     });
            // });
        </script>

        <!-- Чередование цвета форумов на Главной -->

        <script type="text/javascript">
            $("#pun-index .category tr[id^='forum']:visible").each(function (i) {
                if (2 * Math.round((i + 1) / 2) - i - 1 > 0) {
                    $(this).addClass("odd")
                }
                else $(this).addClass("part");
            });
        </script>
    </template>
</div>


<!-- Fix main-reply on mobile -->
<script>
    $('#main-reply').css('height', '250px');
</script>


<!-- Разделение тем: "важные темы" и "темы форума" -->
<script type="text/javascript">
    $('#pun-viewforum #pun-main table').each((i, table) => {
        const rows = $('tbody tr.isticky', table);

        rows.eq(0).before('<tr><th class="table-subtitle" colspan="6">Важное</th></tr>');
        rows.eq(rows.length - 1).after('<tr><th class="table-subtitle" colspan="6">Нужное</th></tr>');
    });
</script>

Код:

/*************************************************************
A - Установки
**************************************************************/

/* A1 Импорт дополнительных шрифтов и стилевого файла
-------------------------------------------------------------*/

/* A1.1 - Стилевой файл */
/*@import url(base_cs.css);*/

/* A1.2 - Шрифты */

/* Minion Pro */
@import url(http://mybb.kozhilya.ru/mirra-bell/fonts/minion-pro/style.css);

/* Crimson */
@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400&display=swap);

/* Open Sans */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");

@font-face {
    font-family: "Sait";
    src: url("http://forumstatic.ru/files/0017/94/c8/37238.eot?"),
    url("http://forumstatic.ru/files/0017/94/c8/24606.woff") format("woff"),
    url("http://forumstatic.ru/files/0017/94/c8/55902.ttf") format("truetype"),
    url("http://forumstatic.ru/files/0017/94/c8/97834.svg#svgFontName") format("svg");
}

@font-face {
    font-family: "Ceremonious Two";
    src: url("http://forumstatic.ru/files/0012/f4/5e/84262.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* A1.3 - Переменные CSS */
html {
    --main-font-family: "Open Sans", "Verdana", "Arial", "Helvetica", sans-serif;
    --header-font-family: "Minion Pro", "Crimson", "Garamond", serif;
}


/* A2 Модификация значений по умолчанию.
-------------------------------------------------------------*/

/* A2.1 Вся страница */
html,
body {
    margin: 0;
    padding: 0;
    /*overflow-x: hidden;*/
    min-width: 1400px !important;
}

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

/* A2.8 Кнопки под формой ответа */
.button,
#pun-viewtopic.punbb input {
    background-color: #574038;
    border: #706365 3px double;
    color: #CFC8B5;
    padding-bottom: 3px;
    text-shadow: 1px 1px 1px #000000;
}

/* A3 Общие установки
-------------------------------------------------------------*/

/* A3.1 Общие установки фона */
/*          Заметка: шрифт сейчас лучше устанавливать к html, 
            что бы работала единица измерения rem! */
html {
    font: normal 68.75% var(--main-font-family);
    background: url(http://forumstatic.ru/files/0001/31/13/44833.jpg) repeat-y top center #303144;
    color: #000000;
}

body {
    /*лого зимний*/
    background: url(http://forumstatic.ru/files/0001/31/13/32357.jpg) no-repeat top center transparent;

    /*лого основной*/
    /*background: url(http://forumstatic.ru/files/0001/31/13/70666.jpg) no-repeat top center transparent;*/
}

#pun_wrap {
    /* футер зимний */
    background: url("http://forumstatic.ru/files/001a/81/87/65753.png") no-repeat center bottom;

    /* футер основной */
    /*background: url("http://forumstatic.ru/files/0001/31/13/24254.png") no-repeat center bottom;*/

    padding-bottom: 16rem;
}

/* A3.2 Шрифт в полях ввода */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
    font: normal 1rem var(--main-font-family);
    background-color: #EAEAEA;
    background-repeat: repeat;
    border-style: solid;
    color: #000000;
    border-width: 2px 1px 1px 1px;
    border-color: #4A3232;
}

/* A3.3 Шрифт в форме ответа */
.punbb #main-reply {
    font-size: 1.2rem;
    border-radius: 6px;
    border-top-left-radius: 0 !important;
    background-color: #CEC0AF;
    box-shadow: inset 0 0 70px 0 #7E5A2A;
    padding: 5px;
}

/* A3.4 Шрифт заголовков по умолчанию */
.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4,
.punbb table,
.punbb th {
    font-size: 1rem;
    font-weight: normal;
    color: #1D141D;
    border-color: transparent;
}

.punbb td {
    border-color: transparent;
}

#pun-pages #pun-main h1 {
    display: none;
}

/* A3.5 Шрифт текстов заголовков по умолчанию */
/*.punbb h1 span,*/
/*.punbb h2 span,*/
.punbb legend span {
    font-size: 1.1rem;
    color: #1D141D;
}

/* A3.6 Шрифт кода */
.punbb pre {
    font: 1.1rem/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

/* A3.7 Устранение курсивных начертаний по умолчанию */
.punbb address,
.punbb em {
    font-style: normal;
}

/* A3.8 Курсив в содержимых постов */
.punbb .post-content em {
    font-style: italic;
}

/* A3.9 Подчёркивание в содержимых постов */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

.punbb .post-content em em.bbuline,
.punbb .post-content em.bbuline em {
    font-style: italic;
    text-decoration: underline;
}

/* A3.10 Ссылки */
.punbb a {
    text-decoration: none;
    position: relative;
}

/* A3.11 Анимация подчёркивания */
.punbb a:before,
.punbb a:after {
    content: "";
    position: absolute;
    bottom: 0.2rem;
    width: 0;
    height: 1px;
    margin: 0;
    transition: all 0.15s ease-in-out;
    opacity: 0;
}

.punbb a:before {
    left: 50%;
}

.punbb a:after {
    right: 50%;
}

.punbb a:hover:before,
.punbb a:hover:after {
    width: 50%;
    opacity: 1;
}

/* A3.12 Подзаголовок выпадающего списка */
.punbb optgroup {
    font-weight: bold;
}

/* A3.13 Прокрутка */
::-webkit-scrollbar {
    background: #CCCCCC;
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: #CD704E;
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-corner {
    background: #CD704E;
    width: 6px;
    height: 6px;
}

/* A4 Отчистка плавающих элементов (float) и скрытые элементы
-------------------------------------------------------------*/

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

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


/* A5 Базовая вёрстка страницы
-------------------------------------------------------------*/

/* A5.1 Основной контейнер страницы */
#pun {
    margin: auto;
    padding: 0 0 0 230px;
    border: none;
    width: 900px;
}

@media screen and (max-width: 540px) {
    #pun {
        background-size: 150% auto !important;
    }
}

/* A5.2 Основной блок содержимого страницы */
.punbb {
    width: 100%;
    height: auto;
}

/* A5.3 Рисовка страниц по умолчанию TODO: #pun-maint? */
#pun-redirect,
#pun-maint {
    background: #ECE1D1;
    margin: 50px 32% 12px 5%;
    width: auto;
    float: none;
}

/* A5.4 Оформление основных блоков страницы */
.punbb .section,
.punbb .main {
    margin-bottom: 1rem;
}

/* A5.5 Оформление категорий и сообщений */
.punbb .category,
.punbb .post {
    margin: 3rem 0;
}

/* A5.6 Стили для первых категорий и сообщений */
.punbb #pun-category1,
.punbb .toppost,
.punbb .topicpost {
    margin-top: 0;
}

/* A5.7 Оформление страницы темы /viewtopic.php */
#pun-post .topic {
    margin-top: 1rem;
}

/* A5.8 Обшее оформление блоков содержимого */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
    border-style: none;
    border-width: 0;
    border-color: transparent;
}

.section#html-footer {
    margin-top: 20px;
}

/* A5.9 Общее оформление контейнеров */
.punbb .container {
    border: 1px solid transparent;
}

/* A5.10 Общее оформление заголовков (CS1.3) */
.punbb .main h1,
.punbb .main h2,
.punbb-admin #pun-admain h2,
.punbb .section h2,
.punbb .category h2,
#pun-stats h2,
#pun-debug h2,
#pun-main #post-form h2 {
    box-sizing: border-box;
    position: relative;
    z-index: 5;

    padding: 23px 0 0 0;
    margin: 0 auto;

    height: 61px;
    width: fit-content;
    min-width: 246px;
    max-width: calc(100% - 140px);

    text-align: center;
    background: url("https://mybb.kozhilya.ru/mirra-bell/style1/images/cat-center.png") center no-repeat;
    background-size: 100% 100%;

    border: 1px solid transparent;

    font: normal 1.2rem var(--header-font-family);
    text-shadow: 2px 2px 3px #000000;
    color: #F5BFA2;
    text-transform: uppercase;
}

/* A5.13 Боковины заголовков с изображениями */
.punbb .main h1:after,
.punbb .main h2:after,
.punbb .section h2:after,
.punbb .category h2:after,
.punbb-admin #pun-admain h2:after,
#pun-stats h2:after,
#pun-main #post-form h2:after,
#pun-debug h2:after {
    position: absolute;
    display: block;
    content: "";
    z-index: -1;

    top: 0;
    left: -45px;
    width: calc(100% + 90px);
    height: 61px;

    background: url("https://mybb.kozhilya.ru/mirra-bell/style1/images/cat-left.png") no-repeat center left,
    url("https://mybb.kozhilya.ru/mirra-bell/style1/images/cat-right.png") no-repeat center right;
}

/* A5.13 Новогдний снежный покров заголовков с изображениями */
.punbb .main h1:before,
.punbb .main h2:before,
.punbb .section h2:before,
.punbb .category h2:before,
.punbb-admin #pun-admain h2:before,
#pun-stats h2:before,
#pun-main #post-form h2:before,
#pun-debug h2:before {
    display: block;
    content: "";

    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 30px;

    background: url("http://forumstatic.ru/files/0017/24/d9/72411.png") no-repeat center top;
    z-index: 100;
}

.punbb .divider {
    border-color: transparent
}

/* A6 Оформление ссылок (бывший CS3)
-------------------------------------------------------------*/

/* A6.1 Общий стиль ссылок */
.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #pun-admain a:visited {
    color: #780004;
    border-bottom: 0px none #83532F;
    text-decoration: none;
    background-color: transparent;
}

.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: #000;*/
    /*border-bottom: 0 none #83532f;*/
    /*text-shadow: 1px 1px 1px #fff;*/
    /*text-decoration: none;*/
}

.punbb a:before,
.punbb a:after,
.punbb-admin #pun-admain a:before,
.punbb-admin #pun-admain a:after {
    background-color: #780004;
}

/* A6.2 Ссылка на активную страницу */
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
    color: #83532F;
    font-weight: bold;
}

.punbb li.isactive a:before,
.punbb li.isactive a:after {
    background-color: transparent;
}

/* A6.3 Ссылки навигации форума */
#pun-navlinks a,
#pun-navlinks a:link,
#pun-navlinks a:visited {
    color: #D3AA7C;
}

#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
    color: #EDC182;
}

#pun-navlinks a:before,
#pun-navlinks a:after {
    background-color: #EDC182;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
    /*background-color: #83654b;*/
    /*color: #fff;*/
}

/* A6.4 Ссылки пользовательского меню */
#pun-ulinks a,
#pun-ulinks a:link,
#pun-ulinks a:visited {
    color: #1D141D;
}

#pun-ulinks a:hover,
#pun-ulinks a:focus,
#pun-ulinks a:active {
    color: #1D141D;
    font-style: normal;
    border-bottom: 0 none #000000;
    text-decoration: none;
}

#pun-ulinks a:before,
#pun-ulinks a:after {
    background-color: #1D141D;
}

#pun-ulinks a:active,
#pun-ulinks a:focus {
    /*background-color: #83654b;*/
    /*color: #fff;*/
}

/* A6.5 Ссылки Объявления */
.punbb .announcement-container {
    color: #EBB172;
    text-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
}

.punbb .announcement-container a,
.punbb .announcement-container a:link,
.punbb .announcement-container a:visited {
    color: #DFCAB5;
}

.punbb .announcement-container a:hover,
.punbb .announcement-container a:focus,
.punbb .announcement-container a:active {

}

.punbb .announcement-container a:before,
.punbb .announcement-container a:after {
    background-color: #DFCAB5;
    box-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
}

#pun-announcement .announcement-block#buttons a {
    color: #EADFD4;
    text-shadow: 0 -1px 1px #CC5500;
    background: linear-gradient(to left, rgba(0, 0, 0, .3),
    rgba(0, 0, 0, .0) 50%,
    rgba(0, 0, 0, .3)),
    linear-gradient(#803C36, #DB6A3F, #803C36);
    box-shadow: inset #883C37 0 -1px 1px,
    inset 0 1px 1px #EA915B,
    #CC7722 0 0 0 1px,
    #000000 0 10px 15px -10px;
}

#pun-announcement .announcement-block#buttons a:after,
#pun-announcement .announcement-block#buttons a:before {
    background-color: transparent;
}

/* A6.6 Картинки */
.Hoverbuttons {
    opacity: 0.3;
    transition: opacity 0.6s linear;
}

.Hoverbuttons:hover {
    opacity: 1;
}


/*************************************************************
B - ОСНОВНОЕ СОДЕРЖИМОЕ - ОБЩЕЕ
**************************************************************/

/* B1 Обработанное содержимое, подписи и области прокрутки
-------------------------------------------------------------*/

/* B1.1 Блок сообщения */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
}

/* B1.2 Разделитель между постом и подписью */
.punbb .post-sig dt {
    display: block;
    width: 600px;
    margin: 5px 0;

    /* TODO в style_cs */
    border-top: 1px solid #67443E !important;
}

/* B1.3 Параграфы */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
}

/* B1.4 Картинки */
.punbb .post-content img {
    vertical-align: text-bottom;
}

/* B1.5 Картинки [img] */
.punbb .post-content img.postimg {
    vertical-align: middle;
}

.punbb .post-content img.postimg[title="float:right"] {
    float: right;
    padding-left: 12px
}

.punbb .post-content img.postimg [title="float:left"] {
    float: left;
    padding-right: 12px
}

/* 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: 700px !important;
}

/* B1.8 Блоки цитат и кода */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    /*  margin: 0.4em 1.8em 1.4em 1.8em;*/
    margin: 0.4em 1em 1em 1em;
    padding: 0.3em;
    border-style: solid;
    border-width: 20px;

    color: #252A31;
    border-image: url(http://forumstatic.ru/files/0001/31/13/41483.jpg) 20 fill repeat;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35);
}

.punbb .post-content .quote-box blockquote {
    padding-bottom: 0;
}

.punbb .post-content .quote-box blockquote p:last-child {
    padding-bottom: 0;
}

/* B1.9 Автор цитаты и надпись "Код" */
.punbb .quote-box cite,
.punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.3em;
    font-size: 1.2em;
    margin: 0;
    font-family: var(--header-font-family);
}

/* B1.10 Убираем границы у таблиц */
.punbb .post-content td {
    border: 0 none transparent !important;
}

/* TODO B1.11 Выяснить, для чего это */
.punbb .post-content .container {
    margin-left: -542px !important;
}

/* B1.12 Выравнивание */
.punbb .post-content .leftimg {
    float: left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
}

.punbb .post-content .rightimg {
    float: right; /* Выравнивание по правому краю  */
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
}

/* B1.12 Модераторские теги */
.punbb .post-content div.exmod1,
.punbb .post-content div.exmod2 {
    border-radius: 8px;
    margin: 0 12px;
    padding: 2px 5px;
    font: normal 1.5em var(--header-font-family);
}

.punbb .post-content div.exmod1 .mod-inner,
.punbb .post-content div.exmod2 .mod-inner {
    padding: 2px;
    margin: 2px;
    display: block;
    min-height: 45px;
}

.punbb .post-content div.exmod1 {
    background-image: linear-gradient(to left, #FCFCFC 0%, #FFBCAA 100%);
    box-shadow: 0 0 10px #FF3600;
    border: 1px solid #CE4378;
}

.punbb .post-content div.exmod1 .mod-inner {
    background: url(http://forumstatic.ru/files/000a/45/08/53249.gif) no-repeat right center;
}

.punbb .post-content div.exmod2 {
    background-image: linear-gradient(to left, #F5FCFC 0%, #A6EDEB 100%);
    box-shadow: 0 0 10px #684FFF;
    border: 1px solid #8A87FF;
}

.punbb .post-content div.exmod2 .mod-inner {
    background: url(http://forumstatic.ru/files/000a/45/08/33378.gif) no-repeat right center;
}

.punbb .post-content div.modex1,
.punbb .post-content div.modex2 {
    width: 100%;
    margin: 0;
    border-bottom: 1px dashed transparent;
    border-radius: 8px 8px 0 0;

}

.punbb .post-content div.modex1 {
    border-bottom-color: #FF0000;
    color: #FF0000;
}

.punbb .post-content div.modex2 {
    border-bottom-color: #0500D2;
    color: #0000CD;
}

.punbb .post-content .custom_tag_indent {
    display: inline-block;
    margin: 0.5em 1.25em;
}

/* B2 Информационное сообщение 
-------------------------------------------------------------*/

/* B2.1 TODO что это */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    margin: 0 0 1.1em 0;
    border: 1px solid #5F8696;
}

/* 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 Пагинация и ссылки тем
-------------------------------------------------------------*/

/* B3.1 Страница с пагинацией */
.multipage {
    margin-top: 3em;
}

/* B3.1 Верхний блок */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

/* B3.3 Верхняя пагинация */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 1em;
    width: 23em;
}

/* B3.4 Верхние ссылки темы */
.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
}

/* B3.5 Нижний блок */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
}

/* B3.6 Нижняя пагинация */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
}

/* B3.7 Нижние ссылки */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold
}

/* B3.8 Подписка на тему */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
}

/*************************************************************
C - ОСНОВНОЕ СОДЕРЖИМОЕ - СПЕЦИФИЧНОЕ
**************************************************************/

/* C1 Оформление форм
-------------------------------------------------------------*/

/* C1.1 Контейнер формы */
.punbb .formal .container {
    padding: 1.7em 2.3em 1.1em 2.3em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* С1.22 */
#pun_wrap #post .container[id$="-area"] {
    border: outset 2px #895D39 !important;
    border-radius: 10px;
    background: rgba(181, 148, 100, 0.89); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
    padding: 9px;
    font: normal normal 400 11px/normal var(--main-font-family);
}

#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 {
    background-color: rgb(177, 174, 174);
}

#sdfs {
    z-index: 100 !important;
}

.iblank {
    z-index: 9999 !important;
}

/* С1.23 */
#form-buttons td#button-mod {
    background-image: url(http://forumstatic.ru/files/0013/0b/24/10895.png);
}

#form-buttons td#button-ex {
    background-image: url(http://forumstatic.ru/files/0013/0b/24/35368.png);
}

#form-buttons td#button-indent {
    background-image: url(https://funkyimg.com/i/35Mgv.png);
}

#form-buttons td#button-background {
    background-image: url("http://forumstatic.ru/files/0001/31/13/87795.png");
}

#form-buttons td#button-shadow {
    background-image: url("https://funkyimg.com/i/35MgT.png");
}

#form-buttons td#button-bgColor {
    background-image: url("http://forumstatic.ru/files/0001/31/13/13287.png");
    background-size: 22px;
}

#form-buttons td#button-audio {
    background-image: url(http://forumstatic.ru/files/0012/9a/62/30447.png);
}

#form-buttons td#button-image #add_float {
    position: absolute;
    padding: 2px;
    top: -8px;
    left: 50%;
    margin-left: -29px !important;
    width: 57px !important;
    background: url("http://forumstatic.ru/files/0017/b3/fc/97470.png") no-repeat 50% 70% !important;
}

#form-buttons td#button-image #add_float img {
    display: block;
    position: relative;
    z-index: 4;
}

#form-buttons td#button-image > img {
    position: relative;
    z-index: 2;
}

#form-buttons td#button-image > center {
    opacity: 0;
    visibility: hidden;
    transition-duration: .8s;
}

#form-buttons td#button-image:hover > center {
    opacity: 1;
    visibility: visible;
}


/* C2 Макет таблиц
-------------------------------------------------------------*/

.punbb:not(#pun-messages):not(#pun-modviewforum) thead {
    display: none;
}

.punbb .main thead .tcl,
.punbb .main thead .tc2,
.punbb .main thead .tc3,
.punbb .main thead .tcr,
.punbb .main thead .tcmod {
    color: #463B32;
}

/* C2.1 Первый столбец */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
    border-left-style: none;
    border-left-width: 0
}

/* C2.2 Промежуточные столбцы */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    text-align: center;
    width: 10%;
}

/* C2.3 Последний столбец */
.punbb .main .tcr {
    overflow: hidden;
    text-align: center;
    width: 30%;
}


/* Иконки для тем и сообщений © Alex_63 / Ч.1 в HTML верх */
.punbb#pun-viewforum .main .tc4,
.punbb#pun-searchtopics .main .tc4 {
    width: 34px !important; /* Ширина ячейки таблицы с иконкой статуса темы */
}

/* C2.4 Размер иконки сообщений и тем */
.punbb div.icon {
    margin-right: 10px;
    display: block;
    height: 44px;
    width: 58px;

    background-image: url("http://forumstatic.ru/files/0001/31/13/38460.png");
    /* зимняя */
    /*background-image: url("https://funkyimg.com/i/39dWQ.png");*/
    background-repeat: no-repeat;
}

.punbb .inew div.icon {
    background-image: url("http://forumstatic.ru/files/0001/31/13/66901.png");
    /* зимняя */
    /*background-image: url("https://funkyimg.com/i/39fih.png");*/
}

.punbb .iclosed div.icon {
    background-image: url("http://forumstatic.ru/files/0001/31/13/33181.png");
}

.punbb .isticky div.icon {
    background-image: url("http://forumstatic.ru/files/0001/31/13/69593.png");
}

/*
.punbb div#forum_f72 div.icon {
    background-image: url('http://s6.uploads.ru/wkj8E.png');
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

div#forum_f72 tr.inew div.icon {
    background-image: url('http://se.uploads.ru/SvDNA.png');
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}
*/

/* C2.5 Первый столбец на страницах с компактным выводом */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    width: 40%;
}

.punbb .main .tcl .stickytext,
.punbb .main .tcl .closedatafield {
    display: none;
}

/* C2.6 Промежуточный стоблец на страницах с компактным выводом */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
}

/* C2.7 Первый столбец блока дебага */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

/* C2.8 Последний столбец блока дебага */
#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

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

/* C2.10 */
.punbb td .modlist {
    display: none;
}

.pun .modlist {
    display: none !important;
}

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

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

/* C2.13 */
.punbb td div.tclcon {

}

/* C3 Список форумов
-------------------------------------------------------------*/

#pun-index .category h2 .offctgr {
    position: absolute;
    bottom: 0;
    right: -30px;
    z-index: 10;
}

#pun-index .category table tbody {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

#pun-index .category table tbody:after {
    content: "";
}

#pun-index .category tr,
#pun-index .category table tbody:after {
    flex: 0 0 auto;
    display: inline-block;
    width: 408px;
}

#pun-index .category tr .tcl {
    border-style: none;
    padding: 2px 0 40px;
    position: relative;

    background: url(http://forumstatic.ru/files/0001/31/13/93545.png) center top no-repeat,
    url(http://forumstatic.ru/files/0001/31/13/11820.png) center bottom no-repeat,
    url(http://forumstatic.ru/files/0001/31/13/24590.jpg) center top repeat-y transparent;
}

#pun-index .category tr > .tc2,
#pun-index .category tr > .tc3,
#pun-index .category tr > .tcr,
#pun-index .category tr > th {
    display: none !important;
}

#pun-index .category tr .tcl .intd {
    width: 404px;
    margin: 0 auto 0;
    position: relative;
}

#pun-index .category tr .tcl .intd h3 {
    text-align: left;
    z-index: 12;
    padding: 13px 10px;
}

#pun-index .category tr .tcl .intd h3 a {
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font: normal 1.5rem var(--header-font-family);
    transition: all 0.5s;
    text-shadow: 1px 1px 1px #000000;
    color: #B8A695;
}

#pun-index .category tr .tcl .intd h3 a:hover,
#pun-index .category tr .tcl .intd h3 a:focus,
#pun-index .category tr .tcl .intd h3 a:active {
    /* TODO ... Зачем?... */
    /*padding: 3px 20px;*/
    color: #EDEDEC;
    /*text-shadow: 1px 1px 1px #ebdff8, 0 0 1em #79b4c7;*/

    /*padding-right: 20px !important;*/
    /*padding-left: 20px !important;*/
}

#pun-index .category tr .tcl .intd h3 a:hover:before,
#pun-index .category tr .tcl .intd h3 a:focus:before,
#pun-index .category tr .tcl .intd h3 a:active:before,
#pun-index .category tr .tcl .intd h3 a:hover:after,
#pun-index .category tr .tcl .intd h3 a:focus:after,
#pun-index .category tr .tcl .intd h3 a:active:after {
    background-color: #EDEDEC;
}

#pun-index .category tr .tcl .intd .icon {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}

#pun-index .category tr .tcl .intd .opisF {
    /* text-align: justify; */
}

#pun-index .category tr .tcl .intd .opisF table td {
    color: #B8A695;
    border: 0 none transparent !important;
    text-shadow: 1px 1px 1px #000000;
    padding: 0.6rem 0.8rem;
}

#pun-index .category tr .tcl .intd .opisF a.menu:link,
#pun-index .category tr .tcl .intd .opisF a.menu:visited,
#pun-index .category tr .tcl .intd .opisF a.menu:active {
    display: block;
    text-decoration: none;

    height: 1.2em;
    padding-top: 0.1em;
    padding-bottom: 0.4em;

    background: #ACA195;
    border-top: 1px solid #EAAA8A;
    border-bottom: 1px solid #5D2326;
    font: bold 1.0rem var(--main-font-family);
    text-shadow: none;

    color: #000000;
    text-align: center;
}

#pun-index .category tr .tcl .intd .opisF a.menu:before,
#pun-index .category tr .tcl .intd .opisF a.menu:after {
    height: 0;
}

#pun-index .category tr .tcl .intd .opisF a.menu:hover {
    background: #CCCCCC;
    border-top: 1px solid #5D2326;
    border-bottom: 1px solid #EAAA8A;
}

#pun-index .category tr .tcl .Add {
    width: 404px;
    height: 3.6rem;
    position: absolute;
    left: calc(50% - 202px);
    bottom: 0;
    text-align: center;
}

#pun-index .category tr .tcl .Add .Tems_And_messages {
    display: none;
}

#pun-index .category tr .tcl .Add .bottom {
    color: #B8A695;
    font-family: var(--header-font-family);
    font-size: 1.2rem;
}

#pun-index .category tr .tcl .Add .bottom .user-avatar {
    display: none;
}

#pun-index .category tr .tcl .Add .bottom a {
    opacity: 1;
    font-size: 14px;
    font-family: var(--header-font-family);
    font-weight: normal;
    color: #E2BE8D;
}

#pun-index .category tr .tcl .Add .bottom a:hover:before,
#pun-index .category tr .tcl .Add .bottom a:focus:before,
#pun-index .category tr .tcl .Add .bottom a:active:before,
#pun-index .category tr .tcl .Add .bottom a:hover:after,
#pun-index .category tr .tcl .Add .bottom a:focus:after,
#pun-index .category tr .tcl .Add .bottom a:active:after {
    /*opacity: 0.7;*/
    background-color: #E2BE8D;
}

/* Иконки новых сообщений */
#pun .icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
    z-index: 99;
}

/* TODO C4 Страница тем
-------------------------------------------------------------*/

/*--Раскраска Опросов--*/
#poll-special .poll2 td h1 {
    background: url("http://uploads.ru/i/7/Z/k/7ZkOw.png") repeat-x scroll 0 0  / cover !important;;
    height: 0 !important;
    padding-top: 7px;
    border-radius: 10px;
    padding-bottom: 8px;
}

/* C4.1 Разделитель текста */
.punbb .post:after {
    display: block;
    width: 100%;
    height: 22px;
    content: "";
    background-image: url("http://forumstatic.ru/files/0001/31/13/94948.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-top: 3rem;
}

/* C4.2 */
.punbb .post .container {
    border-style: none;
    border-width: 0;
}

/* C4.3 */
.punbb .post h3 {
    border-style: none;
    border-width: 0;
    border-color: transparent;
    margin: 1rem 1px 1px;
}

/* C4.4 */
.punbb .post h3 span {
    color: #CFC8B5;
    padding: 0.3rem 1rem;
    display: block;
    margin-left: 0;
    border: #706365 3px double;
    background: #574038;
}

.punbb .post h3 .permalink:before,
.punbb .post h3 .sharelink:before,
.punbb .post h3 .permalink:after,
.punbb .post h3 .sharelink:after {
    background-color: #D9C8B4;
}

.punbb .post h3 .permalink,
.punbb .post h3 .sharelink,
.punbb .post h3 .speech-button {
    color: #D9C8B4;
    text-shadow: 1px 1px 1px #000000;
}

.punbb .post h3 .permalink {
    margin: 0 0 0 38px !important;
}

.punbb .post h3 .speech-button {
    position: relative;
    float: right;
    margin-left: 1em;
}

.punbb .post h3 .speech-button i {
    margin-top: -0.2em;
}

.punbb .post h3 img.post-icon {
    margin: 0 10px -6px -6px;
}

.punbb#pun-searchposts .post h3 a {
    color: #CFC8B5;
}

/* C4.5 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: normal;
}

/* C4.6 */
.punbb .post .post-author {
    float: left;
    width: 213px;
    padding-bottom: 2em;
    overflow: visible;
    margin: 12px 0 -20px 0;
    text-align: center;
    color: #E2CEB8;
    background: url(http://forumstatic.ru/files/0001/31/13/64775.jpg) 0 0 repeat-y;
}

/* C4.7 */
.punbb .post .post-author ul,
.punbb .post .post-author p {
    line-height: 1.5;
    margin: -10px 0 -25px 0;
    padding: 11px 5px 20px 5px;
    background: url(http://forumstatic.ru/files/0001/31/13/95179.jpg) 0 top no-repeat,
    url(http://forumstatic.ru/files/0001/31/13/79242.png) 0 bottom no-repeat;
}

/* C4.8 */
.punbb .post .post-author li.pa-author {
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
    font-weight: bold;
}

.punbb .post .post-author li.pa-author img {
    display: none;
    max-width: 180px;
    height: auto;
}

.punbb .post .post-author li a {
    color: #DAA36B;
    text-shadow: 1px 1px 1px #000000;
}

.punbb .post .post-author li a:hover {
    text-shadow: 1px 1px 1px #4256C8;
}

.punbb .post .post-author li.pa-author a {
    text-decoration: none;

    font: normal 1.2rem var(--header-font-family);
    text-transform: uppercase;

    color: #DFCDB7;
}

.punbb .post .post-author li.pa-title {
    font-size: 1rem;
    /*color: #cbcdd9;*/
    margin: 10px 0 3px;
}

.punbb .post .post-author li.pa-avatar img {
    border: #5A2506 2px solid;
}

.punbb .post .post-author li.pa-fld3,
.punbb .post .post-author li.pa-posts,
.punbb .post .post-author li.pa-respect {
    width: calc(33% - 5px);
    margin: 2px auto;
    border-style: solid;
    border-width: 1px;
    border-color: #403E53;
    display: inline-block;
}

.punbb .post .post-author li.pa-fld1 .fld-name {
    display: none;
}

.punbb .post .post-author li.pa-fld1 > a {
    display: block;
    width: 189px;
    height: 15px;
    border: none;
    margin-left: -5px;
    background: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat 20px 0px !important;
    padding: 22px 20px 22px 0;
    color: #99B4E7;
    text-align: center;
}

.punbb .post .post-author li.pa-fld1 > a:before,
.punbb .post .post-author li.pa-fld1 > a:after {
    background-color: transparent;
}

.punbb .post .post-author li.pa-fld2:first-line {
    color: transparent;
}

.punbb .post .post-author li.pa-fld2 img.a-info {
    position: relative;
    margin: auto;
    width: auto;
}

.tipsy.a-info {
    margin-top: -2px !important;
    margin-left: -6px !important;
    font: normal normal 400 11px/16.5px Verdana;
}


.punbb .post .post-author li.pa-zwezda {
    position: relative;
    width: 180px !important; /* Ширина поля для звёздочек */
    white-space: pre-wrap;
    z-index: 100;
    margin-top: -5px;
    margin-bottom: -0px;
    margin-left: 20px;
    color: red;
}

.punbb .post .post-author li.pa-zwezda img {
    width: 110px;
    height: 18px;
}

.punbb .post .post-author li.pa-awards {
    display: none !important
}

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

.offline li.pa-online strong {
    font-weight: normal;
}


/* C4.11 */
.punbb .post-body {
    margin-left: 220px;
    border-left-style: solid;
    border-left-width: 1px;
    border-color: transparent;

    padding: 0 0 1px 0;
}

/* C4.12  шрифт в тексте поста*/
.punbb .post-box {
    padding: 1rem;
    font-size: 1rem;
}

/* Ссылки в постах */
.punbb .post-box a,
.punbb .post-box a:hover {
    /*font-size: 1em;*/
}

/*-- Выделение ссылок в постах */
.punbb .post-body a:link {
    color: maroon;
    /*font-size: 14px;*/
}

.punbb .post-body a:visited {
    color: navy;
    /*font-size: 14px;*/
}

.punbb .post-body a:hover {
    color: #C60000;
    /*font-size: 1.1em;*/
}

/* C4.13 */
.punbb fieldset .post-box {
    border: 1px solid #5F8696;
    margin-bottom: 0.8em;
}

/* C4.14 */
.punbb .post-links {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: transparent;
}

/* C4.15 */
/* Ссылки в постах */
.punbb .post-links ul {
    /*border-style: dashed;*/
    /*border-width: 0px 0px 1px 0px;*/
    /*border-color: #75476e;*/

    margin: 18px 0 0 3px;
    padding: 0;
    /*height: 2em;*/
    /*line-height: 2em;*/
    text-align: right;
    border-color: transparent;
}

.punbb .post-links ul li {
    display: inline-block;
    padding-left: 0em;
    margin-bottom: -11px;
}

.punbb .post-links ul li a {
    cursor: pointer;
    width: 150px;
    padding: 2px 10px;
    margin: 0 3px;
    text-align: center;

    background-color: #574038;
    border: #706365 3px double;
    color: #CFC8B5;
}

/* C4.16 */
/* Сужаем строку Удалить, Редактировать, Цитировать */


#pun .post-links li.pl-delete,
#pun .post-links li.pl-website,
#pun .post-links li.pl-email,
#pun .post-links li.pl-edit,
#pun .post-links li.pl-quote {
    /*background-color: #574038;*/
    /*border: #706365 3px double;*/
    /*color: #cfc8b5 !important;*/
    /*text-shadow: 1px 1px 1px #000;*/
}

#pun .post-links li.pl-edit,
#pun .post-links li.pl-quote,
#pun .post-links li.pl-delete {
    /*padding: 0 -1em 0 0;*/
    /*height: 2em;*/
    /*line-height: 2em;*/
    /*padding: 4px !important;*/
}

#pun .post-links li.pl-website,
#pun .post-links li.pl-email {
    /*margin-top: -4px !important;*/
    /*margin-left: -5px !important;*/
}

#pun .post-links li.pl-email {
    /*margin: 0px 10px*/
}

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

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

.punbb .post .lastedit {
    font-family: var(--header-font-family);
    font-style: italic;
    color: green;
}

/* C4 Модераторские меню (ссылки в конце темы)
-------------------------------------------------------------*/

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

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

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

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

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

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

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


/* C6 Профили
-------------------------------------------------------------*/

/* C6.1 Боковое меню профиля */
.punbb #profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
}

.punbb #profilenav ul {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
}

.punbb #profilenav li {
    padding-bottom: 0.8em;
}

.punbb #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;

    height: auto;
    width: auto;
    min-width: auto;
    max-width: none;
    text-shadow: none;
    font-weight: bold;
}

.punbb #profilenav h2:before,
.punbb #profilenav h2:after {
    display: none;
}

.punbb #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    color: #1D141D;
}

/* C6.2 Боковое меню профиля при просмотре профиля */
.punbb #viewprofile-next #profilenav {
    display: none;
}

/* C6.3 Просмотр профиля */
.punbb #viewprofile .container {
    /*padding: 0;*/
}

.punbb #viewprofile h2 span {
    color: #1D141D;
}

.punbb #viewprofile ul {
    border-color: transparent;
    margin: 0 0 1em 0;
}

.punbb #viewprofile li {
    padding: 0;
    font-size: 1.1em;
    margin-bottom: 4px;
    border-width: 0 0 1px 4px;
    border-style: solid;
    display: inline-block;
    line-height: 1.1;

    background-color: #C4B9A5;
    color: #5A2506;
    border-left-color: #31271E;
    border-bottom-color: #5A2506;
    box-shadow: 0 0 2px 0 #7E5A2A;
    /*width: 32%;*/
}

.punbb #viewprofile li span {
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: bold;
}

.punbb #viewprofile li strong,
.punbb #viewprofile li div {
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: normal;
}

/* C6.4 Левая часть просмотра профиля (имя, статус, аватар) */
.punbb #viewprofile #profile-left {
    width: 210px;
}

.punbb #viewprofile #profile-left li {
    display: block;
    text-align: center;
    margin: 0;
    border-width: 0 2px 0;
    box-shadow: none;
}

.punbb #viewprofile #profile-left li strong,
.punbb #viewprofile #profile-left li div,
.punbb #viewprofile #profile-left li span {
    margin: 0;
}

.punbb #viewprofile #profile-left #profile-name {
    font: normal 1.5em var(--header-font-family);
    border-width: 0 0 1px;
    background-color: #31271E;
    color: #DED5C4;
    border-color: #DED5C4;
    box-shadow: none;
}

.punbb #viewprofile #profile-left #profile-title {
    background-color: #31271E;
    color: #DED5C4;
    border-width: 0;
    border-color: #DED5C4;
    box-shadow: none;
}

.punbb #viewprofile #profile-left img {
    margin-top: 10px;
    border-radius: 6px;
    border-width: 3px;
    border-style: solid;
    background-color: #C4B9A5;
    border-color: #5A2506;
}

.punbb #viewprofile #profile-left li:last-of-type {
    border-bottom-width: 2px;
}

/* C6.5 Правая часть просмотра профиля */
.punbb #viewprofile #profile-right {
    display: flex;
    flex-flow: row wrap;
    width: auto;
}

.punbb #viewprofile #profile-right li {
    flex: 1 1 30%;
    margin: 3px;

}

/* C6.6 Редактирование профиля */
#profile .container {
    padding-left: 18.6em;
}

#setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
    color: #1D141D;
}

#setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

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

.punbb img.avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em
}

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

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

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

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

/* C7.4 */
#pun-userlist .usertable .tcl > * {
    vertical-align: middle;
    display: inline-block;
    float: none;
    font: normal 1.3em var(--header-font-family);
}

/*************************************************************
D - СЕКЦИИ PUNBB, ОТЛИЧНЫЕ ОТ ОСНОВНОГО КОНТЕНТА
**************************************************************/

/* D1 Лого и описание
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    margin: 0;
    border-style: solid solid none solid;
    border-width: 1px 1px 0 1px;
    border-color: transparent;
    color: #404040;
}

/* D1.2 */
#pun-title h1 {
    display: block;
    height: 40px;
    padding: 2em 1em 0 1em;
}

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

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

#pun-title table {
    border: none;
    height: 40px;
    width: 100%;
}

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

#pun-title td.title-logo-tdr {
    border: none;
    width: 468px;
}

.title-animation {
    width: 198px;
    height: 182px;
    border: none;
    position: absolute;
    margin-left: 219px;
    margin-top: 50px;
}

/* D2 TODO 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 Навигация по форуму
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
    border-style: none;
    border-width: 0;
    margin: -56px 0 0 -30px;
    width: 670px;
}

/* D3.2 */
#pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
    text-align: center;
    padding: 0.1em 0.1em;

    background-color: transparent;
    color: #283136;
}

/* D3.3 */
#pun-navlinks li {
    display: inline-block;
    padding: 0 2px 0 4px;
    margin: 0 0 0 1px;
    transition: opacity 0.5s;
    border-left: 1px solid rgba(212, 155, 101, 0.196);
}

#pun-navlinks li:first-of-type {
    border-left: 0 none;
}

/* D3.4 */
#pun-navlinks li a {
    font-family: var(--header-font-family);
    display: block;
    font-size: 1.5em;
}

/* D4.4 */
#pun-navlinks #navawards {
    display: none;
}


/* D4 Пользовательское меню
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    text-align: center;
    width: 100%;
}

/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    margin: 400px 0.3em 0.3em;
}

/* D4.3 */
#pun-ulinks li {
    display: inline-block;
    margin: 0 5px;
    transition: opacity 0.5s;
    white-space: nowrap;
    border-color: transparent;
}

/* D4.4 */
#pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    font: bold 15px var(--header-font-family);
}

/* D4.5 */
#pun-ulinks li.item1,
#pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0
}

/* D5 Блок приветствия пользователя и верхние "хлебные крошки"
-------------------------------------------------------------*/

/* D5.1 Блок приветствия пользователя */
#pun-status {
    border-bottom: none;
    margin-bottom: 0;
}

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

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

/* D5.4 Верхние "хлебные крошки" */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 1.1em;
}

/* D5.6 Разделитель между ними */
#pun-break1 {
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
}

/* D6 Объявление
-------------------------------------------------------------*/

/* D6.1 Заголовок объявления */
#pun-announcement h2 {
    display: none;
    border-color: transparent;
    color: #4F221A;
}

/* D6.2 Текст заголовка объявления */
#pun-announcement h2 span {
    border-color: transparent;
}

/* D6.3 Блок объявления */
#pun-announcement .container {
    padding: 1em 1em 1em 1em;
    position: relative;
}

/* D6.4 Боковое окно объявления */
#pun-announcement .announcement-container {
    position: absolute;
    left: -310px;
    top: 50px;
    width: 275px;
    border: none;
    padding-bottom: 120px;
    text-align: right;
    font-family: var(--main-font-family);
    font-size: 12px;
    color: #EBB172;
}

/* D6.5 Заголовки блоков объявлений */
#pun-announcement .announcement-container h4 {
    margin-top: 20px;
    padding-bottom: 22px;
    background: url(http://forumstatic.ru/files/0001/31/13/94948.png) no-repeat right bottom;
    font: normal 20px var(--header-font-family);
    color: #EBB172;
}

/* D6.6 Блоки с иконками */
#pun-announcement .announcement-block .images li {
    display: inline-block;
}

#pun-announcement .announcement-block .images img {
    opacity: 0.3;
    transition: opacity 0.6s linear;
}

#pun-announcement .announcement-block .images img:hover {
    opacity: 1;
}

/* D6.7 Блок навигации */
#pun-announcement .announcement-block#navigation span:after {
    content: " <";
}

#pun-announcement .announcement-block#navigation img {
    display: none;
}

/* D6.8 Блок кнопок */
#pun-announcement .announcement-block#buttons h4 {
    display: none;
}

#pun-announcement .announcement-block#buttons .announcement-block-content {
    text-align: center;
}

#pun-announcement .announcement-block#buttons a {
    position: relative;
    font-weight: normal;
    font-family: var(--header-font-family);
    font-size: 17px;
    text-decoration: none;
    padding: .4em 1em;
    outline: none;
    border-radius: 1px;
    transition: 0.2s;

}

#pun-announcement .announcement-block#buttons a:hover {
    top: 1px;
    left: 1px;
}

/* D7 Статистика
-------------------------------------------------------------*/

/* D7.1 Контейнер */
#pun-stats .container {
    padding: 10px 10px 10px 80px;
    text-align: left;
    background-image: url(http://funkyimg.com/i/2wubb.png);
    background-position: 1px 10px;
    background-repeat: no-repeat;
}

/* D7.2 Ярлыки (Всего тем, сообщений, аккаунтов и последняя регистрация) */
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    display: inline-block;
    text-align: center;
    line-height: 150%;
    font-size: 1.1em;
    padding: 0 4px;
    margin: 5px 15px;
    min-width: 100px;
    border-style: solid;
    border-width: 1px;

    color: #000000;
    border-color: #9C4116;
    background-color: #ACA195;
}

#pun-stats li.item4 a {
    color: #000000;
    text-shadow: none;
}

/* D7.3 Онлайн список */
#pun-stats li#onlinelist {
    margin-top: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: transparent;
    float: left;
    text-align: left;
    width: 100%;
    line-height: 130%;
}

/* D7.4 Содержимое онлайн списка */
#pun-stats li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
    border-color: transparent;
    color: #4F221A;
}

/* D7.4 Содержимое онлайн списка */
#pun-stats li#onlinelist div {
    font-size: 1.2rem;
}

/* D8 Быстрый переход, О форуме, Нижние "хлебные крошки"
-------------------------------------------------------------*/

/* D8.1 Быстрый переход (???) */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
}

/* D8.2 Содержимое быстрого перехода (???) */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
}

/* D8.3 "Создать форум" */
#pun-about {
    margin-top: 0;
}

/* D8.4 Содержимое "Создать форум" */
#pun-about .container {
    border-top-style: none;
    text-align: left;
    line-height: 150%;
    font-size: 1em;
    padding: 0.8em 1em;
}

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

/* D8.6 Нижние "хлебные крошки" */
#pun-crumbs2 {
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: none;
}

/* D8.7 Содержимое нижних "хлебных крошек" */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0.8em 1em;
    font-size: 1.1em;
}

/* D8.8 Разделитель между нижними "хлебными крошками" */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 0px 0;
    position: relative;
    height: 0;
    z-index: 1;
}

/* D8.9 "Создать форум" в админке */
div.punbb-admin #pun-about .container {
    border-top-style: solid;
    border-top-width: 0px;
}

/* D9 Страница помощи /help.php
-------------------------------------------------------------*/

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

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: transparent;
    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;
}

/* D9 Страницы администрирования
-------------------------------------------------------------*/
#pun-admain {
    padding-left: 0;
}

.punbb-admin #pun-navlinks {
    margin-bottom: 0px;
}

.punbb-admin #pun-navlinks {
    margin-bottom: 400px;
}

#pun-admain #pun-adnav {
    float: left;
    width: 275px;
    margin-left: -310px;
    margin-top: 80px;
    display: block;
    text-align: right;
}

#pun-admain #pun-adnav h2 {
    text-align: right;
    margin-top: 20px;
    padding-bottom: 19px;
    background: url(http://forumstatic.ru/files/0001/31/13/94948.png) no-repeat right bottom;
    font: normal 20px var(--header-font-family);
    color: #EBB172;
    text-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
    padding-top: 0;
    height: auto;
}

#pun-admain #pun-adnav h2:after,
#pun-admain #pun-adnav h2:before {
    background: none;
}
#pun-admain #pun-adnav h2 span {
    font-size: inherit;
}
#pun-admain #pun-adnav a {
    color: #EBB172;
    font-weight: normal;
}
#pun-admain #pun-adnav .isactive > a {
    color: #EBB172;
    font-weight: bold;
}

#pun-admain #pun-adnav a:before,
#pun-admain #pun-adnav a:after {
    background-color: #EBB172;
    bottom: 0.1rem;
}
#pun-admain #pun-adnav .isactive > a:before,
#pun-admain #pun-adnav .isactive > a:after {
    background-color: #EBB172;
}


#pun-admain #pun-adnav .adcontainer {
    text-align: left;
    padding-left: 80px;
}
#pun-admain #pun-adnav .adcontainer ul {
    padding-left: 10px;
}


#pun-admain .adcontainer {
    border: none 1px transparent;
}
#pun-admain fieldset {
    border-color: #67443E !important;
}
#pun-admain legend span {
    background-color: transparent !important;
    margin: 0 5px !important;
}
#pun-admain fieldset .handle, 
#pun-admain fieldset p {
    border-color: #D9BF9D !important;
    background-color: #E3CCAD !important;
}

/*************************************************************
E - Extra-содержимое
**************************************************************/

/* E1 Быстрый перенос сообщений: фон, цвета строк
-------------------------------------------------------------*/
.punbb .pun-modal .section h2,
.punbb .pun-modal .section h1 {
    margin: 10px auto -30px !important;
}

.punbb .pun-modal .section .container {
    background: #DED5C4 !important;
    box-shadow: inset 0px 0px 20px 0px #7E5A2A;
}

.Select_Topics tbody tr:nth-child(2n) td {
    background: rgba(196, 178, 147, 1);
}

/* E2 Кнопки вверх/вниз
-------------------------------------------------------------*/
.go-up,
.go-down {
    display: none;
    position: fixed;
    right: -20px;
    z-index: 9999;
    cursor: pointer;
    opacity: .7;
    margin-bottom: 150px;
    width: 124px;
    height: 74px;
}

.go-up {
    bottom: 120px;
}

.go-down {
    bottom: 46px;
}

.go-down:hover,
.go-up:hover {
    opacity: 1;
}

/* E3 Возраст форума
-------------------------------------------------------------*/
/* E3.1 */
.Age_forForum {
    display: inline-block;
    font: bold 1.8rem var(--header-font-family); /* Шрифт */
    color: #31271E; /* Цвет */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    margin: -10px 8px 2px 8px;
}

.Age_forForum .Dig { /* Стиль цифр */
    font-size: 2.2rem;
    color: rgba(139, 26, 26, .7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.Age_forForum .Wrd { /* Стиль дни, месяцы годы */
}

/* E4 Предпросмотр личных сообщений
-------------------------------------------------------------*/
.m-content {
    background: #FFFFFF;
    padding: 5px;
    border: 1px solid #000000;
    box-shadow: 0 0 10px #222222;
    position: absolute;
    margin-top: 10px;
    z-index: 200;
    display: none;
}

/* E5 Окно наград и подарков
-------------------------------------------------------------*/

/* сдвиг таблицы */
.punbb .my-tabs {
    margin-top: -73px; /*сдвиг таблицы вверх от положения иконки*/
    margin-left: 250px !important; /*сдвиг таблицы вправо от положения иконки*/
}

/* Цвет фона и бордюров таблицы */
.my-tabs > .tab-a,
.my-tabs > span {
    background: #B5B5B5 !important;
    border-color: #31271E !important;
}



/* Снег на категориях */
/*#pun-main h2,*/
/*.category,*/
/*#pun-stats,*/
/*li.pa-avatar,*/
/*.multipage {*/
/*    position: relative;*/
/*}*/

Код:

Да, тут пусто... Пока что, наверное