Активисты
    Активист 1
    Активист 2
    Активист 3
    Активист 4
    Активист 5
    Активист 6
    Пост месяца: Хагане но Ренмей

    — Сдавайся, — роняет она гулко и низко. Глупо, наверное. Когда Ренмей вернётся домой, ей скажут, что это было слишком неосознанно. Слишком безрассудно. Что она могла умереть только потому, что не знала, на что ещё способна противница, но почему-то сейчас Ренмей не собиралась слышать этих вещей. Может, Харуко ещё сможет остаться у неё в долгу. Может, Харуко ещё будет полезна.

    — Иначе железо раздробит тебя на ошмётки.

    Читать дальше
    Эпизод месяца: Название
    fukui symbol
    17/09
    Тех. работы
    форум временно закрыт
    trophy
    14/09
    Однако
    мы скоро откроемся
    paint brush
    12/09
    Проверим
    работу всех кодов
    book
    10/09
    Допишем
    матчасть форума
    gift
    08/09
    И откроем
    регистрацию для всех
    map
    05/09
    А пока
    потерпите немного

    envy test

    Объявление

    shop
    Основное оружие
    8Кунай
    Кунай
    универсальный инструмент и оружие ниндзя. Используется для метания, ближнего боя, рытья и закрепления верёвок. Благодаря простоте и прочности, является одним из самых распространённых орудий шиноби.
    12Кинжалы
    Кинжалы
    короткое остроконечное лезвие для ближнего боя и скрытных ударов.
    7Малый свиток
    Малый свиток
    Свиток обычного размера достаточно мал для того, чтобы нести несколько таких одновременно, в жилете или же в кармане
    12Большой свиток
    Большой свиток
    Свитки больших размеров ниндзя обычно носят на спине
    15Лук
    Лук
    дальнобойное оружие шиноби, используемое для точных и бесшумных атак.
    5Стрела
    Стрела
    снаряд для дальнего боя, часто усиленный чакрой.
    27Колчан для стрел
    Колчан для стрел
    Удобное хранение стрел
    9Макибиши
    Макибиши
    мелкие шипы для препятствий: прокалывают подошвы, замедляют и ранят преследователей.
    10Взрывная печать
    Взрывная печать
    запечатанная метка, детонирующая при активации
    11Дымовая бомба
    Дымовая бомба
    компактное устройство, создаёт густой дым для сокрытия и быстрого отхода.
    6Сюрикен
    Сюрикен
    небольшая метательная звезда для быстрой, точной атаки.
    14Фума-сюрикен
    Фума-сюрикен
    крупная складная звезда, предназначенная для мощных метательных атак и ловушек.
    13Большой сюрикен
    Большой сюрикен
    большой складной сюрикен с четырьмя лезвиями, известен как «Теневая мельница».
    15Шар взрывных печатей
    Шар взрывных печатей
    Шар взрывных печатей — водостойкий снаряд из запечатанных меток; используется как орудийное ядро или подводная мина.
    6Сенбон
    Сенбон
    тонкая игла для метания, используется в точечных атаках и акупунктурных техниках.
    9Сенбон с колокольчиком
    Сенбон с колокольчиком
    тонкая метательная игла с колокольчиком. Он отвлекает и усиливает приёмы звуковых гендзюцу.
    5Бинты
    Бинты
    плотные полосы ткани, защищающие тело и скрывающие печати.
    15Катана
    Катана
    длинный полуторный меч, используется в бою.
    13Вакидзаси
    Вакидзаси
    короткий меч, парный к катане. Подходит для ближнего боя.
    11Танто
    Танто
    короткий кинжал шиноби, удобный для скрытных ударов и ближнего боя.
    14Кусаригама
    Кусаригама
    серп с цепью и грузом. Сочетает ближний бой и контроль дистанции.
    12Короткий меч «Жало»
    Короткий меч «Жало»
    лёгкое клинковое оружие, напоминающее шип. Он создан для быстрых, точечных ударов.
    15Большой меч
    Большой меч
    тяжёлое, мощное оружие. Маневренность ниже, чем у катаны и но удары разрушительны.
    14Меч-секач
    Меч-секач
    Описание предмета.
    10Защита корпуса и рук
    Защита корпуса и рук
    Защита, покрывающая грудь и живот, а также руки начиная от запястья до локтя. Защита легче, чем доспехи, но менее износостойкая
    12Защитные пластины
    Защитные пластины
    Описание предмета.
    7Набедренная сумка
    Набедренная сумка
    Описание предмета.
    15Комплект брони
    Комплект брони
    Описание предмета.
    10Шлем
    Шлем
    Описание предмета.
    Одежда
    22Накидка
    Накидка
    Описание предмета.
    30Плащ
    Плащ
    Описание предмета.
    20Капюшон
    Капюшон
    Описание предмета.
    28Хаори
    Хаори
    Описание предмета.
    26Высокая обувь шиноби
    Высокая обувь шиноби
    Описание предмета.
    20Сандалии
    Сандалии
    Описание предмета.
    22Пояс
    Пояс
    Описание предмета.
    30Пояс железный
    Пояс железный
    Описание предмета.
    25Ожерелье 1
    Ожерелье 1
    Описание предмета.
    27Ожерелье 2
    Ожерелье 2
    Описание предмета.
    24Особая повязка
    Особая повязка
    Описание предмета.
    23Очки
    Очки
    Описание предмета.
    21Серьги
    Серьги
    Описание предмета.
    29Маска 1
    Маска 1
    Описание предмета.
    32Маска 2
    Маска 2
    Описание предмета.
    Оружие для боевых стилей
    55Сошуга (нунчаки)
    Сошуга (нунчаки)
    Описание предмета.
    60Утяжелители
    Утяжелители
    Описание предмета.
    58Боевой веер
    Боевой веер
    Описание предмета.
    65Трёхлезвийная коса
    Трёхлезвийная коса
    Описание предмета.
    50Трубка для пузырей
    Трубка для пузырей
    Описание предмета.
    52Простой посох
    Простой посох
    Описание предмета.
    62Булава-раковина
    Булава-раковина
    Описание предмета.
    54Железная перчатка
    Железная перчатка
    Описание предмета.
    66Гунбай и цепь
    Гунбай и цепь
    Описание предмета.
    57Боевой зонт
    Боевой зонт
    Описание предмета.
    53Боевая флейта
    Боевая флейта
    Описание предмета.
    51Палица
    Палица
    Описание предмета.
    Особое оружие
    100 Кунай ХШ
    Кунай ХШ
    Временно недоступен.
    Особые аксессуары
    70Ритуальная бочка
    Ритуальная бочка
    Описание предмета.
    65Тыква для песка
    Тыква для песка
    Описание предмета.
    55Маска от яда
    Маска от яда
    Описание предмета.
    60Пилюли клана Акимичи
    Пилюли клана Акимичи
    Недоступно для других кланов.
    Медицина
    50Мед. принадлежности
    Мед. принадлежности
    Описание предмета.
    60Противоядие
    Противоядие
    Описание предмета.
    55Пилюли крови
    Пилюли крови
    Описание предмета.
    65Пилюли чакры
    Пилюли чакры
    Описание предмета.
    Остальное
    20Карты ниндзя
    Карты ниндзя
    Описание предмета.
    15Колокольчики
    Колокольчики
    Описание предмета.
    18Керамическая емкость для жидкостей
    Керамическая емкость для жидкостей
    Удобное хранение жидкостей, в том для числе сакэ и жидких медицинских препаратов
    27Чернильница
    Чернильница
    Удобное хранение чернил
    12Кисть
    Кисть
    Описание предмета.
    25Книга 1
    Книга 1
    Описание предмета.
    27Книга 2
    Книга 2
    Описание предмета.
    27Карта
    Карта местности
    Карта любой выбранной вами местности. Полезна во время путешествий и миссий
    27Бамбуковая емкость
    Бамбуковая емкость
    Удобная емкость для хранения воды и прочих жидкостей
    27Курительная трубка
    Курительная трубка
    Трубка для любителей подымить. Табак приобретается отдельно
    Выбрано: 0 шт. Итог: 0 рё
    Меню
    Bunshin no Jutsu Suimen Hokō no Gyō Shunshin no Jutsu

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

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


    Вы здесь » envy test » Новый форум » дизы экзайла


    дизы экзайла

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

    1

    HTML верх

    Код:
    <style>
    body {position: static !important;}
    </style>
    
    
    
    
    <!-- Дополнительные BB-теги -->
    <style>
    #button-justify { background:url(https://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png) center no-repeat!important;}
    #button-indent {background:url(https://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}
    .custom_tag_indent {margin:1em 2.1em;}
    #button-float {background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")}
    .custom_tag_float[alt=left]{float: left; margin: 15px; text-align: left;}
    .custom_tag_float[alt=right]{float: right; margin: 15px; text-align: right;}
    </style>
    <script>
        MyBBCode.addEditorButton('indent', {
            name: "Красная строка",
            onclick: () => smile('[indent]'),
        }, 'left');
        MyBBCode.addEditorButton('justify', {
            name: 'Выравнивание по ширине',
            onclick: () => bbcode('[align=justify]','[/align]')
        }, 'left');
        MyBBCode.addEditorButton('float', {
            name: 'Обтекание',
            onclick: () => $('#float').toggle()
        }, 'link')
    </script>
    
    
    <!-- Мгновенные уведомления © Alex_63, 2024 -->
    <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
    <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
    <!-- Мгновенные уведомления: упоминания © Alex_63, 2020 -->
    <script>notifications.load('mentions');</script>
    <!-- Мгновенные уведомления: регистрация новых участников © Alex_63 -->
    <script>notifications.load('new_user')</script> 
    <!-- Мгновенные уведомления: реакции на сообщения (Rusff) © Alex_63, 2024 -->
    <!--<script>notifications.load('rusff_reactions')</script>-->
    <!-- Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
    <script type="text/javascript">
    notifications.load('common', {});
    notifications.load('important', {topics: [57]}); // ID важных тем (через запятую)
    </script>
    
    <!-- Комментарии к оценкам за сообщения © Alex_63, 2024 -->
    <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/reputation.css" />
    <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/reputation.js"></script>
    
    <div class="header_links"><div class="ssilki">
      <a href="/viewtopic.php?id=2501">СЮЖЕТ</a>
                    <a href="/viewtopic.php?id=2581">СОСТОЯНИЕ ДЕРЕВЕНЬ</a>
                    <a href="/viewtopic.php?id=2491">СПИСОК РОЛЕЙ</a>
                    <a href="/viewtopic.php?id=259">ПРАВИЛА</a>
                    <a href="/viewtopic.php?id=2133#p362290">СПРАВОЧНИК</a>
        <a href="/viewtopic.php?id=3116">МАГАЗИН</a>
                    <a href="/viewtopic.php?id=16">ТЕХНОБУК</a>
                    <a href="/viewforum.php?id=45">БИБЛИОТЕКА ТЕХНИК</a>
                    <a href="/viewtopic.php?id=2601">МИССИИ</a>
                    <a href="/viewtopic.php?id=2635">НАГРАДЫ</a>
                </div></div>
    
    <div class="header_links"><div class="inf">
    аниме •  наруто • новое поколение • nc-21 • эпизоды • 625г. июнь-август
    </div></div>
    
    <div class="news">
    <b>✦</b> В сюжете произошел следующий <b>таймскип до августа</b>. Все персонажи, которые успели записаться на участие в экзамене на чунина, отправляются в деревню Дождя. Теперь их игра происходит в разделе <a href="/viewforum.php?id=65">Экзамен на Чунина</a>.
    <br>
    <b>✦</b> Игра объявлена открытой! Игрокам доступны такие темы как: личные эпизоды и флешбеки, сюжетные квесты и миссии. 
    <br>
    <b>✦</b> В сюжете произошел <b>таймскип на 15 лет</b>. Все персонажи, достигшие ранга А, остаются канонами ролевой и переходят под управление гма. Всех желающих продолжить игру, но уже на новом слоте, просим ознакомиться со <a href="/viewtopic.php?id=2491">списком ролей</a> и <a href="/viewtopic.php?id=193#p392995">правками в технобуке</a>. Поменялось многое, эта информация обязательна к ознакомлению. <b>Игра начинается строго с ранга генин!</b>
    <br>
    <b>✦</b> Были переписаны правила проекта, они полностью адаптированы под эпизодическую систему игры. <b>ВНИМАНИЕ!</b> Временно запрещена регистрация твинков.
    <br>
    <b>✦</b> Из шаблона анкет убран пункт "Пробный пост", и пусть генину не требуется показывать уровень своего мастерства в самой анкете, администрация будет следить за вашей основной игрой, чтобы вы соблюдали написанный вами характер, в особенности, если персонаж попадает в боевую ситуацию.
    </div>
    
    <div class="header_links"><div class="best_name">
    УВАЖАЕМЫЕ ИГРОКИ! <a href=""></a>
    </div>
    <div class="bestpost">
    <br>В связи с объявлением начала экзамена на чунина, <b>Приостановлена выдача миссий</b> участникам экзамена.
    </div>
    </div>
    
    <div class="header_links"><div class="epi">
    <span>Завершенность работ на форуме</span>
    <div></div>
    <center><a href="">75%</a></center>
    </div></div>
    
    <div class="activees2">
    <a href="" target="_blank" style="cursor: pointer;" title="активный флудер: Каин"><div><img src="https://i.imgur.com/LP97YnX.png" width="28" border="0" height="28"></div></a>
    
    <a href="" target="_blank" style="cursor: pointer;" title="активный флудер: Караи"><div><img src="https://upforme.ru/uploads/001a/74/14/14/794786.png" width="28" border="0" height="28"></div></a>
    
    <a href=" target="_blank" style="cursor: pointer;" title="активный флудер: Кераку"><div><img src="https://upforme.ru/uploads/001a/74/14/14/116199.jpg" width="28" border="0" height="28"></div></a>
    
    <a href="" target="_blank" style="cursor: pointer;" title="активный флудер: Маруи"><div><img src="https://upforme.ru/uploads/001a/74/14/14/246957.png" width="28" border="0" height="28"></div></a>
    </div>
    
    <div class="ams2">
    <a href="/profile.php?id=11" target="_blank" style="cursor: pointer;" title="Шимура Кенджи: технарь, судья"><div><img src="https://forumstatic.ru/files/0013/66/99/10136.jpg" width="28" border="0" height="28"></div></a>
    
    <a href="/profile.php?id=4" target="_blank" style="cursor: pointer;" title="Сенджу Кеитао: сюжетник, мастер игры"><div><img src="https://forumstatic.ru/files/0013/66/99/61915.jpg" width="28" border="0" height="28"></div></a>
    
    <a href="/profile.php?id=14" target="_blank" style="cursor: pointer;" title="Узумаки Харуко: дизайнер, сюжетник"><div><img src="https://forumstatic.ru/files/0013/66/99/83159.jpg" width="28" border="0" height="28"></div></a>
    
    <a href="/profile.php?id=29" target="_blank" style="cursor: pointer;" title="Каин: сюжетник, мастер игры"><div><img src="https://forumstatic.ru/files/0013/66/99/75832.png" width="28" border="0" height="28"></div></a>
    
    </div>
    
    <div class="header_links"><div class="forum_name">NARUTO EXILE</div></div>
    
    <!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
    <script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
    <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
    <script type="text/javascript">select_text.linkText = 'выделить [копировать]' //текст ссылки</script>
    <!-- конец -->
    
    <!--кнопки вверх вниз-->
    <div class="go-up" id='ToTop'><img src="" border="0" width=100%/></div>
    <div class="go-down" id='OnBottom'><img src="" border="0" width=100%/></div>
    <script type="text/javascript">
    $(function(){
    if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop()<=$(document).height()-"1999") $("#OnBottom").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()>=$(document).height()-"1999") $("#OnBottom").fadeOut("slow")
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
    $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
    });
    </script>
    
    
    <!-- Пиар-вход v.2 -->
        <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
        <script type="text/javascript">
        PR.nick = 'Piar'; //Ник PR-аккаунта
        PR.pass = '2019'; //Пароль PR-аккаунта
        PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
        PR.set();</script>
    
        <script type="text/javascript">
        PR.nick = 'Читатель'; //Ник PR-аккаунта
        PR.pass = 'read'; //Пароль PR-аккаунта
        PR.btn_text = 'Читать'; //Надпись на кнопке PR-входа(или ссылка на картинку);
        PR.set();</script>
    
    
    <!--- Сворачивание категорий, часть 1 --->
    <script type="text/javascript" src="https://forumstatic.ru/files/0013/66/99/27786.js"></script>
    <!--- Конец сворачивание категорий, часть 1 --->
    
        <!--// CSS-версия обтекания изображений в Постах //-->
        <style>.postimg[alt="float:right"]{float:right;padding-left:12px;pointer-events:none}.postimg[alt="float:left"]{float:left;padding-right:12px;pointer-events:none}
        #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://savepic.ru/7021157.png") no-repeat 50%!important;}
        #button-image #add_float img{display:block;position:relative;z-index:4;}
        #button-image>img{position:relative;z-index:2;}
        #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;}
        #button-image:hover>center{opacity:1; visibility:visible;}
        </style>
        <script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();});
        var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слева">@@</td><td></td><td id="text-right" title="Обтекание: текст справа">##</td></tr></table></center>',b3="]'";
        var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>';
        a = a.replace('@@',b1).replace('##',b2);
        $('#post #button-image').prepend(a);});
        </script>
    
    <!-- Обтекание текста слева/справа --><style type="text/css">
    .post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
    .post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
    </style>
    <script type="text/javascript">
    FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
    FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
    </script>
    
    <div class="header_links"><div class="roleplay"><!— Top.Roleplay.Ru —>
    <script type="text/javascript" language="javascript">
    var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26005.." + Math.random();
    topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26005' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+
    "<img src='//img.rpgtop.su/88x31x11x3.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
    document.write(topRPGc);
    </script>
    <noscript>
    <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26005' width='1' height='1' border='0'><a href='https://rpgtop.su/26005' target='_blank'><img src='//img.rpgtop.su/88x31x11x3.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
    </noscript>
    <!— /Top.Roleplay.Ru —><!— /Top.Roleplay.Ru —></div></div>
    
    <!-- Ссылка на авторский пост в цитате v4 (с) Alex_63, 2024 -->
    <script type="text/javascript">
    $(document).on('pun_main_ready pun_post pun_edit pun_preview WYSI_insert WYSI_init',function(){
    $('.quote-box>cite:contains("#p")').each(function() {
      var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
      if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');}
      else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');}
    });$('#pun-viewtopic .pl-quote>a').each(function() { if($(this).attr('href').indexOf('(\'#p')!=-1)return;
      $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
    });});
    </script>

    0

    2

    HTML низ

    Код:
    <!-- Мгновенный предпросмотр сообщения © Alex_63 -->
        <script type="text/javascript">
        var PPREV = {};
        PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
        PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
        </script>
        <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>    <!-- Кнопка отключения мгновенного предпросмотра -->
        <style>#togglePreview{float:right;margin-top:-17px}</style>
        <script type="text/javascript">(function (){
          var a='Включить быстрый предпросмотр';
          var b='Отключить быстрый предпросмотр';
          var d='_PreviewToggle';
          setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
          getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
          $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
          var x = ParseContent;
          window.togglePreview = function(sel){//alert(sel.value);
            if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
            if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
          }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
        }())
        </script>
    
    
    <!-- START Блоклист (строго в html-низ) -->
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001a/74/14/54665.css"/>
    <script type="text/javascript" src="https://forumstatic.ru/files/000b/09/4f/57773.js"></script>
    <!-- END Блоклист -->
    <div class="partners"><a href="https://starrail.f-rpg.me/"><img src="https://forumstatic.ru/files/001b/ee/01/73157.jpg" title="Star Rail: Fables About the Stars"></a><a href="http://sayron.rolka.me/"><img src="https://forumstatic.ru/files/001c/33/49/89323.png" alt="Сайрон: Эпоха Рассвета"></a><a href="https://forumd.ru/" target="_blank" title="ForumD.ru - Дизайн для форумов и техническая поддержка"><img src="https://upforme.ru/uploads/0007/e3/f7/2/266136.gif"></a><a href="https://ephyrion.f-rpg.me/" target="_blank" title="Эфирион: авторское фэнтези, рисованные внешности"><img src="https://upforme.ru/uploads/0019/d5/79/12/56654.png" width="88" height="31"/></a><a href="https://poisondrop.rusff.me/" target="_blank"><img src="https://i4.imageban.ru/out/2024/05/23/f3b22696cdcbc64af1f688f47f6129cb.gif" width="88" height="31" border="0"></a><a href="https://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" title="cursed land" alt="cursed land" border="0"></a><a href="http://dgmkwr.ru/" target="_blank"><img src="http://s3.uploads.ru/LoTls.jpg
    " title=" D. Gray-man. The hidden side of war" /></a><a target="_blank" href="https://lostangels.rusff.me/"><img title="дистопичный киберпанк, рисованные внешности" src="https://upforme.ru/uploads/0013/26/8a/4/651729.png"/></a><a target="_blank" href="https://thedas.mybb.ru/"><img title="Твоя любимая ролевая - Thedas" src="https://upforme.ru/uploads/001b/e0/da/4/t857929.gif"/></a><a href="https://morbusnew.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/20/89/2/177518.png" width="88" height="31" border="0"></a><a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/245/266488.png" title="karma cross" border="0" width="88" height="31"></a><a href="https://www.ouroborosrp.org" title="OUROBOROS" target="_blank"> <img src="https://i.ibb.co/CvFdPVg/5.png" alt="OUROBOROS"></a><a href="http://newadventure.rusff.me/" title="Genshin Impact: Adventure Time" target="_blank"><img src="https://upforme.ru/uploads/001b/df/32/4/t64194.gif"></a>
    <a target="_blank" href="https://newsunrise.anihub.me/"><img title="Городское фэнтези, мистика, современность" src="https://forumstatic.ru/files/0018/5e/22/25842.png"/></a><a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a><a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a><a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/VpTBV4X.png" title="yellowcross" border="0"width="88" height="31"></a><a target="_blank" href="http://curama.mybb.ru/"><img src="https://forumstatic.ru/files/0017/ef/32/92430.gif" /></a><a href="http://insideout.mybb.ru/" target=_blank><img src="https://i.imgur.com/37XNgJv.gif" title="Inside Out"></a><a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://i.imgur.com/8urfbim.png" border="0"/></a><a href="https://yantar.rusff.me/" target="_blank" ><img src="https://forumstatic.ru/files/001b/0a/8d/38785.jpg" border="0" title="Фэнтези, приключения, аниме и арты" /></a>
    </div>
    
    <!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
    <script type="text/javascript">
        $('#pun-index .category td.tcl').each(function() {
          var TR = $(this).parents('tr:first');
          var str='<div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div>';
          var lsr=TR.find('td:first');
          $(str).appendTo(lsr);
        });
    </script>
    
    <!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
    mod by ForumD.ru  -->
        <script type="text/javascript">
        var DefAvtr = 'https://forumstatic.ru/files/0013/66/99/90393.jpg'; //Ссылка на аватар по умолчанию
        var GuestAvtr = 'https://forumstatic.ru/files/0013/66/99/73133.jpg'; //Ссылка на аватар для Гостя
    
       $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
          var b = DefAvtr;
          if($(this).text()=='Гость'){b = GuestAvtr;}
          var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
          if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
        });
        $('#profile-left strong:contains("Нет аватара")')
        .parent().html('<div><img src="'+DefAvtr+'"/></div>');
        </script>
    <!-- Конец -->
    
    
    
    <!-- Запрет просмотра профилей для гостей -->
    <script type="text/javascript">
    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>
    <!-- конец -- >
    
    <!-- Счётчик символов в форме ответа + WYSIWYG mod.Alex_63 -->
    <script>(function(){var a,L,epl=$("#main-reply"),epl2=$('#wysi-reply'),str='<small id="plng">Написано символов: <b>00</b></small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=(window.WYSI&&WYSI.isActive()?WYSI.getText():epl.val()).length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout(epl3,100)});epl.on('mouseout mousemove keydown keypress keyup focus blur',epl3);$(document).on('WYSI_insert',function(){setTimeout(epl3,0)});epl2.on('mouseout mousemove keyup input focus blur',epl3)})()</script>
    <!--конец -->
    
    <!--Маска-->
    <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
    <script>
    hvScriptSet.addMask({
        forumAccessExtended: {
            'сюжетные квесты и миссии': ['Пользователи'],
            'личные эпизоды': ['Пользователи'],
            'флешбеки': ['Пользователи'],
            'завершенные эпизоды': ['Пользователи'],
            'Экзамен на Чунина': ['Пользователи']
        },
        userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld3', 'pa-fld1', 'pa-fld4', 'pa-posts', 'pa-fld2', 'pa-respect', 'pa-online', 'post-author-Sp', 'pa-awards']
    });
    </script>
    
    <script type="text/javascript">
      var F = [2,3,4,5];
      for(i in F) {$('.post-author li.pa-fld'+F[i]).each(function(){$(this).html($(this).html().replace(/(.*?):(?: |<br>)/,''));});}
    </script>
    
    <!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.post-content').each(function() {
        var CNT = $(this).html();
        CNT = CNT.replace(/<p><br><\/p>/img,'');
        CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
        CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
        $(this).html(CNT);
    });
    </script>
    
    
    
    <!-- Регулировка размера шрифта в постах © Alex_63 -->
        <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
    
    
    <script type="text/javascript">
    window.changeVisibility = function(id) { $('#' + id).toggle(); }
    </script>
    
    <!-------------------------- дополнительные смайлы -------------------------->
    <!--Oтложенная загрузка Смайлов Ч1(Начало)--><noscript>
    <style>ul.tabs.tabs1{margin:-12px 0 12px 6px;display:block;} ul.tabs.tabs1 li{float:left;width: 71.3px;height:32px;margin-left:-5px;padding:1px!important;position:relative;z-index:2;border-radius:12px 2px 0 0;
    text-align:center; border: solid #334255; background: #f7f7f7;border-width: 1px 1px 0 1px}ul.tabs.tabs1 li.tab-current{background:
    #BFBFBF;margin-top:-2px!important;}ul.tabs.tabs1 li img{margin-bottom:-4px;position:relative;z-index:100}ul.tabs.tabs1 li>a{display:block;vertical-align:middle;}
    #post div[class^="t"]{max-height: 200px;overflow-y: auto;width: 450px;}
    </style>
    
    <!--Oтложенная Смайлов Ч2(Конец)--></noscript><script type="text/javascript">
    var _a$3 = $('script:last'); $(function(){$(function(){
    $(_a$3.prev('noscript').text()).insertBefore(_a$3)
    });});</script><!-- Конец загрузки Смайлов -->
    
    <!-- Поиск игровых постов по Нику в Указанных форумах --> 
    <script>FORUM.forumSarr_ = [19,20,21,60,61]; //Форумы поиска; </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/001a/74/14/13575.js"></script>
    
    <!--- ПРЕДПРОСМОТР СООБЩЕНИЯ --->
    <!-- <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script> -->
    <!-- Мгновенный предпросмотр в личке -->
    <!--<script type="text/javascript">if($('#pun-messages').length){var pprevcont='<fieldset id="post-preview"><legend><span>Предварительный просмотр сообщения</span></legend><div class="fs-box"><div class="post-box"><div class="post-content"></div></div></div></fieldset>';if(document.URL.indexOf('&p')!=-1){if(PPREV.position==0 || PPREV.position==2) {$('#post').prepend(pprevcont);}if(PPREV.position==1){$('#post').append(pprevcont);}}else if(document.URL.indexOf('?action=new')!=-1){if(PPREV.position==0 || PPREV.position==2){$('#profile fieldset:first').before(pprevcont);}if(PPREV.position==1){$('#profile fieldset:first').after(pprevcont);}}if($('#post-preview').text().length<1){$('#post-preview').hide();}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent();},40);});}</script>-->
    
    <!--- ОТКЛЮЧЕНИЕ ПРЕДПРОСМОТРА СООБЩЕНИЯ --->
    <!-- <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>-->
    
    <!--Запятая после ника в теме-->
    <style type="text/css">
    div#topic-users-in a:after {
        content: ',';
    }
    div#topic-users-in a:last-child::after {
        content: '';
    }
    </style>
    <!-- Кликабельность ника в постах Гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
    
    
      <!--Переключение раскладки выделенного текста v.2 -->
        <style>#button-transL{background-image:url(https://upforme.ru/uploads/000f/09/5e/6201/44477.png)}</style>
        <script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>';
        $("#button-font").after('<td id=button-transL>'+S+'</td>');
        function LatRus(){
        lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
        lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
        lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|');
        rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split('');
        rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
        rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.');
        var selstart = document.getElementById("main-reply").selectionStart;
        var selend = document.getElementById("main-reply").selectionEnd;
        L=$('#main-reply').val();
        if (typeof selstart === "number" && typeof selend === "number"){
        var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat');
        var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0;
        selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i);
        if (latend != -1) {selend = selstart+latend;}}
        L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){
        for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script>
    <!-- Расширенная палитра цветов (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>
        <style type="text/css">
        input[type=color]::-webkit-color-swatch {background-color: transparent !important; border:none;}
        input[type=color]::-moz-color-swatch {background-color: transparent !important; border:none;}
        #litr{background: url(https://upforme.ru/uploads/001b/cb/f4/21/780573.png) no-repeat scroll 0 0 / cover ;}
        </style>
    
    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <style>
    #pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
        background-color: #1f5a6c;
        font-weight: bold;
        color: #ffffff;
    }
    </style>
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->
    <script>
    $('li.pa-last-visit').attr('title', 'сейчас нет на форуме');
    </script>
    
    <!-- поднятие репутации в закрытых темах -->
    <script type="text/javascript">
    if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
    </script>
    
    
    <!--Отключить кнопку "Вложения"-->
    <script type="text/javascript">
    RusffCore.sets.files.button = false;
    RusffCore.sets.tags = false;
    RusffCore.sets.graffiti = false; /*Граффити*/
    </script>
    
    
    <!--- Скрыть rss-atom --->
    <style type="text/css">
    .punbb .modmenu .container span {display: none;}
    </style>
    <!--- конец --->
    <!--замена коротких тире на длинные -->
    <script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s| )?-(\s| )/g,'$1—$2')})</script>
    
    <!-- Загружаем изображения на Imgur и работаем с фото из Instagram-->
        <script type="text/javascript" src="https://forumstatic.ru/files/0017/d8/50/14900.js"></script>
    <!-- Закрытие темы при числе постов в теме более заданной: -->
    <script type="text/javascript">
    (function(){
    var Num_Hide = 1999; //Число постов, после которого Cкрытие формы ответа.
    var a = $('.topic>h2>span.item2');
    if(a.length)a=parseInt(a.text().replace(/.*из (\d+)/,'$1'));
    if(a>=Num_Hide){$('.postlink a[href*="/post.php?tid"],#post').hide();
    $('.postlink').empty().append('Тема закрыта')}
    }());
    </script>
    <!----------------------------------------------- ЗАПЯТАЯ ПОСЛЕ НИКА ---------------------------------------->
    <script type="text/javascript">
    function to(username)
    {insert('[b]' + username + '[/b]' + ', ');}
    </script>
    
    <!--- Сворачивание категорий, часть 2 --->
    <script type="text/javascript" src="https://forumstatic.ru/files/0019/34/22/28956.js"></script>
    <!--- Конец сворачивание категорий, часть 2 --->
    
    <script>
    var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-22px 0 0 22px;background: var(--cover);font: 500 9px 'accia';width: 11px;height: 11px;text-align: center;border-radius: 100%;padding: 0;\">2</p></b></td>"
    $("#button-image").after(oldIMG);
    </script>
    
    <!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
    <script>
    var get = (function(a) {
        if (a == "") return {};
        var b = {};
        for (var i = 0; i < a.length; ++i)
        {
            var p=a[i].split('=');
            if (p.length != 2) continue;
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
        }
        return b;
    })(window.location.search.substr(1).split('&'));
    var text = localStorage.getItem('topic'+get['id']);
    if(text) {
      $('#post textarea#main-reply').val(text);
    }
    $('#post textarea#main-reply').bind('keydown keypress keyup', function(e){
      var text = $(this).val();
      localStorage.setItem('topic'+get['id'], text);
    });
    $('#post').submit(function() {
      localStorage.removeItem('topic'+get['id']);
    });
    
    </script>

    0

    3

    HTML в форме ответа

    Код:
    <!-- BB-цитирование © Alex_63, 2024 -->
    <script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.js?v=1"></script>
    
    <!----------------------------------------------------------------------------------------------- КНОПКА АБЗАЦА - [indent] --------------------------------------------------------------------------------------------------------------------------------------------->
    <style>#button-indent {background: url(https://s7.uploads.ru/t/mnkgq.png) no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function()
    {var b = '[indent]'; 
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="insert(\''+b+'\')"></td>');
    var indent = '<span style="display: inline-block; margin: 1em 2.1em;"></span>'; 
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>
    <!-- Конец -->
    
    
    <!-- Мультитрековый плеер v2 -->
    <header id="hd"></header>
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001a/74/14/71949.css" />
    <script type="text/javascript" src="https://forumstatic.ru/files/0017/d8/50/70773.js"></script>
    
    
    
    
    <!--обтекание изображения 2.4.4 mod by Alex_63 -->
    <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; top:43px; z-index:20">
    <div><strong>Направление обтекания</strong></div><br>
    <div align="center">
    <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left" onclick="bbcode('[float=left]', '[/float]');$('#float').toggle()" />
    <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('[float=right]', '[/float]');$('#float').toggle()" />
    </div></div>
    
    <!------------------------------------------------ смайлы --------------------------------------------------------------------------------------------------------------------------------------------->
    <script src="https://forumstatic.ru/files/0015/28/00/23282.js"></script>
    <script>
    $(document).ready(function() {
      hvStickerPack.init("https://forumstatic.ru/files/001a/74/14/46864.txt");
    });
    </script>
    <!-- Конец -->
    
    <!--дополнительные шрифты -->
    <script type="text/javascript">
    $(document).ready(function(){
    
         $("#font-area").append('<div style="font-family:Arkhip"><span>Arkhip</span><img onclick="bbcode(\'[font=Arkhip]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Baron Neue"><span>Baron Neue</span><img onclick="bbcode(\'[font=Baron Neue]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Basis"><span>Basis</span><img onclick="bbcode(\'[font=Basis]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Bebas Neue"><span>Bebas Neue</span><img onclick="bbcode(\'[font=Bebas Neue]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Yeseva One"><span>Yeseva One</span><img onclick="bbcode(\'[font=Yeseva One]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Bradobrei"><span>Bradobrei</span><img onclick="bbcode(\'[font=Bradobrei]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Cuprum"><span>Cuprum</span><img onclick="bbcode(\'[font=Cuprum]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Calypso"><span>Calypso</span><img onclick="bbcode(\'[font=Calypso]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Cheque"><span>Cheque</span><img onclick="bbcode(\'[font=Cheque]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Code Pro"><span>Code Pro</span><img onclick="bbcode(\'[font=Code Pro]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Curator"><span>Curator</span><img onclick="bbcode(\'[font=Curator]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Gunny Rewritten"><span>Gunny Rewritten</span><img onclick="bbcode(\'[font=Gunny Rewritten]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Helvetica Neue Medium"><span>Helvetica Neue Medium</span><img onclick="bbcode(\'[font=Helvetica Neue Medium]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Journalism"><span>Journalism</span><img onclick="bbcode(\'[font=Journalism]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Lighthaus"><span>Lighthaus</span><img onclick="bbcode(\'[font=Lighthaus]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Oswald"><span>Oswald</span><img onclick="bbcode(\'[font=Oswald]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:Pirata One"><span>Pirata One</span><img onclick="bbcode(\'[font=Pirata One]\',\'[/font]\')" src="/i/blank.gif" /></div>');
         $("#font-area").append('<div style="font-family:RubikMonoOne"><span>RubikMonoOne</span><img onclick="bbcode(\'[font=RubikMonoOne]\',\'[/font]\')" src="/i/blank.gif" /></div>');
    
    });
    </script>

    Пользовательские bb-теги

    Код:
    indent:sito
    float[span.float]:ai

    0

    4

    Структура style.css

    Код:
    /*************************************************************
    A - SETUP
    **************************************************************/
    
    /* A1 Import the coxclour scheme
    -------------------------------------------------------------*/
    
    /* A1.1 */
      @import url(style_cs.css);
    @import url(https://forumstatic.ru/files/001a/ef/25/62432.css);
    
    @import url(https://forumstatic.ru/files/001a/64/fa/64198.css);
    @import url(https://forumstatic.ru/files/001a/64/fa/68883.css);
    @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Shantell+Sans&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Kelly+Slab&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
    
    @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
    
    
    /* шрифты собраны и залиты NARUTOEXILE */
    @font-face { font-family: arkhip;
    src: local("arkhip"), url(https://forumstatic.ru/files/0015/28/00/27522.ttf) format('truetype');}
    @font-face { font-family: baron neue;
    src: local("baronneue"), url(https://forumstatic.ru/files/0015/28/00/38250.ttf) format('truetype');}
    @font-face { font-family: basis;
    src: local("basis33"), url(https://forumstatic.ru/files/0015/28/00/99051.ttf) format('truetype');}
    @font-face { font-family: bradobrei;
    src: local("bradobrei"), url(https://forumstatic.ru/files/0015/28/00/79628.ttf) format('truetype');}
    @font-face { font-family: calypso;
    src: local("calypso"), url(https://forumstatic.ru/files/0015/28/00/77071.ttf) format('truetype');}
    @font-face { font-family: cheque;
    src: local("cheque-black"), url(https://forumstatic.ru/files/0015/28/00/47389.ttf) format('truetype');}
    @font-face { font-family: code pro;
    src: local("code-pro"), url(https://forumstatic.ru/files/0015/28/00/40663.ttf) format('truetype');}
    @font-face { font-family: curator;
    src: local("curator4-italic"), url(https://forumstatic.ru/files/0015/28/00/54346.ttf) format('truetype');}
    @font-face { font-family: gunny rewritten;
    src: local("gnyrwn971"), url(https://forumstatic.ru/files/0015/28/00/51337.ttf) format('truetype');}
    @font-face { font-family: helvetica neue medium;
    src: local("helveticaneuecyr-medium"), url(https://forumstatic.ru/files/0015/28/00/67894.ttf) format('truetype');}
    @font-face { font-family: journalism;
    src: local("journalism_(graphicsland.ru)"), url(https://forumstatic.ru/files/0015/28/00/10034.ttf) format('truetype');}
    @font-face { font-family: lighthaus;
    src: local("lighthaus"), url(https://forumstatic.ru/files/0015/28/00/10357.ttf) format('truetype');}
    @font-face { font-family: oswald;
    src: local("oswald"), url(https://forumstatic.ru/files/0015/28/00/60141.ttf) format('truetype');}
    @font-face { font-family: rubikmonoone;
    src: local("rubikmonoone"), url(https://forumstatic.ru/files/0015/28/00/53777.ttf) format('truetype');}
    
    /* A2 Deal with browser defaults and wonkiness
    -------------------------------------------------------------*/
    
    /* A2.1 */
    
    html, body {margin: 0px; padding: 0;
        background: 
      repeat-x top left ,
      url(https://forumstatic.ru/files/0013/66/99/78539.jpg) no-repeat top center ;
        background-color: #014257;
        background-attachment: fixed;
    background-size: auto, cover;
      }
    
    
    /* A2.2 */
    .punbb {
    margin: 0px;
      }
    
    
    /* A2.3 */
    .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
      padding: 0;
      list-style: none;
      }
    
    /* A2.4 */
    .punbb img {
      border:none
      }
    
    /* A2.5 */
    .punbb .main table {
        table-layout: fixed;
        width: 100%;
        margin-left: 0px;
      }
    
    /* A2.6 */
    .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
    
    /* A2.7 */
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 1.8em;
      vertical-align: middle
      }
    
    
     /* A3 Text setup
    -------------------------------------------------------------*/
    
    /* A3.1 */
    body {
      font-size: 100%;
      }
    
    /* A3.2 */
    .punbb {
      font: normal 68.75% verdana, arial, helvetica, sans-serif, "Arial Black";
      }
    
    /* 3.3 */
    .punbb textarea, .punbb input, .punbb select, .punbb optgroup {
      font: 1em verdana, arial, helvetica, sans-serif;
      }
    
    .punbb textarea,.punbb #wysi-reply {
        padding: 5px;
        width: calc(100% - 1.6em) !important;
        border: 1px solid #ffb825;
        color: #000000;
        background: #ffffff;
    }
    
    /* A3.4 */
    .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
      font-size: 1em;
      font-weight: normal;
      }
    
    /* A3.5 */
    .punbb h1 span, .punbb h2 span, .punbb legend span {
      font-size: 1.1em;
      }
    
    .punbb h1 span, .punbb h2 span {
    font-size: 13px;
        text-transform: lowercase;
        font-weight: 600;
      }
    
    /* A3.6 */
    .punbb pre {
      font: normal 120% verdana, arial, helvetica, sans-serif, "Arial Black";
      }
    
    /* A3.7 */
    .punbb address, .punbb em {
      font-style: normal
      }
    
    /* A3.8 */
    .punbb .post-content em {
      font-style: bold;
      }
    
    /* A3.9 */
    .punbb .post-content em.bbuline {
      font-style: normal;
      text-decoration: underline;
      }
    
    /* A3.10 */
    .punbb a {
      text-decoration: none;
      }
    
    /* A3.11 */
    .punbb optgroup {
      font-weight: bold;
      }
    
    
    /* A4 Float clearing and hidden items
    -------------------------------------------------------------*/
    
    /* A4.1 */
    #pun:after,
    .punbb .container:after,
    .punbb .post-links ul:after,
    .punbb .main div.inline:after,
    .punbb .post-box:after,
    .punbb .linksb:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      overflow:hidden;
      line-height: 0.0;
      font-size: 0;
      }
    
    /* A4.2 */
    .acchide,
    #pun-index #pun-main h1,
    #pun-navlinks h2,
    #pun-pagelinks h2,
    #pun-status h2,
    #pun-ulinks h2,
    .punbb .forum h2,
    .punbb .multipage .topic h2,
    .punbb dl.post-sig dt span,
    .punbb p.crumbs strong,
    .punbb .divider hr,
    .punbb .required label em,
    .punbb .formsubmit label,
    .punbb .submitfield label,
    .punbb .modmenu label,
    #pun-userlist .main h2 {
      font-size: 0;
      height: 0;
      width: 0;
      line-height: 0.0;
      position:absolute;
      left: -9999px;
      overflow: hidden
      }
    
    
    /* A5 Basic page layout and borders
    -------------------------------------------------------------*/
    
    /* A5.1 */
    #pun {
      width:1142px;
      margin-left:auto;
      margin-right:auto;
    margin-top: 260px;
    background-color: transparent;
    background: 
      url(https://forumstatic.ru/files/0013/66/99/84672.jpg) repeat-y top center ;
    background-attachment: scroll; 
    margin-bottom: 70px;
      }
    
    
    
    /* A5.2 */
    .punbb {
        width: 1000px;
        float: left;
        padding: 0px 15px 0px 71px;
        height: auto;
      }
    
    
    /* A5.3 */
    #pun-redirect, #pun-maint {
      width: auto;
      float: none;
      }
    
    /* A5.4 */
    .punbb .section, .punbb .main {
      margin-bottom: 1em;
      }
    
    /* A5.5 */
    .punbb .category, .punbb .post {
      margin-top: 0.4em;
      }
    
    /* A5.6 */
    .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
      margin-top: 0;
      }
    
    /* 5.7 */
    #pun-post .topic {
      margin-top: 1em;
      }
    
    /* A5.8 */
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
    .punbb .category, .punbb .post {
    width: 99%;
      }
    
    
    /* A5.10 */
    .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    text-align: center;
      }
    
    
    /*************************************************************
    B - MAIN CONTENT - GENERAL
    **************************************************************/
    
    /* B1 Parsed Content, Signatures and Scroll Boxes
    -------------------------------------------------------------*/
    
    /* B1.1 */
    .punbb .post-content {
    padding-top: 1px;
      margin: 0;
      width: 100%;
      overflow: hidden;
      text-align: justify;
      }
    
    /* B1.2 */
    .punbb .post-sig dt {
        display: block;
        margin: 17px 110px;
        background: #ffb825;
        height: 1px;
      }
    
    .punbb .post-sig dd {
    margin-inline-start: -0px !important;
      }
    
    /* B1.3 */
    .punbb .post-content p {
      margin: 0;
      padding: 0 0 1em 0;
      line-height: 150%;
     font-family: 'Verdana', sans-serif;  }
    
    /* B1.4 */
    .punbb .post-content img {
      vertical-align: text-bottom
      }
    
    /* B1.5 */
    .punbb .post-content img.postimg {
      vertical-align: middle;
      }
    
    /* B1.6 */
    .punbb .post-content .blockcode, .punbb .post-content blockquote {
      width: 100%;
      overflow: hidden;
        margin-left: 0px;
      }
    
    
    /* B1.7 */
    .punbb .post-content .scrollbox {
      width: 100%;
      overflow: auto;
    max-height: 70px;
      }
    
    /* B1.8 */
    .punbb .post-content .quote-box, .punbb .post-content .code-box {
        border: medium none;
        margin: 0.4em 0em 0.8em;
        padding: 0em;
    }
    
    /* B1.9 */
    .punbb .quote-box cite {
        font-weight: bold;
        max-width: 764px;
        background: #6bb6ca00;
        padding: 2px 10px;
        margin-left: 10px;
        color: rgb(36 91 108) !important;
        margin-bottom: -11px !important;
    }
    
    .punbb .quote-box cite a:hover {
       color: #ffb825 !important;
        transition: all .6s ease-in-out 0s;
    
    }
    
    .punbb .code-box strong.legend {
        font-weight: bold;
        background: #62919f;
        padding: 3px 10px;
        margin-left: 0px;
        /* color: rgb(245, 240, 236) !important; */
      }
    
    .punbb .code-box strong.legend a {
        padding: 2px;
        color: #fff !important;
      }
    
    .punbb .code-box strong.legend a:hover {
        color: #ffb825 !important;
          transition: all .6s ease-in-out 0s;
      }
    
    /* B2 Information boxes
    -------------------------------------------------------------*/
    
    /* B2.1 */
    .punbb .info-box {
      padding: 1.1em 1.7em 1em 1.7em;
      margin: 0 0 1.1em 0;
      }
    
    /* B2.2 */
    .punbb .info-box * {
      padding: 0 0 0.7em 0;
      }
    
    /* B2.3 */
    .punbb #pun-main .info-box .legend {
      font-size: 1.1em;
      font-weight: bold;
      }
    
    
    /* B3 Pagination and posting links
    -------------------------------------------------------------*/
    
    /* B3.1 */
    .punbb .linkst {
      float: left;
      position: relative;
      width: 100%;
      font-size: 1.1em;
      height: 0;
      }
    
    /* B3.2 */
    .multipage {
      margin-top: -1em;
      }
    
    /* B3.3 */
    .linkst .pagelink {
        position: absolute;
        top: -1.4em;
        left: 1em;
        width: 24em;
      }
    
    /* B3.4 */
    .linkst .postlink {
      position: absolute;
      top: -2.7em;
      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;
      }
    
    .punbb .linkst, .linkst .postlink, .punbb .linksb, .linksb .pagelink {
    text-transform:lowercase;
    margin-right: 20px;
    font-size: 11px;
      }
    
    
    
    /*************************************************************
    C - MAIN CONTENT - SPECIFIC
    **************************************************************/
    
    /* C1 Form layout
    -------------------------------------------------------------*/
    
    /* 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 {
      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 0px;
      }
    
    /* C1.7 */
    .punbb fieldset fieldset {
      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;
      }
    
    
    /* C2 Table layout
    -------------------------------------------------------------*/
    
    /* C2.1 */
    .punbb .main .tcl {
      overflow: hidden;
      text-align: left;
      }
    
    #pun-index .main .tclcon {
        width: 669px;
        margin-left: 29px;
        margin-bottom: -6px;
    }
    
    /* C2.2 */
    .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
        text-align: center;
        width: 10%;
        /* text-transform: lowercase; */
      }
    
    #pun-index .category .tc2,
    #pun-index .category .tc3 {
        display:none!important;
    }
    
    /* C2.3 */
    .punbb .main .tcr {
        overflow: hidden;
        text-align: left;
        width: 347px;
        text-transform: none;
        font-size: 11px;
      }
    
    #pun-index .main .tcr {
        padding-left: 108px;
        box-sizing: border-box;
    }
    
    #pun-index .main .hasicon {border: var(--main-grey-border)!important;border-radius:40px;display: block;}
    
    #pun-index td .modlist {display: none;}
    
    /* C2.4 */
    #pun-userlist .main .tcl,
    #pun-searchtopics .main .tcl,
    #pun-modviewforum .main .tcl {
        background-color: transparent;
        width: 45%;
      }
    
    /* C2.5 */
    #pun-userlist .main .tc2,
    #pun-searchtopics .main .tc2 {
    background-color: transparent;
      text-align: left;
      width: 25%;
      }
    
    /* C2.6 */
    #pun-debug table .tcl {
    background-color: transparent;
      width: 15%;
      white-space:normal;
      }
    
    /* C2.7 */
    #pun-debug .tcr {
    background-color: transparent;
      width: 90%;
      white-space: normal;
      }
    
    /* C2.8 */
    #pun-index .tcl h3 {
        font-size: 12px;
        text-transform: uppercase;
        text-align: left;
        margin-top: 20px;
        letter-spacing: 2px;
        margin-bottom: 7px;
        margin-left: 15px;
      }
    
    #pun-index .tcl h3 a {    font-family: 'Nunito', bold;
        font-weight: 900!important;}
    #pun-index .tcl h3 a:hover {font-weight: 900!important;}
    
    /* C2.9 */
    .punbb td span.youposted {
      font-weight: bold;
      margin-left: -1em;
      position: absolute;
      }
    
    /* C2.10 */
    .punbb td .modlist {
      display: block;
      padding-top: 0.3em
      }
    
    
        * html .tclcon {height: 1px}
    
    /* C2.11 */
    .punbb .main td {
      padding: 0.8em 1em;
      }
    
    /* C2.12 */
    .punbb .main th {
      padding: 0.4em 1em 0.4em 1em;
    text-transform: lowercase;
      }
    
    /* ÑÏÈÑÎÊ ÒÅÌ Â ÔÎÐÓÌÅ */
    
    #pun-viewforum .tcr {
        font-size: 11px!important;
        bottom: -5px!important;
        text-transform: none;
        width: 230px;
    }
    
    #pun-viewforum .tcl {
    width: 400px!important;
    }
    
    
     /* C3 Topics
    -------------------------------------------------------------*/
    
    /* C3.1 */
    .punbb .post .container {
        margin: 0px -35px 0px 7px;
      }
    
    /* C3.2 */
    .punbb .post h3 {
        max-width: 1005px;
        max-height: 6px;
        margin-left: -35px;
        margin-bottom: 9px;
        padding: 10px 0px !important;
      }
    
    /* C3.3 */
    .punbb .post h3 span {
        padding: 0.5em 1em;
        padding-left: 35px;
        display: block;
        margin-left: 19em;
        font-size: 10px;
        font-weight: bold;
      }
    
    .punbb .post h3 span a {
        font-size: 9px;
        font-weight: bold;
        letter-spacing: 0.8px;
        margin-left: 41px !important;
        text-decoration: none;
      }
    
    /* C3.4 */
    .punbb .post h3 strong {
        float: right;
        width: 5em;
        text-align: right;
        font-size: 10px;
        margin-right: 20px;
        color: #4e717b;
        FONT-WEIGHT: 500;
      }
    
    /* C3.5 */
    .punbb .post .post-author {
        float: left;
        text-align: center;
        width: 220px;
        margin-top: -17px;
        margin-left: -42px;
        overflow: hidden;
        padding: 5px;
        background: linear-gradient(rgb(7, 59, 75) 17%, rgb(22, 128, 152));
        text-transform: lowercase;
        border: solid 1px #083546;
        margin-bottom: 30px;
        border-radius: 0px;
      }
    
    /*.post-author li.pa-online {
        position: relative;
        height: 14px;
        border: none;
        padding: 0;
        margin-top: 8px!important;
        margin-left: -4px;
        font-size: 0px!important;
        width: 14px;
    }*/
    
    
    
    /* .punbb .post .post-author:before {
        content: url();
        position: absolute;
        margin-left: -111px;
        margin-top: -10px;
    } */
    
    .punbb .post .post-author:after {
    }
    
    
    /* C3.6 */
    .punbb .post .post-author ul, .punbb .post .post-author p {
      padding: 0 0.5em 0.5em 0.5em;
      line-height: 140%;
      }
    
    /* C3.7 */
    .pa-author {
        margin-bottom: 9px;
        margin-left: -11px;
        margin-top: -16px;
        font-size: 14px;
        font-family: Nunito;
        text-align: center;
        line-height: 27px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        background-color: #006277;
        width: 231px;
        height: 26px;
        /* box-shadow: rgb(255 184 37) 0px 0px 12px inset; */
      }
    
    /* C3.8 */
    .pa-author a {
        text-decoration: none;
        color: #f8f8f8 !important;
      }
    
    .pa-author a:hover {
    color: #ffb825 !important;
      }
    
    .pa-author:before {
    
    }
    
    
    /* C3.9 */
    li.pa-title {
        margin-bottom: -5px;
        width: 208px;
        margin-left: -2px;
        color: rgb(255, 255, 255);
        /* background-color: #0b404e; */
        font-size: 9px;
        text-align: center;
        padding: 2px;
        line-height: 10px;
      }
    
    
    /*li.pa-online {
        font-size: 9px;
        color: #e2e1dc;
      }*/
    
    li.pa-ip {
        text-align: center;
      }
    
    
    
    .pa-fld1 {
        width: 202px;
        background: rgb(11 105 102);
        color: #ffffff;
        text-align: justify;
        font-size: 9px;
        line-height: 11px;
        margin-top: 3px;
        /* border: 1px solid #ffb82570; */
        /* border-radius: 2px 3px 3px 3px; */
        margin-left: -2px;
        padding: 3px 5px 4px !important;
        -webkit-box-shadow: inset 0 0 9px #0d927c;
        -moz-box-shadow: inset 0 0 30px #00f;
        box-shadow: inset 0 0 3px #ffb825;
    }
    
    .pa-fld1 a {
        font-weight: bold;
    }
    
    .pa-fld1 a:hover {
    font-style: bold;
    }
    
    .pa-fld3 {
        width: 178px;
        text-align: center;
        font-size: 10.6px;
        text-transform: uppercase;
        margin-top: -6px;
        border-radius: 0px;
        margin-left: 9px;
        font-weight: 600;
        color: rgb(231, 231, 231);
        /* background: linear-gradient(rgb(24 123 147) 43%, rgb(22, 124, 147)); */
        /* box-shadow: rgb(24, 123, 147) 2px 0px 50px inset, rgb(7, 59, 75) 0px 0px 77px; */
        padding: 5px 6px 0px !important;
    }
    
    #pun .pa-fld3 a {    color: #ffffff;
        font-family: Nunito;
        padding: 9px;}
    
    #pun .pa-fld3 a:hover {    color: #ffb825;
        text-shadow: rgb(255, 255, 255) 0px 0px 4px;}
    
    .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name {
    display: none;
    }
    
    /*Поле "Посты"*/
    .pa-fld4{
      color: #dddbdb;
      background: #073B4B;
      padding: 3px 0 5px!important;
      font-weight: bold;
      text-transform: none;
      width: 170px;
      margin: 0 auto;
    }
    
    /* C3.11 */
    .punbb .post-body {
        margin-left: 19em;
        padding: 0 0 0px 0;
      }
    
    /* C3.12 */
    .punbb .post-box {
        padding: 0em 0.5em 1em 1.3em;
      }
    
    /*C3.13 */
    .punbb fieldset .post-box {
      margin-bottom: 1.5em
      }
    
    /* C3.14 */
    .punbb .post-links {
        margin-left: 19em;
        margin-top: -14px;
      }
    
    /* C3.15 */
    .punbb .post-links ul {
      padding: 0 1em 0 0;
      height: 2em;
      line-height: 2em;
      margin-left: -19em;
      background: transparent;
      text-align: right;
    text-transform: lowercase;
      }
    
    /* C3.16 */
    .punbb .post-links li {
      display: inline;
      padding-left: 1em;
      }
    
    /* C3.17 */
    .pl-email, .pl-website {
      float: left;
      }
    
    /* C3.18 */
    .punbb .clearer {
      clear: both;
      height: 0;
      font-size: 0;
      }
    
    
    /* C4 Moderator menu
    -------------------------------------------------------------*/
    
    /* C4.1 */
    .punbb .modmenu .container {
      padding: 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;
    text-transform:lowercase;
      }
    
    /* C4.4 */
    .punbb .modmenu input {
      margin-left: 1em;
      }
    
    
    /* C5 Message boxes
    -------------------------------------------------------------*/
    
    /* C5.1 */
    .punbb .info .container {
      padding: 0.8em 1em
      }
    
    /* C5.2 */
    .punbb .info .container .backlink {
      padding-top: 0.8em;
      }
    
    
    /* C6 Profile
    -------------------------------------------------------------*/
    
    /* C6.1 */
    #profile .container {
      padding-left: 18.6em;
      }
    
    /* C6.2 */
    #profilenav {
      float: left;
      width: 14em;
      margin-left: -16.3em;
      display: inline;
      }
    
    #profilenav a {
    padding: 3px;
    
      }
    
    #profilenav a:hover {
    
      }
    
    
    /* C6.3 */
    #profilenav li {
      padding-bottom: 0.8em;
      font-weight: bold;
      }
    
    /* C6.4 */
    #viewprofile ul, #profilenav ul {
      padding: 1.5em 18px 0.8em 18px;
      margin: 0 0 1em 0;
      }
    
    /* C6.5 */
    #viewprofile h2, #profilenav h2 {
      background: transparent;
      padding: 0 0 0 0;
      margin: 0 14px -0.6em 14px;
      }
    
    /* C6.6 */
    #viewprofile h2 span, #profilenav h2 span {
      padding: 0 5px;
      position: relative;
      }
    
    /* C6.7 */
    #viewprofile li, #setmods dl {
      padding: 0 0 0 16em;
      margin-bottom: 0.2em;
      }
    
    /* C6.8 */
    #viewprofile li span {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.5em 1em;
      font-weight: bold;
      }
    
    /*C6.9 */
    #setmods dt {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.8em 1em;
      font-weight: bold;
      display: inline;
      }
    
    /* C6.10 */
    #viewprofile li strong, #viewprofile li div, #setmods dd {
      display: block;
      padding: 0.5em 1em;
      font-weight: normal;
      }
    
    /* C6.11 */
    .punbb img.avatardemo {
      float: right;
      margin: 0 0 0.8em 1.8em
      }
    
    
    /* C7 User list
    -------------------------------------------------------------*/
    
    /* C7.1 */
    #pun-userlist .formal, #pun-userlist .formal .container {
      border-bottom: none;
      margin-bottom: 0;
      }
    
    /* C7.2 */
    #pun-userlist .usertable .container {
      padding: 0 2.3em 2.3em 2.3em;
      border-top: none;
      }
    
    /* C7.3 */
    #pun-userlist .usertable table {
      }
    
    
    /*************************************************************
    D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
    **************************************************************/
    
    /* D1 Logo and description
    -------------------------------------------------------------*/
    
    /* D1.1 */
    #pun-title {
      margin: 0;
      }
    
    /* D1.2 */
    #pun-title h1 {
    display: block;
        font: 0px arial black;
      }
    
    /* D1.3 */
    #pun-title .container {
    
      }
    
    /* D1.4 */
    #pun-title h1 span  {
      font-size: 1.5em;
      }
    
    #pun-title table {
        background-image: url("https://forumstatic.ru/files/0013/66/99/45054.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        width: 1142px;
        height: 239px;
        margin-top: -209px;
        margin-left: -71px;
    }
    
    #pun-title td.title-logo-tdl {
    	border: none! important;
    	width: 100%;
    }
    
    #pun-title td.title-logo-tdr {
    	border: none! important;
    	width: 1143px;
    }
    
    /* D2 Page navigation
    -------------------------------------------------------------*/
    
    /* D2.1 */
    #pun-pagelinks {
      position: absolute;
      top: -15px;
      left: 0;
      margin: 0;
      border: none;
      padding: 0;
      width: 100%;
      }
    
    /* D2.2 */
    #pun-pagelinks .container {
      background: transparent;
      border: none;
      padding: 0}
    
    /* D2.3 */
    #pun-pagelinks .container li {
      display: inline
      }
    
    /* D2.4 */
    #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
      height: 2em;
      line-height: 2em;
      padding: 0;
      font-size: 1.2em;
      margin-left: -9999px;
      display: block;
      float:left;
      width: 100%;
      }
    
    /* D2.5 */
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      position:relative;
      margin: 0;
      }
    
    #pun-pagelinks li a span {
      display:block;
      margin: 0 1em
      }
    
    /* D3 Forum navigation
    -------------------------------------------------------------*/
    
    /* D3.1 */
    #pun-navlinks .container {
      padding: 0.2em 0em;
      padding-top: 7px;
    }
    
    /* D3.2 */
    #pun-navlinks .container {
        position: absolute;
        text-align: center;
        font-style: normal;
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        height: 10px;
        font-family: Nunito;
        width: 1055px;
        margin-left: -35px;
        top: -10px;
        letter-spacing: 1px;
      }
    
    /* D.3 */
    #pun-navlinks li {
      display: inline;
      padding-right: 1em;
    
      }
    
    /* D3.4 */
    #pun-navlinks li a {
        color: #d49512;}
    
    
      }
    
    
    
    /* D4 User links
    -------------------------------------------------------------*/
    
    /* D4.1 */
    #pun-ulinks  {
      margin-top: -1px;
      }
    
    /* D4.2 */
    #pun-ulinks .container {
        position: absolute;
        top: 29px;
        margin-left: 253px;
        font: 8px verdana;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
      }
    
    /* D4.3 */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
        white-space: nowrap;
        padding-right: 10px;
        color: #d3ceca !important;
      }
    
    #pun-ulinks li a:hover {
    color: #ddb173 !important;
      }
    
    /* D4.4 */
    #pun-ulinks li a {
      padding: 0 0.3em 0 0.6em
      }
    
    /* D4.5 */
    #pun-ulinks li.item1, #pun-ulinks li.item1 a {
      border-left-style: none;
      border-left-width: 0;
      padding-left: 0
      }
    
    /* D5 Welcome box and Top Breadcrumbs
    -------------------------------------------------------------*/
    
    /* D5.1 */
    #pun-status, #pun-status .container {
      border-bottom: none;
      margin-bottom: 0;
      }
    
    /* D5.2 */
    #pun-status .container {
      padding: 0.8em 1em 1em 1em;
      }
    
    /* D5.3 */
    #pun-status span {
      white-space: nowrap;
      margin-right: 0.5em;
      }
    
    #pun-status span.item1 {
        white-space: normal;
        /* text-transform: lowercase; */
        position: absolute;
        margin-top: -9px;
        margin-left: -61px;
        text-align: left;
        /* border-left: 5px solid #716363; */
        padding: 2px;
        width: 200px;
        color: #135f71;
      } 
    
    /* D5.4 */
    #pun-crumbs1 {
        overflow: hidden;
        margin-top: -11px;
        margin-bottom: 14px !important;
      }
    
    /* D5.5 */
    #pun-crumbs1 p.container {
      border-top: none;
      padding: 0.3em;
      }
    
    /* D5.6 */
    #pun-break1 {
      height: 0px;
      }
    
    #pun-stats.section h2 span, .punbb #pun-category1 h2 span, .punbb #pun-category2 h2 span, .punbb #pun-category3 h2 span, .punbb #pun-category4 h2 span, .punbb #pun-category5 h2 span, .punbb #pun-category6 h2 span, .punbb #pun-category7 h2 span, .punbb #pun-category8 h2 span, .punbb #pun-category9 h2 span, .punbb #pun-category10 h2 span, .punbb #pun-category11 h2 span, #pun-info.section h2 span {
        font: bold 18px Nunito;
        color: #885e31;
        text-transform: uppercase;
        text-align: center;
        padding: 5px 30px 2px;
    }
    
    #pun-stats.section h2, .punbb #pun-category1 h2, .punbb #pun-category2 h2, .punbb #pun-category3 h2, .punbb #pun-category4 h2, .punbb #pun-category5 h2, .punbb #pun-category6 h2, .punbb #pun-category7 h2, .punbb #pun-category8 h2, .punbb #pun-category9 h2, .punbb #pun-category10 h2, .punbb #pun-category11 h2 {
    
    }
    
    
    
    
    
    
    /* D6 Announcement
    -------------------------------------------------------------*/
    
    /* D6.1 */
    #pun-announcement h2 {
      padding: 0;
      margin: 0 1em -3.5em 1em;
      position: relative;
      font-weight: bold;
      }
    
    /* D6.2 */
    #pun-announcement h2 span {
      display: block;
      padding: 1em 0 0.8em 0;
    font-size: 0px;
      }
    
    /* D6.3 */
    #pun-announcement .container {
      padding: 4.3em 1em 1em 1em;
      }
    
    /* D7 Statistics
    -------------------------------------------------------------*/
    
    /* D7.1 */
    #pun-stats .container {
        width: 1100px;
        font-weight: 100;
        margin-left: -50px;
        border: var(--main-grey-border);
        border-radius: 40px;
      }
    
    /* D7.2 */
    #pun-stats li.item1, #pun-stats li.item2 {
        float: left;
        display: inline;
        width: 20%;
        margin-right: 42px;
        text-transform: uppercase;
        color: white;
        font-size: 8px;
        border-radius: 1px;
        padding: 4px 0px !important;
        text-align: center !important;
      }
    
    /* D7.3 */
    #pun-stats li.item3, #pun-stats li.item4 {
        float: left;
        padding: 4px 0px 4px 0px!important;
        display: inline;
        width: 25%;
        margin-right: 25px;
        text-align: center!important;
        text-transform: uppercase;
        font-size: 8px;
        border-radius: 1px;
        color: white;
      }
    
    #pun-stats li.item1, #pun-stats li.item3 {    background: url(https://forumstatic.ru/files/0013/66/99/79231.jpg);}
    
    #pun-stats li.item2, #pun-stats li.item4 {
        background: url(https://forumstatic.ru/files/0013/66/99/79231.jpg)
    }
    
    #pun-stats li.item4 {margin-right: 0!important;}
    
    #pun-stats li.item1 strong, #pun-stats li.item2 strong, #pun-stats li.item3 strong, #pun-stats li.item4 a {
    color: var(--pun-color)!important;
    }
    
    /* D7.4 */
    li#onlinelist {
      margin-top: 1em;
      border-top-style: solid;
      border-top-width: 0px;
      float: left;
      width: 100%;
      line-height: 150%;
    text-align: justify;
    }
    
    li#onlinelist a {
    font-weight: 500;
      }
    
    li#onlinelist strong {
    font-weight: normal!important;
    }
    
    /* D7.5 */
    li#onlinelist div {
      border-top-style: solid;
      border-top-width: 0px;
      padding: 0.7em 0 0 0;
      }
    
    /* D8 Quick Jump - About - Bottom Breadcrumbs
    -------------------------------------------------------------*/
    
    /* D8.1 */
    #pun-qjump {
      margin: 0;
      border: none;
      width: 50%;
      position: relative;
      float: left;
      }
    
    /* D8.2 */
    #pun-qjump .container {
      border: none;
      background: transparent;
      padding: 0.8em 1em;
      }
    
    /* D8.3 */
    #pun-about {
      margin-top: 0;
      }
    
    /* D8.4 */
    #pun-about .container {
        border-style: none;
        text-align: right;
        line-height: 150%;
        background-image: url("https://forumstatic.ru/files/0013/66/99/31584.jpg");
        background-position: center bottom;
        background-repeat: no-repeat;
        width: 1142px;
        height: 47px;
        margin: -120px 0px -51px -71px;
      }
    
    /* D8.5 */
    #pun-about p span {
        display: block;
        position: absolute;
        width: 258px;
        border-style: none;
        font-size: 10px;
        margin: 15px 0px 0px 501px;
      }
    
    /* D8.6 */
    #pun-crumbs2 {
      font-weight: bold;
      overflow: hidden;
      margin-bottom: 0;
      border-bottom: none;
      }
    
    /* D8.7 */
    #pun-crumbs2 .container {
    border: none;
        padding: 4.8em 1em;
        font-size: 11px;
        margin: 0px auto 40px -7px;
      }
    
    /* D8.8 */
    #pun-break4 {
    
      }
    
    /* D8.9 */
    div.punbb-admin #pun-about .container {
    
      }
    
    
    /* D9 Help file
    -------------------------------------------------------------*/
    
    /* D9.1 */
    #pun-help .formal .info-box h3.legend {
    
      padding-bottom: 0;
      margin-bottom: 0.8em;
      }
    
    /* D9.2 */
    #pun-help .formal .info-box h3.legend span {
      padding-bottom: 0.6em;
      display: block;
      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;
      }
    
    
    /* СКРОЛЛ */
    ::-webkit-scrollbar{    width: 9px;
        width: 9px;
        height: 11px;
        background-color: #0a424f;
        }
    
    ::-webkit-scrollbar-thumb{
        background-color: #ffb825;
        }
    
    ::-webkit-scrollbar-thumb:hover {    background-color: #ff9d25;}
    
    ::-webkit-scrollbar:hover{    background-color: #0a424f;}
    
    ::-webkit-scrollbar-corner {background: #00303a;}
    
    .punbb .fs-box .main pmtcl1 { 
        width: 20% !important;
    }
    
    /* КНОПКИ ФОРУМА */
    #viewprofile-next #pa-edit a,
    input[class="button"], input[type="button"], input[class="button submit"], .hvStickerPackModalContainer .hvStickerPackModalTab, .punbb #pun-navlinks #form-login input[type="submit"], input[class="button preview"] {
        padding: 3px 5px 3px 6px;
        margin: 1px 1px 1px 1px;
        text-transform: lowercase;
        color: #213c44;
        border: 1px solid #ffb825;
        transition: all 0.4s !important;
        cursor: pointer;
    }
    
    
    #viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[type="button"]:hover, input[class="button submit"]:hover, .hvStickerPackModalContainer hvStickerPackModalTab active:hover, .punbb #pun-navlinks #form-login input[type="submit"]:hover {
    background: #ffb825;
        color: #fff;
        transition: all 0.4s !important;
    }
    
    
    /* АДМИН-МЕНЮ */
    .adformal h2, #pun-adnav h2 {
    background-color: #545454 !important;
        color: #fff !important;
    }
    
    #pun-admain a {
         color: #0b3f4d !important;
      }
    
    #pun-admain a:hover {
      color: #ffb825 !important;
      }
    
    
    /* СКРЫТО */
    #pun-status .status-right {display: none;}
    #pun-ulinks .container li.item3, #pun-ulinks .container li.item5 {display: none;}
    #pun-status span.item2 {display: none;}
    .category .container thead {display: none;} 
    .forum .container thead {display: none;}
    div#pun-live-rusff {display: none;}
    .topic a.sharelink {display: none;}
    .fs-box thead {display: none;}
    .usertable thead {display: none;}
    .multipage thead {display: none;}
    
    .formal .container fieldset legend span {font-size: 0px;}
    #profile-gifts {display: none;}
    
    
    /* ПЕРЕАДРЕСАЦИЯ */
    #pun-redirect {
      position:absolute;
        width: 500px;
    height: 500px;
      border:none!important;
      margin-left:180px;
      margin-top:50px;
      text-align:center;
    border: none;
    background: transparent;
     }
    
    #pun-redirect .main-title {
        background: rgb(5 39 48);
        color: rgb(255, 255, 255) !important;
        text-align: right !important;
    }
    
    #pun-redirect h1 span {
        text-transform: lowercase;
        font: 15px arial black;
        letter-spacing: 2px;
    }
    
    #pun-redirect.punbb .info .container{
        padding: 0.8em 1em;
        background: rgb(255 255 255);
        border-left: 3px solid rgb(241 178 37);
        border-top-width: 3px;
        border-right-width: 3px;
        border-bottom-width: 3px;
    }
    
    
    .adminmain {
        width: 80% !important;
    }
    
    #messages .pmtcl1 {
    width: 35% !important;
    }
    
    .punbb .post-content a {
        font-style: normal;
        color: #337f97 !important;
        font-weight: 900;
    }
    
    .punbb .post-content a:hover {
    color: #b9882a !important;
    }
    
    .defavtr {
    margin-bottom: 15px;
    }
    
    
     /*Фон под контейнеры в форме Ответа*/
    #pun_wrap #post .container[id$="-area"]{
    background: #fff /*Можно добавить фон картинкой url(Ccылка на картинку)*/
    }
    
    
    /*Сброс формы под гостем*/
    #post>fieldset{ clear: both;}
    
    /*Убрать отредактировано*/
    .lastedit {display:none}
    
    /* Фон окна наград и репутации */
    #pun-popup_awards div, #pun-reputation div {
        background: rgb(236, 237, 237);
        border: 1px solid rgb(225 173 92);
    }
    
    /*Расширяем поле сообщений в темах*/
    #pun-main #topic_t2501 .post-author, #pun-main #topic_t259 .post-author, #pun-main #topic_t2491 .post-author, #pun-main #topic_t2133 .post-author, #pun-main #topic_t16 .post-author, #pun-main #topic_t25 .post-author, #pun-main #topic_t2568 .post-author, #pun-main #topic_t2581 .post-author, #pun-main #topic_t3197 .post-author, #pun-main #topic_t3116 .post-author {display: none;}
    #pun-main #topic_t2501 .post-body, #pun-main #topic_t259 .post-body, #pun-main #topic_t2491 .post-body, #pun-main #topic_t2133 .post-body, #pun-main #topic_t16 .post-body, #pun-main #topic_t25 .post-body, #pun-main #topic_t2568 .post-body, #pun-main #topic_t2581 .post-body, #pun-main #topic_t3197 .post-body, #pun-main #topic_t3116 .post-body {margin-left: 0;}
    #pun-main #topic_t2501 .post-sig dd, #pun-main #topic_t259 .post-sig dd, #pun-main #topic_t2491 .post-sig dd, #pun-main #topic_t2133 .post-sig dd, #pun-main #topic_t16 .post-sig dd, #pun-main #topic_t25 .post-sig dd, #pun-main #topic_t2568 .post-sig dd, #pun-main #topic_t2581 .post-sig dd, #pun-main #topic_t3197 .post-sig dd, #pun-main #topic_t3116 .post-sig dd {display: none;}
    /*Расширение для тестовых тем*/
    #pun-main #topic_t1603 .post-author {display: none;}
    #pun-main #topic_t1603 .post-body {margin-left: 0;}
    #pun-main #topic_t2952 .post-author {display: none;}
    #pun-main #topic_t2952 .post-body {margin-left: 0;}
    
    /* не отображать */
    .pa-reg {
    display:none;
    }

    0

    5

    Цвета style_cs.css

    Код:
    /* CS1 Background and text colours
    -------------------------------------------------------------*/
    
    /* CS1.1 */
    .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
    .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
    .punbb .info-box, .punbb #pun-main .info-box .legend {
    
      }
    
    /* CS1.2 */
    .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    
      }
    
    .punbb .main .container {
    margin-left: -2px;
    
    }
    
    /* CS1.3 */
    #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
      color: #052832;
      }
    
    /* CS1.4 */
    #pun-title, #pun-title .container, .punbb .modmenu .container {
    
      }
    
    /* CS1.5 */
    .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
        text-decoration: underline;
        font-weight: 600;
        color: #de9600;
        font-size: 12px !important;
      }
    
    #punbbsearch fieldset legend span, #pun-userlist fieldset legend span, #profile fieldset legend span {
        font-size: 11px!important;
        text-transform: lowercase;
        text-decoration: none;
        font-weight: 600;
        color: #dc9d2e;
    }
    
    /* CS1.6 */
    .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    
      }
    
    /* CS1.7 */
    .punbb .quote-box, .punbb .code-box {
    
      }
    
    /* CS1.8 */
    #pun-navlinks .container {
    
      }
    
    
    .offline li.pa-online strong {
      font-weight: normal;
      }
    
    
    .punbb .post-box {    color: #425a61;}
    
    /* CS2 Border colours
    -------------------------------------------------------------*/
    
    /* CS2.1 */
    .punbb .container, .punbb .post-body, .post h3, #pun-title {
        border-style: none;
        border-width: 0;
      }
    
    #profile-signature ul {
    border: none !important;
    }
    
    /* CS2.2 */
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
    .punbb .category, .punbb .post {
        border-style: none;
        border-width: 0;
      }
    
    /* CS2.3 */
    #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
        border-style: none;
        border-width: 0;
      }
    
    /* CS2.4 */
    .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
    .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
        border-style: none;
        border-width: 0;
      }
    
    /* CS2.5 */
    .punbb th {
        border-style: none;
        border-width: 0;
      }
    
    /* CS2.6 */
    .punbb .quote-box, .punbb .code-box {
        border-style: none;
        border-width: 0;
      }
    
    #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    
      }
    
    #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    
      }
    
    .punbb .divider {
    
      }
    
    .punbb .formal fieldset .post-box, .punbb .info-box {
    
      }
    
    /*li.pa-online {
    
      }
    */
    
    /* CS3 Links
    -------------------------------------------------------------*/
    
    /* CS3.1 */
    .punbb a, .punbb a:link, .punbb a:visited,
    .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
      color: #164f66;
      }
    
    .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
      color: #333;
      }
    
    /* CS3.2 */
    .punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
    .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
      color: #262626;
      }
    
    /* CS3.3 */
    #pun-navlinks a {     color: #ffb923;
        font: bold 13px Nunito;
        text-align: center;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
        opacity: 1;
        padding: 3px !important;
        /* text-transform: uppercase; */
        display: inline-block;
        line-height: 16px;
        /* text-transform: lowercase; */
    }
    
    
    
    
    /* CS3.4 */
    #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
      color: #ffffff;
    opacity: 1;
    }
    
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      background-color: #333;
      color: #fff;
    
      }
    
    /* CS4 Post status icons
     -------------------------------------------------------------*/
    
    /* CS3.1 No new messages*/
    
    /* картинка новых соо на главной */
    TR.inew Div.icon {
        border-radius: 0px 0px 0px 0px;
        transform: rotate(45deg);
        float: left;
        height: 12px;
        margin-left: 6px;
        margin-right: 15px;
        margin-top: 3px;
        position: relative;
        width: 12px;
        box-sizing: border-box;
        animation: blinkColor .9s linear infinite;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor 1.0s linear infinite;
        background: #facb7e;
    } 
    
    #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
        background: #c3c6cc5e;
        border-radius: 0px 0px 0px 0px;
        transform: rotate(45deg);
        float: left;
        height: 12px;
        margin-left: 0px;
        margin-right: 15px;
        margin-top: 3px;
        position: relative;
        width: 12px;
        box-sizing: border-box;
    }
    
    
    #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
        background: #ffb825;
    }
    
    #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
        background: #ffb825;
        /* -webkit-box-shadow: inset 0 0 69px #8b6441; */
        -moz-box-shadow: inset 0 0 30px #00f;
        box-shadow: inset 0 0 6px #a60b0b;
    }
    
    #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #606668;
    }
    
    
    #pun-main div.catleft, #pun-main div.catright {display: none}
    
    
    /* ЗАКЛАДКИ */
    #MyBookmarks {
    background: #f5f0ecf2 !important; 
    margin-top: 50px;
    max-height: 700px;
    }
    
    #BookmCntToggle.default-style {
        position: fixed;
        top: 52px;
        left: 34px;
        width: 30px;
        height: 30px;
        opacity: .7;
        cursor: pointer;
        z-index: 3;
        transition: opacity .3s ease-out;
    }
    
    #MyBookmarks h2 {
    font-size: 14px !important;
    }
    
    #MyBookmarks h2 span {
        font: 20px 'tahoma';
        color: #eb9f02 !important;
    }
    
    #MyBookmarks .container {
    height: 87% !important;
        margin-top: 0px !important;
    }
    
    #MyBookmarks #bm2 {
    right: -1em !important;
    }
    
    .post .bookmark {
    color: #ae0c1c !important;
    }
    
    #MyBookmarks #bm2 {
        color: #ffb825 !important;
    }
    
    
    
    #pun-status span.item2 {
    
    }
    
    .permalink {
        text-transform: lowercase;
    }
    
    div.post-rating a, div.post-vote a {
        /* font-weight: bold; */
        /* letter-spacing: 3px !important; */
        /* padding: 2px; */
        font-size: 2px !important;
        /* border: 1px solid #c97211; */
        /* border-radius: 50px; */
        color: #0a3f4d !important;
    }
    
    div.post-rating a:hover {
        color: #c3811a !important;
    }
    
    div.post-vote a:hover {
        color: #c3811a !important;
    }
    
    
    .punbb .post-links ul a {
        font-weight: bold;
    font-size: 10px !important;
    padding: 0px 2px;
    }
    
    .punbb .post-links ul a:hover {
    background: #;
        color: #b77a07 !important;
    }
    
    div.post-vote p {
        float: right !important;
        padding: 11px 0px !important;
        margin-right: -21px !important;
    }
    
    .post-content td {
    border-color: transparent;
    }
    
    .punbb .pa-avatar {
        margin-top: 5px !important;
        margin-right: -1px;
        text-align: center;
        margin-bottom: -4px !important;
    }
    
    .punbb .pa-avatar img {
        max-height: 190px !important;
        max-width: 190px !important;
        /* border: solid #e8e7e3 11px; */
        margin-left: -2px;
    }
    
    /*Выравниваем в одну строку число постов и Уважение*/
    
    #pun-main .pa-posts, #pun-main .pa-respect, #pun-main .pa-positive {
        display: inline-grid;
        text-align: center;
        padding: 0px 7.8px;
        margin: 0px auto 0px 0px!important;
        /* margin-right: 10px; */
        FONT-WEIGHT: 200;
        font-size: 7px;
        text-transform: uppercase;
        max-width: 47px;
        min-width: 42px;
        color: #fff;
        /* border: double 3px #2e899d; */
        /* border-radius: 3px 3px 3px 3px; */
        /* background-color: #177b93; */
    }
    
    #pun-main .pa-respect a {
        color: #fff;}
    
    #pun-main .pa-positive a {
        color: #fff;}
    
    .post-content .highlight-text {
        background-color: #d1a96d !important;
        color: #efefef !important;
        padding: 0px 2px;
    }
    
    span.num_msg {
       margin-top: -1px !important;
        background: #ae0c1c !important;
        color: #eeeeee !important;
    margin-left: 1px !important;
    padding: 1px 4px 2px 4px !important;
    }
    
    
    span.num_msg:before {
    display: none !important;
    }
    
    #viewprofile {
        /* text-transform: lowercase; */
    }
    
    #pun_wrap #post .container[id$="-area"] {max-height:250px; overflow:auto;}
    #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner, .inner, #post-sig .container[id$="-area"] {
    outline: none;
        padding: 5px;
        border: 1px solid #43445b;
        background: #fff;
        padding: 7px !important;
    }
    
    .punbb input, .punbb select, .punbb optgroup {
        /* outline: 1px solid white; */
        padding: 4px;
        color: #3d4e54;
        border: 1px solid #ffb825;
        /* border-radius: 3px 3px 3px 3px; */
        background: #fff;
        text-align: center;
    }
    
    
    #post-form h2 span, #post-form fieldset legend span {
        font-size: 0px!important;
    }
    
    #pun-main h1 {
    display: none;
    }
    
    #post-form h2 {margin-bottom: -50px;}
    
    
    
    /* ДОПЫ */
    
    #keyboard-span input {
    color: #e4e4e4 !important;
    
    }
    
    
    /* МАСКА */
    
    #mask_dialog .inner {
        border: 1px solid #ffb825 !important;
        background: #ffffffeb !important;
        padding: 7px !important;
    }
    
    #mask_dialog .hv-preview-block {
    flex: 0 0 160px !important;
        max-width: 160px !important;
    }
    
    #mask_dialog .hv-form-block {
    max-height: 400px !important;
    }
    
    /* партнеры */
    #html-footer .container {     position: absolute;
        margin: 31px 0 0 -77px;
        width: 1120px;
        padding: 10px 15px;}
    
    #html-footer .partners {
        padding: 4px 1px 3px 1px;
        margin-left: -4px;
        margin-top: 12px;
        background-color: #13404c;
        border: solid #251b07 2px;
        outline: double #cbab69e6 4px;
        width: 1128px;
        }
    #html-footer .partners img {    filter: sepia(1);
        opacity: 0.4;
        transition-duration: 1s;
        margin-left: 6px;}
    #html-footer .partners img:hover {filter: grayscale(0); opacity: 0.8; transition-duration: 1s;}
    
    /* вниз вверх кнопка */
    .go-up,
    .go-down {
         display: none;
        position: fixed;
        margin-left: 1066px!important;
        z-index: 9999;
        cursor: pointer;
        opacity: 1;
        /* margin-bottom: 151px; */
        width: 10px;
        height: 50px;
        /* border: 1px solid #373737; */
        background: #ffb825;
        border-radius: 0px 0px 0px 0px;
    }
    .go-up {
        bottom: 48%;
        /* margin-left: 1025px !important; */
    }
    .go-down {
        bottom: 36%;
        /* top: 506px !important; */
        /* margin-left: 1025px !important; */
    }
    
    /* репа */
    #pun-main .pa-respect img {display: none;}
    #pun-main .post-author .pa-fld2 a {background: #ffb825; border-color: #e6e6e6; color: #04242f;}
    #pun-main .post-author .pa-fld2 a:hover,  #pun-main .post-author .pa-fld2 a:focus, #pun-main .post-author .pa-fld2 a:active {color: #e6e6e6;}
    
    
    /* стикер и текст у авы */
    #pun-main .pa-fld2 {user-select: none;}
    
    .pa-fld2 rank {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        width: 188px;
        margin: 5px 0px 7px 9px;
        /* box-shadow: 2px 0px 50px #187b93 inset, 0px 0px 77px #073b4b; */
        /* background: linear-gradient(180deg, #073b4b 43%, #167c93); */
        border: 1px solid #167f96;
        border-radius: 2px;
        overflow: hidden;}
    
    .pa-fld2 rank cvet {
        /* background: #cfe1f529; */
        padding: 0px 5px;
        border-width: 0px 1px 0px 0px;
        /* border-color: #8795a7; */
        /* border-style: solid; */
    }
    
    .pa-fld2 rank cvet img {
        width: 40px;
        margin-left: 0px;
        margin-top: 1px;
    }
    
    .pa-fld2 rank text {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        text-transform: uppercase;
        font-size: 10px;
        align-items: center;
        color: #ffffff;
        font-family: 'Nunito';
        font-weight: 700;
        text-shadow: 0px 1px #02222b;
        letter-spacing: .6px;
        align-content: space-around;
        padding-top: 2px;
        padding-right: 0px;
    }
    
    
    .pa-fld2 rank text niz {
        font-size: 9px;
        /* text-transform: lowercase; */
        margin-top: -2px;
        font-family: 'Nunito';
        font-weight: 300;
    }
    
    
    /* бегунок больше меньше текст */
    .FNTslider {
        border-radius: 0px;
        position: relative;
        z-index: 1000;
        background: #ffffff;
        width: 110px;
        height: 5px;
        margin: 3px 5px;
        border: solid 1px #ffd379;
        float: right;
        margin-right: 0%;
        }
        .FNTslider .before {
          height: 7px;
        /* border: solid 1px transparent; */
        /* border-right: none 0; */
        border-radius: 0px 0 0 0px;
        position: absolute;
        background: #ffb825;
        margin-top: -1px;
        }
        .FNTslider .thumb {
          width: 11px;
        height: 11px;
        border-radius: 51px;
        position: relative;
        top: -3px;
        background: #ffd379;
        cursor: pointer;
        }
    
    /* ссылки в подфорумах */
    .main .tcl .pfs {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 14px;
    } 
    .main .tcl .pfs a {
        display: block;
        background: #325d68;
        border: solid 1px #efefef;
        outline: solid 1px #017898;
        font-size: 8px;
        text-transform: uppercase;
        font-family: 'Tahoma';
        color: #ffffff;
        border-radius: 0px;
        padding: 5px 9px;
        margin: 2px 3px;
        transition: all 0.4s !important;
    } 
    
    .main .tcl .pfs a:hover {
      background: #ffb825;
          border: solid 1px #efefef;
          outline: solid 1px #ffb825;
      color: #ffffff;
        transition: all 0.4s !important;
    }
    
    /* старые новые новости */
    
    #d_obs {display: inline-block;width: auto;text-align: center;height: auto;font-size: 8px;padding: 2px 5px 3px 5px;text-transform: uppercase;text-decoration: none;}
    .d_new {
        color: #ffffff;
        font-weight: bold;
        animation: blinkColor .9s linear infinite;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor 1.0s linear infinite;
        background: #facb7e;}
    .d_old {background: background: #2f5766;text-shadow: none;color: #ffffff;font-weight: bold;}
    .d_aw { background: #f5eed494; text-shadow: none; color: #691c1e; }
    
    
    /*индикатор онлайн*/
        .post .post-author ul {
          position: relative;
        }
        .pa-online {
        position: absolute;
        display: inline-block !important;
        top: 7px;
        right: 6px;
        background: #feb214 !important;
        height: 10px;
        width: 10px;
        margin: 0 0 0 -5px !important;
        padding: 0 !important;
        border: 0 !important;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        animation: blinkColor .9s linear infinite;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor 1.0s linear infinite;
        }
        .pa-online:hover {
          background: #edaa00 !important;
        }
        .pa-online:hover strong {
          opacity: 1.0;
          visibility: visible;
        }
        .pa-online strong {
          position: absolute;
          top: 18px;
          right: -6px;
          padding: 0 8px;
          height: 24px;
          line-height: 24px;
          background: rgba(0, 0, 0, 0.7);
          font-weight: 400;
          white-space: nowrap;
          color: #fff;
          font-size: 90%;
          text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
          text-align: center;
          z-index: 10;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          transition: all .2s ease;
          opacity: 0;
          visibility: hidden;
        }
        .pa-online strong:before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          right: 6px;
          top: -10px;
          border-width: 5px 5px;
          border-style: solid;
          border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
        }
    
    
    
    
    /*цвет выделения текста*/
    ::selection {
        background: #ffb825 !important;
        color: #ffffff;
    }
    
    
    
    
    /* ссылки меню */
    
    .header_links {
        position: absolute;
        top: 265px;
        margin-left: -87px!important;
        width: 1173px;
        height: auto;
        text-align: center;
    }
    
    .ssilki a {
        position: relative;
        display: inline-block;
        /* background: linear-gradient(180deg, #017898 43%, #00353a); */
        /* border: solid 1px #583a17; */
        /* text-shadow: 1px 1px 1px #2d1700!important; */
        color: #145465!important;
        padding: 3px 12px;
        border-radius: 2px;
        opacity: 0.9;
        font-family: 'Nunito', bold;
        font-weight: 700;
        font-size: 12px;
        margin: 0px 1px 6px 3px;
        transition: all 0.4s !important;
    }
    
    .ssilki a:hover {
      
        /* background: linear-gradient(180deg, #017898 43%, #00353a); */
        /* border: solid 1px #583a17; */
    text-shadow: 1px 1px 4px #ffac00!important;
        color: #fff!important;
        padding: 3px 12px;
        border-radius: 2px;
        opacity: 0.9;
        font-family: 'Nunito', bold;
        font-weight: 700;
        font-size: 12px;
        margin: 0px 1px 6px 3px;
        transition: all 0.4s !important;
    }
    
    
    /* категории */
    #pun-index .category h2, #pun-stats.section h2 {
        background: url(https://forumstatic.ru/files/0013/66/99/79231.jpg) no-repeat;
        width: 1099px;
        height: 27px !important;
        margin-left: -50px !important;
        margin-bottom: 3px;
    }
    
    #pun-index div.category h2 span, #pun-index #pun-stats h2 span{
        position: relative;
        font-size: 14px;
        /* font-family: var(--font-nav); */
        color: #ffffff;
        line-height: 28px;
        /* text-transform: lowercase; */
        padding-right: 7px;}
    
    
    .post-author li.pa-last-visit {
        position: absolute;
        display: inline-block !important;
        top: 8px;
        right: 6px;
        background: #b6b6b6 !important;
        height: 10px;
        width: 10px;
        margin: 0 0 0 -5px !important;
        padding: 0 !important;
        border: 0 !important;
        font-size: 0px!important;
        filter: opacity(0.4);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    li.pa-last-visit strong {
          position: absolute;
          top: 18px;
          right: -6px;
          padding: 0 8px;
          height: 24px;
          line-height: 24px;
          background: rgba(0, 0, 0, 0.7);
          font-weight: 400;
          white-space: nowrap;
          color: #fff;
          font-size: 90%;
          text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
          text-align: center;
          z-index: 10;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          transition: all .2s ease;
          opacity: 0;
          visibility: hidden;}
    
    #pun-index div.category .container {
        padding: 0px 7px;
        margin: 0px -59px 0px -50px;
        padding-top: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 1px;
        /* background: linear-gradient(180deg, #154756 43%, #062630); */
        border: 1px solid #ffb825;
    }
    
    /* расположение кол-ва сообщений тем на главной */
    #pun-main .tcl .Add {display: flex;float: right;}
    #pun-main .tcl .Add .Tems_And_messages {
        margin: 0 0px 0 10px;
        padding: 3px 24px;
        color: #698188;
        display: none;
        }
    
    
    /* описание подфорумов */
    
    .opisanie {    color: #245262;
        text-align: justify;
        font-size: 10px;
        line-height: 11px;
        padding-left: 15px;
        min-height: 50px;}
    
    
    /* оформление плюса */
    div .post-rating p>a {
        /* outline: 1px solid transparent; */
        font-weight: 700;
        background: url(https://forumstatic.ru/files/0013/66/99/61675.png) no-repeat center;
        background-size: 25px auto;
        position: relative;
        padding-left: 48px;
        margin-left: -18px;
        margin-top: -3px;
        FONT-WEIGHT: 500;
        width: 21px;
        height: 25px;
        text-align: center;
        font-size: 12px !important;
        display: inline-block;
        vertical-align: middle;
        line-height: 23px;
        letter-spacing: 0px;
        color: var(--accent-color);
    }
    
    
    .punbb #pun-main .quote-box, .punbb #pun-main .code-box {
        background-clip: padding-box;
        background: #f4f4f4;
        border: 3px double #b8c7ce !important;
        padding: 0px 10px 0px 10px !important;
        position: relative;
        -webkit-box-shadow: inset 0 0 69px #ffaa00;
        -moz-box-shadow: inset 0 0 30px #00f;
        box-shadow: inset 0 0 6px #679aa68c;
    }
    
    #pun .quote-box.spoiler-box {
        padding: 7px 15px 7px 15px!important;
    }
    
    .post-content .spoiler-box > div {    text-align: center;
        font-weight: 700;}
    
    #pun .quote-box cite, #pun .code-box strong.legend {
        display: block;
        padding: 6px 10px 4px 10px !important;
        font-size: 8px;
        text-transform: uppercase;
        font-family: verdana;
        letter-spacing: 1px;
        margin-bottom: 5px;
        /* margin-top: -10px !important; */
        margin-left: -10px !important;
        margin-right: -10px !important;
        text-align: left;
        font-weight: 900;
    }
    #pun-main .code-box .scrollbox pre {
        /* font-family: anonymous pro !important; */
        font-size: 11px;}
    
    /* цвет важное */
    span.stickytext {
        font-weight: 800;
        /* padding: 2px 8px 4px 8px; */
        /* background: #ffb825; */
        color: #093a49;
        border-radius: 1px;
        margin: 0 0px 0 0;}
    
    /* аватары у тем */
    .punbb .user-avatar .avatar-image { 
        height: 26px!important;
        width: 26px!important;
        opacity: 0.70 !important;
        border-radius: 0px!important;
        border: 1px solid #ffffff;
        box-shadow: 0 0 0px 1px #ffb825 inset;
        transition: all .5s cubic-bezier(.3,.2,.2,.3);
        -webkit-transition: all .5s cubic-bezier(.3,.2,.2,.3);
        -moz-transition-duration: all .5s cubic-bezier(.3,.2,.2,.3);
    } 
    
    .punbb .user-avatar .avatar-image:hover { 
        opacity: 1!important;
        border: 1px solid #72bfde;
        box-shadow: 0 0 0px 1px #ffffff inset;
        transition: all .5s cubic-bezier(.3,.2,.2,.3);
        -webkit-transition: all .5s cubic-bezier(.3,.2,.2,.3);
        -moz-transition-duration: all .5s cubic-bezier(.3,.2,.2,.3);
    }
    
    /* индикатор онлайн у аватара*/
    .punbb .user-avatar .isonline {
        top: -3px!important;
        left: 21px!important;
        background: #ffb825 !important;
    }
    
    /* НОВОСТИ */
    .news {
        position: absolute;
        background-color: #083c4dc2;
        border: #efefef 1px solid;
        outline: solid 1px #070707;
        text-shadow: 1px 1px 1px #02384a;
        width: 352px;
        top: 141px;
        margin-left: -32px;
        height: 84px;
        padding: 5px 5px 5px 5px;
        text-align: justify;
        padding-right: 6px;
        overflow-y: auto;
        /* font-family: mulish; */
        text-transform: uppercase;
        font-size: 7px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 14px;
        color: #fff;
    }
    
    .news a {
        color: #edb255 !IMPORTANT;
        font-weight: 500;
        transition: 1s;
    }
    
    .news a:hover {
        color: #fff7e6 !IMPORTANT;
        font-weight: 500;
        transition: 1s;
    }
    
    .news b {
        color: #edb255 !IMPORTANT;
        font-weight: 500;
    }
    
    .news::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #05384d;
    }
    
    .news::-webkit-scrollbar-thumb {
        border: 3px solid #327286;
        background-color: #295f6f;
    }
    
    /* РЕЙТИНГ ИГРЫ */
    .inf {
        position: absolute;
        top: -204px;
        /* border: red 1px solid; */
        margin-left: 45px;
        /* font-family: open sans; */
        font-weight: 700;
        font-size: 5.6px;
        text-shadow: 1px 1px 3px #022b38;
        text-transform: uppercase;
        letter-spacing: 1.6px;
        color: #ffffff;
        height: 10px;
        width: 386px;
    }
    
    /* АКТИВНЫЕ */
    
    .activees2 {
        height: 165px;
        width: 28px;
        top: 76px;
        display: flex;
        justify-content: space-between;
        margin-left: 1050px !important;
        position: absolute;
        z-index: 100;
        /* border: red 1px solid; */
        flex-direction: column;
    }
    
    
    .activees {
        height: 138px;
        width: 28px;
        top: 110px;
        display: flex;
        justify-content: space-between;
        margin-left: -35px !important;
        position: absolute;
        z-index: 100;
        /* border: red 1px solid; */
        flex-direction: column;
    }
    
    .activees2 div  {
        position: relative;
        width: 28px;
        height: 28px;
        box-shadow: 0 0 0 1px #ffb825;
        border-radius: 0%;
    }
    
    .activees div  {
        position: relative;
        width: 28px;
        height: 28px;
        box-shadow: 0 0 0 1px #d4941d;
        border-radius: 0%;
    }
    
    
    .activees2 img, .activees img {
        filter: grayscale(0%);
        transition: all .6s ease-in-out 0s;
        border-radius: 0%;
    }
    .activees2 div:after, .activees div:after {
        content: "";
        background: #25667b;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        mix-blend-mode: multiply;
        transition: all .6s ease-in-out 0s;
        border-radius: 0%;
    }
    
    
    .activees2 div:hover img, .activees div:hover img {
    filter: none}
    
    .activees2 div:hover:after, .activees div:hover:after {
      opacity: 0
    }
    
    /* АМС */
    
    .ams2 {
        height: 166px;
        width: 28px;
        top: 75px;
        display: flex;
        justify-content: space-between;
        margin-left: -78px !important;
        position: absolute;
        z-index: 100;
        /* border: red 1px solid; */
        flex-direction: column;
    }
    
    
    .ams {
        height: 138px;
        width: 28px;
        top: 110px;
        display: flex;
        justify-content: space-between;
        margin-left: -35px !important;
        position: absolute;
        z-index: 100;
        /* border: red 1px solid; */
        flex-direction: column;
    }
    
    .ams2 div  {
        position: relative;
        width: 28px;
        height: 28px;
        box-shadow: 0 0 0 1px #ffb825;
        border-radius: 0%;
    }
    
    .ams div  {
        position: relative;
        width: 28px;
        height: 28px;
        box-shadow: 0 0 0 1px #d4941d;
        border-radius: 0%;
    }
    
    
    .ams2 img, .ams img {
        filter: grayscale(0%);
        transition: all .6s ease-in-out 0s;
        border-radius: 0%;
    }
    .ams2 div:after, .ams div:after {
        content: "";
        background: #25667b;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        mix-blend-mode: multiply;
        transition: all .6s ease-in-out 0s;
        border-radius: 0%;
    }
    
    
    .ams2 div:hover img, .ams div:hover img {
    filter: none}
    
    .ams2 div:hover:after, .ams div:hover:after {
      opacity: 0
    }
    
    /* название форума */
    .header_name {
        position: absolute;
        top: 75px;
        left: 403px;
        width: 411px;
        height: auto;
        text-align: center;
    }
    
    .forum_name {
        position: absolute;
        z-index: 1000;
        top: -188px;
        width: 411px;
        text-align: center;
        left: 36px;
        color: #efefef;
        text-transform: uppercase;
        font-family: Nunito;
        font-size: 44px;
        line-height: 57px;
        letter-spacing: 5px;}
    
    /* ЛУЧШИЙ ПОСТ */
    
    .bestpost {
        position: absolute;
        background-color: #083c4dc2;
        border: #efefef 1px solid;
        outline: solid 1px #070707;
        text-shadow: 1px 1px 1px #053948;
        width: 352px;
        top: -104px;
        margin-left: 756px;
        height: 63px;
        padding: 5px 5px 5px 5px;
        text-align: justify;
        padding-right: 6px;
        overflow-y: auto;
        /* font-family: mulish; */
        text-transform: uppercase;
        font-size: 7px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 14px;
        color: #fff;
    }
    
    .bestpost a {
        color: #edb255 !IMPORTANT;
        font-weight: 500;
        transition: 1s;
    }
    
    .bestpost b {
        color: #edb255 !IMPORTANT;
        font-weight: 500;
    }
    
    .bestpost a:hover {
        color: #fff7e6 !IMPORTANT;
        font-weight: 500;
        transition: 1s;
    }
    
    .bestpost::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #05384d;
    }
    
    .bestpost::-webkit-scrollbar-thumb {
        border: 3px solid #327286;
        background-color: #295f6f;
    }
    
    .best_name {
        position: absolute;
        z-index: 1000;
        top: -104px;
        width: 363px;
        text-align: center;
        left: 756px;
        background-color: #215363;
        color: #efefef;
        border: solid 1px #eee;
        text-transform: uppercase;
        font-family: Nunito;
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 5px;}
    
    .best_name a {
        position: absolute;
        color: #edb255 !IMPORTANT;
        font-weight: 500;
        transition: 1s;
    }
    
    /* эпизод недели */
    
    .epi {
        position: absolute;
        top: -182px;
        right: 101px;
        width: 270px;
        height: 60px;
        display: flex;
        gap: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-left: 10px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    
    .epi span {
      width: 200px;
      padding-bottom: 3px;
    }
    
    .epi div {
        font: 400 10px nunito;
        color: #efefef;
    }
    
    .epi a {
        text-transform: uppercase;
        font: 900 30px nunito;
        letter-spacing: 1.25px;
        color: #eee !important;
    }
    
    .epi a:hover {
        color: #ffb825 !important;
          transition: 1s;
    }
    
    tablapost span, .epi span {    color: #eee;
        font-family: verdana;
        font-size: 11px;
        /* background: #1c5263; */
        text-shadow: 1px 1px 1px rgb(0 79 103);
        /* letter-spacing: 0.25px; */
        /* display: inline-block; */
        text-align: center;
    }
    
    /* эксперимент */
    #pun-online .tcl.action {width: 46%!important;}
    
    
    .roleplay {
        position: absolute;
        top: -156px;
        right: -13px;
        width: 270px;
        height: 60px;}

    0


    Вы здесь » envy test » Новый форум » дизы экзайла