наводим марафет

магическая британия
сентябрь-ноябрь 1981 г.
nc-21
tempus magicae
шрифт в постах
Шрифт в постах

    squirrel design

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

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


    Вы здесь » squirrel design » секретуточная » tempus magicae summer'26


    tempus magicae summer'26

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

    1

    Код:
    <!--HTML-->
    <div class="guest-main">
    <div class="guest-header">
      <div class="guest-header-bg">
        <img src="https://forumstatic.ru/files/001c/86/a4/40883.png">
      </div>
    <div class="guest-ams">
      <!-- Левая группа (3 аватарки) -->
      <div class="guest-ams-group guest-ams-group--left">
        <a href="https://tempusmagicae.rusff.me/profile.php?id=6" title="валя">
          <img src="https://i.imgur.com/VrUxLON.png">
        </a>
        <a href="https://tempusmagicae.rusff.me/profile.php?id=7" title="дейм">
          <img src="https://i.imgur.com/6JLENBZ.png">
        </a>
        <a href="https://tempusmagicae.rusff.me/profile.php?id=10" title="таби">
          <img src="https://i.imgur.com/5r8Oe8Z.png">
        </a>
      </div>
    
      <!-- Центральный текст -->
      <div class="guest-ams-title-wrap">
        <div class="guest-ams-title">администрация, которая ответит на все вопросы: 
              </div>
      </div>
    
      <!-- Правая группа (3 аватарки) -->
      <div class="guest-ams-group guest-ams-group--right">
        <a href="https://tempusmagicae.rusff.me/profile.php?id=6" title="уолли">
          <img src="https://i.imgur.com/dJWNzGN.png">
        </a>
        <a href="https://tempusmagicae.rusff.me/profile.php?id=5" title="бэт">
          <img src="https://i.imgur.com/z9S3rxn.png">
        </a>
        <a href="https://tempusmagicae.rusff.me/profile.php?id=8" title="винс">
          <img src="https://i.imgur.com/M8hFU9Q.png">
        </a>
      </div>
    </div>
    </div>
          <div class="guest-body">
          <div class="guest-title">magic britain, 1981</div><div class="guest-links"><a href="https://tempusmagicae.rusff.me/viewtopic.php?id=58#p1522">сюжет</a> <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=59#p1523">роли</a> <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=64#p1529">акции</a> <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=59#p1523">внешности</a> <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p1528">нужные</a></div>
          <div class="guest-table">
          
    <div class="guest-table-left">     <div class="guest-table-left-row"><div class="guest-faces">
    <div class="guest-scroll"><div class="guest-scroll-inner"> <span>внешности</span>
    <li>alexa demie / <a href="https://tempusmagicae.rusff.me/profile.php?id=6">мама блэк</a><sup>10.06</sup></li>
    <li>drew starkey / <a href="https://tempusmagicae.rusff.me/profile.php?id=10">таби</a><sup>30.06</sup></li>
    <li>george mackay / <a href="https://tempusmagicae.rusff.me/profile.php?id=13">уолли</a><sup>10.06</sup></li>
    <li>madelaine petsch / <a href="https://tempusmagicae.rusff.me/profile.php?id=10">таби</a><sup>10.06</sup></li>
    </div></div>
    <br><div class="guest-scroll"><div class="guest-scroll-inner">
    <span>внешности / <span style="font-size: 10px; display: inline-block;">бессрочно</span></span>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=6">adria arjona</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=7">astrid berges frisbey</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">belmont cameli</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">bridget satterlee</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=10">cristal reed</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">christopher mason</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=10">daniel sharman</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">david gandy</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=13">jack falahee</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">joel kinnaman</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">kaia gerber</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">lindsey morgan</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=7">maxence danet-fauvel</a></li>
      </div>    </div></div>
    <div class="guest-roles">      <div class="guest-scroll"> <div class="guest-scroll-inner">
    <span>роли </span>
    <li>demetrius selwyn / <a href="https://tempusmagicae.rusff.me/profile.php?id=10">таби</a><sup>30.06</sup></li>
    </div></div>
    <br>
    <div class="guest-scroll"><div class="guest-scroll-inner">
    <span>роли / <span style="font-size: 10px; display: inline-block;">бессрочно</span></span>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=10">malfoy fam.</a> <sup>возможно обсуждение</sup> </li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">rowle fam.</a></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=10">zabini fam.</a></li>
    </div>
    </div>
    </div>
    </div>
    <div id="code_wrap" class="rolelist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div></div></div>
    
            <div class="guest-welcome">магическая британия<br>
    июнь — август 1981 г.<br><br>
    добро пожаловать на tempus magicae — ролевой проект, посвященный мрачным и переломным временам первой магической войны.<br><br>
    
    если у вас есть вопросы, администрация с радостью поможет, но сперва обратитесь к подробной <a href="https://tempusmagicae.rusff.me/viewforum.php?id=7">мат.части</a> — возможно, ответы уже ждут вас там. 
<br><br>
    все еще ищете свою роль в этом противостоянии? обратите внимание на <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=64#p1529">акции</a>, а если у вас уже есть задуманный персонаж, загляните в <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=61#p1526">«хочу к вам»</a> — вдруг именно его не хватает в чьей-то истории.
    </div>    
           </div>
    
      <div class="guest-ban">
        <span>список запрещённых к регистрации персонажей:</span> albus dumbledore, tom m. riddle
      </div>
    
          </div>
        </div>
    
    
    
    

    [hideprofile]

    0

    2

    Код:
    <!--HTML-->
    <div class="html-wrapper news-wrap">
    <div class="news-main-section">
    <div class="news-top"><div class="news-review"><i>а когда открытие или это уже открытие? (с) hunter macfusty</i></div>
    <div class="news-bg"><img src="https://forumstatic.ru/files/001c/86/a4/24030.png"></div>
    <div class="news-avatar" title="на связи кровавая барыня"><img src="https://upforme.ru/uploads/001c/64/37/10/338511.gif"></div></div>
    <div class="news-bottom">
    <div class="news-persons-wrapper">
    <div class="news-main-title">новости в честь открытия</div>
    <div class="news-skeleton"><img src="https://forumstatic.ru/files/001c/86/a4/49232.png"></div>
    <div class="news-wrapper"><div class="news-persons-title">активисты</div>
    <div class="news-persons-item">
    <a href="https://tempusmagicae.rusff.me/profile.php?id=43" title="Белла" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/10/540255.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=33" title="Джеймс" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/10/159918.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=74" title="Джулиан" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/10/861186.gif"></a>
    </div>
    <div class="news-persons-title">постописцы</div>
    <div class="news-persons-item">
    <a href="https://tempusmagicae.rusff.me/profile.php?id=38" title="Донал" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/10/710240.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=59" title="Альвена" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/10/873235.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=63" title="Ульфрик" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/10/799084.gif"></a>
    </div>
    <div class="news-persons-title">эпизод</div>
    <div class="news-persons-item for-episode">
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=165#p9293" title="Первая тренировка Араминты после вербовки приносит с собой неожиданное открытие: в элитном кружке состоит также старый близкий друг Донал. Последнее, чего хотят оба — видеть друг друга среди Пожирателей. Но назад уже дороги нет. А впереди — обучение и первое задание." class="persons-img"><img src="https://upforme.ru/uploads/001c/1a/fb/336/786482.gif"></a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=165">умирать или убивать</a>
    <span>араминта/донал</span>
    </div>
    </div>
    </div>
    <div class="news-text-content">
    <p><b>Вот и официальное открытие! <3 </b><br>Привет всем, на связи кровавая барыня и я надеюсь, что вы рады не меньше моего этому грандиозному событию!)<br></p><p>Скажу честно, Темпус родился благодаря желанию одной компании друзей играть на своей чилловой ролочке хд Мы надеялись, но не ожидали, что в итоге на ней начнет так быстро собираться костяк из таких шикарных и интересных игроков. Спасибо за то, что вы с нами и добро пожаловать!</p>
    <p>Прежде чем мы перейдем к основным плюшкам и главным событиям в честь открытия, <b>хочу еще поздравить наших первых активистов и постописцев! Ребята, вы огонь! Не останавливайтесь, продолжайте в том же духе…</b> Это касается и остальных хд Скорее дописываем анкеты, кто еще этого не сделал, и приступаем к постам!<br><p><b>А вот теперь к новостям!</b></p>
<p>⬥ В честь открытия мы запустили не только <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=196#p9963">беспроигрышную лотерею</a> с классными подарками, но еще у нас есть увлекательная активность <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=195">от мадам Блэк</a> - не факт, что вы получите за нее призы, но точно поднимите себе настроение и получите звонкие монеты в карманцы<br>⬥ Для тех, кто уже успел подать анкету - мы установили вам в профиль симпатичные плашки (они кликабельные, не поленитесь нажать - вам понравится хд) и классные фоны в соответствии с вашей лояльностью! Теперь все вы красивенькие и модные <3<br>⬥ А тем, кто любит выделяться и хочет быть нетакусей, я советую заглянуть в наш <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=194#p9953">лавку чудес</a>! Порадуйте своих любимых или себя любимых (нужное подчеркнуть хд) уникальными подарочками <3 Чтобы как следует там закупиться, не забудьте заглянуть в <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=79">банк</a> и забрать свои кровные галеоны.<br>⬥ В целом рекомендую вам пробежаться по орг.темам, гостевой и обратить внимание как там теперь все аккуратно причесано хд Не возбраняется восхищаться, умиляться и слать благодарности нашему дизигнеру (мы ему все передадим хд). Мы старались для вас и надеемся вы это оцените <3<br>⬥ Помимо всего этого, вы все еще можете подзаработать деньжат на <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=155">поисковой бригаде</a>, <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=83">собрать пазлы</a> или <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=105">филворды</a>. Денежка вам еще пригодится, поверьте хд Эти активности продлены еще на неделю, до 13.04<br>⬥ Ребята в <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=108">книжном клубе</a> уже выбрали что будут читать, поэтому если вы не поучаствовали в голосовании, то все еще можете вписаться на главный движ (тем более ссылочка на книгу прилагается)<br>⬥ Ну и не забудьте заглянуть в тему к <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=190">Бартику</a>, чтобы поржать всем вместе. Я даже уговорила мелкого Крауча выдать всем бонусы за участие хд </p>
    <p>И пока я с вами на сегодня не попрощалась: <b>мы открылись официально, поэтому придержка внешностей и ролей «до открытия» больше не действует.</b> Мы придержали ваши хотелки до 09.04, но не забывайте их продлевать, чтобы они не ушли в закат или их не увели из под вашего носа.<br><b>Возможность взять твинков бесплатно будет действовать до 20.04, поэтому не хлопаем ушам и хватаемся за эту возможность хд</b></p>
    <p>И на этом все хд Люблю всех и нэжно кусаю, ибо мне положено!</p>
    </div>
    </div>
    </div>
    </div>

    [hideprofile]

    0

    3

    Код:
    <!--HTML-->
    <div class="html_wrapper lists-wrap">
    <div class="lists-inner">
    <ul class="lists-buttons">
    <li class="list-button active" list-name="roles">список занятых ролей</li>
    <li class="list-button" list-name="faces">список занятых внешностей</li>
    </ul>
    <!-- роли -->
    <div class="list-section" list-name="roles" style="display: block">
    <ul class="list-items">
    <li class="list-title">a</li>
    <abbr title="Семейные связи: ">ARDEN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=53">arden, abigail</a> <sup>21/120, v</sup></li>
    <br>
    <abbr title="Семейные связи: борджин">AVERY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=26">avery, isabelle</a> <sup>27, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=52">avery, kai</a> <sup>27, pb, de </sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">b</li>
    <abbr title="Семейные связи: фоули">BAGMAN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=91">bagman, adella</a> <sup>23, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: ">BATHORY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=5">bathory, erzsebet</a> <sup>30/420, v</sup></li>
    <br>
    <abbr title="Семейные связи: ковач"> BJORNHEIM</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=139">bjornheim, lars</a> <sup>27, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи: блишвик, розье, лестрейндж, крэбб, крауч, малфой ">BLACK</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=99">black, melisandre</a> <sup>25, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=4">black, regulus</a> <sup>19, pb, de</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=9">black, sirius</a> <sup>21, pb, op</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=6">black, walburga</a> <sup>52, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи:  ">BLETCHLEY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=285">bletchley, matt</a> <sup>25, mb, n</sup></li>
    <br>
    <abbr title="Семейные связи: фоули">BOOT</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=253">boot, finnеas</a> <sup>31, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: нотт, макмиллан, крэбб">BURKE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=64">burke, amethyl</a> <sup>30, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=7">burke, damien</a> <sup></sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">c</li>
    <abbr title="Семейные связи: блэк, росс">СROUCH</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=260">сrouch, barty</a> <sup>19, pb, de</sup></li>
    <br>
    </ul>
    <ul class="list-items">
    <li class="list-title">d</li>
    <abbr title="Семейные связи: ">D`EATH</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=23">d`eath, lorcan</a> <sup>19/27, v</sup></li>
    <br>
    <abbr title="Семейные связи: розье, д’энвер">DELACOUR</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=17"> delacour, rene</a> <sup>28, hb, op</sup></li>
    <br>
    <abbr title="Семейные связи: гойл">DERWENT</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=126">derwent, rosemary</a> <sup>26, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: ">DIGGLE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=183">diggle, dedalus</a> <sup>31, hb, op</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">f</li>
    <br>
    <abbr title="Семейные связи: ">FAWCETT</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=256">fawcett, adrian</a> <sup>27, hb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=255">fawcett, everly</a> <sup>25, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи: гринграсс ">FAWLEY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=274">fawley, audrey</a> <sup>25, pb, mm</sup></li>
    <br>
    <abbr title="Семейные связи: сейр">  FENWICK</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=46">fenwick, benjy</a> <sup>28, pb, op</sup></li>
    <br>
    <abbr title="Семейные связи: ">  FLETCHER</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=221">fletcher, mundungus</a> <sup>25, hb, op</sup></li>
    <br>
    <abbr title="Семейные связи: фон дер бах"> FRENZEN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=237">frenzen, dietrich</a> <sup>36, pb, de</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">g</li>
    <abbr title="Семейные связи: рэшли"> GAMP</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=65">gamp, reynard</a> <sup>27, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: ковальски  ">GOLDSTEIN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=248">goldstein, guinevere</a> <sup>22, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи: рихтер, бомон, фюрстенберг ">GOYLE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=202">goyle, hector </a> <sup>27, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи:  ">GRAVES</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=264">graves, ezechiel</a> <sup>44, w, w</sup></li>
    <br>
    <abbr title="Семейные связи: бонвиль, флинт, мильфей"> GREENGRASS</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=209">greengrass, cirilla</a> <sup>29, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=208">greengrass, everett</a> <sup>30, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи: ">  GREYBACK</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=194">greyback, fenrir</a> <sup>51, hb, w</sup></li>
    <br>
    <abbr title="Семейные связи: "> GRIFFITHS</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=89">griffiths, wilda</a> <sup>24, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи: ">  GRIMM</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=96">grimm (nee flint), amber</a> <sup>33, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=95">grimm, desmond</a> <sup>38, hb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">h</li>
    <abbr title="Семейные связи:  ">  HART</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=111">hart, ashborn</a> <sup>23, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи:  ">  HOOCH</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=196">hooch, ivo</a> <sup>36, hb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">k</li>
    <abbr title="Семейные связи: "> KNIGHT</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=243">knight, night</a> <sup>32, hb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">l</li>
    <abbr title="Семейные связи: блэк, кэрроу, нотт, розье "> LESTRANGE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=25">lestrange, rabastan</a> <sup>27, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи: ханнингтон, блумквист "> LOVEGOOD </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=259">lovegood, pandora</a> <sup>26, hb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=258">lovegood, xenophilius</a> <sup>30, pb, op</sup></li>
    <br>
    <abbr title="Семейные связи:  "> LUPIN </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=19"> lupin, remus</a> <sup>20, hb, op </sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">m</li>
    <abbr title="Семейные связи: ">MACDONALD</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=236">macdonald, mary</a> <sup>20, hb, mm</sup></li>
    <br>
    <abbr title="Семейные связи: маклагген">MACFARLAN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=272">macfarlan, eva </a> <sup>31, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=271">macfarlan, rory</a> <sup>24, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи:  селвин, розье ">MACFUSTY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=161">macfusty, florence </a> <sup>19, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=135">macfusty, lan</a> <sup>25, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: берк, робардс, трип">MACMILLAN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=121">macmillan, una</a> <sup>27, pb, mm</sup></li>
    <br>
    <abbr title="Семейные связи:  блишвик, забини">MACNAIR</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=10"> macnair (nee horton), tabitha </a> <sup>27, hb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=13"> macnair, walden</a> <sup>34, pb, de </sup></li>
    <br>
    <abbr title="Семейные связи:  френцен, фон айзен">MARROW</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=238">marrow, riley</a> <sup>19, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: монтегю ">MCKINNON</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=48">mckinnon, marlene</a> <sup>20, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи:  ">MEADOWЕS</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=103">meadowes, dorcas</a> <sup>20, hb, op</sup></li>
    <br>
    <abbr title="Семейные связи:  трэверс, розье">MONTAGUE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=16">montague, tyler</a> <sup>24, pb, n </sup></li>
    <br>
    <abbr title="Семейные связи:  ">MOON</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=97">moon, elliot</a> <sup>29, mb, n</sup></li>
    <br>
    <abbr title="Семейные связи:  ">MOORE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=284">moore, andre</a> <sup>150 (35), v, v</sup></li>
    <br>
    <abbr title="Семейные связи: ленуа">MOREAU</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=189">moreau, leandra</a> <sup>27, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: куинси ">MORVE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=62">morve, adrian</a> <sup>22, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи: розье, паркинсон, борджин">MULCIBER</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=65">mulciber, felix</a> <sup>22, pb, de</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=60">mulciber (nee parkinson), thalia</a> <sup>21, pb, de</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">n</li>
    <abbr title="Семейные связи: лестрейндж, бранте, флинт">NOTT</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=113">nott, evelyn</a> <sup>28, hb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=105">nott, zacharias</a> <sup>34, pb, de</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">o</li>
    <abbr title="Семейные связи: диггори">OGDEN</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=87">ogden, glacielle </a> <sup>24, pb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">p</li>
    <abbr title="Семейные связи:  ">PAZZI</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=45">pazzi, francesco</a> <sup>34/540, v</sup></li>
    <br>
    <abbr title="Семейные связи:  ">PODMORE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=186">podmore, sturgis</a> <sup>31, hb, op</sup></li>
    <br>
    <abbr title="Семейные связи:  ">POLPERRO</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=73">polperro, maya</a> <sup>33, mb, dm</sup></li>
    <br>
    <abbr title="Семейные связи:  вейл, эванс">POTTER</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=33">potter, james</a> <sup>20, pb, op</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=41">potter (nee evans), lily</a> <sup>20, mb, op</sup></li>
    <br>
    <abbr title="Семейные связи: ">PRITCHARD</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=223">pritchard, lilith</a> <sup>24, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи:  ">PUCEY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=286">pucey, malcolm</a> <sup>25, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи: сэйр  ">PYRITES</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=132">pyrites, argo</a> <sup>28, pb, de</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">r</li>
    <abbr title="Семейные связи: макмиллан ">ROBARDS</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=18">robards, gawain</a> <sup>34, pb, mm</sup></li>
    <br>
    <abbr title="Семейные связи: риччи ">ROMANO</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=287">romano, nicholas</a> <sup>17, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: уилкис, селвин, лестрейндж, монтегю, борджин">ROSIER</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=29">rosier, aletheia</a> <sup>25, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=24">rosier (nee wilkes), constance</a> <sup>21, pb, de</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=21">rosier, evan</a> <sup>21, pb, de</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=8">rosier, vincent</a> <sup>28, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: гринграсс, мелифлуа ">ROWLE</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=82">rowle (crabbe), felicia</a> <sup>28, pb, de</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">s</li>
    <abbr title="Семейные связи: шафик"> SALVINI </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=292">salvini, dario</a> <sup>29, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: "> SAYRE </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=150">sayre, silas</a> <sup>31, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи: "> SCAMANDER </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=148">scamander, charlotte</a> <sup>26, hb, op</sup></li>
    <br>
    <abbr title="Семейные связи: "> SCARRS </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=269">scarrs, markus</a> <sup>29, hb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=282">scarrs, prudence</a> <sup>20/28, v, v</sup></li>
    <br>
    <abbr title="Семейные связи: розье "> SELWYN </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=151">selwyn, aaron</a> <sup>23, pb, de</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=27">selwyn, vivienne</a> <sup>26, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: роше, кама "> SHAFIQ </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=28">shafiq, isis</a> <sup>25, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=80">shafiq, kamose</a> <sup>35, pb, dm</sup>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=104">shafiq (nee nott), olivia</a> <sup>34, pb, dm</sup></li></li>
    <br>
    <abbr title="Семейные связи: ">SHALLOW</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=244">shallow, harlot</a> <sup>30, hb, n</sup></li>
    <br>
    <abbr title="Семейные связи: винтерстад"> STORMVIK</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=101">stormvik, freya</a> <sup>26, pb, de</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">t</li>
    <abbr title="Семейные связи: "> TATES</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=291">tates, gabriella</a> <sup>29, mb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">u</li>
    <abbr title="Семейные связи: мальсибер"> URQUHART</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=190">urquhart, cassiopeia</a> <sup>25, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=199">urquhart, theodore</a> <sup>30, pb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">v</li>
    <abbr title="Семейные связи: поттер "> VALE </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=74"> vale, julian</a> <sup> 17, pb, de</sup></li>
    <br>
    <abbr title="Семейные связи:  ">VARNEY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=30"> varney, herbert</a> <sup> 31/350, v </sup></li>
    <br>
    </ul>
    <ul class="list-items">
    <li class="list-title">w</li>
    <abbr title="Семейные связи: блэк, борджин">WEASLEY</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=213">weasley, arabella</a> <sup>32, pb, op</sup></li>
    <br>
    <abbr title="Семейные связи: гонсалес, гарсия, шольц ">WEISS</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=275">weiss, bellamy</a> <sup>30, pb, op</sup></li>
    <br>
    <abbr title="Семейные связи: ">WINDSOR</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=290">windsor, richard</a> <sup>32, mb, n</sup></li>
    <br>
    <abbr title="Семейные связи:  ">WRIGHT</abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=86">wright, amadeo</a> <sup>29, hb, n</sup></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">y</li>
    <abbr title="Семейные связи: орпингтон "> YARROW </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=289">yarrow, rubiana</a> <sup>25, pb, n</sup></li>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=288">yarrow, tobias</a> <sup>25, pb, n</sup></li>
    <br>
    <abbr title="Семейные связи: флинт, эйвери, фоули "> YAXLEY </abbr>
    <li><a href="https://tempusmagicae.rusff.me/profile.php?id=102">yaxley, leonard</a> <sup>36, pb, n</sup></li>
    </ul>
    </div>
    <!-- роли -->
    <!-- внешности -->
    <div class="list-section" list-name="faces">
    <ul class="list-items">
    <li class="list-title"></li>
      <li class="list-row">
        <a href="#">M</a>
        <a href="#">F</a>
      </li>
    </ul>
    <ul class="list-items">
      <li class="list-title">a</li>
      <div class="columns">
        <ul class="male-column">
          <li>aidan gallagher — <a href="https://tempusmagicae.rusff.me/profile.php?id=7">damien burke</a></li>
          <li>alessandro pierozan — <a href="https://tempusmagicae.rusff.me/profile.php?id=258">xenophilius lovegood</a></li>
          <li>alex høgh andersen — <a href="https://tempusmagicae.rusff.me/profile.php?id=285">matt bletchley</a></li>
          <li>alexander ludwig — <a href="https://tempusmagicae.rusff.me/profile.php?id=253">finnеas boot</a></li>
          <li>andy biersack — <a href="https://tempusmagicae.rusff.me/profile.php?id=23">lorcan d'eath</a></li>
          <li>aron piper — <a href="https://tempusmagicae.rusff.me/profile.php?id=151">aaron selwyn</a></li>
          <li>austin butler — <a href="https://tempusmagicae.rusff.me/profile.php?id=97">elliot moon</a></li>
        </ul>
        <ul class="female-column">
          <li>abigail cowen — <a href="https://tempusmagicae.rusff.me/profile.php?id=53">abigail arden</a></li>
          <li>ayça ayşin turan — <a href="https://tempusmagicae.rusff.me/profile.php?id=82">felicia rowle</a></li>
          <li>alba baptista — <a href="https://tempusmagicae.rusff.me/profile.php?id=255">everly fawcett</a></li>
          <li>alycia debnam carey — <a href="https://tempusmagicae.rusff.me/profile.php?id=101">freya stormvik</a></li>
          <li>amanda seyfried — <a href="https://tempusmagicae.rusff.me/profile.php?id=259">pandora lovegood</a></li>
          <li>ana de armas — <a href="https://tempusmagicae.rusff.me/profile.php?id=96">amber grimm</a></li>
          <li>anya taylor-joy — <a href="https://tempusmagicae.rusff.me/profile.php?id=213">arabella weasley</a></li>
          <li>aubri ibrag — <a href="https://tempusmagicae.rusff.me/profile.php?id=189">leandra moreau</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">b</li>
      <div class="columns">
        <ul class="male-column">
          <li>ben barnes — <a href="https://tempusmagicae.rusff.me/profile.php?id=80">kamose shafiq</a></li>
          <li>bill skarsgard — <a href="https://tempusmagicae.rusff.me/profile.php?id=13">walden macnair</a></li>
          <li>bob morley — <a href="https://tempusmagicae.rusff.me/profile.php?id=275">bellamy weiss</a></li>
          <li>boyd holbroock — <a href="https://tempusmagicae.rusff.me/profile.php?id=18">gawain robards</a></li>
          <li>brett goldstein — <a href="https://tempusmagicae.rusff.me/profile.php?id=196">ivo hooch</a></li>
        </ul>
        <ul class="female-column">
          <li>bruna marquezine — <a href="https://tempusmagicae.rusff.me/profile.php?id=28">isis shafiq</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">c</li>
      <div class="columns">
        <ul class="male-column">
          <li>charlie vickers — <a href="https://tempusmagicae.rusff.me/profile.php?id=256">adrian fawcett</a></li>
          <li>chase stokes — <a href="https://tempusmagicae.rusff.me/profile.php?id=269">markus scarrs</a></li>
          <li>cillian murphy — <a href="https://tempusmagicae.rusff.me/profile.php?id=7">damien burke</a></li>
    <li>cody christian — <a href="https://tempusmagicae.rusff.me/profile.php?id=65">reynard gamp</a></li>
    <li>costa d'angelo — <a href="https://tempusmagicae.rusff.me/profile.php?id=292">dario salvini</a></li>
        </ul>
        <ul class="female-column">
          <li>ceara coveney — <a href="https://tempusmagicae.rusff.me/profile.php?id=41">lily potter</a></li>
          <li>chloë grace moretz — <a href="https://tempusmagicae.rusff.me/profile.php?id=238">riley marrow</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">d</li>
      <div class="columns">
        <ul class="male-column">
          <li>dacre montgomery — <a href="https://tempusmagicae.rusff.me/profile.php?id=86">amadeo wright</a></li>
          <li>damian hardung — <a href="https://tempusmagicae.rusff.me/profile.php?id=135">lan macfusty</a></li>
    <li>daniel millar — <a href="https://tempusmagicae.rusff.me/profile.php?id=287">nicholas romano</a></li>
    <li>douglas booth — <a href="https://tempusmagicae.rusff.me/profile.php?id=290">richard windsor</a></li>
        </ul>
        <ul class="female-column">
          <li>dakota johnson — <a href="https://tempusmagicae.rusff.me/profile.php?id=104">olivia shafiq</a></li>
          <li>daisy edgar-jones — <a href="https://tempusmagicae.rusff.me/profile.php?id=148">charlotte scamander</a></li>
          <li>derya pinar ak  — <a href="https://tempusmagicae.rusff.me/profile.php?id=236">mary macdonald</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">e</li>
      <div class="columns">
        <ul class="male-column">
         <li>evan peters — <a href="https://tempusmagicae.rusff.me/profile.php?id=111">ashborn hart</a></li></ul>
        <ul class="female-column">
          <li>eiza gonzalez — <a href="https://tempusmagicae.rusff.me/profile.php?id=5">erzsebet bathory</a></li>
          <li>ella bright — <a href="https://tempusmagicae.rusff.me/profile.php?id=248">guinevere goldstein</a></li>
          <li>ella purnell — <a href="https://tempusmagicae.rusff.me/profile.php?id=244">harlot shallow</a></li>
          <li>emily alyn lind — <a href="https://tempusmagicae.rusff.me/profile.php?id=274">audrey fawley</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">f</li>
      <div class="columns">
        <ul class="male-column">
          <li>felix mallard — <a href="https://tempusmagicae.rusff.me/profile.php?id=286">malcolm pucey</a></li>
          <li>freddy carter — <a href="https://tempusmagicae.rusff.me/profile.php?id=25">rabastan lestrange</a></li>
          <li>froy gutierrez — <a href="https://tempusmagicae.rusff.me/profile.php?id=19">remus lupin</a></li>
        </ul>
        <ul class="female-column">
          <li>florence hunt — <a href="https://tempusmagicae.rusff.me/profile.php?id=161">florence macfusty</a></li>
          <li>freya mavor — <a href="https://tempusmagicae.rusff.me/profile.php?id=209">cirilla greengrass</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">g</li>
      <div class="columns">
        <ul class="male-column">
          <li>gabriel guevara — <a href="https://tempusmagicae.rusff.me/profile.php?id=16">tyler montague</a></li>
          <li>gauge burek — <a href="https://tempusmagicae.rusff.me/profile.php?id=74">julian vale</a></li>
          <li>garrett hedlund — <a href="https://tempusmagicae.rusff.me/profile.php?id=95">desmond grimm</a></li>
          <li>g-eazy — <a href="https://tempusmagicae.rusff.me/profile.php?id=9">sirius black</a></li>
        </ul>
        <ul class="female-column">
          <li>grace van patten — <a href="https://tempusmagicae.rusff.me/profile.php?id=291">gabriella tates</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">h</li>
      <div class="columns">
        <ul class="male-column">
          <li>hale appleman — <a href="https://tempusmagicae.rusff.me/profile.php?id=64">amethyl burke</a></li>
          <li>herman tommeraas — <a href="https://tempusmagicae.rusff.me/profile.php?id=21">evan rosier</a></li>
    <li>hero fiennes tiffin — <a href="https://tempusmagicae.rusff.me/profile.php?id=288">tobias yarrow</a></li>
          <li>hunter doohan — <a href="https://tempusmagicae.rusff.me/profile.php?id=260">barty сrouch </a></li>
          <li>iwan rheon — <a href="https://tempusmagicae.rusff.me/profile.php?id=105">zacharias nott</a></li>
        </ul>
        <ul class="female-column">
          <li>hande erçel — <a href="https://tempusmagicae.rusff.me/profile.php?id=103">dorcas meadowes</a></li>
          <li>hayley atwell — <a href="https://tempusmagicae.rusff.me/profile.php?id=73">maya polperro</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">j</li>
      <div class="columns">
        <ul class="male-column">
          <li>jacob elordi — <a href="https://tempusmagicae.rusff.me/profile.php?id=52">kai avery</a></li>
          <li>james mcavoy — <a href="https://tempusmagicae.rusff.me/profile.php?id=102">leonard yaxley</a></li>
          <li>james norton — <a href="https://tempusmagicae.rusff.me/profile.php?id=264">ezechiel graves</a></li>
          <li>jamie campbell bower — <a href="https://tempusmagicae.rusff.me/profile.php?id=8">vincent rosier</a></li>
          <li>joe cole — <a href="https://tempusmagicae.rusff.me/profile.php?id=208">everett greengrass</a></li>
          <li>john supnik — <a href="https://tempusmagicae.rusff.me/profile.php?id=62">adrian morve</a></li>
          <li>joseph morgan — <a href="https://tempusmagicae.rusff.me/profile.php?id=30">herbert varney</a></li>
        </ul>
        <ul class="female-column">
          <li>jessica alexander — <a href="https://tempusmagicae.rusff.me/profile.php?id=60">thalia mulciber</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">k</li>
      <div class="columns">
        <ul class="male-column">
    
            </ul>
        <ul class="female-column">
          <li>kristine froseth — <a href="https://tempusmagicae.rusff.me/profile.php?id=24">constance rosier</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">l</li>
      <div class="columns">
        <ul class="male-column">
          <li>leo woodall — <a href="https://tempusmagicae.rusff.me/profile.php?id=271">rory macfarlan</a></li>
          <li>lorenzo zurzolo — <a href="https://tempusmagicae.rusff.me/profile.php?id=65">felix mulciber</a></li>
          <li>lucas bravo — <a href="https://tempusmagicae.rusff.me/profile.php?id=186">sturgis podmore</a></li>
        </ul>
        <ul class="female-column">
          <li>lana del rey — <a href="https://tempusmagicae.rusff.me/profile.php?id=272">eva macfarlan</a></li>
          <li>lily collins — <a href="https://tempusmagicae.rusff.me/profile.php?id=17">rene delacour</a></li>
          </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">m</li>
      <div class="columns">
        <ul class="male-column">
          <li>matteo martari — <a href="https://tempusmagicae.rusff.me/profile.php?id=45">francesco pazzi</a></li>
          <li>matthew daddario — <a href="https://tempusmagicae.rusff.me/profile.php?id=139">lars bjornjeim</a></li>
          <li>michael fassbender — <a href="https://tempusmagicae.rusff.me/profile.php?id=237">dietrich frenzen</a></li>
        </ul>
        <ul class="female-column">
          <li>maddie phillips — <a href="https://tempusmagicae.rusff.me/profile.php?id=87">glacielle ogden</a></li>
    <li>madison beer — <a href="https://tempusmagicae.rusff.me/profile.php?id=289">rubiana yarrow</a></li>
          <li>madelyn cline — <a href="https://tempusmagicae.rusff.me/profile.php?id=29">aletheia rosier</a></li>
          <li>margaret qualley — <a href="https://tempusmagicae.rusff.me/profile.php?id=91">adella bagman</a></li>
          <li>matilda de angelis — <a href="https://tempusmagicae.rusff.me/profile.php?id=282">prudence scarrs</a></li>
          <li>mia goth — <a href="https://tempusmagicae.rusff.me/profile.php?id=89">wilda griffiths</a></li>
          <li>millie alcock — <a href="https://tempusmagicae.rusff.me/profile.php?id=190">cassiopeia urquhart</a></li>
          <li>monica bellucci — <a href="https://tempusmagicae.rusff.me/profile.php?id=6">walburga black</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">n</li>
      <div class="columns">
        <ul class="male-column">
          <li>nicholas chavez — <a href="https://tempusmagicae.rusff.me/profile.php?id=150">silas sayre</a></li>
          <li>nicholas galitzine — <a href="https://tempusmagicae.rusff.me/profile.php?id=183">dedalus diggle</a></li>
          <li>nicholas hoult — <a href="https://tempusmagicae.rusff.me/profile.php?id=284">andre moore</a></li>
        </ul>
        <ul class="female-column">
               <li>nicola coughlan — <a href="https://tempusmagicae.rusff.me/profile.php?id=121">una macmillan</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">o</li>
      <div class="columns">
        <ul class="male-column">
        </ul>
        <ul class="female-column">
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">p</li>
      <div class="columns">
        <ul class="male-column">
          <li>patrick gibson — <a href="https://tempusmagicae.rusff.me/profile.php?id=202">hector goyle</a></li>
          <li>paul mescal — <a href="https://tempusmagicae.rusff.me/profile.php?id=46">benjy fenwick</a></li>
        </ul>
        <ul class="female-column">
          <li>phoebe tonkin — <a href="https://tempusmagicae.rusff.me/profile.php?id=48">marlene mckinon</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">r</li>
      <div class="columns">
        <ul class="male-column">
             <li>richard harmon — <a href="https://tempusmagicae.rusff.me/profile.php?id=221">mundungus fletcher</a></li>
        </ul>
        <ul class="female-column">
    <li>romaneinnc — <a href="https://tempusmagicae.rusff.me/profile.php?id=99">melisandre black</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">s</li>
      <div class="columns">
        <ul class="male-column">
        </ul>
        <ul class="female-column">
          <li>sadie soverall — <a href="https://tempusmagicae.rusff.me/profile.php?id=223">lilith pritchard</a></li>
          <li>samara weaving — <a href="https://tempusmagicae.rusff.me/profile.php?id=113">evelyn nott</a></li>
          <li>saoirse ronan — <a href="https://tempusmagicae.rusff.me/profile.php?id=126">resomary derwent</a></li>
          <li>sydney sweeney — <a href="https://tempusmagicae.rusff.me/profile.php?id=27">vivienne selwyn</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">t</li>
      <div class="columns">
        <ul class="male-column">
          <li>timothee chalamet — <a href="https://tempusmagicae.rusff.me/profile.php?id=4">regulus black</a></li>
          <li>thomas doherty — <a href="https://tempusmagicae.rusff.me/profile.php?id=132">argo pyrites</a></li>
          <li>tom hardy — <a href="https://tempusmagicae.rusff.me/profile.php?id=194">fenrir greyback</a></li>
          <li>tom hughes — <a href="https://tempusmagicae.rusff.me/profile.php?id=199">theodore urquhart</a></li>
          <li>tom sturridge — <a href="https://tempusmagicae.rusff.me/profile.php?id=243">night knight</a></li>
        </ul>
        <ul class="female-column">
          <li>taylor lashae — <a href="https://tempusmagicae.rusff.me/profile.php?id=26">isabelle avery</a></li>
        </ul>
      </div>
    </ul>
    
    <ul class="list-items">
      <li class="list-title">z</li>
      <div class="columns">
        <ul class="male-column">
        </ul>
        <ul class="female-column">
          <li>zoe kravitz — <a href="https://tempusmagicae.rusff.me/profile.php?id=10">tabitha horton</a></li>
        </ul>
      </div>
    </ul>
    </div>
    <!-- внешности -->
    </div></div>
    

    [hideprofile]

    0

    4

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

    John Doe написал(а):

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

    Код:
    Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.
    здесь какой-то спойлер

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

    0

    5

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

    — Проповедь затянулась, — произнёс он, и голос его с ленивой, почти богохульной интонацией разлёгся в ночном воздухе, — Когда речь идёт о «вечной свободе» и «новом рассвете» — это всегда красиво, но за пьяным рассветом наступает похмелье. Ауч. Поэтому предлагаю не забываться и говорить предметно.

    Он окинул взглядом вампиров — Герберта, Эржебет, Эбигейл. На последней задержался чуть дольше: та, что смотрит спокойно и считает ходы, обычно опаснее той, что скалит клыки.

    — Фенрир назвал свои условия. Я их слышал и, в целом, принимаю. Но моя стая — это не просто придаток к его. У нас свои кости в горле и свои скелеты в шкафу. Поэтому внесу пару уточнений.

    Он развёл руки — жест, обозначающий чистоту намерений. Или иллюзию таковой.

    — Первое. Информация. Вы предлагаете союз — мы за. Но если мы будем узнавать о планах врага через неделю после того, как они осуществятся, то это не имеет смысла, как и в обратном направлении. Нужны нейтральные точки, проверенные связные, коды и пароли. У меня есть люди, которые умеют передавать вести быстрее совы и тише мыши. У вас, полагаю, тоже. Давайте сядем за стол и нарисуем карту. Без этого разговор о «едином фронте» — пустое сотрясение воздуха. А воздух, для нас во всяком случае, нынче дорог.

    Он сделал паузу, давая понять, что это не просьба, а требование.

    — Второе. Кто платит по счетам? Моя стая — не только бойцы. Там женщины, молодняк, те, кто уже отрычал своё и теперь нянчит чужих щенков. Я хочу знать, что в случае войны они не окажутся прикрытием или разменной монетой. Что у них будет убежище, кров, защита. Не на словах, а на деле. И то же самое я готов предложить вашим некомбатантам. Потому что если мы начнём священную войну, оставив тыл без прикрытия, то это даже не Голгофа — это просто бойня.

    Он качнул головой, и в этом жесте проступило что-то почти человеческое, почти уставшее.

    — Третье. Бартер. Зелья, убежища, артефакты, информация. Давайте не будем строить из себя бессребреников. Мир не держится на молитвах, он держится на ресурсах. Предлагаю обменяться списками того, что мы готовы предложить друг другу, и того, что нам нужно. Без этого — любой союз превратится в иждивенчество, а иждивенцев, как известно, сначала кормят, а потом режут.

    Иезекииль замолчал. Скрестил руки на груди — не угрожающе, а словно подводя черту.

    — Если вы готовы говорить на языке дел, а не на языке псалмов — у нас есть о чём договориться.

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

    — А если нет — то, право слово, лучше разойтись сейчас, пока кто-нибудь не всадил нож в спину другому. Это будет честнее, чем изображать святость до первого полнолуния.

    Лес молчал. Но воздух, кажется, стал чуть менее плотным — словно они наконец перешли от проповедей к торговле. И это, чёрт возьми, уже прогресс.

    0

    6

    ПОЖИРАТЕЛИ СМЕРТИ

    ИСТОРИЯ СОЗДАНИЯ

    Начало пути Темного Лорда

    1950-е годы. Хогвартс. Зарождение идеологии

    Создание Пожирателей смерти берет свое начало в стенах Хогвартса в 1950-х годах, когда Том Реддл обучался на Слизерине. Уже в юности он обладал невероятным магическим талантом, умением манипулировать людьми и харизмой, способной привлекать к нему последователей. 

    Еще будучи студентом, Реддл собрал группу преданных ему однокурсников, убежденных в превосходстве чистокровных волшебников. Эта группа первоначально называла себя «Вальпургиевы Рыцари», но позже это название исчезло, а сам Реддл, завершив обучение, начал формировать настоящую армию единомышленников. 


    Идеология: Чистота крови и сила магии

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

    Основные принципы: 
    — Магия принадлежит сильным – и только чистокровные способны в полной мере овладеть истинной силой. 
    — Магглы – низшие существа – их влияние ведет к упадку магии. 
    — Истинные маги должны править – магический мир нуждается в порядке, который могут обеспечить лишь самые могущественные волшебники.


    Первые шаги: Тайные собрания и ритуалы

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

    Первые Пожиратели смерти прошли через особые ритуалы, которые проверяли их верность.
    — Клятва на крови, подтверждающая преданность. 
    — Испытание магией — выполнение порученного задания. 
    — Татуировка Черной Метки — символ вечной службы. 

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


    Формирование структуры и приход власти

    Со временем Пожиратели смерти перестали быть просто тайным обществом и превратились в могущественную террористическую организацию. 

    — В 1960-х годах они начали скрытую войну с Министерством Магии. 
    — В 1970-х переросли в военную силу, полностью преданную Лорду Волдеморту. 
    — К началу Первой Магической войны (1970-1981) Пожиратели смерти уже имели разветвленную сеть шпионов, боевых групп и союзников в Министерстве. 

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

    СТРУКТУРА ПОЖИРАТЕЛЕЙ СМЕРТИ

    I КРУГ. ПРИБЛИЖЕННЫЕ К СМЕРТИ

    Верхушка. Круг избранных. Это элита Пожирателей смерти, основатели, их самая могущественная и жестокая часть. Эти волшебники входят в ближайший круг Темного Лорда, выполняя ключевые миссии и оказывая непосредственное влияние на стратегию организации. Те, к чьему мнению он прислушивается и кому доверяет больше всего. Это те маги, что были близки к Тому Реддлу еще тогда, когда самой организации, как таковой, еще не существовало. Его школьные товарищи, а так же темные волшебники, которых он повстречал во времена своих странствий. Они, по сути, являются главной руководящей силой всей организации и попасть в ряды Приближенных сейчас практически невозможно.

    ФУНКЦИИ

    стратеги

    разрабатывают планы операций, ведут переговоры с союзниками

    наблюдатели

    следят за рядовыми Пожирателями и докладывают Волдеморту

    ПРЕДСТАВИТЕЛИ:
    Малфои. ст., Треверс ст., Антонин Долохов, Мальсибер ст., Розье ст., Лестрейндж ст., Уилкис ст.

    II КРУГ. ПОЗНАВШИЕ СМЕРТЬ

    Этот уровень — ядро армии Пожирателей смерти, состоящее из проверенных, опытных волшебников, которые уже доказали свою преданность кровью. Их уже не нужно испытывать, но они еще не допущены до самых темных секретов. Именно они чаще всего руководят операциями и следят за выполнением тех или иных поручений Темного Лорда или Приближенных. Не смотря на то, что они стоят лишь на ступень ниже Приближенных к Смерти, разница между их влиянием весьма ощутима. Познавшие Смерть так же занимаются вербовкой,  тренировками и обучением новичков.

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

    ФУНКЦИИ

    командиры ударных групп

    ведут атаки, устраивают теракты

    вербовщики

    находят потенциальных рекрутов

    тюремщики

    содержат пленников, проводят допросы с применением Круциатуса

    специалисты по маскировке

    внедряются в Министерство магии и другие структуры

    ПРЕДСТАВИТЕЛИ:
    Беллатрикс и Рудольфус Лестрейндж, Рабастан Лестрейндж, Уолден Макнейр, Амикус и Алекто Кэрроу, Торфинн Роули, Селвин ст., Корбан Яксли

    III КРУГ. НЕСУЩИЕ СМЕРТЬ

    Самый низший уровень структуры — это новички, только получившие Черную метку, а также рядовые Пожиратели, и нечисть, выполняющая грязную работу (егеря, вампиры, оборотни, великаны).

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

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

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

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

    ФУНКЦИИ

    пехота

    участвуют в атаках, массовых пытках

    шпионы

    передают слухи, собирают информацию

    посыльные

    выполняют приказы без вопросов

    специалисты по маскировке

    внедряются в Министерство магии и другие структуры

    ПРЕДСТАВИТЕЛИ:
    Эван Розье, Эйвери, Мальсибер, Уилкис, Северус Снейп

    А также вампиры, оборотни, великаны, присягнувшие на верность Темному Лорду (представители нечисти подняться выше ступени «Несущие смерть» не могут)

    ПОЛИТИЧЕСКОЕ ВЛИЯНИЕ

    ВЛАСТЬ, ПОЛИТИКА И ТЕНЕВЫЕ ИГРЫ

    В разгар Первой Магической войны (1970—1981) Темный Лорд осознал, что одного лишь страха и насилия недостаточно для того, чтобы установить абсолютную власть. Убийства и атаки на магглорожденных, нападения на деревни, пытки и захваты не могли сломить систему до конца — она подстраивалась, находила способы сопротивления. 

    И тогда Волдеморт принял новую стратегию: захват власти изнутри. 

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

    Пожиратели смерти начали активно искать слабые места у влиятельных политиков, глав департаментов и чиновников. 
    — Одних запугивали, угрожая их семьям; 
    — Других щедро подкупали галлеонами, редкими артефактами или возможностью избежать проблем с законом; 
    — Третьих шантажировали, используя темную магию, артефакты, ритуалы, чтобы разоблачить их. 

    Особое внимание уделялось Департаменту правопорядка и Аврорату — структурам, способным противостоять Пожирателям смерти. 
    — В министерские должности постепенно попадали люди, связанные с Волдемортом, но ведущие двойную игру. 
    — В Совет по магическому законодательству внедрялись влиятельные чистокровные, желающие изменить законы в пользу чистокровных семей. 
    — В Аврорате появлялись тайные союзники, которые «сливали» информацию о многих расследованиях Пожирателей смерти. 

    Целью было изменение законодательства в угоду целям Пожирателей смерти. Медленно, но верно, они продвигались к этой цели.
    — Некоторые влиятельные волшебники пытались продвинуть законы, которые усложняли получение магглорожденными приличной работы в Министерстве, Визенгамоте, Аврорате. 
    — Пытались ограничить их доступ к профильным обучениям. 
    — Разрабатывали проекты законов об ужесточении контроля за браками между чистокровными и магглорожденными. 


    ЭЛИТА ПОЖИРАТЕЛЕЙ СМЕРТИ В МИНИСТЕРСТВЕ МАГИИ

    Когда Пожиратели смерти проникли в Министерство, Темный Лорд и Приближенные к смерти — вели тайную политику в интересах Пожирателей смерти.

    Среди них были: 
    — Политики и сильные юристы, влияющие на законы. 
    — Глава Департамента международного магического сотрудничества (Розье ст.), обеспечивающий влияние на другие страны. 
    — Министерские шпионы, передающие Темному Лорду секретные приказы, документы и списки лиц, подлежащих «нейтрализации».

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


    ПОСЛЕДСТВИЯ: МЕДЛЕННЫЙ ЗАХВАТ ВЛАСТИ

    К концу 1970-х Пожиратели смерти стали не просто боевой силой, а теневой властью в самом сердце Министерства магии. 
    — Расследования по их преступлениям замирали. 
    — Политики, выступавшие против Волдеморта, исчезали или оказывались замешанными в скандалах. 
    — Некоторые отделы Министерства фактически перешли под контроль Пожирателей смерти из верхушки или Приближенных к смерти. 

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

    ХРОНОЛОГИЯ

    ХРОНОЛОГИЯ ДЕЯТЕЛЬНОСТИ ПОЖИРАТЕЛЕЙ СМЕРТИ В ПЕРВУЮ МАГИЧЕСКУЮ ВОЙНУ: ДЕСЯТИЛЕТИЕ ВЛАСТИ И ТЕРРОРА
    1970 – 1980 гг.

    Темный Лорд сочетает карательные операции с политическим давлением, стремясь подчинить Министерство магии изнутри, продвигая лояльных сторонников.
    В середине 1950-го года организация Пожиратели смерти только сформировалась. Она состояла из преданных союзников Тома Реддла, которые учились с ним на одном курсе. В последствии они стали иметь привилегированное положение в организации, и именовали себя – Приближенные к смерти.

    март 1970 г.

    первые публичные нападения Пожирателей смерти на магглов и магглорожденных в сельской местности Британии

    июль 1970 г.

    начинается вербовка чистокровных семейств через тайные собрания

    октябрь 1970 г.

    убийство известного мракоборца Гектора Лонгботтома, выступавшего за права магглорожденных

    январь 1971 г.

    Темный Лорд создает систему внутреннего контроля среди Пожирателей, вводит клятвы верности и Черную Метку

    июнь 1971 г.

    начинается тайное финансирование политиков в Министерстве, продвижение идей «очищения магического сообщества»

    сентябрь 1971 г.

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

    февраль 1972 г.

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

    май 1973 г.

    принуждение ряда чистокровных семей (Эйвери, Уилкисы, Селвины) к тайной поддержке Темного Лорда

    сентябрь 1973 г.

    загадочная смерть двух авроров, расследовавших деятельность Пожирателей смерти

    февраль 1974 г.

    массовая атака на магглорожденных (несколько случаев таинственных исчезновений)

    август 1974 г.

    Министерство вводит новый отдел по «контролю за маггловскими технологиями», фактически ужесточая политику в отношении магглорожденных

    октябрь 1974 г.

    первая открытая дуэль Пожирателей смерти с аврорами в Уизлингхеме, скрытая Министерством

    март 1975 г.

    исчезновение влиятельного министерского чиновника Эдварда Грейса, открыто выступавшего против чистокровной политики

    июнь 1975 г.

    взрыв в здании газеты «Пророк», уничтожение журналистов, расследовавших связи Министерства с Пожирателями смерти. Дальнейшее начало вербовки журналистов на сторону Пожирателей смерти

    декабрь 1975 г.

    начинается кампания по дискредитации Орден Феникса как «опасной организации»

    ноябрь 1976 г.

    атака на штаб-квартиру, где собирались члены Ордена Феникса

    февраль 1977 г.

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

    май 1977 г.

    массовое нападение на семьи магглорожденных в Лондоне

    июль 1977 г.

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

    январь 1978 г.

    серия взрывов в местах, связанных с защитниками магглорожденных

    март 1979 г.

    начинается жестокая охота на Орден Феникса, по улицам магического Лондона прокатывается волна убийств

    март 1980 г.

    в Министерство внедряется все больше сторонников Пожирателей смерти на должности судей, политиков, но Орден Феникса и авроры продолжают сопротивляться. Сотрудники Министерства магии не согласные с политикой Пожирателей смерти активно продолжают бороться против выхода законов, ущемляющих магглорожденных волшебников

    апрель 1980 г.

    Пожиратели смерти атакуют новый штаб Ордена, начинается крупнейшее сражение за всю войну

    [hideprofile]

    0

    7

    Код:
    <!--HTML-->
    <div class="html_wrapper lists-wrap for-store">
    <div class="html_header"><span class="html_main_titles">лавка чудес</span></div>
    <div class="html_title-store">Здесь вы можете прикупить что-нибудь волшебное — для себя или в подарок другу. Плашки выдаются только из ассортимента лавки, а вот с подарками можно проявить фантазию: выбирайте из магазина или прикладывайте собственную картинку.</div>
    <div class="lists-inner">
    <ul class="lists-buttons">
    <li class="list-button active" list-name="banners">плашки</li>
    <li class="list-button" list-name="bgs">фоны</li>
    <li class="list-button" list-name="gifts">подарки</li>
    <li class="list-button" list-name="sale">распродажа</li>
    </ul>
    
    <!-- плашки -->
    <div class="list-section" list-name="banners" style="display: block">
    <div class="store--description">
    стоимость 1 плашки — <b>500</b> галлеонов<br>
    можно поставить себе или подарить другу</div>
    <ul class="list-items">
    <li class="list-title">summer time  <sup style="color: maroon; font-size: 8px;">new</sup></li>
    <li><span class="store_item-number">01</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/488407.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">02</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/726349.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">03</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/833948.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">04</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/820726.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">05</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/27877.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">06</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/725509.png"><em class="personal_banner_text">ваш текст</em></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">основная коллекция</li>
    <li><span class="store_item-number">01</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/407376.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">02</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/242527.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">03</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/434561.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">04</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/187010.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">05</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/863666.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">06</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/860978.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">07</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/204105.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">08 </span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/910982.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">09 </span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/474158.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">10 </span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/121003.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">11 </span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/873117.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">12 </span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/856725.png"><em class="personal_banner_text">ваш текст</em></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">скелетоны</li>
    <li><span class="store_item-number">01</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/679880.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">02</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/434374.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">03 <sup style="color: maroon; font-size: 8px;">new</sup></span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/422782.png"><em class="personal_banner_text">ваш текст</em></div></li>
    </li></ul>
    <ul class="list-items">
    <li class="list-title">мистичка</li>
    <li><span class="store_item-number">01</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/424948.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">02</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/564572.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">03</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/180650.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">04</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/66947.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">05</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/8/469510.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">06</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/24151.png"><em class="personal_banner_text">ваш текст</em></div></li>
    </ul>
    <br>
    <div class="store--description"><b>инструкция:</b><br>
    1. копируете код для заказа и вставляете в сообщение<br>
    2. выбираете понравившуюся плашку, нажимаете на нее (при нажатии автоматически копируется код плашки) <br>и вставляете в ваш шаблон заказа в п. 1.<br>
    3. заполняете часть «ваш текст»<br>
    4. указываете в п.2 стоимость
    </div>
          <div id="code_wrap" class="bannerlist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div>
          </div>
    </div>
    <!-- плашки -->
    
    <!-- фоны -->
    <div class="list-section" list-name="bgs">
    <div class="store--description">
    стоимость 1 фона — <b>500</b> галлеонов<br>
    </div>
    <ul class="list-items">
    <li class="list-title">summer time / sunrise <sup style="color: maroon; font-size: 8px;">new</sup></li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/481246.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/10/517583.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/65258.png"></div></li>
    <li><span class="store_item-number">04</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/169412.png"></div></li>
    <li><span class="store_item-number">05</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/334051.png"></div></li>
    <li><span class="store_item-number">06</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/479877.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">summer time / sunset <sup style="color: maroon; font-size: 8px;">new</sup></li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/188340.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/619538.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/102130.png"></div></li>
    <li><span class="store_item-number">04</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/203588.png"></div></li>
    <li><span class="store_item-number">05</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/507058.png"></div></li>
    <li><span class="store_item-number">06</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/347583.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">цветы</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/959418.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/261313.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/596797.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">мир магии</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/625552.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/512594.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/520491.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">звезды</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/785542.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/954634.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/523169.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">скелетоны</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/315936.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/547644.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/173342.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">умники и умницы</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/800901.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/676312.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/496284.png"></div></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">домашние любимцы</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/166760.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/827446.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/129721.png"></div></li>
    </ul>
    <br>
    <div class="store--description"><b>инструкция:</b><br>
    1. копируете код для заказа и вставляете в сообщение<br>
    2. выбираете понравившийся фон, нажимаете на него (при нажатии автоматически копируется код фона) <br>и вставляете в ваш шаблон заказа в п. 1.<br>
    3. заполняете часть «ваш текст»<br>
    4. указываете в п.2 стоимость
    </div>
          <div id="code_wrap" class="bglist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div>
          </div>
    </div>
    <!-- фоны -->
    
    <!-- подарки -->
    <div class="list-section" list-name="gifts">
    <div class="store--description">
    стоимость 1 подарка — <b>300</b> галлеонов<br>
    также вы можете отправить <abbr title="размер 80Х80 на прозрачном фоне">подарок со своей картинкой</abbr>, это обойдется вам в <b>500</b> галлеонов
    </div>
    <ul class="list-items">
    <li class="list-title">summer time <sup style="color: maroon; font-size: 8px;">new</sup></li>
    <li><span class="store_item-number">01</span><img src="https://upforme.ru/uploads/001c/64/37/7/110907.png"></li>
    <li><span class="store_item-number">02</span><img src="https://upforme.ru/uploads/001c/64/37/7/930512.png"></li>
    <li><span class="store_item-number">03</span><img src="https://upforme.ru/uploads/001c/64/37/7/589211.png"></li>
    <li><span class="store_item-number">04</span><img src="https://upforme.ru/uploads/001c/64/37/7/451677.png"></li>
    </ul>
    <ul class="list-items">
    <li class="list-title">основная коллекция</li>
    <li><span class="store_item-number">01</span><img src="https://upforme.ru/uploads/001c/64/37/10/t32111.png"></li>
    <li><span class="store_item-number">02</span><img src="https://upforme.ru/uploads/001c/64/37/10/t375996.png"></li>
    <li><span class="store_item-number">03</span><img src="https://upforme.ru/uploads/001c/64/37/10/t912159.png"></li>
    <li><span class="store_item-number">04</span><img src="https://upforme.ru/uploads/001c/64/37/10/t92923.png"></li>
    <li><span class="store_item-number">05</span><img src="https://upforme.ru/uploads/001c/64/37/10/t466745.png"></li>
    <li><span class="store_item-number">06</span><img src="https://upforme.ru/uploads/001c/64/37/10/t144447.png"></li>
    <li><span class="store_item-number">07</span><img src="https://upforme.ru/uploads/001c/64/37/10/t809987.png"></li>
    <li><span class="store_item-number">08</span><img src="https://upforme.ru/uploads/001c/64/37/10/t11925.png"></li>
    <li><span class="store_item-number">09</span><img src="https://upforme.ru/uploads/001c/64/37/10/t261347.png"></li>
    <li><span class="store_item-number">10</span><img src="https://upforme.ru/uploads/001c/64/37/10/t879567.png"></li>
    <li><span class="store_item-number">11</span><img src="https://upforme.ru/uploads/001c/64/37/10/t615484.png"></li>
    <li><span class="store_item-number">12</span><img src="https://upforme.ru/uploads/001c/64/37/10/t326423.png"></li>
    </ul>
    <br>
    <div class="store--description"><b>инструкция:</b><br>
    1. копируете код для заказа и вставляете в сообщение<br>
    2. выбираете понравившийся подарок, нажимаете на него (при нажатии автоматически копируется код подарка) <br>и вставляете в ваш шаблон заказа в п. 1.<br>
    3. заполняете часть «ваш текст», это текст пожелания для того, кому будет отправлен подарок<br>
    4. указываете в п.2 кому отправить подарок<br>
    5. указываете в п.3 стоимость
    </div>
          <div id="code_wrap" class="giftlist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div>
          </div>
    </div>
    <!-- подарки -->
    
    <!-- распродажа -->
    <div class="list-section" list-name="sale">
    <div class="store--description">
    плашки — по <b>300</b> галлеонов<br>
    фоны — по <b>300</b> галлеонов<br>
    подарки — по <b>150</b> галлеонов
    </div>
    <ul class="list-items">
    <li class="list-title">плашки</li>
    <li><span class="store_item-number">01</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/464672.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">02</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/520248.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">03</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/37916.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">04</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/801898.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">05</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/936981.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">06</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/754867.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">07</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/949705.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">08</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/332408.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">09</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/599865.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">10</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/164006.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">11</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/280168.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">12</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/10/942261.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">13</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/647754.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">14</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/695555.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">15</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/431502.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">16</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/147753.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">17</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/38440.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">18</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/30993.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">19</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/229000.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">20</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/472242.png"><em class="personal_banner_text">ваш текст</em></div></li>
    <li><span class="store_item-number">21</span><div class="personal_banner"><img src="https://upforme.ru/uploads/001c/64/37/7/883969.png"><em class="personal_banner_text">ваш текст</em></div></li>
    </ul>
    <br>
    <div class="store--description"><b>инструкция:</b><br>
    1. копируете код для заказа и вставляете в сообщение<br>
    2. выбираете понравившуюся плашку, нажимаете на нее (при нажатии автоматически копируется код плашки) <br>и вставляете в ваш шаблон заказа в п. 1.<br>
    3. заполняете часть «ваш текст»<br>
    4. указываете в п.2 стоимость
    </div>
          <div id="code_wrap" class="bannerlist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div>
          </div>
    <ul class="list-items">
    <li class="list-title">фоны</li>
    <li><span class="store_item-number">01</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/819725.png"></div></li>
    <li><span class="store_item-number">02</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/914798.png"></div></li>
    <li><span class="store_item-number">03</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/283387.png"></div></li>
    <li><span class="store_item-number">04</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/916473.png"></div></li>
    <li><span class="store_item-number">05</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/607102.png"></div></li>
    <li><span class="store_item-number">06</span><div class="personal_bg"><img src="https://upforme.ru/uploads/001c/64/37/7/517174.png"></div></li>
    </ul>
    <div class="store--description"><b>инструкция:</b><br>
    1. копируете код для заказа и вставляете в сообщение<br>
    2. выбираете понравившийся фон, нажимаете на него (при нажатии автоматически копируется код фона) <br>и вставляете в ваш шаблон заказа в п. 1.<br>
    3. заполняете часть «ваш текст»<br>
    4. указываете в п.2 стоимость
    </div>
          <div id="code_wrap" class="bglist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div>
          </div>
    <ul class="list-items">
    <li class="list-title">подарки</li>
    <li><span class="store_item-number">01</span><img src="https://upforme.ru/uploads/001c/64/37/7/142959.png"></li>
    <li><span class="store_item-number">02</span><img src="https://upforme.ru/uploads/001c/64/37/7/282431.png"></li>
    <li><span class="store_item-number">03</span><img src="https://upforme.ru/uploads/001c/64/37/7/423692.png"></li>
    <li><span class="store_item-number">04</span><img src="https://upforme.ru/uploads/001c/64/37/7/737946.png"></li>
    <li><span class="store_item-number">05</span><img src="https://upforme.ru/uploads/001c/64/37/7/933841.png"></li>
    <li><span class="store_item-number">06</span><img src="https://upforme.ru/uploads/001c/64/37/7/933987.png"></li>
    <li><span class="store_item-number">07</span><img src="https://upforme.ru/uploads/001c/64/37/7/698245.png"></li>
    <li><span class="store_item-number">08</span><img src="https://upforme.ru/uploads/001c/64/37/7/585079.png"></li>
    <li><span class="store_item-number">09</span><img src="https://upforme.ru/uploads/001c/64/37/7/791397.png"></li>
    </ul>
    <br>
    <div class="store--description"><b>инструкция:</b><br>
    1. копируете код для заказа и вставляете в сообщение<br>
    2. выбираете понравившийся подарок, нажимаете на него (при нажатии автоматически копируется код подарка) <br>и вставляете в ваш шаблон заказа в п. 1.<br>
    3. заполняете часть «ваш текст», это текст пожелания для того, кому будет отправлен подарок<br>
    4. указываете в п.2 кому отправить подарок<br>
    5. указываете в п.3 стоимость
    </div>
    
          <div id="code_wrap" class="giftlist">
          <a href="javascript:void(0);" class="get-code"></a>
          <div id="code-text"></div>
          </div>
    </div>
    <!-- распродажа -->
    
    </div></div>
    

    [hideprofile]

    0

    8

    [html]
    <div class="html_wrapper_baza themes-wrap">
    <div class="html_header"><div class="html_header-img"><img src="https://upforme.ru/uploads/001c/64/37/10/t794305.jpg

    "></div><span class="html_main_title">база знаний</span></div>
    <div class="themes-inner">

    <div class="themes-block">
    База знаний — это постоянно растущая коллекция волшебной практики, которая охватывает ключевые элементы магии: заклинания, зелья, ритуалы, порталы и артефакты.
    Здесь вы найдете то, что поможет в бою, лечении, исследованиях и перемещениях.
    </div>

    <div class="themes-block">
    <p align="center"><a href="https://tempusmagicae.rusff.me/viewtopic.php?id=67#p1533">заклинания</a>
    <br>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=67#p1534">зелья</a>
    <br>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=67#p1535">ритуалы</a><br>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=67#p33478">порталы</a><br>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=67#p72525">артефакты</a><br></p>
    </div>
    </div>
    </div>[/html]
    [hideprofile]

    0

    9

    пам пам пам

    0

    10

    тест

    0

    11

    тест кода

    [hideprofile]

    0

    12

    https://upforme.ru/uploads/001c/86/a4/2/211674.png
    https://upforme.ru/uploads/001c/86/a4/2/508809.png
    https://upforme.ru/uploads/001c/86/a4/2/888368.png
    https://upforme.ru/uploads/001c/86/a4/2/411714.png
    https://upforme.ru/uploads/001c/86/a4/2/35701.png
    https://upforme.ru/uploads/001c/86/a4/2/40944.png
    https://upforme.ru/uploads/001c/86/a4/2/136625.png

    0

    13

    для нужных на главную страницу:

    Код:
    {
        image: 'https://upforme.ru/uploads/001c/86/a4/6/t448075.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p70444">valentina rossetti</a>',
        description: 'муза в «доме завес» с горячим итальянским нравом, страстностью и умением превратить каждый визит в небольшое приключение. Она не скрывает своего происхождения и даже использует его: говорит с соблазнительным акцентом, учит клиентов итальянским фразам. Она не столько продаёт себя, сколько приглашает в свой яркий, шумный мир — хоть на пару часов.'
    }

    и еще

    Код:
    {
        image: 'https://upforme.ru/uploads/001c/64/37/10/957951.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p26255">kelmar nott</a>',
        description: 'дочь и сын разыскивают любимого батю. эксцентричный аристократ с психопатическими чертами, хаотичная сила природы и безжалостный владелец издательского бизнеса, возглавляющий гильдию издателей в ТАМ. несмотря на сомнительную репутацию и непредсказуемый нрав, именно его деловая хватка принесла ему влияние в высшем обществе'
    },
    
    {
        image: 'https://upforme.ru/uploads/001c/64/37/10/814880.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p26480">celestia savage</a>',
        description: 'оперативный аврор, фанатично преданная порядку, правилам и системе. она страдает формой ОКР: ведёт цветокодированные журналы, не может пройти мимо криво висящей картины, а её отчёты — образец педантичности. блестящий тактик и мастер защитных заклятий, она разработала 12-параметровую систему классификации преступников'
    },
    
    {
        image: 'https://upforme.ru/uploads/001c/64/37/10/373023.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p70178">hestia jones</a>',
        description: 'Сириус Блэк разыскивает свою давнюю сообщницу по детским передрягам, которую он мастерски брал на слабо — целительницу Мунго и члена Ордена Феникса с горячим нравом, обострённым чувством справедливости и врождённой амбициозностью. прямолинейная, упрямая и верная до невозможности простить предательство, она всегда поступает по-своему, но готова помочь каждому, кто нуждается'
    },
    
    {
        image: 'https://upforme.ru/uploads/001c/64/37/10/409229.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p4500">remford moriband</a>',
        description: 'молодой владелец лавки «У Морибанда» и подпольного казино «Обсидиан» в Лютном, который выгрыз успех зубами, превратив отцовские долги в империю шантажа, информации и роскоши. именно он когда-то вытащил Табиту с улицы, обучил воровать, лгать и слышать то, о чём молчат, а теперь после её ухода к Уолдену Макнейру считает предательницей'
    },
    
    {
        image: 'https://upforme.ru/uploads/001c/64/37/10/820855.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p70444">callidora van der weiden</a>',
        description: 'муза в «Доме Завес» и метаморфомаг, для которой смена облика стала высшей формой искусства. она может стать кем угодно — от хрупкой блондинки до роковой рыжеволосой соблазнительницы — но её истинный талант в умении изучать клиента и создавать живое воплощение его тайных желаний. каждый её сеанс — это спектакль, где она дарит возможность встретиться с идеальной версией своей фантазии'
    },
    
    {
        image: 'https://upforme.ru/uploads/001c/64/37/10/451229.jpg',
        title: '<a href="https://tempusmagicae.rusff.me/viewtopic.php?id=63#p4725">jugson</a>',
        description: 'полукровный браконьер, мастер теневых сделок и связующее звено между Пожирателями Смерти, вампирским Картелем и стаями оборотней Лондона. он не гонится за родословной, для него главное — сила и идеалы Темного Лорда, а грязной работы он не чурается, а находит в ней удовольствие'
    }

    0

    14

    Код:
    <!--HTML-->
    <div class="html_wrapper news-wrap">
    <div class="html_header"><img src="https://forumstatic.ru/files/001c/71/c5/28134.png"><span class="html_main_title">свежая сводка событий</span></div>
    <div class="news_avatar" title="на связи кровавая барыня"><img src="https://upforme.ru/uploads/001c/64/37/10/338511.gif"></div>
    <div class="news_review"><i>С днем поедания куличей! (с) Бартик</i></div>
    <div class="news_main_section">
    <div class="news_persons-wrapper">
    <div class="news_persons-item">
    <span class="news_persons-title">активисты</span>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=44" title="Рудо" class="persons-img"><img src="https://i.imgur.com/lFcN47J.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=81" title="Руэри" class="persons-img"><img src="https://i.imgur.com/aM8jCDn.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=76" title="Сашка" class="persons-img"><img src="https://i.imgur.com/UAnLtMW.gif"></a>
    </div>
    <div class="news_persons-item">
    <span class="news_persons-title">постописцы</span>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=30" title="Герберт" class="persons-img"><img src="https://i.imgur.com/oxapFWw.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=60" title="Талия" class="persons-img"><img src="https://i.imgur.com/rOVdi2q.gif"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=65" title="Феликс" class="persons-img"><img src="https://i.imgur.com/A80SqN3.gif"></a>
    </div>
    <div class="news_persons-item for-episode">
    <span class="news_persons-title">эпизод: <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=247">hakuna matata</a></span>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=247" title="
    — мне нужно стать аврором
    — ни слова больше" class="persons-img"><img src="https://i.imgur.com/Y6mOA10.gif"></a>
    </div>
    </div>
    <div class="news_text_content">
    <p><b>Я вернулась с Мальдив и заперла Бартика в подвале, но не переживайте, еда у него есть хд</b><br>Привет всем, на связи кровавая барыня и давайте не будем откладывать в долгий ящик и перейдем к новостям!<br></p>
    <p>Первым делом поздравляю активистов этой недели! Все мы охеренно потрудились (в том числе и я хд): много флудили, настрочили постов… Но! Я все еще жду, что в гонке за первенство подключатся и другие, ибо ставить саму себя в таблицу - это испанский стыд хд Так что поднажмите, ребята, тем более у вас есть для этого отличный повод, о котором ниже <3 </p>
<p>⬥ Специально для тех, кто хочет начать, но никак не может для этого собраться - мы запустили <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=297">бинго со вкусными призами</a>. Заглядывайте туда, выполняйте задания и получайте классные плюшки <3<br>⬥ А еще, сидя в моем подвале, Бартик запилил для вас, в честь праздника, <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=296">поиск пасхальных яиц</a>. Этот мелкий жук обещал не прятать их в далекую задницу… но вы знаете, это не точно хд <br>⬥ Еще вы могли заметить, что у нас появился <a href="https://tempusmagicae.rusff.me/viewforum.php?id=29">новый раздел</a>, посвященный дуэльному клубу. Обратите на него свое пристальное внимание! Это очень классная и свежая активность, которую разработал наш дорогой Винсент. Зайдет всем любителям ДНД, да и простым обывателям тоже!<br>⬥ Напоминаю, что у нас начались <a href="https://tempusmagicae.rusff.me/viewforum.php?id=6">квесты</a>, которые ведут наши массовики затейники Уолли и Валя хд Скажем спасибо их неограниченной фантазии <3 А все кто участвует - не забывайте поглядывать свою очередь… Иначе пропуск может привести к последствиям, которых вы точно не хотите хд<br>⬥ Не отходя от темы квестов, попрошу каждого отметиться в <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=279">теме опросов</a>, кто еще этого не сделал. Вы поможете не только всему Темпусу, но и косвенно будете причастны к написанию нашей истории <3<br> 
    <p>И напоследок ложка дегтя в нашу бочку меда хд Если вы думали что у нас не будет расстрельных списков, то спешу вас разочаровать. Наша драгоценная Валя подготовила <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=85#p16755">списочек тех, кто вскоре отправится на корм дементорам</a> хд Если вы нашли себя, то самое время исправляться. У вас на это есть целая неделя хд</p>
    <p>На этом все хд Всех обняла и подняла!</p>
    </div>
    </div>
    </div>

    [hideprofile]

    0

    15

    Код:
    <!--HTML-->
    <div class="html-wrapper news-wrap"><style>
                    .persons-img img { border-radius: 50px; }
                    .for-episode .persons-img img { border-radius: 50px; }
                    .news-avatar img { border-radius: 50%; }
            .for-episode {
                    padding: 5px 25px 0px;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 5px;
                    width: 205px;
                    box-sizing: border-box;
                    justify-content: center;
                    border-radius: 20px;
                }
                           .for-episode a:not(.persons-img) {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    line-height: 1.2;
                    margin-bottom: 2px;
                    text-decoration: none;
                    color: var(--text1);
                }
                .for-episode span {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    line-height: 1.2;
                    margin-top: -5px;
                    font-size: 12px;
                    color: var(--text2);
                }
                </style>
                <div class="news-main-section">
                    <div class="news-top">
                        <div class="news-review"><i>жара близко</i></div>
                        <div class="news-bg"><img src="https://forumstatic.ru/files/001c/86/a4/24030.png"></div>
                        <div class="news-avatar" style="cursor: pointer;" title="кровавая барыня"><img src="https://upforme.ru/uploads/001c/64/37/10/t338511.gif"></div>
                    </div>
                    <div class="news-bottom">
                        <div class="news-persons-wrapper">
                            <div class="news-main-title">новости почти летние</div>
                            <div class="news-skeleton"><img src="https://forumstatic.ru/files/001c/86/a4/49232.png"></div>
                            <div class="news-wrapper">
                                <div class="news-persons-title">активисты</div>
                                <div class="news-persons-item">
                                    <a href="https://squirreltest.rusff.me/pages/news#" class="persons-img" style="cursor: pointer;" title="ксено"><img src="https://upforme.ru/uploads/001c/64/37/7/579647.png"></a>
                                    <a href="https://squirreltest.rusff.me/pages/news#" class="persons-img" style="cursor: pointer;" title="пандора"><img src="https://upforme.ru/uploads/001c/64/37/7/552919.gif"></a>
                                    <a href="https://squirreltest.rusff.me/pages/news#" class="persons-img" style="cursor: pointer;" title="тео"><img src="https://upforme.ru/uploads/001c/64/37/7/263992.gif"></a>
                                </div>
                                <div class="news-persons-title">постописцы</div>
                                <div class="news-persons-item">
                                    <a href="https://squirreltest.rusff.me/pages/news#" class="persons-img" style="cursor: pointer;" title="габи"><img src="https://upforme.ru/uploads/001c/64/37/7/195720.gif"></a>
                                    <a href="https://squirreltest.rusff.me/pages/news#" class="persons-img" style="cursor: pointer;" title="корвус"><img src="https://upforme.ru/uploads/001c/64/37/7/424100.gif"></a>
                                    <a href="https://squirreltest.rusff.me/pages/news#" class="persons-img" style="cursor: pointer;" title="лилит"><img src="https://i.imgur.com/8qqsQyo.gif"></a>
                                </div>
                                <div class="news-persons-title">эпизод</div>
                                <div class="news-persons-item for-episode episode-section">
                    <a href="https://squirreltest.rusff.me/pages/news#" title="лямур" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/209/271028.gif"></a>
                    <a href="https://squirreltest.rusff.me/pages/news#">чувства с горьким вкусом риска</a>
                    <span>трис/морбиус</span>
                </div>
                            </div>
                        </div>
                        <div class="news-text-content"><b>Всем приятного дня или вечера, темпусяне! &lt;3</b><br><br>Лето уже почти на пороге и мы двигаемся в ногу с ним хд Надеюсь, все вы морально готовы жариться под солнышком, потягивать напиточки, есть мороженку и <a href="https://">писать посты</a> &lt;3<br><br>Ну, а теперь к основным новостям:<br>⬥ Теперь у нас не один, а два прекрасных дизайна в духе летнего настроения - что может быть прекраснее рассветов и закатов? В правом верхнем углу вы найдете ромашки, нажав на которые можно переключаться между темами дизайна &lt;3<br>⬥ По такому случаю мы перевели время в игре на июнь-август 1981г. Если день рождения ваших персонажей выпадает на эти месяцы - напишите нам в связи и мы исправим ваш возраст хд<br>⬥ Лавка с плашками и плюшками тоже обновлена под летние вайбы! Налетайте, модники хд<br>⬥ Наш любимый Винчик подготовил для вас приятные конкурсы, где вы с легкостью заработаете деньжат, потому что они вам понадобятся хд А играем мы в анаграммы, в мемори и ищем пары :3<br>⬥ А денежки вам понадобятся для того, чтобы выкупать места под ваших нужных на главной странице :3 Это можно сделать в банке :3<br>⬥ И на десерт - классная акция на нелегальных гонщиков хд Присоединяйтесь и расширяйте привычные горизонты нашего магического мира :3<br><br>На этом все! Всех обняла и нежно поцеловала хд Ну, знаете, по-летнему &lt;3</div>
                    </div>
                </div>
            </div>
    

    [hideprofile]

    0

    16

    Код:
    <!--HTML-->
    <div class="html-wrapper news-wrap"><style>
                    .persons-img img { border-radius: 50px; }
                    .for-episode .persons-img img { border-radius: 50px; }
                    .news-avatar img { border-radius: 50%; }
            .for-episode {
                    padding: 5px 25px 0px;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 5px;
                    width: 205px;
                    box-sizing: border-box;
                    justify-content: center;
                    border-radius: 20px;
                }
                           .for-episode a:not(.persons-img) {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    line-height: 1;
                    margin-bottom: 2px;
                    text-decoration: none;
                    color: var(--text1);
                }
                .for-episode span {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    line-height: 1.2;
                    margin-top: -5px;
                    font-size: 12px;
                    color: var(--text2);
                }
                </style>
                <div class="news-main-section">
                    <div class="news-top">
                        <div class="news-review"><i>цитата</i></div>
                        <div class="news-bg"><img src="https://forumstatic.ru/files/001c/86/a4/24030.png"></div>
                        <div class="news-avatar"><img src="/"></div>
                    </div>
                    <div class="news-bottom">
                        <div class="news-persons-wrapper">
                            <div class="news-main-title">заголовок новости</div>
                            <div class="news-skeleton"><img src="https://forumstatic.ru/files/001c/86/a4/49232.png"></div>
                            <div class="news-wrapper">
                                <div class="news-persons-title">активисты</div>
                                <div class="news-persons-item">
                                    <a href="#" class="persons-img"><img src="#"></a>
                                    <a href="#" class="persons-img"><img src="#"></a>
                                    <a href="#" class="persons-img"><img src="#"></a>
                                </div>
                                <div class="news-persons-title">постописцы</div>
                                <div class="news-persons-item">
                                    <a href="#" class="persons-img"><img src="#"></a>
                                    <a href="#" class="persons-img"><img src="#"></a>
                                    <a href="#" class="persons-img"><img src="#"></a>
                                </div>
                                <div class="news-persons-title">эпизод</div>
                                <div class="news-persons-item for-episode episode-section">
                    <a href="https://squirreltest.rusff.me/pages/news#" title="лямур" class="persons-img"><img src="https://upforme.ru/uploads/001c/64/37/209/271028.gif"></a>
                    <a href="https://squirreltest.rusff.me/pages/news#">чувства с горьким вкусом риска</a>
                    <span>трис/морбиус</span>
                </div>
                            </div>
                        </div>
                        <div class="news-text-content">
                            <p>текст новости</p>
                        </div>
                    </div>
                </div>
            </div>
    

    [hideprofile]

    0

    17

    стиль 1

    Код:
    @import url(style_cs.css);
    
    /* используются в дизайне */
    @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
    @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    
    /* Иконический шрифт */
    @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
    
    /* Font Awesome */
    @import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
    
    @font-face {
      font-family: 'Rostov';
      src: url('https://forumstatic.ru/files/001c/86/a4/30808.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'misto';
      src: url('https://forumstatic.ru/files/001c/86/a4/82016.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'Kindentosca';
      src: url('https://forumstatic.ru/files/001c/86/a4/46046.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }
    
    .across-brigadier {
      font-family: 'Brigadier', serif;
    }
    
    .across-soyuz {
      font-family: 'Soyuz', serif;
      font-weight: 700;
    }
    
    .across-kindentosca {
      font-family: 'Kindentosca', serif;
    }
    
    
    /****************************************
    Чистый стиль by Alex Kolmar (бродяга)
    ****************************************/
    
    /* Полезные сервисные настройки
    -------------------------------------------------------------*/
    
    .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 .required label em,
    .punbb .formsubmit label,
    .punbb .submitfield label,
    .punbb .modmenu label,
    .punbb .divider hr,
    #pun-userlist .main h2 {
      font-size: 0;
      height: 0;
      width: 0;
      line-height: 0.0;
      position: absolute;
      left: -9999px;
      overflow: hidden;
    }
    
    #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;
    }
    
    
    /* Основные переменные
    ------------------------------------------*/
    
    :root {
    --links: #705A32;
      --body-bg: #E4A598;
      --pun-bg: #FCF9ED;
      --sec-bg: #fbeede;
      --link: #D47266;
      --link-hover: #B6D2F9;
      --text-color: #302F2D;
      --accent: #F6D6A3;
      --pwidth: 240px;
      --pad1: 10px 20px;
      --pad2: 5px 20px;
      --pad3: 5px 10px;
      --msr: "Material Symbols Rounded";
      --fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
      --zagolovok: "Rostov";
      --extra-font: "misto"; 
      --main-font: "Inter";
      --text2: #636456;
      --opac1: rgba(182, 210, 249, 0.5);
      --opac2: rgba(246, 214, 163, 0.5);
      --opac3: rgba(208, 201, 191, 0.35);
      --guest-opac: rgba(252, 249, 237, .65);
      --tablica-bg: url(https://forumstatic.ru/files/001c/86/a4/41207.png?v=1);
      --bg-img: url(https://forumstatic.ru/files/001c/86/a4/79449.png?v=1);
      --go-up: url(https://forumstatic.ru/files/001c/86/a4/88134.png);
      --go-down: url(https://forumstatic.ru/files/001c/86/a4/90067.png);
      --cat-bg: url(https://forumstatic.ru/files/001c/86/a4/29015.png);
      --new-msg: url(https://forumstatic.ru/files/001c/86/a4/43232.png);
      --online-img: url(https://forumstatic.ru/files/001c/86/a4/56606.png);
       --pun: #ADA8A2 url(https://forumstatic.ru/files/001c/71/c5/53215.png);
    --star: url(https://forumstatic.ru/files/001c/86/a4/96717.png);
    --dark600: #2F2D2A;
    --beg100: #ADA8A2;
    --beg300: #A8A39B;
    --beg350: #ADA8A1;
    --beg500: #B6B1AA;
        --text1: #2F2D2A; /* black */
        --text2: #585149; /* light black */
        --text3: #B1ACA6; /*white*/
        --text4: #DDD8CE; /*semiwhite*/
        --links: #705A32;
        --font: Inter;
        --font-accent: Great Vibes;
        --font-accent2: Great Vibes;
    }
    
    
    .dark {
    --links: #705A32;
      --body-bg: #D7C4A6;
      --pun-bg: #977A77;
      --sec-bg: #a8837b;
      --link: #E29A9A;
      --link-hover: #B7A2B0;
      --accent: #D3A993;
      --pwidth: 240px;
      --pad1: 10px 20px;
      --pad2: 5px 20px;
      --pad3: 5px 10px;
      --msr: "Material Symbols Rounded";
      --fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
      --zagolovok: "Rostov";
      --extra-font: "misto"; 
      --main-font: "Inter";
      --text2: #636456;
      --opac1: rgba(182, 210, 249, 0.5);
      --opac2: rgba(223, 171, 146, 0.5);
      --opac3: rgba(208, 201, 191, 0.35);
      --guest-opac: #BF9E9B;
      --tablica-bg: url(https://forumstatic.ru/files/001c/86/a4/41515.png);
      --bg-img: url(https://forumstatic.ru/files/001c/86/a4/46763.jpg);
      --cat-bg: url(https://forumstatic.ru/files/001c/86/a4/35756.png);
      --new-msg: url(https://forumstatic.ru/files/001c/86/a4/98876.png);
      --online-img: url(https://forumstatic.ru/files/001c/86/a4/13403.png);
       --pun: #ADA8A2 url(https://forumstatic.ru/files/001c/71/c5/53215.png);
    --star: url(https://forumstatic.ru/files/001c/86/a4/14311.png);
    --dark600: #2F2D2A;
    --beg100: #ADA8A2;
    --beg300: #A8A39B;
    --beg350: #ADA8A1;
    --beg500: #B6B1AA;
        --text1: #2F2D2A; /* black */
        --text2: #585149; /* light black */
        --text3: #B1ACA6; /*white*/
        --text4: #DDD8CE; /*semiwhite*/
        --links: #705A32;
        --font: Inter;
        --font-accent: Great Vibes;
        --font-accent2: Great Vibes;
      --nav-bg: #A3A1AD;
      --fill-forms: #9D8D92;
      --light-purple: #AA9FB6;
      --profile-text: #8B6B62;
      --profile-light: #D7C4A6;
      --profile-opac: rgba(237, 185, 152, 0.5);
    }
    
    .dark .tablica {height: 316px;}
    .dark #pun .category h2 .cat_q {color: var(--pun-bg)}
    .dark #pun-index .category table tr:not(:last-child) {border-bottom: 1px solid var(--accent)}
    .dark #pun .tclcon .slider-content h3 a {color: var(--pun-bg)!important;}
    .dark #pun .tclcon .slider-content h3 a:hover {color: var(--text-color);}
    .dark .slider-item {border: 1px solid #D49D80}
    .dark .lore_nav .slide_button, .dark .ams-wrap .slide_button {color: var(--pun-bg);}
    .dark .nav_button {color: var(--body-bg)!important; 
    background: var(--nav-bg)!important}
    .dark .nav_block .link a {background: var(--pun-bg)!important; ;
    color: var(--body-bg)!important; }
    .dark .nav_block .link a:hover {background: var(--nav-bg)!important; } 
    .dark .ep span {color: var(--body-bg)}
    .dark .ep span a {color: #A58487!important}
    .dark .ep {left: 799px;
    top: 216px}
    .dark .slide_button {color: var(--body-bg)}
    .dark .tcl h3 a, .dark .post-content a {color: var(--link)!important;}
    .dark .guest-ams-title {color: var(--accent)}
    .dark .guest-body {color: var(--light-purple);}
    .dark .guest-title {color: #F9ABAB;}
    .dark #pun #code_wrap a.get-code, .dark .guest-ban {background: var(--fill-forms);}
    .dark #code-text {    background: var(--fill-forms);
        color: var(--body-bg);
    }
    .dark .guest-links a {background: #D49D80;
    color: var(--body-bg)!important}
    .dark .news-main-section {background: #A78E93;}
    .dark .news-main-title {background: var(--link);}
    .dark .news-wrapper {background: linear-gradient(180deg, var(--profile-light) 0%, #D3A993 100%);}
    .dark .news-persons-title, .dark .news-persons-item a, .dark .news-persons-item span {color: var(--pun-bg)!important;}
    .dark .news-persons-title a:hover {color: var(--link-hover)}
    .dark .news-persons-item for-episode a {color: var(--pun-bg)!important;}
    .dark .punbb .post-sig dt { background:   linear-gradient(90deg, rgba(135, 122, 98, 0) 0%, var(--accent) 15%, var(--accent) 85%, rgba(135, 122, 98, 0) 100%);}
    .dark .news-text-content p a:hover {color: var(--pun-bg)!important}
    .dark .list-button.active {background: var(--link);
    color: var(--pun-bg)}
    .dark .list-button:not(.active) {border: 1px solid var(--profile-light);
    background: rgba(226, 154, 154, 0.5);}
    .dark .list-items {background: #A78E93!important;
    border: 1px solid var(--profile-light)!important;}
    .dark .pa-author {background: var(--light-purple);
    color: var(--profile-text);}
    .dark .pa-title {color: var(--profile-light)!important;}
    .dark .lz_desc a {color: var(--body-bg);}
    .dark .pa-fld1 {background: var(--profile-opac);}
    .dark .post-author {background: #755E59;}
    .dark .pa-posts, .dark .pa-respect, .dark .pa-fld3, .dark .pa-fld4 {background: var(--profile-opac);}
    .dark .html_main_title {background: var(--sec-bg);}
    .dark .store--description {background: #A78E93!important;}
    .dark #pun-navlinks .container a {color: var(--link)!important}
    .dark #pun-navlinks .container a:hover {color: var(--link-hover)!important}
    .dark input[type="text"], .dark input[type="password"], .dark textarea, select {border: 1px solid var(--sec-bg)!important;}
    .dark input.button, .dark #pun-admain input.button, .dark #sub4, .dark input[type="button"], .dark input[type="submit"] {border: 1px solid var(--sec-bg);
    background: var(--opac2);}
    i.dark nput.button:hover,
    .dark #pun-admain input.button:hover,
    .dark #sub4:hover,
    .dark input[type="button"]:hover,
    .dark input[type="submit"]:hover {background: var(--body-bg);
    color: var(--text-color);}
    .dark #tooltip {background: var(--sec-bg);}
    .dark .personal_banner {background: var(--light-purple);}
    .dark .twinks_tabs-wrap li {color: var(--body-bg);
        background: var(--pun-bg);}
    .dark .twinks_tabs-wrap li.active {background: var(--body-bg);
    color: var(--pun-bg);}
    .dark .personal_page-info {    background: var(--opac3);}
    .dark .menu-links span {background: var(--accent);}
    .dark .page-awards li {border: 1px solid var(--sec-bg)!important;}
    .dark .page_ava {5px solid var(--sec-bg) !important;}
    .dark #pun-index .tcr a.lastpost-link:hover, .dark li#onlinelist a:hover {color: var(--link)!important}
    .dark .post h3 a, .dark .post h3 strong {color: var(--link);}
    .dark .guest-links a:hover {color: var(--pun-bg)!important;}
    .dark #code-text, .dark .guest-faces li, .dark .guest-roles li, .dark .guest-faces, .dark .guest-roles, .dark .guest-ban {color: var(--text-color)!important}
    .dark .guest-faces li a:hover, .dark .guest-roles li a:hover  {color: var(--pun-bg)!important;}
    .dark .guest-faces li a, .dark .guest-roles li a {color: var(--body-bg)!important;}
    .ank a {
    	color: var(--text2) !important;
    	font-weight: 700
    }
    .ank a:hover {
    	color: var(--body-bg) !important;
    }
    .dark #pun hr {
        background: linear-gradient(90deg, rgba(135, 122, 98, 0) 0%, var(--body-bg) 50.48%, rgba(135, 122, 98, 0) 100%);}
    #knopfors a:hover  {  color: var(--text-color)!important;
    }
    .dark .post-content ul li a {color: var(--body-bg)!important}
    .dark .post-content ul li a:hover {color: var(--pun-bg)!important}
    .dark .quote-box cite, .dark .code-box strong.legend, .dark .code-box .legend-processed a {color: var(--profile-text)!important}
    .dark .code-box .legend-processed a:hover {color: var(--pun-bg)!important}
    .dark .news-text-content a {color: var(--profile-text)!important}
    .dark .news-text-content a:hover {color: var(--body-bg)!important}
    
    /* Global
    ------------------------------------------*/
    
    /* Применяется ко всем элементам */
    
    * {
      margin: 0;
      padding: 0;
      border: none;
      text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    
    /* прокрутка 
    -------------------------------------------------- */
    
    /* Хром etc */
    
    @supports selector(::-webkit-scrollbar) {
    
      *::-webkit-scrollbar-thumb {
        background: var(--link);
      }
    
      *::-webkit-scrollbar-thumb:hover {
        background: var(--link-hover);
        cursor: default;
      }
    
      *::-webkit-scrollbar-track {
        background: var(--sec-bg);
      }
    
      *::-webkit-scrollbar {
        width: 7px;
        height: 7px;
      }
    }
    
    /* Мозилла */
    
    @supports not selector(::-webkit-scrollbar) {
      * {
        scrollbar-width: thin;
        scrollbar-color: var(--link-hover) var(--sec-bg);
      }
    }
    
    /* выделение текста */
    
    ::selection {
      background: var(--link);
      color: var(--pun-bg);
    }
    
    :focus {
      outline: none;
    }
    
    /* все ссылки */
    
    a,
    .punbb #pun-admain a {
      text-decoration: none;
      color: var(--link);
      transition: all .2s linear 0s;
    font-weight: bold;
    }
    
    a:hover,
    .punbb #pun-admain a:hover {
      color: var(--link-hover);
    }
    
    /* все заголовки */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre {
      margin: 0;
    }
    
    h1,
    h2 {
      padding: 10px 20px;
      font-weight: normal;
      text-align: center;
    }
    
    ul,
    dl,
    li,
    dd,
    dt {
      list-style: none;
    }
    
    address,
    em {
      font-style: normal;
    }
    
    /* выключить список модераторов, отредактировано etc */
    
    .modlist,
    .lastedit,
    .punbb div#pun-live-rusff,
    .punbb .topic a.sharelink {
      display: none;
    }
    
    /* модальные окна, репутация, закладки etc */
    
    #tags .container,
    .post_report,
    .post_reputation,
    #MyBookmarks,
    .inner.popup_graffiti,
    .pun-modal .modal-inner,
    .punbb-admin #pun-admin-award-form .inner {
      background: var(--pun-bg);
    }
    
    /* Формы
    ------------------------------------------- */
    
    /* ОФОРМЛЕНИЕ КНОПОК */
    
    input.button,
    #pun-admain input.button,
    #sub4,
    input[type="button"],
    input[type="submit"] {
      padding: 2px 10px;
      border: 1px solid var(--link-hover);
      cursor: pointer;
      transition: all .2s linear 0s;
    border-radius: 20px;
    background: var(--sec-bg);
    text-transform: lowercase;
    color: var(--text-color);
    font-size: 12px;
    font-weight: bold;
    }
    
    input.button:hover,
    #pun-admain input.button:hover,
    #sub4:hover,
    input[type="button"]:hover,
    input[type="submit"]:hover {background: var(--link);
    color: var(--pun-bg);
      border: 1px solid var(--link-hover);}
    
    /* ОФОРМЛЕНИЕ ПОЛЕЙ ВВОДА */
    
    input[type="text"],
    input[type="password"],
    textarea,
    select {
      padding: 2px 5px;
      border: 1px solid var(--link-hover);
    background: var(--pun-bg);
    }
    
    textarea,
    input,
    select,
    optgroup {
      font-size: 12px;
    }
    
    optgroup {
      font-weight: bold;
    }
    
    /* флажки и чекбоксы */
    
    .checkfield input[type="checkbox"],
    .radiofield input[type="radio"] {
      margin: 0 3px;
    }
    
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 20px;
      vertical-align: middle;
    }
    
    .formal .container {
      padding: var(--pad1);
    }
    
    .formsubmit {
      padding: 0;
      margin: -10px 0 0 0;
    }
    
    .formsubmit input,
    .formsubmit a,
    .formsubmit span {
      margin: 0 6px 0 0;
    }
    
    fieldset {
      border: none;
    }
    
    fieldset legend {
      font-weight: bold;
    }
    
    fieldset fieldset {
      border: none;
      margin: 0;
      padding: 0 0 8px 0
    }
    
    .fs-box {
      padding: 5px 0;
    margin-bottom: 30px!important;
    }
    
    .fs-box .post-body {padding-top: 10px;}
    
    .fs-box p,
    .fs-box fieldset {
      padding: 0 0 8px 0;
    }
    
    .inline .inputfield,
    .inline .selectfield,
    .inline .passfield {
      float: left;
      margin-right: 10px;
    }
    
    .inline .infofield {
      clear: both
    }
    
    .datafield br {
      display: none
    }
    
    .required label,
    .datafield span.input {
      font-size: 10px;
    }
    
    textarea,
    .longinput input {
      width: 64%;
      margin: 0;
    }
    
    .hashelp {
      position: relative;
    }
    
    
    /* Админка
    ------------------------------------------*/
    
    .punbb-admin .adcontainer,
    .punbb-admin .adformal {
      border: none;
    }
    
    
    /* Тело форума
    ------------------------------------------*/
    
    /* фон */
    
    html {
      background: var(--body-bg) url() no-repeat top center;
    }
    
    /* заплатка для фиксированного фона */
    
    body::before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      min-width: 100vw;
      min-height: 100vh;
      z-index: -10;
      background: var(--bg-img) no-repeat top center/cover;
    }
    
    /* тело */
    
    #pun {
    width: 1000px;
      margin: auto;
    position: relative;
      background: var(--pun-bg);
    border-radius: 40px!important;
    margin-top: 310px;
    }
    
    /* внутреннее тело */
    
    .punbb {
      font-size: 10px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    font-weight: normal;
    color: var(--text-color);
    }
    
    /* настройки внутренних блоков */
    
    .punbb > div .container {
      padding: var(--pad1);
    position: relative;
    z-index: 1;
    }
    
    /* Навигационные ссылки */
    
    #pun-navlinks {position: sticky;
    top: 0;
    background: var(--pun-bg);
    z-index: 100;
    height: 30px;}
    
    #pun-navlinks .container {
    text-align: center;
        font-family: var(--zagolovok);
        font-size: 16px;
    letter-spacing: 0.07em;
    position: relative;
    z-index: 100;
    text-transform: uppercase;
    }
    
    #pun-navlinks .container:after {
      display: none;
    }
    
    #pun-navlinks li {
      padding: 0 5px;
      display: inline;
    }
    
    /* Пользовательские ссылки */
    
    #pun-ulinks {position: sticky;
    top: 30px;
    background: var(--pun-bg);
    z-index: 10;}
    
    #pun-ulinks .container {
      text-align: center;
    font-family: var(--main-font);
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    position: relative;
    width: 99%!important;
    height: 8px;
    }
    
    #pun-ulinks .container a {font-weight: normal;
    color: var(--text-color)}
    
    #pun-ulinks li {
      padding: 0 5px;
      display: inline;
    }
    
    /* Статус */
    
    #pun-status {font-size: 10px;}
    #pun-status .container {position: relative;
    }
    
    #pun-status span {
      white-space: nowrap;
      margin-right: 5px;
    }
    
    .punbb #pun-status .status-right {
    }
    
    /* Хлебные крошки */
    
    .crumbs.container {position: relative;
    z-index: 10;
    text-transform: lowercase;
    padding-bottom: 20px!important;}
    
    /* Копирайт */
    
    #pun-about {}
    
    #pun-about .container {
      text-align: center;
    }
    
    
    /* Основная форумная таблица
    ------------------------------------------*/
    
    .main table {
    table-layout: fixed;
        width: 96%;
        background: var(--sec-bg);
        padding-bottom: 14px;
    border-radius: 20px;
    margin-left: 20px;
    }
    
    #pun-index .main table {border-radius: 0 0 20px 20px !important;}
    
    .main th {
      padding: 5px 10px;
    display: none;
    }
    
    .main td {
      padding: 10px;
    }
    
    
    .tcl h3 a {font-family: var(--zagolovok);
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--link);
    }
    
    .tcl {
      width: 66%;
    }
    
    .tcl h3 a:hover {color: var(--link-hover);}
    
    .tc2,
    .tc3,
    .tcmod {
      text-align: center;
      width: 6%;
    }
    
    .tcr {
      width: 35%;
    }
    
    
    #pun-index .tcr a.lastpost-link {
    	font-weight: 700;
    	font-size: 12px;
    	display: inline-block;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	height: auto;
    	width: 255px;
    	white-space: nowrap;
    	line-height: 140%;
    color: var(--text-color);
    }
    #pun-index .tcr a.lastpost-link:hover {color: var(--link)}
    
    #pun-searchtopics .tcl,
    #pun-modviewforum .tcl {
      width: 40%
    }
    
    #pun-searchtopics .tc2 {
      text-align: left;
      width: 20%;
    }
    
    #pun-debug table .tcl {
      width: 15%;
    }
    
    #pun-debug .tcr {
      width: 90%;
    }
    
    tbody.hasicon td.tcl {
      padding-left: 40px;
    text-transform: lowercase;
    }
    
    #pun-main td, #pun-main tr {position: relative;
    }
    
    .forum tr {
    	display: flex;
    	padding: 0px !important;
    	gap: 40px;
    	align-items: center;
    }
    
    /* аватар */
    
    .punbb td .user-avatar {
    
    }
    
    .punbb td .user-avatar .avatar-image {
    border-radius: 10px;
    }
    .punbb td .user-avatar .avatar-image::after {
      content: "";
      position: absolute;
      inset: 0;          
      background: var(--opac1); 
      pointer-events: none;     
    border-radius: inherit;
    }
    
    /* Иконки */
    
    div.icon {
      position: absolute;
      margin-left: -30px;
      width: 20px;
      height: 20px;
      background: var(--accent) url() no-repeat top center;
    border-radius: 50%;
    }
    
    tr.inew div.icon {
      background: var(--text2) url() no-repeat top center;
    }
    
    tr.isticky div.icon {
      background: var(--link-hover) url() no-repeat top center;
    }
    
    tr.iclosed div.icon {
      background: var(--link) url() no-repeat top center;
    }
    
    
    /* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
    --------------------------------------------------------------------------------------------------- */
    
    .multipage {
      margin-top: 10px;
    }
    
    .multipage h1, .multipage h2 {
       display: none;
    }
    
    .linkst {
      position: relative;
      padding: var(--pad2);
      display: flex;
      justify-content: space-between;
    }
    
    .linkst .pagelink {padding-bottom: 5px;}
    
    .linkst .postlink {
      text-align: right;
    }
    
    .linksb {
      position: relative;
      padding: var(--pad2);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    
    .linksb .pagelink {
      order: -1;
    }
    
    .subscribelink {
      width: 100%;
      text-align: right;
    }
    
    .linksb noindex {
      order: 1;
    }
    
    .linksb .postlink {
      margin-left: auto;
      text-align: right;
    width: auto;
    }
    
    /* Модераторское меню, RSS, Atom */
    
    .modmenu .container {
      padding: var(--pad3);
      text-align: right;
    }
    
    .modmenu .container strong {
      float: left;
    }
    
    .modmenu input {
      margin-left: 10px;
    }
    
    #topic-users-in a:not(:last-child)::after {
      content: ',';
    }
    
    /* Главная страница
    ------------------------------------------*/
    
    /* скрыть "форум, тем, сообщений" */
    
    #pun-index thead, #pun-index .tc2, #pun-index .tc3 {
      display: none;
    }
    
    /* категория */
    
    #pun-index .category {}
    
    
    /* заголовок категории */
    
    #pun-index .category h2 {
    position: relative;
        font-style: normal;
        height: 20px;
        background: var(--cat-bg) repeat no-repeat;
        width: 882px;
        left: 40px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    top: 12px;
        margin-top: 10px;
        flex-direction: column;
    }
    
    #pun-index .category h2 span { font-family: var(--zagolovok);
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--pun-bg);
    }
    
    #pun .category h2 .cat_q {
    color: var(--link);
        font-size: 10px;
        margin: 0;
        text-align: center;
        white-space: nowrap;
        padding: 0px 4px;
        letter-spacing: 0.07em;
        font-weight: 700;
    margin-bottom: 4px;
    }
    
    /* левая колонка (форумы) */
    
    #pun-index tbody.hasicon td.tcl {
      padding: 10px;
    }
    
    #pun-index .intd {
      display: flex;
      gap: 10px;
        margin-left: 30px;
    margin-top: 10px;
    }
    
    /* иконки на главной */
    
    #pun-index div.icon {
      position: relative;
      margin: 0;
      flex-shrink: 0;
    display: none;
    }
    
    #pun-index .inew div.icon {background: var(--new-msg) no-repeat top center;
        height: 42px;
        width: 16px;
        background-size: contain;
        display: block;
        position: absolute;
    top: 35px;
    left: -17px;}
    
    /* аватар в последнем сообщении */
    
    #pun-index td .user-avatar a {
      display: inline-block;
      position: relative;
    }
    
    #pun-index td .user-avatar {}
    
    #pun-index td .user-avatar .avatar-image {}
    
    /* Статистика */
    
    #pun-stats {}
    
    /* заголовок статистики */
    
    #pun-stats h2 {display: none}
    
    #pun-stats  .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: right;
      gap: 13px;
    text-transform: lowercase;
    }
    
    #pun-stats  .container a {color: var(--text-color);}
    #pun-stats  .container a:hover {color: var(--link)} 
    
    /* всего тем, всего сообщений, зарегистрированных, последний зарегистрировавшийся */
    
    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4 {
    background: var(--accent);
    color: var(--text-color);
    border-radius: 3px;
    padding: 5px;
    }
    
    #pun-stats li.item4 a {color: var(--text-color);}
    #pun-stats li.item4 a:hover {color: var(--link)} 
    
    /* активны, посетили за сутки */
    
    li#onlinelist {
      margin-top: 10px;
      text-align: justify;
      width: 100%;
    }
    
    /* Шапка
    ------------------------------------------*/
    
    #pun-title {
    }
    
    /* скрыть заголовок в шаке */
    
    #pun-title .title-logo {
      display: none;
    }
    
    /* содержимое шапки в html-верх */
    
    
    .tablica {position: absolute;
        width: 1000px;
        height: 315px;
        margin-top: -312px;
    }
    
    .tablica::before{
    content: "";
        position: absolute;
        width: 1000px;
        inset: 0;
        background: var(--tablica-bg) no-repeat center;
        background-size: contain;
        z-index: -1;
    }
    
    .forum-about {
        position: absolute;
        font-size: 10px;
        letter-spacing: 0.05em;
        text-transform: lowercase;
    top: 83px;
        font-weight: normal;
        left: 448px;
    }
    
    .wr-1, .wr-2, .wr-3 {    position: absolute;
        border-radius: 50%;
        width: 33px;
        height: 33px;}
    .wr-1 {
    top: 43px;
        left: 198px;
    }
    
    .wr-2 {
        top: 68px;
        left: 156px;
    }
    
    .wr-3 {
    top: 94px;
        left: 200px;
    }
    
    .wr-1 img, .wr-2 img, .wr-3 img {border-radius: 50%;
        object-fit: cover;
    filter: grayscale(1);
        object-position: top center;
    width: 33px;
        height: 33px;}
    
    .wr-1 a::before, .wr-2 a::before, .wr-3 a::before  {
        content: '';
        width: 33px;
        height: 33px;
        position: absolute;
        border-radius: 50%;
        background: var(--opac2);
        z-index: 2;
    }
    
    .wr-1 a:hover:before, .wr-2 a:hover:before, .wr-3 a:hover:before {
      background: var(--textcolor);
    opacity: 0;
    }
    
    .act-1, .act-2, .act-3 {    position: absolute;
        border-radius: 50%;
        width: 33px;
        height: 33px;}
    .act-1 {
    top: 124px;
        left: 799px;
    }
    
    .act-2 {
    top: 146px;
        left: 840px;
    }
    
    .act-3 {
    top: 175px;
        left: 876px;
    }
    
    .act-1 img, .act-2 img, .act-3 img {border-radius: 50%;
        object-fit: cover;
    filter: grayscale(1);
        object-position: top center;
    width: 33px;
        height: 33px;}
    
    .act-1 a::before, .act-2 a::before, .act-3 a::before  {
        content: '';
        width: 33px;
        height: 33px;
        position: absolute;
        border-radius: 50%;
        background: var(--opac2);
        z-index: 2;
    }
    
    .act-1 a:hover:before, .act-2 a:hover:before, .act-3 a:hover:before {
      background: var(--textcolor);
    opacity: 0
    }
    
    .ep {display: flex;
        flex-direction: column;
        position: absolute;
        top: 221px;
        width: 222px;
        height: 33px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.05em;
        left: 786px;
    }
    
    .ep span {font-family: var(--zagolovok);
    color: var(--link);
    font-size: 12px;}
    
    /* Объявление
    ------------------------------------------*/
    
    #pun-announcement {}
    
    /* скрываем слово "объявление" */
    
    #pun-announcement h2 {
      display: none;
    }
    
    
    /* Футер
    ------------------------------------------*/
    
    #html-footer {position: relative}
    
    #html-footer .container {padding: 0;}
    
    /* баннеры */
    .banners {
    padding: var(--pad1);
        background: var(--accent);
        border-radius: 10px;
        margin-left: 40px;
        width: 886px;
        position: absolute;
        bottom: -60px;
    }
    
    .banners .container {    height: 31px;
        overflow-y: scroll;
    margin-left: 20px;}
    
    .banners a {
      opacity: .7;
    }
    
    .banners a:hover {
      opacity: 1;
    }
    
    
    /* Топик
    ------------------------------------------*/
    
    .post {
      margin-top: 10px;
    }
    
    .toppost,
    .topicpost {
      margin-top: 0;
    }
    
    /* контейнер поста */
    
    .post .container {
      display: flex;
      flex-wrap: wrap;
      align-items: start;
        border-radius: 20px;
    background: var(--sec-bg);
        margin: 14px;
    box-sizing: border-box;
    margin-bottom: 30px;
    }
    
    /* дата и номер поста */
    
    .post h3 {
    text-align: center;
        margin: 0 auto;
        border-radius: 3px;
        position: absolute;
        left: 25px;
        padding: 5px;
        margin-top: -22px;
    }
    
    
    .post h3 a {color: var(--body-bg);
        font-weight: bold;
        text-transform: lowercase;}
    
    .post h3 span {
      display: block;
    }
    
    /* номер поста */
    
    .post h3 strong {
    text-align: center;
        float: right;
        font-weight: bold;
        padding-left: 5px;
        color: var(--body-bg);
        letter-spacing: 0.05em;
    }
    
    .post h3 strong:before {
    	content: ", #";
    margin-left: -4px!important;
    }
    
    /* Автор */
    
    .post-author {
    }
    
    .post-author ul {
      padding: 10px;
    }
    
    .lz {
      margin: 10px 0;
    }
    
    .lz .name {
      margin: 0 auto 5px;
      display: block;
    }
    
    
    
    .pa-online,
    .pa-last-visit {}
    
    .pa-online {
      position: relative;
      margin: 10px auto 0;
      width: fit-content;
      height: fit-content;
      cursor: pointer;
    }
    
    .pa-online:before {
      content: "online";
      font-weight: bold;
    }
    
    .pa-online strong {
      position: absolute;
      margin-right: -50%;
      transform: translate(-50%, 100%);
      padding: 5px 10px;
      left: 50%;
      opacity: 0;
      background: rgba(0,0,0,.7);
      box-sizing: border-box;
      white-space: nowrap;
      transition: opacity .2s linear 0s;
      pointer-events: none;
      color: var(--pun-bg);
    }
    
     .pa-online strong::after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: -10px;
        left: 50%;
        border-bottom: 10px solid rgba(0,0,0,.7);
        top: -10px;
    }
    
    .pa-online:hover strong {
      opacity: 1;
    }
    
    
    /* Тело поста */
    
    .post-body {
      width: calc(100% - var(--pwidth));
    }
    
    .post-box {
      padding: 5px 0 10px 30px;
    }
    
    .post-links {
      margin-left: var(--pwidth);
      width: 100%;
    text-transform: lowercase;
    margin-top: 15px;
    }
    
    .post-links ul {
      padding: 0;
      margin-left: calc(var(--pwidth) * -1);
      text-align: right;
    }
    
    .post-links li {
      display: inline;
    }
    
    .post-links li:not(:first-of-type) {
      padding-left: 10px;
    }
    
    .pl-email,
    .pl-website {
      float: left;
    }
    
    .clearer {
      clear: both;
      height: 0;
      font-size: 0;
    }
    
    
    /* Контент поста - цитата, спойлер, таблицы и т.п. */
    
    .punbb .post td {
      border: 0px transparent !important;
    }
    
    .post-content em {
      font-style: italic;
    }
    
    .post .post-content td {
      border-width: 0px !important;
    }
    
    .post-content em.bbuline {
      font-style: normal;
      text-decoration: underline;
    }
    
    .post-content p, pre {
      margin: 0.8em;
      padding: 2px;
      line-height: 150%;
      text-align: justify;
    }
    
    pre {
      font-size: 11px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    font-weight: normal;  
    }
    
    .post-content img {
      vertical-align: middle;
    }
    
    .punbb .post td {
      border: 0px transparent !important;
    }
    .post-content td {border: 0px transparent !important;}
    
    
    .scrollbox {
      width: 100%;
      overflow: auto;
      max-height: 200px;
    }
    
    /* цитата и код */
    
    .quote-box,
    .code-box {
    margin: 4px 10px 10px;
        padding: 5px;
        background: var(--accent);
        border-radius: 10px;
    font-size: 11px;
    }
    
    .quote-box cite, .code-box strong.legend {
    display: block;
        font-style: normal;
        text-transform: uppercase;
        color: var(--link);
        font-family: var(--zagolovok);
        letter-spacing: 0.07em;
        padding-left: 10px;
        font-size: 12px;
    }
    
    .punbb .reactions-root {
      padding: 0 0 10px;
    }
    
    .punbb .reactions-container {
      position: relative;
      justify-content: flex-end;
    }
    
    .punbb .reaction-picker {
      order: 1;
    }
    
    .punbb .reaction-picker-panel {
      right: 0;
    }
    
    /* Форма ответа */
    
    #main-reply {
      box-sizing: border-box;
    }
    
    #tags {
      position: relative;
    }
    
    #tags .container {
      padding: var(--pad3) !important;
      top: 0 !important;
      max-height: 300px;
      overflow: auto;
    }
    
    
    /* Профиль + ЛС
    ------------------------------------------*/
    
    /* Профиль + ЛС
    ------------------------------------------*/
    
    #profile {
       padding: var(--pad1);
    }
    
    #viewprofile tr { 
        display: flex;
        gap: 20px;
    }
    
    #pun-profile h1 {
      display: none;
    }
    
    #profile .container {
      padding-left: 200px;
      min-height: 100px;
    }
    
    #profilenav {
      float: left;
      margin-left: -180px;
    margin-top: -30px;
    }
    
    #viewprofile h2,
    #profilenav h2 {
       text-align: center;
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 10px;
        background: var(--topic-overlay);
        color: var(--paletext);
        padding: 2px 3px;
        border-radius: 10px;
    }
    
    #profilenav li {
      padding: 0 0 5px;
    }
    
    #viewprofile li {
      padding: 5px 0;
    }
    
    #viewprofile td#profile-left {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
        background: var(--pun-bg);
        padding: 10px 15px;
        border-radius: 10px;
        margin-left: 20px;
    margin-top: 10px;
    }
    
    #profile-name {
        font-size: 16px;
            letter-spacing: 0.1em;
    font-weight: 700;
        text-align: center;
    color: var(--link);
        text-transform: lowercase;
    }
    
    #viewprofile td#profile-right {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        box-sizing: border-box;
        gap: 10px;
        flex-direction: row;
    margin-top: 10px;
    margin-right: 10px;
    }
    
    
    #profile-right li {
       display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex-grow: 1;
        justify-content: center;
        gap: 2px;
        text-align: center;
        background: var(--pun-bg);
        padding: 0 5px;
        border-radius: 10px;
    }
    
    
    #profile-right li span {
        flex-shrink: 1;
        text-align: center;
    }
    
    
    
    #profile-left li strong, #profile-right li strong {
      font-weight: normal !important;
      padding-left: 0 !important;
    }
    
    #profile-left #profile-name {font-family: var(--extra-font);
        margin-bottom: -5px;}
    
    img.avatardemo {
      float: right;
      margin: 0 0 8px 18px;
    }
    
    #pun-messages .clearer {
      display: none;
    }
    
    /* Прочие страницы
    ------------------------------------------*/
    
    /* Список пользователей */
    
    #pun-userlist .formal,
    #pun-userlist .formal .container {
      margin-bottom: 10px;
    }
    
    #pun-userlist .tc2 {
      text-align: left;
      width: 20%;
    }
    
    #pun-userlist .tcl {
      width: 40%;
    text-transform: lowercase;
    }
    
    .usertable .container {}
    
    /* Собщения об ошибках */
    
    .info .container {
      padding: var(--pad3);
    }
    
    .info .container .backlink {
      padding-top: 8px;
    }
    
    /* Регистрация */
    
    .info-box {
      margin: 0 0 10px 0;
    }
    
    .info-box * {
      padding: 0 0 5px 0;
    }
    
    .info-box .legend {
      font-weight: bold;
    }
    
    .jGrowl-notification .jGrowl-close {
      position: relative;
      right: 6px;
    }
    
    .tipsy #respect figcaption {
      margin-top: 0;
    }
    
    
    /* Form Buttons © max, the murderer!
    ----------------------------------------------------------------------- */
    
    /* General */
    
    #form-buttons table {
    width: 96% !important;
        background: transparent;
        margin-top: 14px;
    }
    
    #form-buttons table tr {
        display: flex;
        justify-content: space-between; /* выравнивание кнопок в ряду */
        gap: 4px;
    }
    
    #form-buttons td {
        position: relative;
        background: none !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px; /* ширина кнопки */
        height: 24px; /* высота кнопки */
    }
    
    #form-buttons td::before {
        font-family: var(--fa);
        font-size: 16px; /* размер иконки */
        font-weight: 400; /* стиль иконки */
        position: absolute;
        color: var(--link);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    
    }
    
    #form-buttons td:hover::before {
        color: var(--link-hover); /* цвет при наведении */
    }
    
    
    /* Icons */
    
    #button-ChangeСase:before {
    	content: "\f15e"
    }
    
    #button-font:before {
    	content: "\f031"
    }
    
    #button-transL:before {
    	content: "\f362"
    }
    
    #button-size:before {
    	content: "\f034"
    }
    
    #button-bold:before {
    	content: "\f032"
    }
    
    #button-italic:before {
    	content: "\f033"
    }
    
    #button-underline:before {
    	content: "\f0cd";
    	top: 1px
    }
    
    #button-strike:before {
    	content: "\f0cc"
    }
    
    #button-indent:before {
    	content: "\f03c"
    }
    
    #button-left:before {
    	content: "\f036"
    }
    
    #button-center:before {
    	content: "\f037"
    }
    
    #button-right:before {
    	content: "\f038"
    }
    
    #button-justify:before {
    	content: "\f039"
    }
    
    #floatbut:before {
    	content: "\f03b"
    }
    
    #button-link:before {
    	content: "\f0c1"
    }
    
    #button-spoiler:before {
    	content: "\f070";
    	font-size: 17px
    }
    
    #button-image:before {
    	content: "\f03e";
    	font-size: 18px
    }
    
    #button-video:before {
    	content: "\f167";
    	font-size: 18px;
    	top: 0px
    }
    
    #button-hide:before {
    	content: "\f023"
    }
    
    #button-quote:before {
    	content: "\f10e"
    }
    
    #button-code:before {
    	content: "\f121";
    }
    
    #button-color:before {
    	content: "\f576"
    }
    
    #button-table:before {
    	content: "\f0ce"
    }
    
    #button-smile {
    	display: none
    }
    
    #button-smile:before {
    	content: "\f118"
    }
    
    #button-sticker:before {
    	content: "\f118"
    }
    
    #button-sticker img {
    	opacity: 0
    }
    
    #button-vkladka:before {
    	content: "\f58d"
    }
    
    td#button-files_rusff,
    td#button-graffiti_rusff {
    	display: none !important;
    }
    
    #button-keyboard:before {
    	content: "\f11c";
    	font-size: 16px
    }
    
    #button-addition:before {
    	content: "\f0fe"
    }
    
    #button-mask:before {
    	content: "\f630"
    }
    
    #button-html:before {
    	content: "\f1c9"
    }
    
    #pun .post-content .spoiler-box>div {
    	background: transparent;
    	position: relative;
    	padding: 0 0 !important;
    	font-family: var(--font);
    }
    
    #pun .post-content .spoiler-box>div:before {
    	content: "\f005";
      font-family: fontawesome;
      font-size: 10px;
    	transition: all .5s ease-in-out 0s;
    	box-sizing: border-box;
    	display: inline-flex;
    	justify-content: center;
    	align-items: center;
    	margin-right: 10px;
    color: var(--link);
    }
    
    #pun .post-content .spoiler-box>div.visible:before {
      opacity: .3
    }
    
    
    
    
    /* Рейтинг поста */
    
    body div.post-rating,
    body div.post-vote {
      float: right;
      position: relative;
      line-height: initial;
    }
    
    body div.post-rating p,
    body div.post-vote p {
      float: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    
    div .post-rating p > a {
      position: absolute;
      top: -1px;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font: 700 11px/100% verdana, arial, sans-serif !important;
      color: var(--link);
    }
    
    div.post-vote p > a {
      font-size: 0 !important;
    }
    
    div .post-rating p::before, div .post-vote p a::before {
      content: '\f004';
      font-family: var(--fa);
      font-weight: 700;
      font-size: 30px;
      line-height: 100%;
      color: var(--sec-bg);
      transition: all .2s linear 0s;
    
    }
    
    div .post-vote p a:before {
      content: '\f075';
    }
    
    div .post-rating p:hover:before,
    div .post-vote p:hover a:before {
      color: var(--link);
    }
    
    div .post-rating p:hover > a,
    div .mylike .post-rating p > a {
      color: var(--pun-bg);
    }
    
    div .mylike .post-rating p:before {
      color: var(--link);
    }
    
    .post[data-group-id="3"] .post-rating {
      display: none;
    }
    
    .isguest .post .post-rating {
      pointer-events: none;
    }

    0

    18

    Код:
    .knopfortext {
    	line-height: 150%;
    	font-size: 10px;
    	-webkit-text-size-adjust: 100%;
    }
    
    #knopfors .inner {
    	display: flex;
    	gap: 2px;
    	flex-wrap: wrap;
    	margin-top: 5px;
    }
    
    #knopfors a {
    background: var(--link-hover);
        padding: 2px 10px 3px;
        border-radius: 10px;
        transition: all .3s linear 0s !important;
        font-size: 10px;
        font-weight: bold;
        color: var(--text-color) !important;
        letter-spacing: 0.05em;
    }
    
    #knopfors a:hover {
    	background: var(--accent);
    	color: var(--link) !important;
    }
    
    /* навигация */
    
    .spirit_nav-wrap {
      position: absolute;
      margin: auto;
      width: 239px;
      z-index: 1000;
    left: 773px;
        top: 396px;
    }
    
    .nav_button {
        height: 15px;
        line-height: 15px;
        background: var(--accent);
        border-radius: 15px;
        text-align: center;
        cursor: pointer;
        transition: all .4s linear 0s;
        color: var(--link)!important;
        font-family: var(--zagolovok);
        font-size: 12px;
        z-index: 99;
        position: absolute;
        width: 113px;
        top: -306px;
        left: 116px;
        font-weight: bold;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    }
    
    .nav_button:hover {color: var(--body-bg)!important}
    
    .nav_button.i_active {
      background: var(--link-hover);
    color: var(--pun-bg)!important;
    }
    
    
    .nav_block {
      display: none;
    background: var(--accent);
        position: absolute;
        top: -287px;
        border-radius: 10px;
        font: 400 9px pt sans;
        border: 1px solid var(--link-hover);
        width: 100%;
        z-index: 999;
        left: -22px;
    }
    
    .nav_block .link {
      padding: 10px;
      display: flex;
      flex-direction: column;
      text-align: center;
      text-transform: uppercase;
      gap: 5px;
    }
    
    .nav_block .link a {
    color: var(--pun-bg) !important;
        background: var(--link) !important;
        border-radius: 6px;
        padding: 5px 10px;
        transition: all .2s linear 0s;
        font-family: var(--main-font);
        font-size: 9px;
    }
    
    .nav_block .link a:hover {
      color: var(--link)!important;
    background: var(--sec-bg)!important;
    }
    
    /* Оформление всплывающей  подсказки © Домовой */
    #tooltip {
        position: absolute;
        background-color: var(--pun-bg); 
        z-index: 9999;
        max-width: 200px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-family: var(--main-font);
        font-size: 12px; 
        display: none;
        color: var(--text2); 
        text-align: center;
        padding: 4px;
        text-transform: lowercase;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
    }
    
    .guest-ams-link {
      position: relative;
      display: inline-block;
    }
    
    .guest-ams-link .tooltip {
      position: absolute;
      bottom: 110%;  /* над аватаркой */
      left: 50%;
      transform: translateX(-50%);
      background-color: var(--sec-bg);
      color: var(--text2);
      font-family: var(--main-font);
      font-size: 12px;
      padding: 4px 6px;
      border-radius: 4px;
      text-align: center;
      text-transform: lowercase;
      box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
      white-space: nowrap;
        opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
      z-index: 9999;
    }
    
    .guest-ams-link:hover .tooltip {
      opacity: 1;
      visibility: visible;
    }
    
    
    
    .ststitems {
    	display: flex;
    	flex-wrap: wrap;
    	font: 400 10px var(--font);
    	margin: 0px 0px 0px;
    	padding: 0px 0px 0px;
    	align-items: flex-start;
    	text-align: center;
    	gap: 5px;
    }
    
    .ststitems li {
    	padding: 2px 10px 3px !important;
    	border-radius: 10px;
    	background: var(--beg300)
    }
    
    .ststitems li strong {
    	font-weight: 400
    }
    
    /*счетчик символов*/
    #plng {
    	font-size: 10px !important;
    	font-weight: 300 !important;
    	margin-top: 0px !important;
    	padding: 0px !important;
    	display: flex;
    	align-items: center;
    	transition: all 0.3s ease-in-out 0s;
    	color: var(--text2);
    	text-transform: uppercase;
    	white-space: nowrap;
    	gap: 5px;
    	font-family: var(--font);
    }
    
    #plng b {
    	font-weight: 800;
    	color: var(--text-color)
    }
    
    
    
    .slide_button {
    	width: auto;
    	height: auto;
    	font: 300 13px var(--font) !important;
    	cursor: pointer;
    	padding: 0;
    	opacity: 1
    }
    
    .slide_block {
    	position: absolute;
    	background: var(--beg500);
    	width: 240px;
    	top: calc(100% + 5px);
    	display: none;
    	right: 0%;
    	border-radius: 10px
    }
    
    .settings_container {
    	display: flex;
    	flex-direction: column;
    	gap: 15px;
    	padding: 15px 15px 15px;
    }
    
    
    .rait_wrap {
    	display: flex;
    	justify-content: flex-start;
    	align-items: center;
    	gap: 5px;
    	margin-top: 20px;
    	flex-direction: row-reverse
    }
    
    .header_wrapper {
    	background: 
        rgba(45, 45, 45, .5);
    	height: 137px;
    	padding: 10px 15px 15px;
    	width: 716px;
    	position: absolute;
    	box-sizing: border-box;
    	font: 400 10px var(--font);
    	color: var(--text3);
    	border-radius: 10px 10px 0 0;
    	border: 1px solid #A58F66;
    	border-bottom: none;
    	top: -138px;
    	margin-left: 112px;
    	display: flex;
    	align-items: flex-start;
    	z-index: 1
    }
    
    .header_wrapper a {
    	color: #A69F95 !important;
    }
    
    .header_wrapper a:hover {
    	color: var(--accent) !important;
    }
    
    .header_persons-wrap {
    	line-height: 0;
    	display: flex;
    	justify-content: space-between;
    	height: auto;
    	box-sizing: border-box;
    	flex: 1;
    }
    
    .persons {
    	display: flex;
    	flex-wrap: wrap;
    	gap: 5px;
    	justify-content: center;
    	box-sizing: border-box;
    	position: relative;
    	height: auto;
    	align-items: center
    }
    
    .persons-title {
    	font: 200 18px var(--font-accent);
    	color: var(--text4);
    	text-align: center;
    }
    
    .ams .persons-title {
    	width: 100%
    }
    
    .persons-alt .persons-title {
    	width: 100%
    }
    
    .persons:first-of-type .persons-title {
    	margin-right: 10px
    }
    
    .persons:last-of-type .persons-title {
    	margin-left: 10px
    }
    
    .persons-img {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        overflow: hidden;
        position: relative;
        border: 1px solid var(--link-hover) !important;
    }
    
    .persons-img img {
    	width: 35px;
    	height: 35px;
    	object-fit: cover;
    	filter: grayscale(100%);
    }
    
    .persons-img:hover img {
      filter: grayscale(0%);
    }
    
    .persons-img img:before {content: "";
    	display: block;
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 1;
    	transition: all .3s linear 0s;
           background: var(--opac2);} 
    
    .persons .persons-img:hover:before {
    	opacity: 0
    }
    
    .persons-alt  {
    	min-width: 250px;
    	max-width: 300px;
    }
    
    .persons-alt p {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
    	gap: 0px;
      font: normal 18px var(--font-accent);
    	text-transform: lowercase
    }
    
    .header_banners {
    	margin-bottom: 10px;
    	display: flex;
            justify-content: center;
    	gap: 5px;
    	flex-wrap: wrap;
    position: relative;
    z-index: 9;
    }
    
    .header_banners a {
    background: var(--body-bg);
        border-radius: 10px;
        color: var(--pun-bg) !important;
        font: 600 12px var(--font);
        padding: 2px 15px 3px;
        text-align: center;
        transition: all .3s linear 0s !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header_banners a:hover {
    	background: var(--link);
    color: var(--pun-bg)!important;
    }
    
    .header_banners_ep {
      margin-top: 10px; 
      display: flex;
      justify-content: center;
      gap: 5px;
      flex-wrap: wrap;
    position: relative;
    z-index: 9;
    }
    
    .header_banners_ep a {
        background: var(--accent);
        border-radius: 10px;
        color: var(--pun-bg) !important;
        font: 600 12px var(--font);
        padding: 2px 15px 3px;
        text-align: center;
        transition: all .3s linear 0s !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header_banners_ep a:hover {
      background: var(--link-hover); 
    }
    
    /* styles for FILL CODE AS FORM  (info: https://github.com/4eDo/mybb/tree/main/fill_code_as_form#readme )*/
    #templateBtn {
    	border: 1px solid #000;
    	width: 150px;
    	text-align: center;
    }
    
    .tmpl_overlay {
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background-color: rgba(0, 0, 0, 0.5);
    	display: none;
    	z-index: 1000;
    }
    
    .tmpl_popup {
    	position: absolute;
    	top: 0px;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	justify-content: space-evenly;
    	padding: 15px;
    	/*background: url(ссыль) no-repeat center;*/
    	background-color: #f7f7f7;
    	padding: 15px;
    	height: 500px;
    	width: 650px;
    	overflow: auto;
    	display: none;
    	z-index: 1001;
    	color: #000 !important;
    }
    
    #tmpl_close-button {
    	position: absolute;
    	cursor: pointer;
    	top: 0px;
    	right: 5px;
    	font-size: 23px;
    	color: #000 !important;
    	font-weight: 700;
    	text-decoration: none;
    	border: 0px !important;
    }
    
    #tmpl_back-button,
    #tmpl_get-code-button {
    	display: inline-block;
    	position: relative;
    	top: 1px;
    	width: 127px;
    	cursor: pointer;
    	padding: 5px 8px 5px 8px;
    	background: #1474C3 !important;
    	color: #ffffff !important;
    	text-align: center;
    	font-family: 'Arial';
    	font-size: 10px;
    	letter-spacing: 0.6px;
    	text-transform: lowercase;
    }
    
    #tmpl_back-button:hover,
    #tmpl_get-code-button:hover,
    #tmpl_get-code-button {
    }
    
    #tmpl_get-code-button:hover {
    }
    
    #targetForm table {
    	width: 100%;
    	border-collapse: collapse;
    	flex-grow: 1;
    }
    
    #targetForm td {
    	padding: 5px;
    	vertical-align: top;
    }
    
    #targetForm td:first-child {
    	text-align: right;
    	padding-right: 10px;
    }
    
    #targetForm td:first-child label {
    	font-weight: 700;
    }
    
    #targetForm td:first-child div {
    	font-style: italic;
    }
    
    #targetForm input,
    #targetForm select,
    #targetForm textarea {
    	width: 290px;
    	color: #000000 !important;
    }
    
    #targetForm,
    #templatesList {
    	height: 450px;
    	display: flex;
    	margin-top: 10px;
    	flex-direction: column;
    }
    
    #templateFormName {
    	align-self: center;
    	font-size: large;
    	padding: 2px;
    }
    
    .tmpl_template {
    	margin-bottom: 10px !important;
    	margin-top: 10px !important;
    	font-size: 10px;
    	color: #000;
    	text-align: justify;
    	background: #E1EDF7;
    	border: 1px solid #000;
    	padding: 8px;
    	font-size: 11px;
    	font-family: Manrope;
    	letter-spacing: 0.6px;
    	text-transform: lowercase;
    	cursor: pointer;
    }
    /* END styles for FILL CODE AS FORM*/
    
    .punbb table tr {
    	vertical-align: top
    }
    
    #pun_wrap {
    	min-width: 1020px !important;
    }
    
    .a_timeline-wrap {
      --border: #505846;
      --tcolor: #6a4b43;
    }
    
    .a_timeline-wrap {
       width: auto;
       padding: 50px 0;
       margin: auto;
       position: relative;
    }
    
    .a_timeline-wrap:before {
         content: '';
       position: absolute;
       top: 0;
       left: 50%;
       margin-left: -1px;
       width: 2px;
       height: 100%;
       background: var(--border);
       z-index: 1
    }
    
    .a_timeline-item {
      font: 400 12px var(--font-accent);
      display: flex;
      flex-direction: column;
      gap: 5px;
      width: calc(50% + 8px);
      position: relative;
      padding-right: 30px;
      box-sizing: border-box;
      text-align: right;
    }
    
    .a_timeline-marker {
       width: 17px;
       height: 17px;
       border-radius: 50%;
       background: var(--tcolor);
       border: 2px solid var(--pun);
       top: 0px;
       z-index: 9999;
      position: absolute;
      right: 0px;
      box-sizing: border-box;
    }
    
    .a_timeline-item span {
      font-size: 12px;
    }
    
    .a_timeline-item a {
      font-weight: 700;
      font-size: 18px
    }
    
    .a_timeline-item p {
      padding: 10px 0 0 0 !important;
      margin: 0 !important;
      font: 400 11px/150% var(--font) !important;
    }
    
    .a_timeline-item + .a_timeline-item {
      margin-top: 40px
    }
    
    .a_timeline-item:nth-child(2n) {
      font: 400 12px var(--font-accent);
      display: flex;
      flex-direction: column;
      gap: 5px;
      width: calc(50% + 8px);
      position: relative;
      padding-left: 30px;
      box-sizing: border-box;
      text-align: left;
      margin-left: calc(50% - 8px)
    }
    
    .a_timeline-item:nth-child(2n) .a_timeline-marker {
       width: 17px;
       height: 17px;
       border-radius: 50%;
       background: var(--tcolor);
       border: 2px solid var(--pun);
       top: 0px;
       z-index: 9999;
      position: absolute;
      right: calc(100% - 16px);
      box-sizing: border-box;
    }
    
    .lore_nav, .ams-wrap {
        z-index: 1000;
        width: auto;
        display: flex;
        justify-content: center;
        position: absolute;
        top: 172px;
    }
    
    .lore_nav .slide_block {
    	background: var(--dark600);
    	left: 50%;
    	transform: translateX(-50%);
    	border: 1px solid #A58F66
    }
    
    .ams-wrap .slide_block {
        left: 120px;
        transform: translateX(-50%);
        border: 1px solid var(--link-hover);
        background: var(--sec-bg);
    }
    
    .lore_nav .slide_button, .ams-wrap .slide_button {
    background: var(--link);
        color: var(--accent);
        height: 15px;
        border-radius: 15px;
        cursor: pointer;
        transition: all .4s linear 0s;
        font-family: var(--zagolovok) !important;
        font-size: 12px !important;
        z-index: 99;
        width: 140px;
        font-weight: bold !important;
        letter-spacing: 0.07em;
        text-align: center;
        line-height: 15px !important;
    opacity: 1;
    text-transform: uppercase;
    }
    
    .lore_nav .slide_button, .ams-wrap .slide_button:hover {background: var(--body-bg)!important;}
    
    
    .lore_nav .slide_button.i_active, .ams-wrap .slide_button.i_active {
        background: var(--link-hover);
        color: var(--pun-bg);
    height: 15px;
        border-radius: 10px;
    cursor: pointer;
        transition: all .4s linear 0s;
    font-family: var(--font);
        font-size: 14px;
        z-index: 99;
    opacity: 1;
    }
    
    .ams {
    display: flex;
        flex-direction: column;
        gap: 0;
        background: var(--accent);
        border-radius: 10px;
    }
    
    .ams_section + .ams_section {
    	margin-top: 0px !important;
    }
    
    .ams_section {
    border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        padding: 10px 15px 15px;
        margin: 5px;
        border: 1px solid var(--link-hover);
        background: var(--pun-bg);
    }
    
    .ams_section .persons-title {
        margin-bottom: -5px;
        position: relative;
        bottom: unset;
        letter-spacing: 0.05em;
        font-size: 10px;
        color: var(--text-color);
        left: unset;
        font-family: var(--zagolovok);
    font-weight: bold;
    }
    
    .link {
    	padding: 10px;
    	display: flex;
    	flex-direction: column;
    	gap: 2px;
    }
    
    .link a {
    	background: #99835A;
    	border-radius: 10px;
    	padding: 2px 10px 4px;
    	text-align: center;
    	transition: all .3s linear 0s !important;
    }
    
    #pun .link a:hover {
    	background: var(--accent);
    }
    
    
    html .hvStickerPackModal {
    	background:var(--body-bg);
    	box-shadow: none !important;
    	margin-left: 15px !important;
    	border-radius: 10px !important;
    	border: 1px solid var(--link) !important;
    }
    
    
    .hvStickerPackModal .hvStickerPackModalContent {
    	border: none !important;
    	box-shadow: none !important;
    	background: var(--pun-bg);
    	border-radius: 10px
    }
    
    .hvStickerPackModalTabs {
    	gap: 2px;
    	margin-top: 10px
    }
    
    .hvStickerPackModalTab {
    	background: var(--pun-bg) !important;
    	border: none !important;
    	border-radius: 8px !important;
    	box-shadow: none;
    	font-weight: 500 !important;
    	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    	text-transform: uppercase;
    	padding: 3px 10px !important;
    	font-size: 10px !important;
    	margin: 0 !important;
    }
    
    .hvStickerPackModalTab:hover {
    	background: var(--pun-bg)!important;
    }
    
    .hvStickerPackModalTab.active {
    	background: var(--link) !important;
    }
    
    .hvStickerPackModalAdd {
    	display: flex;
    	align-items: stretch;
    }
    
    .hvStickerPackModalInput {
    	border-radius: 8px !important;
    }
    
    .hvStickerPackModalAddButton {
    	border-radius: 0 !important;
    	border: none!important;
    	box-shadow: none !important;
    	margin-bottom: 0 !important;
    	border-radius: 8px !important;
    }
    
    #float {
    	background: var(--pun-bg);
    	border-radius: 10px;
    	border: 1px solid var(--link);
    	width: 150px;
    	padding: 10px;
    	box-sizing: border-box;
    	text-align: center;
    	position: absolute;
    	z-index: 8;
    	top: 50px;
    	right: 50px
    }
    
    /* занятые внешности
    ------------------------------------------------------------------ */
    
    
    .faces {
      width: 674px;
      height: 700px;
      background: rgb(var(--light100));
      border: 1px solid #000;
      box-sizing: border-box;
      margin: 0 auto;
      padding: 10px 45px;
    }
    
    .faces h4 {
      background-color: var(--main_red);
      width: 250px;
      height: 28px;
      margin: 0 auto 10px;
      text-align: center;
      font-size: 18px;
      font-family: var(--murs);
      color: #fff;
      text-transform: lowercase;
      line-height: 29px;
    }
    
    .faces p {
      font-size: 10px;
      font-family: "Arial";
      color: #000;
      line-height: 1.8;
      text-align: center;
      width: 440px;
      margin: 0 auto;
      letter-spacing: 0.25px;
      padding: 0;
    }
    
    .facelist {
      display: flex;
      justify-content: space-between;
      margin: 10px 0 30px;
    }
    
    .facelist .girls, .facelist .boys {
        background: rgba(255, 255, 255, .3);
        width: 260px;
        height: 300px;  
        box-sizing: border-box;
        padding: 10px 15px;
    }
    
    .faces h5 {
        font-size: 12px;
        font-family: var(--murs);
        color: #000;
        line-height: 2;
        text-align: center;
    }
    
    .girls_inner, .boys_inner {
      height: 256px;
      overflow: auto;
      scrollbar-color: var(--main_red) transparent;
    }
    
    .faces span {
      display: block;
      text-align: center;
      font-size: 12px;
      font-family: var(--murs);
      color: var(--main_red);
      line-height: 2;
    }
    
    .faces span:not(:first-of-type) {
      margin-top: 5px;
    }
    
    .faces b {
      font-size: 10px;
      font-family: "Arial";
      letter-spacing: .25px;
      color: #000;
      line-height: 1.4;
      display: block;
      font-weight: normal;
      text-align: center;
    }
    
    .namelist .name, .namelist .lastname {
      background: rgba(255, 255, 255, .3);
      width: 260px;
      height: 180px;  
      box-sizing: border-box;
      padding: 10px 15px;
    }
    
    .namelist {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }
    
    .name_inner, .lastname_inner {
      height: 136px;
      overflow: auto;
      scrollbar-color: var(--main_red) transparent;
    }
    
    /* списки внешностей и ролей */
    .lists-inner {
    	margin: 10px 25px 0 !important;
    	border-radius: 10px;
    	padding: 15px 25px;
    	display: flex;
    	flex-direction: column;
    	gap: 15px;
    }
    
    .lists-inner-stars img {width: 70px;
    height: 64px;
    object-fit: contain}
    
    .lists-inner-stars {position: absolute;
    pointer-events: none;
    left: 25%;
        top: 2px;}
    
    .lists-buttons {
    	padding: 0 0 10px !important;
    	border-bottom: 1px dashed rgba(var(--pun-cover-border), .15);
    	display: flex;
    	gap: 15px;
    	justify-content: center;
    	text-transform: uppercase;
    	font-size: 13px;
    }
    
    .list-button {
    color: rgba(212, 114, 102, 0.5);
        font-family: var(--zagolovok);
        padding: 3px 13px 3px 13px;
        border-radius: 5px;
        text-transform: lowercase;
        font-size: 16px;
    }
    
    .list-button:hover a {
    	color: var(--text-color);
    }
    
    .list-button.active {
        color: var(--link);
        font-family: var(--zagolovok);
        background: var(--link-hover);
        padding: 3px 13px 3px 13px;
        font-size: 16px;
        text-transform: lowercase;
    border-radius: 5px;
    }
    
    
    .list-button:not(.active) {background: var(--link-hover);
      opacity: 0.5;
    }
    
    .list-section {
    	display: none
    }
    
    .list-items {
    background: var(--opac1);
        border-radius: 10px;
        padding: 15px !important;
        padding-left: 190px !important;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 2px;
        line-height: 100%;
        border: 1px solid var(--link-hover);
    }
    
    
    
    .list-items + .list-items {
    	margin-top: 15px
    }
    
    .columns {
      display: flex;
      gap: 20px; /* space between M and F columns */
    }
    
    .male-column,
    .female-column {
      list-style: none;
      padding-left: 0;
      flex: 1; /* equal width columns */
    }
    
    .list-title {
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    
    .list-title {
    	position: absolute;
    	top: 15px;
    	left: 15px;
    	border-right: 1px dashed rgba(var(--pun-cover-border), .15);
    	height: calc(100% - 30px);
    	width: 150px;
    	text-align: right;
    	padding-right: 25px !important;
    	box-sizing: border-box;
    	text-transform: uppercase;
    	font-size: 12px;
    	font-weight: 700;
    }
    
    .list-items a {
    	font-weight: 700;
    color: var(--link);
    }
    .list-items a:hover {
    	font-weight: 700;
    color: var(--body-bg);
    }
    
    /* M / F header row */
    .list-row {
      display: flex;
    }
    
    .list-row > a {
      flex: 1;
      text-align: center;
      font-weight: 700;
      text-decoration: none;
      color: var(--link);
      border-right: 1px dashed rgba(var(--pun-cover-border), .15);
      padding: 2px 0;
      box-sizing: border-box;
    }
    
    .list-row > a:last-child {
      border-right: none;
    }
    
    /* шапка для темы */
    .themes-wrap .html_header {
    	height: 120px;
    }
    
    .themes-wrap .html_header-img, .themes-wrap .html_header-img img {
    	width: 100%;
    	height: 100%;
    	filter: grayscale(50%)
    }
    
    .themes-wrap .html_header-img {
    	position: relative;
    	overflow: hidden;
    	border-radius: 15px 15px 0 0
    }
    
    .html_header-img:before {
        content: "";
        display: block;
        background: black;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: .3;
    }
    
    .html_header-img:after {
    	content: "";
    	display: block;
    	background: url(https://forumstatic.ru/files/001c/71/c5/42130.png);
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 1;
    	mix-blend-mode: overlay;
    }
    
    .themes-wrap .html_main_title {
    	font: 700 15px var(--zagolovok)!important;
    color: var(--text2);
    	text-transform: uppercase;
    	padding: 5px 25px;
    	bottom: -20px;
    background: #d3a993;
    }
    
    .themes-inner {
    	padding: 10px 25px 0;
    	display: flex;
    	flex-direction: column;
    	gap: 20px;
    }
    
    .themes-inner a:hover {color: var(--text-color);}
    
    .themes-block {
    	background: #d3a993;
    	border-radius: 10px;
    	padding: 15px 25px;
    	font-size: 12px;
    }
    
    .themes-block a {color: var(--links)}
    
    /* личная страница */
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.5);
        -webkit-backdrop-filter: blur(50px);
        z-index: 99999 !important;
        display: none;
        top: 0;
        left: 0; 
    }
    
    .reveal-modal {
        visibility: hidden;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90%;
        max-width: 750px;
        max-height: 85vh;
        overflow-y: auto;
        z-index: 100000 !important;
        background: var(--pun-bg);
        border-radius: 15px;
        padding: 0 25px 25px;
        box-sizing: border-box;
    }
    
    
    .reveal-modal.xlarge { 
    	width: 750px;
    	background: var(--pun-bg);
    	border-radius: 15px;
    	padding: 0 25px 25px;
    	box-sizing: border-box;
    }
    	
    
    .reveal-modal .modal-links {
    	position: absolute;
    	top: -20px;
    	right: 25px;
    	display: flex;
    	gap: 5px;
    	flex-direction: row-reverse;
    	height: 20px;
    	font-family: var(--font)
    }
    
    .reveal-modal .close-reveal-modal, .reveal-modal .edit-reveal-modal {
    	cursor: pointer;
      text-decoration: none;
    	text-transform: lowercase;
    	font-size: 9px;
    	padding: 1px 15px 2px;
    	background: var(--pun-bg);
    	position: relative;
    	display: flex;
    	gap: 5px;
    	align-items: center;
    	height: 20px;
    	box-sizing: border-box;
    	color: var(--text2) !important;
    	border-radius: 10px 10px 0 0;
    }
    
    .reveal-modal .close-reveal-modal:hover, .reveal-modal .edit-reveal-modal:hover {
    	background: var(--sec-bg) !important;
    color: var(--text-color)!important;
    }
    
    .reveal-modal .close-reveal-modal:after, .reveal-modal .edit-reveal-modal:after {
    	content: "";
    	display: block;
    	font: normal 10px FontAwesome;
    }
    
    .reveal-modal .close-reveal-modal:after {
    	content: "\f00d";
    }
    
    .reveal-modal .edit-reveal-modal:after {
    	content: "\f044";
    }
    
    .reveal-modal .edit-reveal-modal {
    	display: none
    }
    
    .gid1 .reveal-modal .edit-reveal-modal {
    	display: flex;
    }
    
    .modal_wrap {
    	display: flex;
    	flex-direction: column;
    	gap: 10px;
    	align-items: center;
    padding: 0 20px 20px;
    }
    
    .menu {
    	align-self: stretch;
    }
    .menu-links {
        display: flex;
    	gap: 10px;
    	justify-content: center;
    }
    
    .menu-links span {
    	background: var(--sec-bg);
    	padding: 3px 25px;
    	text-transform: uppercase;
    	font-weight: 300;
    	border-radius: 0 0 10px 10px;
    	cursor: pointer;
    	transition: all .3s linear 0s;
    font-family: var(--font);
    }
    
    .menu .tabactive {
    	color: var(--text2);
      font-weight: 800;
    background: var(--accent);
    }
    #submenu {
    	align-self: stretch;
    }    
    .submenutext {
    	display: none; 
    	height: auto;
    }
    
    #sm1.submenutext {
    	flex-direction: column;
    	gap: 10px;
    }
    
    .personal_page-section {
        background: var(--accent);
        border-radius: 15px;
        padding: 15px 25px;
        box-sizing: border-box;
        position: relative;
    }
    
    .personal_page-main {
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
    	align-items: flex-start;
    	gap: 5px;
    }
    
    .page_ava {
    	width: 50px;
    	height: 50px;
    	border-radius: 100%;
    	position: absolute;
    	top: -15px;
    	left: -15px;
    	border: 5px solid var(--link) !important;
    }
    
    .personal_page-title {
    	width: 100%;
    	text-align: center;
    	margin-bottom: 5px !important;
    	font: 800 14px var(--font);
    	text-transform: uppercase
    }
    
    .personal_page-title em {
    	font: 300 10px var(--font)
    }
    
    .personal_page-info {
    	padding: 2px 10px;
    	border-radius: 8px;
    	background: var(--pun-bg);
    	font-size: 11px;
    	font-weight: 400
    }
    
    .personal_page-twinks {
    	gap: 10px;
    	display: flex;
    	flex-direction: column;
    }
    
    .personal_page-twinks .personal_page-title {
    	font-size: 12px;
    	margin: 0 !important;
    }
    
    .twinks_tabs-wrap {
    	display: flex;
            flex-wrap: wrap;
    	gap: 5px;
    	justify-content: center;
    	padding: 0;
    	margin: 0
    }
    
    .twinks_tabs-wrap li {
    	background: var(--link);
    	padding: 2px 25px !important;
    	border-radius: 8px;
    	text-transform: uppercase;
    	display: flex;
    	align-items: center;
    	gap: 5px;
    	color: var(--pun-bg);
    	font-size: 10px;
    	font-weight: 700;
    	cursor: pointer;
    	transition: all .3s linear 0s;
    }
    
    .twinks_tabs-wrap li.active {
    	background: var(--pun-bg);
    	color: var(--text2)
    }
    
    .twinks_tabs-wrap li:before {
    	content: "\f007";
    	font: 8px/100% FontAwesome;
    }
    
    .twink-tab {
    	background: var(--pun-bg);
    	border-radius: 10px;
    	padding: 10px 15px;
    	display: none;
    	gap: 5px;
    	justify-content: center;
    	flex-wrap: wrap;
    	gap: 5px;
    }
    
    .twink-tab .personal_page-title {
    	margin-bottom: 5px !important;
    }
    
    .twink-tab .personal_page-info {
    	background: var(--sec-bg)
    }
    
    #sm2 {
    	flex-direction: row;
    	gap: 10px;
    }
    
    .personal_page-bonus {
    	flex: 1;
    }
    
    .personal_page-bonus .personal_page-title {
    	font-size: 12px;
    }
    
    .personal_page-scrolling {
    	height: 185px;
    	overflow-y: auto;
    	display: flex;
    	flex-direction: column;
    	gap: 10px;
    	padding-right: 10px !important;
    }
    
    .personal_page-scrolling .personal_banner {
        width: 180px;
        box-shadow: none;
        background: var(--link-hover);
    }
    
    .page-awards li {
    	border: 1px solid var(--link);
    	border-radius: 10px;
    	padding: 10px !important;
    	display: flex;
    	gap: 10px;
    	align-items: center;
    	font-size: 11px
    }
    
    .page-awards li img {
    	width: 35px;
    	height: 35px;
    }
    
    .personal_page-bonus:last-child {
    	min-width: 175px;
    	max-width: 175px;
    }
    
    .page-gifts {
    	flex-direction: row;
    	flex-wrap: wrap;
    	justify-content: center;
    }
    
    .page-gifts li {
    	width: 50px;
    	height: 50px;
    	background: var(--sec-bg);
    	border-radius: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
    
    .page-gifts li img {
    	width: 40px;
    	height: 40px;
    	object-fit: contain
    }
    
    .modal_wrap a {
    	color: var(--text2) !important;
    }
    
    .modal_wrap a:hover {
    	color: var(--accent) !important;
    }
    
    .page-banners .personal_bg {
    	position: relative !important;
    	top: unset !important;
    	left: unset !important;
    	display: block;
    	z-index: 0;
    	mask: unset;
    	-webkit-mask: unset;
    	border-radius: 10px;
    	overflow: hidden
    }
    
    .reveal-modal[style*="visibility: hidden"] .twink-tab,
    .reveal-modal[style*="visibility: hidden"] .submenutext, .reveal-modal[style*="visibility: hidden"] .menu-links, .reveal-modal[style*="visibility: hidden"] .modal-links  {
    	display: none !important;
    }
    
    .modal-links {
        opacity: 0;
        transition: opacity .2s ease .1s;
    }
    
    .reveal-modal:not([style*="visibility: hidden"]) .modal-links {
        opacity: 1;
    }
    
    /* для родословной в соо */
    
        .tree-container {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 45px;
          position: relative;
        }
    
        .tree-generation {
          display: flex;
          justify-content: center;
          gap: 60px;
          position: relative;
        }
    
        .tree-person {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          position: relative;
        }
    
        .tree-photo {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          overflow: hidden;
          border: 1px solid #d4af37;
          filter: grayscale(100%);
          transition: filter 0.3s ease;
        }
    
        .tree-photo:hover {
          filter: grayscale(0%);
          transform: scale(1.1);
          box-shadow: 0 0 15px rgba(212, 175, 55, 0.7);
        }
    
        .tree-photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
    
        .tree-label {
          font-size: 10px;
          margin-top: 6px;
          max-width: 90px;
          line-height: 1.2;
        }
    
        .deceased .tree-label::after {
          content: " †";
          color: darkred;
        }
    
        .tree-maiden {
          font-size: 8px;
          color: #5e4a3a;
          font-style: italic;
        }
    
          .tree-date {
            color: #666;
            font-size: 8px;
         }
    
        svg.connector {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          pointer-events: none;
          z-index: 0;
        }
    
    /* лавка чудес */
    .html_title-store {
    	border: 1px solid var(--beg350);
    	border-radius: 10px;
    	margin: 10px 25px 0 !important;
    	padding: 20px;
    	font-size: 10px;
    	text-align: center;
    }
    
    .store--description {
    	background: var(--opac1);
    	border-radius: 10px;
    	margin-bottom: 15px !important;
    	padding: 10px 15px;
    	text-align: center;
    	font-size: 10px;
    	line-height: 120%
    }
    
    .for-store .list-items {
    	flex-wrap: wrap;
    	padding: 15px !important;
    	flex-direction: row;
    	gap: 20px;
    	justify-content: center;
    }
    
    .for-store .list-title {
    	width: 100%;
    	text-align: center;
    	padding: 0 !important;
    	position: relative;
    	top: unset;
    	left: unset;
    	border: none !important;
    	border-bottom: 1px solid var(--body-bg) !important;
    	padding-bottom: 10px !important;
    }
    
    .for-store .list-title:after {
    	content: "";
    	display: block;
    mask: url(https://forumstatic.ru/files/001c/71/c5/71907.svg) no-repeat center center;
    	-webkit-mask: url(https://forumstatic.ru/files/001c/71/c5/71907.svg) no-repeat center center;
    	mask-size: cover;
    	-webkit-mask-size: cover;
    	background: var(--links);
    	height: 9px;
    	width: 9px;
    	position: absolute;
    	transform: translateX(-50%);
    	bottom: -5px;
    	left: 50%;
    	z-index: 2
    }
    
    .for-store .list-title:before {
    	content: "";
    	display: block;
    mask: url(https://forumstatic.ru/files/001c/71/c5/71907.svg) no-repeat center center;
    	-webkit-mask: url(https://forumstatic.ru/files/001c/71/c5/71907.svg) no-repeat center center;
    	mask-size: cover;
    	-webkit-mask-size: cover;
    	background: var(--beg100);
    	height: 18px;
    	width: 18px;
    	position: absolute;
    	transform: translateX(-50%);
    	bottom: -9px;
    	left: 50%;
    	z-index: 1
    }
    
    .for-store li:not(.list-title) {
    	display: flex;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	gap: 5px;
    }
    
    .store_item-number {
    	font-size: 8px;
    	font-weight: 600
    }
    
    .for-store .personal_banner {
    	text-align: left;
    }
    
    .for-store .personal_banner em {
    	font-style: normal !important;
    }
    
    .for-store #code_wrap {
    	background: transparent;
    	margin-top: 15px;
    	flex-direction: column;
    }
    
    .for-store #code_wrap {
    	margin-bottom: 15px !important;
    }
    
    .for-store #code_wrap:last-child {
    	margin-bottom: 0 !important;
    }
    
    .for-store #code_wrap #code-text {
    	white-space: pre-line
    }
    
    .for-store .list-section[list-name="bgs"] li:not(.list-title), 
    .for-store .list-section[list-name="sale"] .list-items:nth-of-type(2) li:not(.list-title) {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	position: relative
    }
    
    .for-store .list-section[list-name="bgs"] .store_item-number, 
    .for-store .list-section[list-name="sale"] .list-items:nth-of-type(2) .store_item-number {
    	position: absolute;
    	background: red;
    	z-index: 1;
    	background: rgba(255,255,255,.1);
    	backdrop-filter: blur(20px);
    	-webkit-backdrop-filter: blur(20px);
    	width: 30px;
    	height: 30px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	border-radius: 100%;
    }
    
    .for-store .personal_bg {
    	position: relative;
    	width: 100%;
    	height: 100px;
    	overflow: hidden;
    	border-radius: 0 0 10px 10px;
    	bottom: unset;
    	left: unset;
    	z-index: 0;
    	mask: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
    	-webkit-mask:	linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
    	opacity: .7;
    	min-width: 230px;
    }
    
    /*
    .for-store .list-items li {
    	pointer-events: none
    }
    
    .gid1 .for-store li {
    	pointer-events: all
    }
    */
    
    .for-store .list-items li:not(.list-title) {
        transition: all 0.3s ease;
        cursor: pointer;
    }
    
    .for-store .list-items li.copied {
        opacity: .45;
    	filter: grayscale(100%)
    }
    
    
    
    /*общий хтмл, первые новости */
    .html_wrapper {
    background: var(--guest-opac);
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 15px;
        font: 400 12px / 130% var(--font);
        position: relative;
        padding-bottom: 25px;
    }
    
    
    .html_header {
    	height: 50px;
    	border-radius: 10px 10px 0 0;
    	position: relative;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
    
    .html_header img {
    	width: 100%;
    	height: 50px;
    	object-fit: cover;
    	border-radius: 10px 10px 0 0
    }
    
    .html_main_title {
    	position: absolute;
    	height: 30px;
    	padding: 0 30px 5px;
    	box-sizing: border-box;
    	background: var(--sec-bg);
    	border-radius: 15px;
    	bottom: -15px;
    	font: normal 20px var(--zagolovok);
    color: var(--link)
    }
    
    /* новости storyteller*/
    
    .news-main-title {    background: var(--body-bg);
        border-radius: 10px;
        padding: 5px;
        text-align: center;
        font-family: var(--zagolovok);
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin-top: -45px;
        position: relative;
        z-index: 5;}
    
    .news-bg img {width: 777px;
        height: 91px;
        object-fit: contain;}
    
    .news-bg {
        position: relative;
        display: block;
        margin-left: 95px;
    }
    
    .news-avatar {
    width: 50px;
        height: 50px;
        border-radius: 100%;
        overflow: hidden;
        position: absolute;
        left: 93%;
    }
    
    .news-avatar img {
    	width: 50px;
    	height: 50px;
    	object-fit: cover
    }
    
    .news-review {
    position: absolute;
        z-index: 3;
        left: 63%;
        width: 27%;
        background: var(--opac2);
        padding: 5px;
        border-radius: 10px;
        text-align: center;
    }
    
    .news-top {
    	display: flex;
    	align-items: center;
    	position: relative;
    }
    
    .news-bottom {
    	display: flex;
    	gap: 25px;
    	align-items: flex-start;
    }
    
    .news-main-section {
    	padding: 0 25px 25px 25px;
    	display: flex;
    	justify-content: space-between;
    flex-direction: column;
    background: var(--link-hover);
    border-radius: 10px;
    }
    
    .news-persons-wrapper {
    display: flex;
        flex-direction: column;
        gap: 10px;
    
    }
    
    .news-wrapper { background: linear-gradient(180deg, #F6D6A3 0%, #E4A598 100%);
        border-radius: 10px;
    margin-top: -10px;}
    
    .news-persons-item {
        padding: 5px 25px 0px;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        width: 205px;
        box-sizing: border-box;
        justify-content: center;
        border-radius: 20px;
    }
    
    .news-persons-title {
        width: 100%;
        text-align: center;
        font-family: var(--zagolovok);
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.07em;
        text-transform: lowercase;
        color: var(--link);
    padding-top: 10px;
    }
    
    .news-persons-title a {
    	font-weight: 800;
    }
    
    .news-persons-item .persons-img,
    .news-persons-item .persons-img img {
    	width: 45px;
    	height: 45px;
    border: none!important;
    }
    
    .for-episode .persons-img {
    	width: 100%;
    	border-radius: 50px;
    }
    
    .for-episode .persons-img img {
    	width: 100%
    }
    
    .news-persons-item a {
    font-family: var(--zagolovok);
        font-size: 14px;
        color: var(--link);}
    
    .news-persons-item span {font-family: var(--zagolovok);
        font-size: 10px;
        color: var(--link);
        margin-top: -5px;
        padding-bottom: 10px;}
    
    
    
    .news-text-content {
        padding: 15px 25px;
        background: var(--opac2);
        border-radius: 10px;
        position: relative;
    font-size: 11px;
    }
    
    .news-text-content a {color: var(--text2);}
    .news-text-content a:hover {color: var(--link);}
    
    .news_text_content a:hover {color: var(--link);}
    
    .news-skeleton {    position: relative;
        margin-top: -54px;
        z-index: 10;}
    
    #code_wrap {
    background: transparent;
        border-radius: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
    }
    
    
    #pun #code_wrap a.get-code {
    background: var(--guest-opac);
        color: var(--body-bg)!important;
        text-transform: lowercase;
        font-size: 11px;
        font-weight: 700;
        padding: 2px 15px;
        border-radius: 10px;
        white-space: nowrap;
        letter-spacing: 0.05em;
        font-family: var(--zagolovok);
    }
    
    a.get-code:hover {
    	background: var(--pun-bg) !important;
    color: var(--link-hover)!important;
    }
    
    #code-text {
        border-radius: 10px;
        font: 11px Courier New !important;
        overflow-x: auto;
        flex: 1;
        white-space: nowrap;
        background: var(--opac3);
        padding: 10px;
    }
    
    .post-author {
    	width: 219px;
    	font: 400 11px/100% var(--font);
    	box-sizing: border-box;
    	margin: 0 0 15px !important;
    	padding: 0;
    	position: relative;
    	z-index: 0;
    	overflow: visible;
    	border-radius: 10px;
    background: var(--accent)
    }
    
    .post-author p.pa-author {
    	padding-bottom: 10px !important;
    }
    
    .post-author>ul {
    	box-sizing: border-box;
    	text-align: center !important;
    	box-sizing: border-box;
    	margin: 0px;
    	padding: 5px 5px 25px !important;
    	color: var(--text2);
    	display: flex;
    	flex-direction: column;
    	gap: 5px;
    	position: relative
    }
    
    .pa-author {
    font: 700 13px var(--zagolovok) !important;
        text-align: right !important;
        padding: 3px 10px !important;
        margin: 0px !important;
        position: relative;
        background: var(--link-hover);
        display: flex;
        align-items: center;
        text-transform: uppercase;
        gap: 5px;
        letter-spacing: 0.07em;
        width: 100%;
        border-radius: 3px;
        height: 27px;
        box-sizing: border-box;
    }
    
    #pun .pa-author a {
    	color: var(--pun-bg);
    }
    
    #pun .pa-author a:hover {
    	color: var(--link)
    }
    
    i#tuser,
    .pa-author span.flag-i {
    	display: none !important;
    }
    
    .pa-title {
    font-size: 10px;
        text-align: left;
        font-weight: 300 !important;
        text-transform: lowercase;
        margin-left: 17px;
        position: relative;
        letter-spacing: 0.07em;
        padding-bottom: 5px;
        max-width: 180px;
    }
    
    .pa-avatar {
    	line-height: 0;
    	overflow: hidden;
    	display: inline-block;
    	position: relative;
    	margin: -5px 0 0px !important;
    	padding-bottom: 10px !important;
    	z-index: 1;
    }
    
    .post-author:has(.pa-fld1) .pa-avatar {
    	border-radius: 0
    }
    
    .pa-avatar img {
    	max-width: 180px;
    	border: 1px solid #424846;
    border-radius: 5px;
    }
    
    .field_wrap2 {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	height: auto;
    	gap: 5px;
        margin: 5px 0px !important;
    	flex-wrap: wrap;
    }
    
    .pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
        display: inline-flex;
    	flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
        text-align: center;
        font-size:10px;
    	line-height: 120%;
    	padding: 0px 5px !important;
    	height: 35px;
        width: 35px;
        box-sizing: border-box;
        font-weight: 400;
        background: var(--pun-bg);
    	border-radius: 5px;
    	backdrop-filter: blur(20px);
    	-webkit-backdrop-filter: blur(20px)
    }
    
    .pa-posts .fld-name:before {
        content: "\f075";
    	font: 10px FontAwesome;
    	height: 10px;
    	display: block;
    }
    
    .pa-posts .fld-name {
        font-size: 0;
    }
    
    .pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
        content: "\f005";
    	font: 10px FontAwesome;
    	height: 10px;
    	display: block;
    }
    
    .pa-respect .fld-name a, .pa-respect .fld-name  {
        font-size: 0;
        font-weight: normal
    }
    
    .pa-respect .fld-name a {
    	display: flex;
    	align-items: center;
    color: var(--text2);
    }
    
    .pa-respect img {
        display: none
    }
    
    .pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name {
    	display: flex !important;
    	justify-content: center;
    	width: 100%;
    	height: 10px;
    	align-items: center;
    }
    
    .pa-fld4 .fld-name:before {
        content: "\f52d";
        font-family: 'Font Awesome 6 Pro';
    	height: 10px;
    	display: block;
    font-size: 10px;
    }
    
    .pa-fld4 .fld-name {
        font-size: 0;
    }
    
    .pa-fld3 .fld-name:before {
        content: "\f51e";
        font-family: 'Font Awesome 6 Pro';
    	height: 10px;
    	display: block;
    font-size: 10px;
    }
    
    .pa-fld3 .fld-name {
        font-size: 0;
    }
    
    .pa-respect img {
      display: none
    }
    
    .indOnline,
    .indOffline {
    	display: block !important;
    	z-index: 1;
    	cursor: pointer;
    	border: none !important;
    	font-size: 0px;
    	width: 11px;
    	height: 11px;
    }
    
    .indOnline {
    	background: var(--online-img) no-repeat center;
    background-size: contain;
    width: 11px;
    height: 11px;
    }
    
    .indOffline {
        background: url(https://forumstatic.ru/files/001c/86/a4/12505.png) no-repeat center;
    background-size: contain;
    width: 11px;
    height: 11px;
    opacity: 0.3;
    }
    
    .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld5 .fld-name {
    	display: none
    }
    
    .pa-fld1 {
    background: var(--pun-bg);
        padding: 0 10px 10px !important;
        border-radius: 3px;
        margin-top: -10px !important;
    }
    
    .lz_wrap a {
    	color: var(--link) !important;
    	font-weight: 700
    }
    
    .lz_wrap a:hover {
    	color: var(--link-hover) !important;
    }
    
    .lz_wrap {
    	display: flex !important;
    	flex-direction: column;
    	justify-content: center;
    }
    
    .ank {
    border-radius: 7px;
        padding: 3px !important;
        font-size: 12px;
        position: relative;
        line-height: 100%;
        text-transform: lowercase;
        letter-spacing: 0.07px;
    }
    
    .lz_desc {
    margin: 0 !important;
        text-align: center;
        font-size: 9px;
        letter-spacing: 0.07em;
        color: var(--text2);
    }
    
    .lz_desc a {color: var(--body-bg)!important}
    .lz_desc a:hover {color: var(--link-hover)!important;}
    
    .pa-fld2 {
    	position: absolute;
    	top: 7px;
    	right: 8px;
    	z-index: 1;
    	color: var(--accent);
    	font-size: 12px;
    font-family: var(--zagolovok);
    	font-weight: 800;
    	line-height: 100%;
    	background: var(--body-bg);
    	width: 22px;
    	height: 22px;
    	border-radius: 3px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
    
    .pa-fld5 .fld-name {
    	display: none
    }
    
    .pa-fld5 {
    	margin-bottom: -35px !important;
    }
    
    
    .personal_banner {
        background: var(--link-hover);
        border-radius: 10px;
        height: 30px;
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        font: 700 10px / 100% var(--main-font);
        padding: 0 10px !important;
        max-width: 180px;
        margin: auto !important;
        color: var(--text-color);
        letter-spacing: 0.07em;
        text-align: left;
        width: 180px;
        line-height: 90%;
        box-shadow: 0 -2px 4px 0 rgba(112, 90, 50, 0.05), 0 -8px 8px 0 rgba(112, 90, 50, 0.04), 0 -18px 11px 0 rgba(112, 90, 50, 0.03), 0 -32px 13px 0 rgba(112, 90, 50, 0.01), 0 -51px 14px 0 rgba(112, 90, 50, 0);
    }
    
    
    .personal_banner img {
    	height: 50px;
    	width: 50px;
    	object-fit: contain;
    }
    
    .personal_bg {
    	position: absolute;
    	width: 100%;
    	height: 100px;
    	overflow: hidden;
    	border-radius: 0 0 10px 10px;
    	bottom: 0;
    	left: 0;
    	z-index: -1;
    	mask: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
    	-webkit-mask:	linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #737373 100%);
    	opacity: .7;
    }
    
    .personal_bg img {
    	width: 100%;
    	height: 100px;
    	object-fit: cover;
      object-position: bottom;
    }
    
    #viewprofile .personal_bg {
    	display: none
    }
    
    .pa-online,
    .pa-reg,
    .pa-last-visit {
    	display: none;
    }
    
    .punbb th {
    	font-size: 0 !important;
    }
    
    .lastedit {
    	display: none !important;
    }
    
    .pa-gifts,
    .pa-ua {
    	display: none !important;
    }
    
    
    
    
    
    /* Кнопки вверх-вниз
    -------------------------------------------------------*/
    
    .go-up,
    .go-down {
      cursor: pointer;
      z-index: 999;
      position: fixed;
    width: 14px;
    height: 48px;
    border-radius: 7px;
      margin-left: 1010px !important;
      box-sizing: border-box;
      transition: all .3s linear 0s;
    }
    
    .go-up {
      top: 260px;
    background: var(--go-up) no-repeat top center;
    background-size: contain;
    width: 50px;
    height: 49px;
    }
    
    .go-down {
      top: 320px;
    background: var(--go-down) no-repeat top center;
    background-size: contain;
    width: 74px;
    height: 58px;
    }
    
    .go-down:hover,
    .go-up:hover {
      opacity: 1;
    }
    
    .forum .stickytext,
    .forum .closedatafield{
      display:none;
    }
    
    
    
    /* Additional menus © max, the murderer! */
    
    /* чтобы выпадающие меню правильно выравнивались */
    #pun-navlinks > .container > li {
      position: relative;
    z-index: 101;
    }
    
    /* выпадающие меню первого уровня */
    #pun-navlinks > .container > li> ul[class] {
      position: absolute;
      left: 0;
      top: 20px;
      min-width: 100%;
      width: max-content;
      z-index: 12;
      background: var(--pun-bg);
    border-radius: 10px;
      border: 1px solid var(--link);
      box-sizing: border-box;
      transform: scaleY(0);
    font-size: 11px;
    }
    
    /* появление при наведении */
    #pun-navlinks >.container > li:hover >ul[class] {
      transform: scaleY(1);
    }
    
    /* пункты в выпадающем меню */
    #pun-navlinks > .container > li> ul[class] > li {
      margin: 0;
      display: block;
    }
    
    /* ссылки в пунктах */
    #pun-navlinks > .container > li> ul[class] > li a {
      display: block;
      text-align: left;
      font-size: 1em;
      font-weight: bold;
      padding: 4px 8px;
      margin: 0;
      color: var(--text-color);
    }
    
    /* выпадающее меню второго уровня */
    #pun-navlinks > .container > li> ul[class] ul {
      position: absolute;
      width: max-content;
      left: 100%;
      top: -2px;
      transform: scaleX(0) !important;
    background: var(--pun-bg);
    border-radius: 10px;
      border: 1px solid var(--link);
      z-index: 102;
    }
    
    /* появление при наведении */
    #pun-navlinks > .container > li> ul[class] li.forms:hover ul {
      transform: scaleX(1) !important;
    }
    
    /*гостевая*/
    
    .guest-scroll {height: 90px;
        overflow: auto;
    background: var(--guest-opac);
    border-radius: 20px;
        padding-top: 5px;
    padding-bottom: 5px;
    }
    
    .guest-scroll-inner {
        overflow: auto;
        height: 90px;
        width: 95%;
    }
    
    .guest-main {width: 100%;
        max-width: 880px;
        display: flex;
        flex-direction: column;
        margin-top: 0px;}
    
    .guest-table {     align-items: start;
        display: grid;
        grid-template-columns: 2fr 1fr;
        position: relative;
        width: 100%;
    }
    
    .guest-table-left {
    min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    
    .guest-table-left-row {
    display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        min-width: 0;
    }
    
    
    .guest-body {
    width: calc(100% - 40px);
        max-width: 900px;
        background: var(--opac1);
        border-radius: 10px;
        position: relative;
        margin-top: -3px;
        padding: 20px;
    }
    
    .guest-title {
    position: absolute;
        width: 578px;
        height: 54px;
        font-family: var(--extra-font);
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 72px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: -0.03em;
        text-transform: lowercase;
        color: var(--link);
    }
    
    .guest-header {position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .guest-header-bg {display: block;
        line-height: 0;}
    
    .guest-header-bg img {width: 101%;
        height: auto;
        display: block;}
    
    .guest-faces, .guest-roles {position: relative;
    margin-top: 60px;
    margin-left: 20px;
    border-radius: 20px;
    padding: 5px 10px;
    height: fit-content;
    font-size: 11px;}
    
    .guest-faces a, .guest-roles a {color: var(--link);}
    .guest-faces a:hover, .guest-roles a:hover {color: var(--link-hover);}
    
    .guest-faces span, .guest-roles span {
    font-family: var(--main-font);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.07em;
    text-transform: lowercase;
    color: var(--text-color);
      display: block;
      margin-bottom: 10px;
    margin-left: 15px;
    }
    
    .guest-faces li, .guest-roles li {margin-left: 20px;
    letter-spacing: 0.07em;
    font-family: var(--main-font);
    font-size: 11px;}
    
    .guest-welcome {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--text-color);
      margin-left: 20px;
      margin-top: 60px;
    }
    
    .guest-links {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      position: absolute;
      top: 15px; 
      left: 70%;
      z-index: 5;
      width: 220px;
      justify-content: center;
    min-width: 67px;
    font-size: 13px;
    }
    
    .guest-links a {
        display: inline-block;
        background: var(--accent);
        border-radius: 10px;
        padding: 0px 8px 2px;
        color: var(--link);
        font-size: 13px;
        font-family: var(--zagolovok);
        font-weight: bold;
        letter-spacing: 0.05em;
        text-decoration: none;
    }
    
    .guest-links a:hover {color: var(--body-bg)}
    
    
    .guest-ams img {width: 33px;
    height: 33px;
    object-fit: contain;
    border-radius: 50%;}
    
    .guest-ams {
        position: absolute;
        top: 15%;
        left: 65%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 20px;
        width: auto;
    }
    
    .guest-ams-group {
      display: flex;
      gap: 6px;
      align-items: center;
    margin-top: 16px;
    }
    
    .guest-ams-group--right {margin-left: -20px;}
    
    .guest-ams-title-wrap {
        width: 324px;
    margin-top: -16px;
    }
    
    .guest-ams-title {
      font-family: var(--zagolovok);
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.05em;
      text-transform: lowercase;
      color: var(--link);
      display: flex;
      flex-direction: column;
      gap: 2px;
    margin-top: 16px;
    }
    
    .guest-ams-title span {
    font-family: Arial;
        font-size: 10px;
        letter-spacing: 0.05em;
        color: var(--text-color);
        text-transform: none;
    }
    
    .guest-ams a {
      display: block;
      border-radius: 50%;     
      overflow: hidden;       
      padding: 3px;           
    }
    
    .guest-ams img {
      width: 33px;
      height: 33px;
      object-fit: cover;
      border-radius: 50%;
      filter: grayscale(100%);
      transition: filter 0.3s ease;
    }
    
    .guest-ams a:hover img {
      filter: grayscale(0%);
    }
    
    .guest-ban {display: flex;
        background: var(--guest-opac);
        padding: 5px;
        border-radius: 10px;
        margin-top: 10px;
    text-transform: lowercase;
    font-size: 11px;}
    
    .guest-ban span {    color: var(--body-bg);
        font-weight: bold;
        font-family: var(--zagolovok);
        letter-spacing: 0.05em;
        font-size: 11px;
    width: 35%;
    text-transform: lowercase;}
    
     /*************************
    Стиль для Быстрой смены аккаунтов
    Deff
    *************************/
    /*Cкрытие формы входа без клика*/
    #pun-navlinks a:not(.NextShow)+span.odd{
    display:none!important;
    }
    #pun-navlinks a:not(.NextShow)+span.odd{
    display:none!important;
    }
    /*Стиль доп-иконки Выход!*/
    #pun-navlinks a#New-exit {
      background: transparent!important;
      position:absolute;
      z-index:100000!important;
      margin-top: -6px !important;
      margin-left: 23px !important;
      display:inline-block!important;
    }
    #pun-navlinks #New-exit img{
    position: absolute;
    width: 26px;
    height: auto;
    transition: .63s;
    }
    #pun-navlinks #New-exit:hover img{
    transition: .63s;
    filter: invert(100%);
    /*opacity: .42;*/
    }
    .punbb #pun-navlinks a#New-exit:before {
        content:none;
    }
    .punbb #pun-navlinks #form-login input{
    text-align: center;
    border: 1px solid var(--sec-bg)!important;
    background: var(--opac3);
    text-rendering: auto;
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    border-radius: 5px;
    letter-spacing: 0.2;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    box-sizing: border-box;
    height:20px;
    width:67px;
    width: 110px;
    padding: 4px;
    font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
    background-color: var(--pun-bg);
    }
    .punbb #form-login #fld1:empty,#form-login #fld2:empty,
    .punbb #form-login #fld1,#form-login #fld2{
    background-color: var(--opac3);
    height:23px;
    }
    .punbb #pun-navlinks #form-login input[type="submit"]{
    margin: 13px 0 2px!important;
    box-sizing: border-box;
    height:26px;
    width:67px;
    font-size: 11px!important;
    color: var(--pun-bg) !important;
    background: var(--sec-bg);
    border: 1px outset rgba(161,172,152,.8)!important;
    text-align: center;
    padding: 0 4px!important;
    border-radius: 13px;
    font-family: Verdana!important;
    font-weight: 700!important;
    transition: all 0.5s ease-in-out 0s;
    letter-spacing: 0.8;
    cursor:pointer;
    
    /*border: 2px outset #83693E!important;
    color:#565462!important;
    font-weight:700!important; */
    }
    .punbb #pun-navlinks #form-login input[type="submit"]:hover{
      opacity:0.6;
    }
    
    /*Стиль формы входа*/
    .punbb #pun-navlinks #form-login,
    .punbb #pun-navlinks #form-login *{
        box-sizing: content-box;
    }
    .punbb #pun-navlinks #form-login {
    background: var(--pun-bg);
    min-height:183px;
    border: 1px solid var(--sec-bg);
    border-radius: 0px 0px 6px 6px;
    color: #6b6b6b;/*BCBCBC;*/
    display: block;
    font: 11px "Verdana";
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    text-align: center;
    word-spacing: normal;
    white-space: normal;
    /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
    text-transform: none;
    letter-spacing: 0.2px!important;
    top: 9px;
    width: 122px;
    z-index: 100000!important;
    }
    #pun-navlinks #navlogin #form-login {
      margin-left: -40px;/*Подвижки формы влево от вход*/
    }
    #pun-navlinks #navlogout #form-login {
      margin-left: -40px;/*Подвижки формы влево от выход*/
    }
    .ismoderator #pun-navlinks #navlogout #form-login {
      margin-left: -40px!important;/*Подвижки формы влево от выход для АМС*/
    }
    /*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
    #pun-navlinks #form-login input[value="Войти"]+p{
    margin: 11px auto;
    }
    .punbb #pun-navlinks #form-login a.Rega,
    .punbb #pun-navlinks #form-login a.Forgot{
    position:relative;
    text-transform: none!important;
    z-index:20;
    cursor:pointer;
    font: normal normal 200 10px/normal Verdana!important;
    letter-spacing: 0.4px!important;
    display:inline;
    background: none!important;
    padding: 0 0 0 3px!important;
    color: #6D7B94;
    font-size: 9px!important;
    /*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
    }
    .punbb #pun-navlinks #form-login a.Rega:before,
    .punbb #pun-navlinks #form-login a.Forgot:before{
      content:none;
    }
    /* Помечаем красным незаполненные поля!*/
    #form-login input.none{
    outline:red dashed 2px!important;
    }
    /*Форма слева(с Никами) */
    #List-UserNames {
    position:absolute;
    margin-top:-9px;
    min-height:90px;
    width:220px;
    right:100%;
    padding: 12px 19px 12px 17px;
    background: var(--pun-bg);
    border-color: var(--sec-bg); /* Цвет границы */
    border-style: solid; /* Стиль границы */
    border-width: 1px 1px 1px 1px; /* Толщина границы */
    border-radius:0 0 0px 6px;
    text-align:center;
    /*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
    }
    /*Стиль контейнера под список Ников*/
    .punbb #List-UserNames ul{
    display: block!important;
    padding: 0;
    overflow:hidden;
    overflow-y:auto;
    min-height:36px;
    max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
    }
    .punbb #List-UserNames li {
    display: block!important;
    position: relative;
    background: var(--sec-bg);
        border-radius: 3px;
        text-align: left;
        box-shadow: 2px 2px 1px rgb(19, 20, 15, 0.3);
    padding-left: 5px!important;
    font: normal normal 700 12x/normal Verdana!important;
    letter-spacing: 0.4;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
    }
    .punbb #List-UserNames li:hover{
    opacity:.84;
    /*background:#83693E!important;*/
    }
    /*Стиль Ников*/
    .punbb #List-UserNames li>b{
    cursor: pointer;
    opacity: .9;
    color: #fffefe;;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0.3;
    }
    .punbb #List-UserNames li>b:hover{
    opacity:.93;
    text-shadow:1px 1px 1px rgba(0,0,0,.6);
    }
    /*Скролл контейнера с никами*/
    #List-UserNames ul::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    }
    #List-UserNames ul::-webkit-scrollbar-track {
    background-color: #393A38;
    border: 0px solid #d7d8d9;
    box-shadow: none;
    }
    #List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #C0BFBD;
    border: 0px solid #d7d8d9;
    box-shadow: none;
    }
    
    /*Кнопки Удалить (правее ников)*/
    #List-UserNames ul li>span {
    display:inline-block;
    padding:0 3px;
    position:absolute;
    
    opacity:.88;
    cursor:pointer;
    top:0;bottom:0;
    right:2px;
    color:#fff;
    font: normal normal
    
    700 10.56px/normal Verdana;
    text-shadow:1px 1px 1px rgba(0,0,0,.6);
    }
    /*Текст при отсутствии запомненных Ников!*/
    #List-UserNames ul:empty:before{
    display:inline-block;
    content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!";
    }
    /*Кнопка выход-2*/
    #navlogin #exit-2 {
    display:none;
    }
    #pun:not(.isguest) #navlogout .Rega,
    #pun:not(.isguest) #navlogout .Forgot {
    display:none!important;
    }
    /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
    #List-UserNames ul+span{
    display:inline-block;
    padding:6px 0 8px 0;
    text-align:left;
    font: normal normal 400 10.56px/normal Verdana;
    }
    /*Сам инпут*/
    .punbb #List-UserNames input {
    border: 1px solid #5D6755!important;
    text-shadow: none!important;
    color:#333!important;
    background-color: #3e4949;
    font: normal normal 400 11px/normal Verdana!important;
    /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
    margin-top: 9px;
    padding: 2px !important;
    vertical-align: middle;
    }
    /*Стрелочки к инпуту*/
    #List-UserNames ul+span b{
    font: normal normal 400 13px/normal Verdana;
    padding:0 3px;
    color: #6b6b6b;
    }
    /*Кликалка слева, чуть выше инпута*/
    #List-UserNames .a1-copy{
    display:inline-block!important;
    cursor:pointer;
    float:left;
    }
    /*Кликалка справа*/
    #List-UserNames .a1-paste{
    cursor:pointer;
    display:inline-block!important;
    float:right;
    }
    /*Подсказки на кликалках*/
    .tipsy.a11 {
    font: normal normal 400 11px/normal Verdana!important;
    margin-top:-22px!important;
    margin-left: 148px!important;
    max-width:170px;
    }
    /*************************
    //Конец Стиля для Быстрой смены аккаунтов
    *************************/
    
    /*общий хтмл, первые новости */
    .html_wrapper_baza {
    background: #c5a39d;
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-radius: 15px;
        font: 400 12px / 130% var(--font);
        position: relative;
        padding-bottom: 25px;
    }
    
    .html_header {
    	height: 50px;
    	border-radius: 10px 10px 0 0;
    	position: relative;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
    
    .html_header img {
    	width: 100%;
    	height: 50px;
    	object-fit: cover;
    	border-radius: 10px 10px 0 0
    }
    
    .html_main_titles{
    	position: absolute;
    	height: 30px;
    	padding: 0 30px 5px;
    	box-sizing: border-box;
    	background: var(--opac1);
    	border-radius: 15px;
    	bottom: -15px;
    	font: normal 20px var(--zagolovok);
    color: var(--link);
    }
    
    .pa-awards {
    	display: none
    }
    
    
    
    .lastmess_wrap {
    	display: flex;
    	flex-direction: column;
    	flex: 1;
    text-transform: lowercase;
    }
    
    /* новости старые*/
    .news_avatar {
    	position: absolute;
    	width: 50px;
    	height: 50px;
    	border: 5px solid var(--opac2);
    	border-radius: 100%;
    	overflow: hidden;
    	top: 20px;
    	left: -25px;
    }
    
    .news_avatar img {
    	width: 50px;
    	height: 50px;
    	object-fit: cover
    }
    
    .news_review {
    	padding: 10px 25px;
    }
    
    .news_main_section {
    	padding: 0 25px;
    	display: flex;
    	justify-content: space-between;
    	gap: 25px;
    }
    
    .news_persons-wrapper {
    	display: flex;
    	flex-direction: column;
    	gap: 20px;
    }
    
    .news_persons-item {
    	background: var(--opac2);
    	box-shadow: 2px 2px 7px 0 rgba(87, 87, 87, 0.05), 8px 9px 12px 0 rgba(87, 87, 87, 0.04), 19px 20px 17px 0 rgba(87, 87, 87, 0.03), 33px 36px 20px 0 rgba(87, 87, 87, 0.01), 52px 56px 21px 0 rgba(87, 87, 87, 0);
    	border-radius: 10px;
    	padding: 10px 25px 20px;
    	display: flex;
    	flex-wrap: wrap;
    	gap: 5px;
    	width: 205px;
    	box-sizing: border-box;
    	justify-content: center;
    }
    
    .news_persons-title {
    	width: 100%;
    	text-align: center;
    	font-weight: 300;
    	font-size: 10px
    }
    
    .news_persons-title a {
    	font-weight: 800;
    }
    
    .news_persons-item .persons-img,
    .news_persons-item .persons-img img {
    	width: 45px;
    	height: 45px
    }
    
    .for-episode .persons-img {
    	width: 100%;
    	border-radius: 50px;
    }
    
    .for-episode .persons-img img {
    	width: 100%
    }
    
    .news_text_content {
    	padding: 15px 25px;
    	background: var(--opac2);
    	box-shadow: 2px 2px 7px 0 rgba(87, 87, 87, 0.05), 8px 9px 12px 0 rgba(87, 87, 87, 0.04), 19px 20px 17px 0 rgba(87, 87, 87, 0.03), 33px 36px 20px 0 rgba(87, 87, 87, 0.01), 52px 56px 21px 0 rgba(87, 87, 87, 0);
    	border-radius: 10px;
    }
    
    .punbb .user-avatar .isonline {    width: 8px;
        height: 8px;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 2px;
        right: 0px;
        animation: blinkColor .9s linear infinite;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor .9s linear infinite;
        background: var(--link)!important;
        z-index: 10!important;}
    
    /*нужные в теле форума*/
    #forum_f15 {
    	position: relative;
    	z-index: 8;
    	padding: 0 !important;
    	background: transparent
    }
    
    #forum_f15 h3, #forum_f15 td.tcr, #forum_f4 td.tc2, #forum_f15 td.tc3 {
    	display: none !important;
    }
    
    #pun #forum_f15 .tclcon, #pun #forum_f4 .tcl {
    	position: relative;
    	width: 162% !important;
    	padding: 0 !important;
    	border: none !important;
    }
    
    #forum_f15 .icon {
    	display: none !important;
    }
    
     .we_need-wrapper {
         width: 100%;
         display: flex;
         flex-direction: column;
         font: 400 11px/150% Tahoma;
    	 box-sizing: border-box;
    margin-left: -20px;
    min-width: 850px;
    }
    
     .we_need-wrapper h5 {
         text-align: center;
         font: normal 10px Tahoma;
         color: #222;
         padding: 10px 10px 8px;
         text-transform: uppercase;
    	 letter-spacing: .2em;
    display: none!important;
    }
    
     .slider-container {
         position: relative;
         overflow: hidden;
         width: 100%;
         display: flex;
         gap: 0px;
         justify-content: space-between;
         box-sizing: border-box;
    }
    
     .slider-track-wrapper {
         overflow: hidden;
         padding: 0px 5px;
         flex: 1;
         max-width: 100%;
         box-sizing: border-box;
         position: relative 
    }
    
    
     .slider-track {
         display: flex;
         transition: transform 0.5s ease-in-out;
         gap: 7px;
         width: max-content;
    }
    
     .slider-item {
    flex: 0 0 auto;
        width: 198px;
        margin: 0;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        background: var(--opac2);
        position: relative;
        display: flex;
        height: 75px;
        padding: 8px;
        box-sizing: border-box;
        gap: 10px;
        border-radius: 10px;
        border: 1px solid var(--body-bg);
    }
    
     .slider-item:hover {
         transform: scale(.95);
    }
    
     .slider-item img {
    width: 72px;
        height: 59px;
        object-fit: cover;
        display: block;
        border-radius: 7px;
        filter: grayscale(1);
    }
    
     .slider-content {
         flex: 1;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         color: var(--text-color);
    }
    
     #pun .tclcon .slider-content h3 {
         display: block !important;
         text-transform: uppercase !important;
    line-height: 10px;
    }
    
     #pun .tclcon .slider-content h3 a {
    color: var(--link);
        padding: 0 0px 3px;
        transition: all .3s linear 0s !important;
        font-family: var(--zagolovok);
        letter-spacing: 0.07em;
        font-size: 10px;
        text-transform: uppercase;
    }
    
     #pun .tclcon .slider-content h3 a:hover {
         color: var(--link-hover);
    }
    
     .slider-content p {
         font-size: 9px;
         line-height: 1.3;
         box-sizing: border-box;
         height: 100%;
         flex: 1;
         min-height: 0;
         overflow-y: auto;
    text-transform: lowercase;
    letter-spacing: 0.07em;
    }
    
     .slider-container .btn {
         width: 25px;
         background: var(--opac2);
         color: var(--text-color);
         font-size: 10px;
         cursor: pointer;
         display: flex !important;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
         z-index: 10;
    	 height: 25px;
    	 align-self: center;
    	 border-radius: 100%
    }
    
     .slider-container .btn-prev:hover, .slider-container .btn-next:hover  {
         color: maroon
    }
    
    /*полоска подфорума*/
    #pun-index .category table tr {
        -webkit-appearance: none;
        display: flex;
        gap: 0 30px;
        position: relative;
        align-items: center;
        margin-left: 30px;
    margin-right: 30px;
        padding: 10px 0;
    }
    
    
    #pun-index .category table tr:not(:last-child) {
        border-bottom: 1px solid var(--link);
    }
    
    #pun-index .tclcon {margin-left: -30px}
    
    /* полоска разделитель */
    
    .punbb .post-sig dt {
      display: block;
     background: linear-gradient(90deg, 
        rgba(135, 122, 98, 0) 0%, 
        var(--link) 15%, 
        var(--link) 85%, 
        rgba(135, 122, 98, 0) 100%);
      height: 1px;
      width: 550px;
     margin: 5px auto;
    position: relative; 
    margin-top: 15px;
    margin-bottom: 12px;
      }
    
    
    .punbb .post-sig dt::before {
    content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 19px;
        height: 19px;
        background: var(--star);
        background-size: contain; 
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #pun hr {
    opacity: 1;
        filter: none;
        background: linear-gradient(90deg, rgba(135, 122, 98, 0) 0%, var(--link) 50.48%, rgba(135, 122, 98, 0) 100%);
        border: none;
        height: 1px;
    	margin: 1em auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
    }
    
    #pun hr:after {
    	content: "";
        display: block;
        background: url(https://forumstatic.ru/files/001c/86/a4/96717.png);
        height: 19px;
        width: 19px;
        position: absolute;
        background-size: contain; 
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    .byuser-username {margin-left: -3px!important}
    
    
    
    /* Theme switcher © max, the murderer! */
    
    #theme_switcher {
    margin-top: 10px;
        display: flex;
        margin-left: 909px;
        position: absolute;
        z-index: 9999;
    }
    
    #theme_switcher li {
        display: inline-block;
        margin-right: 4px;
    }
    
    #theme_switcher li input {
        display: none;
    }
    
    #theme_switcher li label {
        display: block;
        width: 21px; 
        height: 21px;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    
    #theme_switcher li input:checked + label {
        border-radius: 5px;
    }
    
    #theme_switcher li label {
        text-indent: -9999px; 
        overflow: hidden;     
    }
    
    #theme_switcher li input#light + label {
        background-image: url('https://forumstatic.ru/files/001c/86/a4/24406.png');
    }
    
    
    #theme_switcher li input#dark + label {
        background-image: url('https://forumstatic.ru/files/001c/86/a4/87107.png');
    }
    
    #image-area-actions, #image-area-tcon-computer >* {position: relative;
        z-index: 1;
        margin-top: 20px;
        padding: 10px;}
    
    #sTheme, #isk {background: var(--pun-bg)!important;
    border: 1px solid var(--sec-bg)!important;}
    
    #sTheme:focus {1px solid var(--link)!important;}
    
    
    }

    0

    19

    Код:
    /* Блокировка sticky-элементов при открытой модалке */
    .reveal-modal-bg[style*="display: block"] ~ #pun-navlinks,
    .reveal-modal-bg[style*="display: block"] ~ #pun-ulinks,
    .reveal-modal-bg[style*="display: block"] ~ .spirit_nav-wrap,
    .reveal-modal-bg[style*="display: block"] ~ .lore_nav,
    .reveal-modal-bg[style*="display: block"] ~ .ams-wrap,
    .reveal-modal-bg[style*="display: block"] ~ #theme_switcher,
    .reveal-modal-bg[style*="display: block"] ~ .go-up,
    .reveal-modal-bg[style*="display: block"] ~ .go-down,
    .reveal-modal-bg[style*="display: block"] ~ .act-1,
    .reveal-modal-bg[style*="display: block"] ~ .act-2,
    .reveal-modal-bg[style*="display: block"] ~ .act-3,
    .reveal-modal-bg[style*="display: block"] ~ .wr-1,
    .reveal-modal-bg[style*="display: block"] ~ .wr-2,
    .reveal-modal-bg[style*="display: block"] ~ .wr-3,
    body:has(.reveal-modal-bg[style*="display: block"]) #pun-navlinks,
    body:has(.reveal-modal-bg[style*="display: block"]) #pun-ulinks,
    body:has(.reveal-modal-bg[style*="display: block"]) .spirit_nav-wrap,
    body:has(.reveal-modal-bg[style*="display: block"]) .lore_nav,
    body:has(.reveal-modal-bg[style*="display: block"]) .ams-wrap,
    body:has(.reveal-modal-bg[style*="display: block"]) #theme_switcher,
    body:has(.reveal-modal-bg[style*="display: block"]) .act-1,
    body:has(.reveal-modal-bg[style*="display: block"]) .act-2,
    body:has(.reveal-modal-bg[style*="display: block"]) .act-3,
    body:has(.reveal-modal-bg[style*="display: block"]) .wr-1,
    body:has(.reveal-modal-bg[style*="display: block"]) .wr-2,
    body:has(.reveal-modal-bg[style*="display: block"]) .wr-3 {
        z-index: 1 !important;
    }
    
    
    .post-body *::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    0

    20

    хтмл-верх

    Код:
    <!---------------------- Красивая профилактика © Deff, мод. max, the murderer! ---------------------->
    <div id="pircs2"><link rel="stylesheet" type="text/css" href="/files/001b/a8/40/30530.css" /><div id="LogIn_Window" style="height: auto"><center>наводим марафет</center><br></div></div><!-- --><script type="text/javascript">
    
    var ON_button=0; // Cвитч включения: 1 - включено; 0 - выключено
    var  moderDostyp_ON=1; // Модер-доступ включён: 1 - включён; 0 - выключен
    
    if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
    $("style.#style_st,div.#pircs2").replaceWith("");}
      else {$("#msg-n2").replaceWith("");
    if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
    document.location.href = "../login.php"}else {
    $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
    $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
    var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
    v.replaceWith("<span>Вход только для администраторов</span>");});};}
    else {document.location.href = "../login.php?action=out&id="+UserID};}
    </script>
    <!---------------------- Красивая профилактика END ---------------------->
    
    <!-- Cчётчик Игровых постов -->
    <script type="text/javascript">
    /***************************
            Настройки!
    ***************************/
    FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
    FORUM._color_fld = "inherit";	// Цвет шрифта,
    FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
    FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
    FORUM.Number_winners = [7,[2]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
    FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
    /**** НАСТРОЙКА Игровых локаций ****/
    function ad_ (){/*!~!FORUM.ForArrAy = {
    //Форум  //Темы (включаемые, или исключаемые)
    
    f6	:-[0],  //квестошная
    f13	:-[0],  //канон епта
    f14	:-[0]	//закрываем гештальтики //Последний элемент без запятой!
    }
    !~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
    </script>
    <script type="text/javascript" src="//forumstatic.ru/files/0013/44/56/77707.js"></script>
    <style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
    #pre_placement>a {top:3px;right:-23px;border:none;}.punbb .GamePst{padding:0!important;}
    .punbb #profile-right li#pa-fld4 strong.GamePst2 {}</style>
    <!--//END Cчётчик Игровых постов © Deff-->
    
    <!---------------------------- Быстрая смена аккаунта  ---------------------------->
    <script type="text/javascript">
      New_EXiT = '//forumstatic.ru/files/001c/51/c9/98994.png'; //Дополнительная Иконка выход;
    </script>
    <script data="366127"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>
    
    <!------------------------- Мгновенные уведомления © Alex_63, Deff 2019 ------------------------>
    <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
    <style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}
    /*.pun-modal.unread-notifications .modal-inner.section {background: rgba(228, 228, 228, 0.92)!important;*/}
    </style>
    <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
    <!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
    <script>notifications.load('mentions');</script>
    <!--+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019-->
    <script>notifications.load('reputation');</script>
    <!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
    <script>notifications.load('subscriptions');</script>
    <!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
    <script type="text/javascript">
    notifications.load('common', {});
    notifications.load('important', {topics: [80,85]}); // ID важных тем (через запятую)
    </script>
    <div class="tablica">
    
     <!-- амс -->
          <div class="nav_wrap ams-wrap">
             <div class="slide_button"><span>администрация</span></div>
             <div class="slide_block">
                <div class="ams">
    <div class="ams_section"><span class="persons-title">красивые</span>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=13" title="уолли" class="persons-img"><img src="https://i.imgur.com/dJWNzGN.png"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=10" title="таби" class="persons-img"><img src="https://i.imgur.com/5r8Oe8Z.png"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=5" title="бэт" class="persons-img"><img src="https://i.imgur.com/z9S3rxn.png"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=6" title="валя" class="persons-img"><img src="https://i.imgur.com/VrUxLON.png"></a>
    </div>
    <div class="ams_section"><span class="persons-title">умные</span>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=7" title="дейм" class="persons-img"><img src="https://i.imgur.com/6JLENBZ.png"></a>
    <a href="https://tempusmagicae.rusff.me/profile.php?id=8" title="винс" class="persons-img"><img src="https://i.imgur.com/M8hFU9Q.png"></a>
    </div>
                </div>
             </div>
          </div>
    
    <!--- навигация--->
    <div class="spirit_nav-wrap">
    <div class="nav_button">навигация</div>
    <div class="nav_block">
      <div class="link">
                  <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=60&p=2#p1525">гостевая</a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=58#p1522">сюжет</a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=59#p1523">список персонажей</a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=59#p1524">список внешностей</a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=56">биржа труда</a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=64#p1529">нужные</a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=57#p1520">кодекс крысанов</a>
                   
    </div>
    </div>
    </div>
    <!--- эпизод--->
    <div class="ep"><span><a href="">чувства с горьким вкусом риска</a> [джеймс & джулс]</span> </div>
    <!--- постописцы--->
    <div class="wr-1"><a href="" title="ричард"><img src="https://upforme.ru/uploads/001c/3b/dd/161/204270.png"></a></div><div class="wr-2"><a href="" title="ричард"><img src="https://upforme.ru/uploads/001c/3b/dd/161/204270.png"></a></div><div class="wr-3"><a href="" title="ричард"><img src="https://upforme.ru/uploads/001c/3b/dd/161/204270.png"></a></div>
    
    <!--- активисты--->
    <div class="act-1"><a href="" title="ричард"><img src="https://upforme.ru/uploads/001c/3b/dd/161/204270.png"></a></div><div class="act-2"><a href="" title="ричард"><img src="https://upforme.ru/uploads/001c/3b/dd/161/204270.png"></a></div><div class="act-3"><a href="" title="ричард"><img src="https://upforme.ru/uploads/001c/3b/dd/161/204270.png"></a></div>
    
    <!--- о форуме --->
    <div class="forum-about">магическая британия<br>
    июнь-август 1981 г.// nc-21</div>
    
    </div>
    
    
    <script>
    $(document).ready(function() {
        const $statusDiv = $('#pun-status.section');
        const $loreNav = $('.nav_wrap.lore_nav');
        const $amsWrap = $('.nav_wrap.ams-wrap');
        
        if ($statusDiv.length && $loreNav.length && $amsWrap.length) {
            const $statusParagraph = $statusDiv.find('p.container');
            
            if ($statusParagraph.length) {
                // Вставляем lore_nav перед параграфом
                $loreNav.insertBefore($statusParagraph);
                
                // Вставляем ams-wrap после параграфа
                $amsWrap.insertAfter($statusParagraph);
            }
        }
    });
    </script>
    
    <!-- Восстановление последнего поста при утере by Человек-Шаман -->
    <script>
    $(document).ready(function() {
      $('#addition-area').append(function() {
        return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
      });
      function restoreLastPost() {
        $('#main-reply').val(localStorage.ReservePost);
      };
    });
    </script>
    <!--конец-->
    
    
    <!-- Возможность скопировать последний пост при переполнении темы -->
    <script>
    $(document).ready(function() {
      $('#pun-viewtopic #pun-main > h2')
        .append('<div style="opacity: 0;position: absolute;bottom: 210px;right: 60px;width: 10px;height: 10px;"><textarea id="reserved_post">' + localStorage.ReservePost + '</textarea></div>');
      $('#pun-viewtopic #pun-main > h2')
        .append('<div id="reserve_post">Если вы потеряли свой пост из-за этого, нажмите на этот текст — отправленный пост будет скопирован в буфер обмена.</div>');
      $('#reserve_post').on('click', function () {
        var post = document.getElementById('reserved_post');
        post.select();
        document.execCommand('copy');
      });
    });
    </script>
    
    
    <!--------------------------------------------------------- ПОДНЯТИЕ РЕПУТАЦИИ В ЗАКРЫТЫХ ТЕМАХ ------>
    <script type="text/javascript">
    if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
    </script>
    
    
    <!--------------------------------------------------- ВЫРАВНИВАНИЕ ПО ШИРИНЕ ----------------------------->
    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#post #button-center").after('<td id=button-justify align=center valign=center><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');}); 
    </script>
    
    
    
    <!---------------------------- Пиар-вход, хтмл верх ---------------------------->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'Owl post';
    PR.pass = '1111';
    PR.btn_text = 'Реклама';
    PR.set();</script>
    
    
    
    <script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
    </script>
    
    <!------------------------------------------ ОТКЛЮЧЕНИЕ ФУНКЦИЙ И КНОПОК ------------------------------->
    <!--Отключить кнопку "Жалоба" -->
    <script type="text/javascript">
    RusffCore.sets.show_reportBtn = 0;
    </script>
    <!--Отключить функцию "Поделиться" -->
    <script type="text/javascript">
    RusffCore.sets.share = false;
    </script>
    <!--Отключить функцию "Вложения" -->
    <script type="text/javascript">
    RusffCore.sets.files.button = false;
    </script>
    <!--Отключить функцию "Это интересно" -->
    <script type="text/javascript">
    rusffLive.enable = false;
    </script>
    <!--Отключить функцию "Реакция" -->
    <script>
    ReactionsPlugin.setConfig({
      disable: true
    });
    </script>
    <!--Список просматривающих тему -->
    <script>
    RusffCore.sets.realtimeTopicReaders = false
    </script>
    
    <!--// Быстроплюсы v.2 РЕНО by Deff //-->
    <script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>
    
    <!-- Смена аватара в топике (в HTML верх) © Deff, Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/67169.js"></script>
    
    <!-- личная страница ч.1 -->
    <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
    
    <!-- копирование кода в гостевой и магазине -->
    <script src="https://forumstatic.ru/files/001c/71/c5/81657.js?v=8"></script>
    <!-- настройки -->
    <script>
    window.codeConfig = {
        bannerlist: {
            initialText: 'копировать код для плашки',
            copiedText: 'Скопировано!',
            code: '[b]1. вставьте код плашки (необходимо нажать на понравившуюся плашку, код копируется автоматически) и текст на месте «ваш текст»:[/b] ваш ответ\n' +
                     '[b]2. сумма списания:[/b] ваш ответ'
        },
        giftlist: {
            initialText: 'копировать код для подарка',
            copiedText: 'Скопировано!',
            code: '[b]1. вставьте код подарка (необходимо нажать на понравившийся подарок, код копируется автоматически) или дайте код на вашу картинку + текст пожелания:[/b] ваш ответ\n' +
                  '[b]2. кому этот подарок?[/b] ваш ответ, либо ссылка на профиль, либо через @\n' +
                  '[b]3. сумма списания:[/b] ваш ответ'
        },
        rolelist: {
            initialText: 'придержать внешность или роль',
            copiedText: 'Скопировано!',
            code: '<li>роль или внешность / <a href="ссылка_на_профиль">ник придержавшего</a><sup>дата (заполнять не нужно, вписывают амс)</sup></li>'
        },
        bglist: {
            initialText: 'копировать код для фона', 
            copiedText: 'Фон скопирован!',
            code: '[b]1. вставьте код фона (необходимо нажать на понравившийся фон, код копируется автоматически):[/b] ваш ответ\n' +
                  '[b]2. сумма списания:[/b] ваш ответ'
        }
    };
    </script>
    <! -- для админского копирования -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const listItems = document.querySelectorAll('.for-store .list-items li:not(.list-title)');
        let lastCopiedElement = null;
        listItems.forEach(li => {
            li.style.cursor = 'pointer';
            li.addEventListener('click', function() {
                if (lastCopiedElement && lastCopiedElement !== li) {
                    lastCopiedElement.classList.remove('copied');
                }
                const clone = li.cloneNode(true);
                const numberElement = clone.querySelector('.store_item-number');
                if (numberElement) {
                    numberElement.remove();
                }
                const htmlContent = clone.innerHTML.trim();
                navigator.clipboard.writeText(htmlContent).then(function() {
                    li.classList.add('copied');
                    lastCopiedElement = li;
                    
                }).catch(function(err) {
                    console.error('Ошибка при копировании: ', err);
                });
            });
        });
    });
    </script>
    
    <script>
    $('img[src*="/forumupload"]').attr('src',function(){return this.src.split('/forumupload').join('/forumstatic')})
    $('a[href*="/forumupload"]').attr('href',function(){return this.href.split('/forumupload').join('/forumstatic')})
    $().pun_mainReady(function(){
    $('img[src*="/forumupload"]').attr('src',function(){return this.src.split('/forumupload').join('/forumstatic')})
    $('a[href*="/forumupload"]').attr('href',function(){return this.href.split('/forumupload').join('/forumstatic')});})
    $(function(){
    $('img[src*="/forumupload"]').attr('src',function(){return this.src.split('/forumupload').join('/forumstatic')})
    $('a[href*="/forumupload"]').attr('href',function(){return this.href.split('/forumupload').join('/forumstatic')});})
    </script>
    <link rel="stylesheet" href="/files/001b/95/a1/11817.css">
    <link rel="stylesheet" href="/files/001b/95/a1/96876.css">
    
    
    <!---------------------------- СКОПИРОВАТЬ В НОВЫЙ ДИЗАЙН  ---------------------------->
    
    <!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
    <style>
    #chfont {
    	text-align: center;
    	display: flex;
    	gap: 5px;
    	align-items: center;
    	justify-content: flex-start;
    	flex-wrap: wrap;
    	box-sizing: border-box;
    }
    
    #chfont:before {
    	content: "шрифт в постах";
    	font: 300 8px var(--font);
    	text-transform: uppercase;
    	display: block;
    	margin-bottom: 5px;
    	color: var(--text2);
    	width: 100%;
    	text-align: left
    }
    
    #chfontbut {
    	display: none !important;
    }
    
    #chfont select {
    	cursor: pointer;
    }
    
    #chfontsize {
    	width: auto;
    	display: flex;
    	align-items: center;
    	font: 400 12px var(--font);
    	gap: 5px;
    	color: var(--text1)
    }
    
    
    .fsizeplus,
    .fsizeminus {
    	box-sizing: border-box;
    	color: var(--text1);
    	cursor: pointer;
    	font-size: 0;
    	width: 13px;
    	height: 13px;
    	text-align: center;
    	display: flex;
    	align-items: center;
    	justify-content: center
    }
    
    .fsizeplus::after {
    	content: "";
    	mask: url(https://forumstatic.ru/files/001c/37/2a/27804.svg) no-repeat center center;
    	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/27804.svg) no-repeat center center;
    	mask-size: cover;
    	-webkit-mask-size: cover;
    	background: var(--text1);
    	width: 12px;
    	height: 12px;
    	display: block;
    }
    
    .fsizeminus::after {
    	content: "";
    	mask: url(https://forumstatic.ru/files/001c/37/2a/92207.svg) no-repeat center center;
    	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/92207.svg) no-repeat center center;
    	mask-size: cover;
    	-webkit-mask-size: cover;
    	background: var(--text1);
    	width: 12px;
    	height: 12px;
    	display: block;
    }
    .settings_wrap {
    width: 100px;
        height: auto;
        position: relative;
        left: 30px;
        z-index: 999;
        top: -40px;
    }
    
    .slide_button {
    	width: 100px;
    	height: auto;
    	font: 300 13px var(--font) !important;
    	cursor: pointer;
    	padding: 0;
    	opacity: .65
    }
    
    .slide_button.i_active {
    	opacity: .25
    }
    
    .slide_block {
    position: absolute;
        background: var(--pun-bg);
        width: 240px;
        top: calc(100% + 5px);
        display: none;
        right: auto;
        border-radius: 10px;
        border: 1px solid var(--link);
        left: 0;
    }
    
    
    .settings_container {
    	display: flex;
    	flex-direction: column;
    	gap: 15px;
    	padding: 15px 15px 15px;
    }
    
    </style>
    <div class="settings_wrap">
    <div class="slide_button">шрифт в постах</div>
    <div class="slide_block"><div class="settings_container">
    <!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
    <div id="chfont">
    <div id="chfontbut">Шрифт в постах</div>
    <select id="chfontfam" name="chfontfam">
    <option value="0">по умолчанию</option>
    <option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
    <option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
    <option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
    <option value="'Verdana', serif" style="font-family: 'Verdana', serif">Verdana</option>
    <option value="'Open Sans', serif" style="font-family: 'Open Sans', serif">Open Sans</option>
    </select>
    <div id="chfontsize">
    <div class="fsizeplus"></div>
    <div class="fsize"></div>
    <div class="fsizeminus"></div>
    </div>
    </div>
    </div>
    </div>
    </div>
    
    <script type="text/javascript">
    var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",12);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p, textarea").css("font-size",f+"px")}
    function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
    $("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
    </script><!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->
    
    <!-- Смена стиля v1.0 © max, the murderer! -->
    <ul id="theme_switcher"></ul>
    <script type="text/javascript">
    // Задаём темы
    var array = [
        { class: 'light',
          title: 'рассвет' },
          
       
        { class: 'dark',
          title: 'закат' } // Последняя тема без запятой
    ];
    
    // Задаём радио
    var switchers = '';
    $.each(array, function(index, value) {
        switchers += '<li title="'+value.title+'"><span class="radio"><input type="radio" name="switcher" id="'+value.class+'" value="'+value.class+'"><label for="'+value.class+'">'+value.title+'</label></span></li>';
    });
    $('#theme_switcher').append(switchers);
    
    // Отслеживаем нажатие на радио
    $('#theme_switcher input').on('click', function () {
        // Получаем значение нажатого радио
        var selectedTheme = $(this).val();
        // Очищаем html от предыдущих тем и устанавливаем новую в моменте
        $('html').removeClass().addClass(selectedTheme);
        // Запоминаем
        localStorage.setItem('selectedTheme', selectedTheme);
    });
    // Проверяем выбирались ли ранее темы
    if (localStorage.getItem('selectedTheme') !== null) {
        // Получаем выбранную тему
        var currentTheme = localStorage.getItem('selectedTheme');
        // Устанавливаем выбранную тему
        $('html').addClass(currentTheme);
        // Включаем радио выбранной темы
        $('#theme_switcher input[value="' + currentTheme + '"').prop('checked', true);
    } 
    // Если не выбирались
    else {
        // Добавляем дефолтную тему
        $('html').addClass('light');
        // Включаем радио дефолтной темы
        $('#theme_switcher input[value="light"]').prop('checked', true);
    };
    </script>

    0

    21

    хтмл-низ

    Код:
    <!-- Админ-меню © max, the murderer! -->
    <script>
        if (GroupID == 1) {$('#pun-navlinks .container li#navadmin').append(`
            <ul class="adminmenu">
                <li><a href="/admin_forums.php">Форумы</a></li>
                <li><a href="/admin_options.php">Настройки</a></li>
                <li class="forms"><a href="/admin_forms.php">Формы</a>
                    <ul>
                        <li><a href="/admin_forms.php#f-general">HTML-верх / низ</a></li>
                        <li><a href="/admin_forms.php#f-announcement">Объявление</a></li>
                        <li><a href="/admin_forms.php#f-form-reply">Форма ответа</a></li>
                    </ul>
                </li>
                <li class="forms"><a href="/admin_files.php">Файлы</a>
                    <ul>
                        <li><a href="/admin_files.php?edit&file=44933.css">Иконки</a></li>
                        <li><a href="/admin_files.php?edit&file=49380.js">Посольства</a></li>
                        <li><a href="/admin_files.php?edit&file=29017.js">Футер</a></li>
                    </ul>
                </li>
                <li><a href="/admin_style.php">Стиль</a></li>
                <li><a href="/admin_fields.php">Поля профиля</a></li>
                <li><a href="/admin_index.php?act=awards">Достижения</a></li>
            </ul>
        `)}
    </script>
    
    
    <!-- Профиль-меню © max, the murderer! -->
    <script>
        if ((GroupID != 3) && (GroupID != 5)) {
            $('#pun-navlinks .container li#navprofile').append(`
            <ul class="profilemenu">
                <li><a href="/profile.php?section=essentials&id=`+UserID+`">Основной</a></li>
                <li><a href="/profile.php?section=personal&id=`+UserID+`">Персональный</a></li>
                <li><a href="/profile.php?action=upload_avatar&id=`+UserID+`">Аватар</a></li>
                <li><a href="/profile.php?section=signature&id=`+UserID+`">Подпись</a></li>
                <li><a href="/profile.php?section=fields&id=`+UserID+`">Дополнительно</a></li>
            </ul>
        `)}
    </script>
    
    <!-- баннеры -->
    <div class="banners">
     <div class="container">
    <a href="http://soullove.ru" target=_blank> <img src="https://upforme.ru/uploads/000e/5d/50/2/23565.png" border="0" alt="soul love"></a>
    <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://upforme.ru/uploads/0019/7e/db/2/13331.png" border="0"/></a> 
    <a href="https://oldshadows.rusff.me/" title="Тёмное фэнтези. Магия. Боги." target="blank"><img src="https://upforme.ru/uploads/001c/03/d9/2/629753.png"></a> 
    <a href="https://nycity.fun/"><img src="https://forumstatic.ru/files/001c/1a/2f/97282.png" alt="New York City: город, где сбываются мечты"> 
    </a> 
    <a href="https://swamptown.f-rpg.me" target=_blank><img src="https://forumstatic.ru/files/001c/70/74/39334.jpg" title="2024 - мистика - ужасы, выживание"></a>
    <a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a>
    <a href="https://romancecclub.rolka.me/" target="_blank"><img src="https://i.postimg.cc/gJfjDJJh/1.png" title="romance club"></a>
    <a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a>
    <a href="https://mayak.f-rpg.me/?utm_medium=banner88forum"><img src="https://forumstatic.ru/files/001b/ff/2a/15151.png" title="Маяк. Сообщество ролевиков, дизайнеров и графистов" alt="Маяк. Сообщество ролевиков, дизайнеров и графистов"></a>
    <a href="https://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://upforme.ru/uploads/001b/b8/74/2/30226.jpg" border="0"></a>
    <a href="https://renaissance.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/69/5f/81613.jpg"></a>
    <a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/91190.png" alt="sinistrum"></a>
    <a href="https://faceinless.ru" target=_blank><img src="https://upforme.ru/uploads/0010/90/43/2/358629.png" title="TVD: FACELESS">
    <a href="https://australis.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/5b/cc/68290.png" title="Австралия || фэнтези, мистика, расы, магия, постап."></a>
    <a href="https://homey.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/0019/47/79/1115/446550.png" title="scotland vibe, multilocation"></a>
    <a href="https://crossfeeling.rusff.me/" target="_blank">
    <img src="https://upforme.ru/uploads/001c/11/e3/2/579101.png" 
    title="crossfeeling"
    border="1" width="88" height="31"></a>
    <a href="https://btwn.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/73/d1/2/897042.png" width="88" height="31"></a>
    <a href="https://eveningstop.rusff.me/" title="кроссовер для уставших" target="_blank"><img src="https://upforme.ru/uploads/001c/6e/7e/17/520762.png" width="88" height="31" border="0"></a>
    <a href="https://pulseofny.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/9e/09/33958.gif" title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a>
    <a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/wilHCK0.gif" width="88px" height="31px" title="supermassive black cross"></a>
    <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/7/856572.png" title="karma cross" border="0" width="88" height="31"></a>
    <a href="https://rift.rolka.me/" title="многожанровое ФЭНТЕЗИ // расы, магия, антуражи" target=_blank> <img src="https://i.imgur.com/ZxUCvfF.png" border="0" alt="Сказания Разлома"></a>
    <a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/6/540412.png" title="oddinary" border="0" alt="oddinary"></a>
    <a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/7ok9BWS.png" title="next door = south korea"></a>
    <a href="https://mmaleficarum.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0014/d2/5e/84309.png" title="malleus maleficarum: hp dark!au 2008"></a>
    <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MW1p42w.gif"  title="BOSTON"></a>
    <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/99/786898.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>
    <a href="https://tenebria.ru/" target=_blank> <img src="https://upforme.ru/uploads/001c/77/b6/18/790340.gif" border="0" alt="Tenebria. Legacy of Ashes " width="88" height="31"/></a>
    <a href="https://gemcross.ru"><img src="https://gdivir.ru/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a>
    <a href="https://hpbreakthewall.rusff.me" target=_blank><img src="https://upforme.ru/uploads/001c/6a/ec/5/708844.png" style="max-width:88px;" title="гп, 3 поколение, отмена Статута"></a>
    <a href="https://alaskahorror.rusff.me" target=_blank><img src="https://forumstatic.ru/files/001b/ee/37/59073.png" border="0" title="longdark" width="88" height="31"></a>
    <a href="https://sweetillusions.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/54/02/9/591284.gif" title="Омегаверс. Рисованные внешности. Шесть полов. Истинные пары."></a>
    <a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ & ВСЕМИРНАЯ ИСТОРИЯ" target="_blank"><img src="https://upforme.ru/uploads/001b/67/7a/2/635203.png"></a>
    <a href="https://aleandtalecross.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/87/f8/10727.jpg" title="Ale and Tale crossover" border="0"width="88" height="31"></a>
    <a href="https://safespace.rusff.me"><img src="https://forumstatic.ru/files/001c/83/e0/56607.jpg"title="Marauders: safe space. ГП 1 поколение, магия крови, 21+"></a>
    <a href="https://marauderschoice.rusff.me" title="Marauders: Your Choice" target="_blank"><img src="https://forumstatic.ru/files/001c/85/8d/59661.gif"></a>
    <a href='https://supremumvale.rusff.me/' target='_blank' title='перси джексон ♥ мифология'><img src='https://upforme.ru/uploads/001c/86/a4/2/844650.png' border='0' width='88' height='31'></a>
    <a href="https://thehaze.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/d4/18/624/512735.png' title="городская мистика в эврика-спрингс" /></a>
    <a href="https://allfleshrots.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/92/89/4/337928.png" title="all flesh rots"></a>
     <a href="https://worldofgoliath.ru" target="_blank"> <img src="https://forumstatic.ru/files/001c/52/36/97696.gif" title="GOLIATH. WORLDS COLLIDE"></a>
    <a href="https://fflops.ru/" target="_blank"> <img src="https://upforme.ru/uploads/001b/86/cf/2/351356.gif" title="FLIP FLOPS" border="0" alt="FLIP FLOPS"></a>
    <a href="https://sjelvik.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/8b/a8/346/769862.gif" title="sjelvik" border="0" alt="sjelvik"></a>
    <a href="https://cursedhallows.rusff.me" target="_blank" title="cursed hallows"><img src="https://forumstatic.ru/files/001c/9c/5d/80683.jpg" border="0" width="88" height="31"></a>
    <a href="https://separation.rusff.me/" target="_blank"> <img src="https://i.imgur.com/54H0VBr.png" title="separation: hp, 3d generation"></a>
    <a href="https://flamevector.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/a4/b9/70/604721.jpg" title="FLAME VECTOR"></a>
    <a href=https://moonsonata.rusff.me/"><img src=https://upforme.ru/uploads/001c/52/69/2/423448.png></a>
     </div>
    </div>
    
    
    
    <script><!--Универсальный скрипт замены. -->
      function UniverСhange(selektor,changed,substitute){
      $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
      $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
    
        UniverСhange("li#navindex","Форум","forum");
        UniverСhange("li#navuserlist","Участники","people");
        UniverСhange("li#navsearch","Поиск","search");
        UniverСhange("li#navprofile","Профиль","profile");
        UniverСhange("li#navpm","Сообщения","messages");
        UniverСhange("li#navadmin","Администрирование","admins");
        UniverСhange("li#navlogout","Выход","logout");
        UniverСhange("li#navlogin","Войти","login");
        UniverСhange("li#navregister","Регистрация","registration");
    
    </script>
    
    <! -- скрипт навигации от духа --> 
    <script type="text/javascript" src="https://forumstatic.ru/files/001a/08/74/57494.js"></script>
    
    <!-- скрипт всплывающей подсказки © Домовой -->
    <script type="text/javascript" src="https://forumstatic.ru//files/001b/95/a1/53719.js"></script>
    
    <script>
      $("#pun-main").prepend($("#pun-crumbs1"));
    </script>
    
    <script>
    document.querySelector('#pun-navlinks ul').insertAdjacentElement('afterend', document.querySelector('.settings_wrap'));
    </script>
    
    <script>
    $(window).on('load scroll',function(){ 
        if ($(this).scrollTop() >= '400') {
            $('#pun-navlinks').addClass("fixed");
        }
        else  {$('#pun-navlinks').removeClass("fixed");}
    });
    </script>
    
    
    <!--- цитаты в категориях --->
    <script>
    $(function () { 
        const quotes = {
            3: "for those who defy our creed and break the succession, death is the only redemption.",
            1: "если смотришь в сюжеты, сюжеты смотрят в тебя",
            4: "акцио рекламный буклетик",
            5: "новые лица - новые истории",
            6: "решаем вопросики",
            7: "если смотришь в сюжеты, сюжеты смотрят в тебя",
            8: "болтаем без смс и регистрации"
        };
    
        Object.entries(quotes).forEach(([num, text]) => {
            $(`<div class="cat_q">${text}</div>`).insertAfter(`.category.category-${num} h2 span`);
        });
    });
      </script>
    <!--- конец --->
    
    <script type="text/javascript">
    $(document).ready(function () {
      $(".slide_button").click(function () {
        let $parent = $(this).closest(".nav_wrap, .settings_wrap");
        let $block = $parent.find(".slide_block");
    
        $(".slide_block").not($block).slideUp();
        $(".slide_button").not(this).removeClass("i_active");
    
        $(this).toggleClass("i_active");
        $block.slideToggle();
      });
    
      $(document).mouseup(function (e) {
        if (!$(e.target).closest(".nav_wrap, .settings_wrap").length) {
          $(".slide_block").slideUp();
          $(".slide_button").removeClass("i_active");
        }
      });
    });
    </script>
    
    <!-- Выделение кода в блоке "Код" © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
    <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
    <script type="text/javascript">select_text.linkText = 'тащим'</script>
    <!-- конец -->
    
    <!-- Чтобы не пропадали посты -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
    <!-- конец -->
    
    <!-- Скрытие профиля в теме тегом © Alex_63 -->
    <style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
    .hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important; width: 100%; box-sizing: border-box;}</style>
    <script>
    FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
    $().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
    </script>
    
    
    <script type="text/javascript">
    $(document).ready(function() {
            $("#float").prependTo($("#post-form"));
    });
    </script>
    
    <script type="text/javascript">
    function Transform_Code_Box_in_HTML(aX){
    var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
    var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
    var L=document.URL.replace(TemLnk,'');
    if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
    L=$("div.topic "+PstId);
    if(L.length==1){
    var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
    L.find(".post-content .code-box:first").replaceWith(Lhtm)
    }}}
    function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
    Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
    }
    $(document).ready(function() {
    $("#pun-viewtopic .post .code-box").each(function(){
    if($(this).text().indexOf('<!--HTML-->')!=-1){
    $(this).wrap('<div class="htmldemo"></div>')
    $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
    }
    });
    });
    </script>
    
    <script>
    $('#pun-index .tcr').each(function(){
    $(this).find('.lastpost, .lastpost-link').wrapAll('<div class="lastmess_wrap">');
    });
    $('.forum .tcr').each(function(){
    $(this).find('a:not(.user-avatar a), .byuser').wrapAll('<div class="lastmess_wrap">');
    });
    $('.post-box').each(function(){
    $(this).find('.post-rating, .post-vote').wrapAll('<div class="rait_wrap">');
    });
    $('.post-author ul').each(function(){
    $(this).find('.pa-posts, .pa-respect, .pa-fld3, .pa-fld4').wrapAll('<div class="field_wrap2">');
    });
    </script>
    
    <script>
    $(document).ready(function(){
        $('#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4').wrapAll('<div class="ststitems"></div>');
    });
    </script>
    
    <!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
    mod by ForumD.ru  -->
        <script type="text/javascript">
        var DefAvtr = 'https://upforme.ru/uploads/001c/86/a4/2/40944.png'; //Ссылка на аватар по умолчанию
        var GuestAvtr = 'https://upforme.ru/uploads/001c/86/a4/2/40944.png'; //Ссылка на аватар для Гостя
    
        $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
          var b = DefAvtr;
          if($(this).text()=='Гость'){b = GuestAvtr;}
          var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li><li class="pa-online" id="guest"></li>';
          if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
        });
        $('#profile-left strong:contains("Нет аватара")')
        .parent().html('<div><img src="'+DefAvtr+'"/></div>');
        </script>
    <!-- Конец -->
    
    <script type="text/javascript">
    var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title]'); 
    var allTitle = title.length;
    for (i=0; i<allTitle; i++){
        title[i].removeAttribute('title');
    }
    </script>
    
    <!--обтекание изображения 2.4.4-->
    <script language="javascript">
    $(function(){
    $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>');
    $('#floatbut, .vibor').click(function(){
    $('div#float').toggle();});
      });
    elm=document.getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content") 
    {
    post = elm[x].innerHTML;
    if(post.indexOf("[/float]") != -1) {
    floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
    elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
    }}
    </script>
    <div id="float" style="display:none;">
    <div><strong>Направление обтекания</strong></div><br>
    <div align="center">
    <img class="vibor" src="https://forumstatic.ru/files/001a/08/74/21552.svg" title="left" onclick="bbcode('[float=left]', '[/float]')" />
    <img class="vibor" src="https://forumstatic.ru/files/001a/08/74/23464.svg" title="right" onclick="bbcode('[float=right]', '[/float]')" />
    </div></div>
    
    <script>
    var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p>2</p></b></td>"
    $("#button-image").after(oldIMG);
    </script>
    
    <!--ТЕГ justify -->
     <style>
        #button-justify {background:transparent}</style>
        <script type="text/javascript">
        $(document).ready(function(){
        $("#post #button-right").after('<td id="button-justify" align="center" valign="center" title="Выравнивание по ширине"><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');});
        </script>
    
    <!--замена тире -->
    <script type="text/javascript">
    $('.post-content p').each(function(){
      var not = /<|>|style|script|\/\*|\*\//gm.test($(this).text())
      function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
      var a = $(this).clone().wrap('<div></div>').parent().html();
      var b = a.replace(/>[^<>]+</gim,replacer);
      if(!not&&a!=b)$(this).replaceWith(b)
    });
    </script>
    
    <!-- тег абзаца -->
    <style>#button-indent {background: transoarent !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>
    
     <!-- ник гостя -->
    <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
    
    
    <script type="text/javascript">
    function show_new() { if(GroupID == 3) return;
    $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые</a></li>');} 
    show_new();
    </script>
    
    <!-- Анти-в-строчку для Сообщений и Репутации © deff -->
    <script type="text/javascript">
    function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
       changeS('#pun-ulinks .item2','Активные темы','Активные');
       changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
       changeS('#pun-ulinks .item7','Всё прочитано','Прочитано');
       changeS('.pa-respect span','<span>+','<span>');
       changeS('#pun-status .item2','Ваш последний визит','Был');
    </script>
    
    <!-- запятая после ника -->
    <script type="text/javascript">
    function to(username)
    {insert('[b]' + username + '[/b]' + ', ');}
    </script>
    <!--конец-->
    
    <!-- Разделение ников пользователей в теме запятой -->
    <script>$('#topic-users-in a').prev('a').after(',');</script>
    <!--конец-->
    
    <!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
    <script type="text/javascript">
        FORUM.imgur_ClientID = '46db9f345dcad43'; //Client-ID для загрузки на imgur.com (опционально)
        FORUM.imageban_TOKEN = 'kAmwEHuOdNbWHmx37ChS'; //TOKEN для загрузки на imageban.ru (опционально)
        </script>
    <script>FORUM.defaultHost = 'uploads'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
    <!-- конец-->
    
    <!-- Отключение сокращения ссылок -->
    <script type="text/javascript"> FORUM.set("editor.link.short_url", function() { return false; }); </script>
    
    <!-- Индикатор активности пользователя © Alex_63 -->
    <script type="text/javascript">
    $('.post-author:not(.online) .pa-author').addClass('offline');
    $('.post-author.online .pa-author').addClass('onlines');
    $('.post').each(function(){
      var PostAuthorLogin = $(this).find('li.pa-author>a').text();
      var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
      var visitTime = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
      $(this).find('.post-author .pa-author.onlines').prepend('<span class="indOnline" title="'+PostAuthorLogin+' на форуме'+activeTime+'">online</span>');
      $(this).find('.post-author .pa-author.offline').prepend('<span class="indOffline" title="'+PostAuthorLogin+' сейчас не на форуме, последний визит: '+visitTime+'.">offline</span>');
    });
    </script>
    <!-- маленько редактуры духа -->
    
    <!--написано символов-->
    <script>var a,L,epl=$("#main-reply"),str='<small id="plng">символов: <b>00</b></small>';epl.parents("#post-form").find("#form-buttons").append(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
    <!--конец -->
    
    <!-- QWERTY-транслитерация © Deff -->
    <script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Латиница ↔ кириллица" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
    $("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
    function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
    lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
    lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
    lat.push('\\[');lat.push('\\]');lat.push('\\.');
    rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
    function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
    </script>
    
    <!-— Мгновенный предпросмотр сообщения © Alex_63 -->
        <script type="text/javascript">
        var PPREV = {};
        PPREV.position = 0; //Положение окна Предпросмотра: 0 — над полем ввода, 1 — под полем ввода, 2 — справа
        PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
        </script>
        <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    
        <!-- Кнопка отключения мгновенного предпросмотра -->
        <script type="text/javascript">(function (){
          var a='Включить быстрый предпросмотр';
          var b='Отключить быстрый предпросмотр';
          var d='_PreviewToggle';
          setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
          getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
          $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').appendTo('#post p.formsubmit');
          var x = ParseContent;
          window.togglePreview = function(sel){//alert(sel.value);
            if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
            if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
          }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
        }())
        </script>
    
    <!---— Шрифты ---->
    <script type="text/javascript" src="https://forumstatic.ru/files/001c/64/37/66955.txt?v=5"></script>
    
    
    <!-- Ссылка на авторский пост в цитате // v.3 © Alex_63, мод. max, the murderer! -->
    <script type="text/javascript">
    $('.quote-box>cite:contains("#")').each(function() {
      var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
      if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
      else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
    });$('#pun-viewtopic .pl-quote>a').each(function() {
      $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
    });
    </script>
    
    <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
    <script>
    hvScriptSet.addMask({
        guestAccess: ['в тридевятом царстве'],
        forumAccessExtended: {
            'канон епта': ['Избранные'],
            'дуэльки': ['Избранные'],
            'квестошная': ['Избранные'],
            'закрываем гештальтики': ['Избранные'],
            'шоу жди меня': ['Избранные', 'На пороге'],
            'флудерастная': ['Избранные', 'На пороге'],
            'че по квестикам': ['Избранные'],
            'цирк уехал клоуны остались': ['Избранные'],
            'выставка себяшек': ['Избранные']
        },
        changeList: {
            'pafld1': {
                title: 'ЛЗ',
                description: '',
                tag: 'info',
                class: 'lz_wrap',
                defaultCode: '<div class=\'lz_wrap\'><div class=\'ank\'><a href="ссылка">имя фамилия, возраст</a></div><div class=\'lz_desc\'>текст лз - <a href=\'ссылка\'>ссылка на любовь</a> конец лз.</div></div>',
                type: 'html'
            }
        },
        userFields: ['pa-fld2', 'pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld3', 'pa-online', 'pa-awards']
    });
    </script>
    
    
    <script>
    $('img[src*="/forumupload"]').attr('src',function(){return this.src.split('/forumupload').join('/forumstatic')})
    $('a[href*="/forumupload"]').attr('href',function(){return this.href.split('/forumupload').join('/forumstatic')})
    $().pun_mainReady(function(){
    $('img[src*="/forumupload"]').attr('src',function(){return this.src.split('/forumupload').join('/forumstatic')})
    $('a[href*="/forumupload"]').attr('href',function(){return this.href.split('/forumupload').join('/forumstatic')});})
    $(function(){
    $('img[src*="/forumupload"]').attr('src',function(){return this.src.split('/forumupload').join('/forumstatic')})
    $('a[href*="/forumupload"]').attr('href',function(){return this.href.split('/forumupload').join('/forumstatic')});})
    </script>
    
    <!--Кнопки вверх вниз-->
    <div class="go-up" id='ToTop'><div class="custom-button"></div>
    </div>
    <div class="go-down" id='OnBottom'><div class="custom-button"></div></div>
    <script type="text/javascript">
     $(function () {
      if ($(window).scrollTop() >= "250") $("#ToTop").fadeIn("slow")
      $(window).scroll(function () {
       if ($(window).scrollTop() <= "250") $("#ToTop").fadeOut("slow")
       else $("#ToTop").fadeIn("slow")
      });
      if ($(window).scrollTop() <= $(document).height() - "999") $("#OnBottom").fadeIn("slow")
      $(window).scroll(function () {
       if ($(window).scrollTop() >= $(document).height() - "999") $("#OnBottom").fadeOut("slow")
       else $("#OnBottom").fadeIn("slow")
      });
      $("#ToTop").click(function () { $("html,body").animate({ scrollTop: 0 }, "slow") })
      $("#OnBottom").click(function () { $("html,body").animate({ scrollTop: $(document).height() }, "slow") })
     });
    </script>
    
    <!-- нужные -->
    <!-- файл с нужными персонажами --> <script src="https://forumstatic.ru/files/001c/86/a4/22007.js?v=5"></script> 
    <script src="https://forumstatic.ru/files/0015/e5/b7/16556.js"></script>
    
    
    <!-- личная страница ч.2 -->
        <div id="character" class="reveal-modal xlarge main container">
        <div class='modal_wrap'></div>
        <div class='modal-links'>
        <a class="close-reveal-modal">закрыть</a>
        <a class="edit-reveal-modal" href="#">редактировать</a>
        </div>
        </div>
    
        <script type="text/javascript">
    function showTab(elem) {
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();  // Скрываем все вкладки
        var activeDiv = $(elem).attr("alt");
        $("div." + activeDiv).css("display", "flex");  // Показываем нужную вкладку с display: flex
        return false;
    }
    $(".modal-link").click(function() {
        var modId = $(this).attr('id');
        $('.modal_wrap').html('');
        $.get('pages/' + modId, function(data) {
            $('.modal_wrap').html($(data).find('.character').html());
        });
        $(".submenutext:first").css("display", "flex");  // Сразу показываем первую вкладку
        $(".submenutext").not(":first").hide();  // Прячем остальные вкладки
    });
    document.addEventListener('DOMContentLoaded', function () {
      const modalLinks = document.querySelectorAll('.modal-link');
    
      modalLinks.forEach(link => {
        link.addEventListener('click', function () {
          const id = this.id;
          const editLink = document.querySelector('.edit-reveal-modal');
    
          if (editLink) {
      editLink.href = `${location.origin}/admin_pages.php?edit_page=${id}`;
          }
        });
      });
    });
        </script>
    
    <script>
    $(document).on("click", ".twinks_tabs-wrap li", function () {
        let tabName = $(this).attr("tab-name");
        let tab = $('.twink-tab[tab-name="' + tabName + '"]');
        if ($(this).hasClass("active")) {
            $(this).removeClass("active");
            tab.hide();
        } else {
            $(".twinks_tabs-wrap li").removeClass("active");
            $(this).addClass("active");
    
            $(".twink-tab").hide();
            tab.css("display", "flex");
        }
    });
        </script>
    
    <script type="text/javascript">$(function() {$('.page-gifts li img').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>
    
    <script>
    document.addEventListener("DOMContentLoaded", function () {
        $(".list-button").on("click", function () {
            const target = $(this).attr("list-name");
    
            $(".list-button").removeClass("active");
            $(this).addClass("active");
    
            $(".list-section").each(function () {
                const sectionName = $(this).attr("list-name");
                if (sectionName === target) {
                    $(this).stop().slideDown(300);
                } else {
                    $(this).stop().slideUp(300);
                }
            });
        });
    });
    </script>

    0

    22

    объявление

    Код:
    <div class="header_banners">
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=80&p=2#p106016"><div>Батори на связи </div></a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=85#p106536"><div>списки на удаление</div></a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=673#p103661"><div>акция месяца</div></a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=1116#p103662"><div>мартовские пазлы</div></a></div>
    
    <div class="header_banners_ep">
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=1136"><div>квест №13 — джулс до 03.04</div></a>
    <a href="https://tempusmagicae.rusff.me/viewtopic.php?id=1137#p106076"><div>квест №14 — эбигейл до 03.04</div></a>
    </div>

    0

    23

    форма ответа

    Код:
    <!-— стикеры/смайлы -->
    <script src="https://forumstatic.ru/files/001c/64/37/50570.js"></script>
    <script>
    $(document).ready(function() {
      hvStickerPack.init("https://forumstatic.ru/files/001c/64/37/90670.txt?v=32");
    });
    </script>
    
    <input type="button" onclick="dice()" value="Кинуть кубики" />
    <script type="text/javascript">
    function dice() {
        var diceRes = "";
        var CountCube = prompt("Количество кубиков", "1");
        var SideCube = prompt("Сколько граней у кубика?", "6");
        
        if (CountCube > 9) {
            alert("Нельзя бросать столько кубиков"); 
            return false;
        }
        if (SideCube > 21) {
            alert("Не бывает таких кубиков"); 
            return false;
        }
        if (!CountCube || !SideCube) {
            return false;
        }
        
        // Генерируем случайный множитель для этого броска (от 1000 до 9999)
        var randomMultiplier = Math.floor(Math.random() * 9000) + 1000;
        
        for (var i = 0; i < CountCube; i++) {
            var dice = Math.floor(Math.random() * SideCube) + 1;
            
            // Уменьшаем вероятность 1 и максимального значения
            if (dice === 1 || dice === parseInt(SideCube)) {
                if (Math.random() < 0.5) {
                    dice = Math.floor(Math.random() * (SideCube - 2)) + 2;
                }
            }
            
            // Добавляем случайный идентификатор броска (от 0 до 999)
            var randomId = Math.floor(Math.random() * 1000);
            diceRes += dice * randomMultiplier + randomId + "-";
        }
        
        // Сохраняем множитель и идентификаторы в строке
        smile('[dice=' + randomMultiplier + '|' + diceRes + CountCube + ':' + SideCube + ']');
    }
    
    function makeDice(dice) {
        // Разделяем множитель и результаты
        var parts = dice.split("|");
        if (parts.length < 2) return "[Ошибка данных]";
        
        var randomMultiplier = parseInt(parts[0]);
        var data = parts[1];
        
        var lastColon = data.lastIndexOf(":");
        var diceParams = data.substring(0, lastColon).split("-");
        var diceC = data.substring(lastColon - 1, lastColon);
        var diceS = data.substring(lastColon + 1);
        
        var diceR = 0;
        var diceRu = "";
        
        for (var i = 0; i < diceParams.length - 1; i++) {
            var combined = parseInt(diceParams[i]);
            if (isNaN(combined)) continue;
            
            // Извлекаем значение (целая часть от деления)
            var val = Math.floor(combined / randomMultiplier);
            diceR += val;
            diceRu += (i === diceParams.length - 2) ? val : val + "+";
        }
        
        return `<div class="quote-box">
                    <blockquote>
                        <p>
                            <b>Количество кубиков</b>: ${diceC}<br>
                            <b>Граней в кубике</b>: ${diceS}<br><br>
                            <b>Результаты броска</b>: (${diceRu})=${diceR}
                        </p>
                    </blockquote>
                </div>`;
    }
    
    // Остальные функции (addDice и обработка страницы) остаются без изменений
    function addDice(str, from, internal) {
        var pos = str.indexOf("[dice=", from);
        if (pos === -1) return str;
        
        var pos2 = str.indexOf("]", pos + 6);
        if (pos2 === -1) return str;
        
        var newpos = str.indexOf("]", pos + 6);
        if (newpos < pos2 && newpos !== -1) {
            str = addDice(str, pos + 6, true);
        }
        
        pos2 = str.indexOf("]", pos + 6);
        if (pos2 === -1) return str;
        
        str = str.substring(0, pos) + 
              makeDice(str.substring(pos + 6, pos2)) + 
              str.substring(pos2 + 1);
        
        if (str.indexOf("[dice=") !== -1 && !internal) {
            str = addDice(str, 0, false);
        }
        return str;
    }
    
    if (document.URL.indexOf("viewtopic.php") !== -1) {
        var elm = document.getElementById("pun-main").getElementsByTagName("div");
        for (var x in elm) {
            if (elm[x].className === "post-content") {
                elm[x].innerHTML = addDice(elm[x].innerHTML, 0, false);
            }
        }
    }
    </script>
    
    <!-- FILL CODE AS FORM (info: https://github.com/4eDo/mybb/tree/main/fill_code_as_form#readme )-->
    <input type="button" class="button" id="templateBtn" onclick="showTemplateWindow()" value="Коды" style="margin-top:-20px;margin-left:10px;display: none; width: auto; padding: 0 10px;">
    <div>
    <div class="tmpl_overlay"></div>
    <div class="tmpl_popup" style="display:none">
    <div id="tmpl_back-button" onclick="showTemplatesList()" style="display:none">Назад</div>
    <div id="tmpl_close-button" onclick="hideTemplateWindow()">x</div>
    <div id="templatesList"></div>
    <div id="targetForm" style="display:none"></div>
    </div>
    </div>
    <script>
    const COLOR_INPUT_TEXT_fcaf = "color: #000000 !important";
    const NEED_HIDE_NAVLINKS = false;
    const TEMPLATE_SRC = "https://forumstatic.ru/files/001c/64/37/40911.html?v=110";
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/001c/64/37/75805.js?v=2"></script>
    <!-- end FILL CODE AS FORM -->

    0

    24

    Код:
    @import url(style_cs.css);
    
    /* используются в дизайне */
    @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
    @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    
    /* Иконический шрифт */
    @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
    
    /* Font Awesome */
    @import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
    
    @font-face {
      font-family: 'Rostov';
      src: url('https://forumstatic.ru/files/001c/86/a4/30808.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'misto';
      src: url('https://forumstatic.ru/files/001c/86/a4/82016.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'Kindentosca';
      src: url('https://forumstatic.ru/files/001c/86/a4/46046.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }
    
    .across-brigadier {
      font-family: 'Brigadier', serif;
    }
    
    .across-soyuz {
      font-family: 'Soyuz', serif;
      font-weight: 700;
    }
    
    .across-kindentosca {
      font-family: 'Kindentosca', serif;
    }
    
    
    /****************************************
    Чистый стиль by Alex Kolmar (бродяга)
    ****************************************/
    
    /* Полезные сервисные настройки
    -------------------------------------------------------------*/
    
    .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 .required label em,
    .punbb .formsubmit label,
    .punbb .submitfield label,
    .punbb .modmenu label,
    .punbb .divider hr,
    #pun-userlist .main h2 {
      font-size: 0;
      height: 0;
      width: 0;
      line-height: 0.0;
      position: absolute;
      left: -9999px;
      overflow: hidden;
    }
    
    #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;
    }
    
    
    /* Основные переменные
    ------------------------------------------*/
    
    :root {
    --links: #705A32;
      --body-bg: #E4A598;
      --pun-bg: #FCF9ED;
      --sec-bg: #fbeede;
      --link: #D47266;
      --link-hover: #B6D2F9;
      --text-color: #302F2D;
      --accent: #F6D6A3;
      --pwidth: 240px;
      --pad1: 10px 20px;
      --pad2: 5px 20px;
      --pad3: 5px 10px;
      --msr: "Material Symbols Rounded";
      --fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
      --zagolovok: "Rostov";
      --extra-font: "misto"; 
      --main-font: "Inter";
      --text2: #636456;
      --opac1: rgba(182, 210, 249, 0.5);
      --opac2: rgba(246, 214, 163, 0.5);
      --opac3: rgba(208, 201, 191, 0.35);
      --guest-opac: rgba(252, 249, 237, .65);
      --tablica-bg: url(https://forumstatic.ru/files/001c/86/a4/41207.png?v=1);
      --bg-img: url(https://forumstatic.ru/files/001c/86/a4/79449.png?v=1);
      --go-up: url(https://forumstatic.ru/files/001c/86/a4/88134.png);
      --go-down: url(https://forumstatic.ru/files/001c/86/a4/90067.png);
      --cat-bg: url(https://forumstatic.ru/files/001c/86/a4/29015.png);
      --new-msg: url(https://forumstatic.ru/files/001c/86/a4/43232.png);
      --online-img: url(https://forumstatic.ru/files/001c/86/a4/56606.png);
       --pun: #ADA8A2 url(https://forumstatic.ru/files/001c/71/c5/53215.png);
    --star: url(https://forumstatic.ru/files/001c/86/a4/96717.png);
    --dark600: #2F2D2A;
    --beg100: #ADA8A2;
    --beg300: #A8A39B;
    --beg350: #ADA8A1;
    --beg500: #B6B1AA;
        --text1: #2F2D2A; /* black */
        --text2: #585149; /* light black */
        --text3: #B1ACA6; /*white*/
        --text4: #DDD8CE; /*semiwhite*/
        --links: #705A32;
        --font: Inter;
        --font-accent: Great Vibes;
        --font-accent2: Great Vibes;
    }
    
    
    .dark {
    --links: #705A32;
      --body-bg: #D7C4A6;
      --pun-bg: #977A77;
      --sec-bg: #a8837b;
      --link: #E29A9A;
      --link-hover: #B7A2B0;
      --accent: #D3A993;
      --pwidth: 240px;
      --pad1: 10px 20px;
      --pad2: 5px 20px;
      --pad3: 5px 10px;
      --msr: "Material Symbols Rounded";
      --fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
      --zagolovok: "Rostov";
      --extra-font: "misto"; 
      --main-font: "Inter";
      --text2: #636456;
      --opac1: rgba(182, 210, 249, 0.5);
      --opac2: rgba(223, 171, 146, 0.5);
      --opac3: rgba(208, 201, 191, 0.35);
      --guest-opac: #BF9E9B;
      --tablica-bg: url(https://forumstatic.ru/files/001c/86/a4/41515.png);
      --bg-img: url(https://forumstatic.ru/files/001c/86/a4/46763.jpg);
      --cat-bg: url(https://forumstatic.ru/files/001c/86/a4/35756.png);
      --new-msg: url(https://forumstatic.ru/files/001c/86/a4/98876.png);
      --online-img: url(https://forumstatic.ru/files/001c/86/a4/13403.png);
       --pun: #ADA8A2 url(https://forumstatic.ru/files/001c/71/c5/53215.png);
    --star: url(https://forumstatic.ru/files/001c/86/a4/14311.png);
    --dark600: #2F2D2A;
    --beg100: #ADA8A2;
    --beg300: #A8A39B;
    --beg350: #ADA8A1;
    --beg500: #B6B1AA;
        --text1: #2F2D2A; /* black */
        --text2: #585149; /* light black */
        --text3: #B1ACA6; /*white*/
        --text4: #DDD8CE; /*semiwhite*/
        --links: #705A32;
        --font: Inter;
        --font-accent: Great Vibes;
        --font-accent2: Great Vibes;
      --nav-bg: #A3A1AD;
      --fill-forms: #9D8D92;
      --light-purple: #AA9FB6;
      --profile-text: #8B6B62;
      --profile-light: #D7C4A6;
      --profile-opac: rgba(237, 185, 152, 0.5);
    }
    
    .dark .tablica {height: 316px;}
    .dark #pun .category h2 .cat_q {color: var(--pun-bg)}
    .dark #pun-index .category table tr:not(:last-child) {border-bottom: 1px solid var(--accent)}
    .dark #pun .tclcon .slider-content h3 a {color: var(--pun-bg)!important;}
    .dark #pun .tclcon .slider-content h3 a:hover {color: var(--text-color);}
    .dark .slider-item {border: 1px solid #D49D80}
    .dark .lore_nav .slide_button, .dark .ams-wrap .slide_button {color: var(--pun-bg);}
    .dark .nav_button {color: var(--body-bg)!important; 
    background: var(--nav-bg)!important}
    .dark .nav_block .link a {background: var(--pun-bg)!important; ;
    color: var(--body-bg)!important; }
    .dark .nav_block .link a:hover {background: var(--nav-bg)!important; } 
    .dark .ep span {color: var(--body-bg)}
    .dark .ep span a {color: #A58487!important}
    .dark .ep {left: 799px;
    top: 216px}
    .dark .slide_button {color: var(--body-bg)}
    .dark .tcl h3 a, .dark .post-content a {color: var(--link)!important;}
    .dark .guest-ams-title {color: var(--accent)}
    .dark .guest-body {color: var(--light-purple);}
    .dark .guest-title {color: #F9ABAB;}
    .dark #pun #code_wrap a.get-code, .dark .guest-ban {background: var(--fill-forms);}
    .dark #code-text {    background: var(--fill-forms);
        color: var(--body-bg);
    }
    .dark .guest-links a {background: #D49D80;
    color: var(--body-bg)!important}
    .dark .news-main-section {background: #A78E93;}
    .dark .news-main-title {background: var(--link);}
    .dark .news-wrapper {background: linear-gradient(180deg, var(--profile-light) 0%, #D3A993 100%);}
    .dark .news-persons-title, .dark .news-persons-item a, .dark .news-persons-item span {color: var(--pun-bg)!important;}
    .dark .news-persons-title a:hover {color: var(--link-hover)}
    .dark .news-persons-item for-episode a {color: var(--pun-bg)!important;}
    .dark .punbb .post-sig dt { background:   linear-gradient(90deg, rgba(135, 122, 98, 0) 0%, var(--accent) 15%, var(--accent) 85%, rgba(135, 122, 98, 0) 100%);}
    .dark .news-text-content p a:hover {color: var(--pun-bg)!important}
    .dark .list-button.active {background: var(--link);
    color: var(--pun-bg)}
    .dark .list-button:not(.active) {border: 1px solid var(--profile-light);
    background: rgba(226, 154, 154, 0.5);}
    .dark .list-items {background: #A78E93!important;
    border: 1px solid var(--profile-light)!important;}
    .dark .pa-author {background: var(--light-purple);
    color: var(--profile-text);}
    .dark .pa-title {color: var(--profile-light)!important;}
    .dark .lz_desc a {color: var(--body-bg);}
    .dark .pa-fld1 {background: var(--profile-opac);}
    .dark .post-author {background: #755E59;}
    .dark .pa-posts, .dark .pa-respect, .dark .pa-fld3, .dark .pa-fld4 {background: var(--profile-opac);}
    .dark .html_main_title {background: var(--sec-bg);}
    .dark .store--description {background: #A78E93!important;}
    .dark #pun-navlinks .container a {color: var(--link)!important}
    .dark #pun-navlinks .container a:hover {color: var(--link-hover)!important}
    .dark input[type="text"], .dark input[type="password"], .dark textarea, select {border: 1px solid var(--sec-bg)!important;}
    .dark input.button, .dark #pun-admain input.button, .dark #sub4, .dark input[type="button"], .dark input[type="submit"] {border: 1px solid var(--sec-bg);
    background: var(--opac2);}
    i.dark nput.button:hover,
    .dark #pun-admain input.button:hover,
    .dark #sub4:hover,
    .dark input[type="button"]:hover,
    .dark input[type="submit"]:hover {background: var(--body-bg);
    color: var(--text-color);}
    .dark #tooltip {background: var(--sec-bg);}
    .dark .personal_banner {background: var(--light-purple);}
    .dark .twinks_tabs-wrap li {color: var(--body-bg);
        background: var(--pun-bg);}
    .dark .twinks_tabs-wrap li.active {background: var(--body-bg);
    color: var(--pun-bg);}
    .dark .personal_page-info {    background: var(--opac3);}
    .dark .menu-links span {background: var(--accent);}
    .dark .page-awards li {border: 1px solid var(--sec-bg)!important;}
    .dark .page_ava {5px solid var(--sec-bg) !important;}
    .dark #pun-index .tcr a.lastpost-link:hover, .dark li#onlinelist a:hover {color: var(--link)!important}
    .dark .post h3 a, .dark .post h3 strong {color: var(--link);}
    .dark .guest-links a:hover {color: var(--pun-bg)!important;}
    .dark #code-text, .dark .guest-faces li, .dark .guest-roles li, .dark .guest-faces, .dark .guest-roles, .dark .guest-ban {color: var(--text-color)!important}
    .dark .guest-faces li a:hover, .dark .guest-roles li a:hover  {color: var(--pun-bg)!important;}
    .dark .guest-faces li a, .dark .guest-roles li a {color: var(--body-bg)!important;}
    .ank a {
    	color: var(--text2) !important;
    	font-weight: 700
    }
    .ank a:hover {
    	color: var(--body-bg) !important;
    }
    .dark #pun hr {
        background: linear-gradient(90deg, rgba(135, 122, 98, 0) 0%, var(--body-bg) 50.48%, rgba(135, 122, 98, 0) 100%);}
    #knopfors a:hover  {  color: var(--text-color)!important;
    }
    .dark .post-content ul li a {color: var(--body-bg)!important}
    .dark .post-content ul li a:hover {color: var(--pun-bg)!important}
    .dark .quote-box cite, .dark .quote-box cite a, .dark .code-box strong.legend, .dark .code-box .legend-processed a, .dark post-mention, .dark .quote-box.quote-main a {color: var(--profile-text)!important}
    .dark .code-box .legend-processed a:hover, .dark .quote-box cite a:hover, .dark .quote-box.quote-main a:hover {color: var(--pun-bg)!important}
    .dark .news-text-content a {color: var(--profile-text)!important}
    .dark .news-text-content a:hover {color: var(--body-bg)!important}
    .dark .news_text_content a, .dark a.post-mention {color: var(--profile-text)!important}
    .dark .news_text_content a:hover, .dark a.post-mention:hover {color: var(--body-bg)!important}
    .dark .quote-box, .dark .code-box {border: 1px solid var(--pun-bg)}
    
    
    /* Global
    ------------------------------------------*/
    
    /* Применяется ко всем элементам */
    
    * {
      margin: 0;
      padding: 0;
      border: none;
      text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    
    /* прокрутка 
    -------------------------------------------------- */
    
    /* Хром etc */
    
    @supports selector(::-webkit-scrollbar) {
    
      *::-webkit-scrollbar-thumb {
        background: var(--link);
      }
    
      *::-webkit-scrollbar-thumb:hover {
        background: var(--link-hover);
        cursor: default;
      }
    
      *::-webkit-scrollbar-track {
        background: var(--sec-bg);
      }
    
      *::-webkit-scrollbar {
        width: 7px;
        height: 7px;
      }
    }
    
    /* Мозилла */
    
    @supports not selector(::-webkit-scrollbar) {
      * {
        scrollbar-width: thin;
        scrollbar-color: var(--link-hover) var(--sec-bg);
      }
    }
    
    /* выделение текста */
    
    ::selection {
      background: var(--link);
      color: var(--pun-bg);
    }
    
    :focus {
      outline: none;
    }
    
    /* все ссылки */
    
    a,
    .punbb #pun-admain a {
      text-decoration: none;
      color: var(--link);
      transition: all .2s linear 0s;
    font-weight: bold;
    }
    
    a:hover,
    .punbb #pun-admain a:hover {
      color: var(--link-hover);
    }
    
    /* все заголовки */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre {
      margin: 0;
    }
    
    h1,
    h2 {
      padding: 10px 20px;
      font-weight: normal;
      text-align: center;
    }
    
    ul,
    dl,
    li,
    dd,
    dt {
      list-style: none;
    }
    
    address,
    em {
      font-style: normal;
    }
    
    /* выключить список модераторов, отредактировано etc */
    
    .modlist,
    .lastedit,
    .punbb div#pun-live-rusff,
    .punbb .topic a.sharelink {
      display: none;
    }
    
    /* модальные окна, репутация, закладки etc */
    
    #tags .container,
    .post_report,
    .post_reputation,
    #MyBookmarks,
    .inner.popup_graffiti,
    .pun-modal .modal-inner,
    .punbb-admin #pun-admin-award-form .inner {
      background: var(--pun-bg);
    }
    
    /* Формы
    ------------------------------------------- */
    
    /* ОФОРМЛЕНИЕ КНОПОК */
    
    input.button,
    #pun-admain input.button,
    #sub4,
    input[type="button"],
    input[type="submit"] {
      padding: 2px 10px;
      border: 1px solid var(--link-hover);
      cursor: pointer;
      transition: all .2s linear 0s;
    border-radius: 20px;
    background: var(--sec-bg);
    text-transform: lowercase;
    color: var(--text-color);
    font-size: 12px;
    font-weight: bold;
    }
    
    input.button:hover,
    #pun-admain input.button:hover,
    #sub4:hover,
    input[type="button"]:hover,
    input[type="submit"]:hover {background: var(--link);
    color: var(--pun-bg);
      border: 1px solid var(--link-hover);}
    
    /* ОФОРМЛЕНИЕ ПОЛЕЙ ВВОДА */
    
    input[type="text"],
    input[type="password"],
    textarea,
    select {
      padding: 2px 5px;
      border: 1px solid var(--link-hover);
    background: var(--pun-bg);
    }
    
    textarea,
    input,
    select,
    optgroup {
      font-size: 12px;
    }
    
    optgroup {
      font-weight: bold;
    }
    
    /* флажки и чекбоксы */
    
    .checkfield input[type="checkbox"],
    .radiofield input[type="radio"] {
      margin: 0 3px;
    }
    
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 20px;
      vertical-align: middle;
    }
    
    .formal .container {
      padding: var(--pad1);
    }
    
    .formsubmit {
      padding: 0;
      margin: -10px 0 0 0;
    }
    
    .formsubmit input,
    .formsubmit a,
    .formsubmit span {
      margin: 0 6px 0 0;
    }
    
    fieldset {
      border: none;
    }
    
    fieldset legend {
      font-weight: bold;
    }
    
    fieldset fieldset {
      border: none;
      margin: 0;
      padding: 0 0 8px 0
    }
    
    .fs-box {
      padding: 5px 0;
    margin-bottom: 30px!important;
    }
    
    .fs-box .post-body {padding-top: 10px;}
    
    .fs-box p,
    .fs-box fieldset {
      padding: 0 0 8px 0;
    }
    
    .inline .inputfield,
    .inline .selectfield,
    .inline .passfield {
      float: left;
      margin-right: 10px;
    }
    
    .inline .infofield {
      clear: both
    }
    
    .datafield br {
      display: none
    }
    
    .required label,
    .datafield span.input {
      font-size: 10px;
    }
    
    textarea,
    .longinput input {
      width: 64%;
      margin: 0;
    }
    
    .hashelp {
      position: relative;
    }
    
    
    /* Админка
    ------------------------------------------*/
    
    .punbb-admin .adcontainer,
    .punbb-admin .adformal {
      border: none;
    }
    
    
    /* Тело форума
    ------------------------------------------*/
    
    /* фон */
    
    html {
      background: var(--body-bg) url() no-repeat top center;
    }
    
    /* заплатка для фиксированного фона */
    
    body::before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      min-width: 100vw;
      min-height: 100vh;
      z-index: -10;
      background: var(--bg-img) no-repeat top center/cover;
    }
    
    /* тело */
    
    #pun {
    width: 1000px;
      margin: auto;
    position: relative;
      background: var(--pun-bg);
    border-radius: 40px!important;
    margin-top: 310px;
    }
    
    /* внутреннее тело */
    
    .punbb {
      font-size: 10px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    font-weight: normal;
    color: var(--text-color);
    }
    
    /* настройки внутренних блоков */
    
    .punbb > div .container {
      padding: var(--pad1);
    position: relative;
    z-index: 1;
    }
    
    /* Навигационные ссылки */
    
    #pun-navlinks {position: sticky;
    top: 0;
    background: var(--pun-bg);
    z-index: 100;
    height: 30px;}
    
    #pun-navlinks .container {
    text-align: center;
        font-family: var(--zagolovok);
        font-size: 16px;
    letter-spacing: 0.07em;
    position: relative;
    z-index: 100;
    text-transform: uppercase;
    }
    
    #pun-navlinks .container:after {
      display: none;
    }
    
    #pun-navlinks li {
      padding: 0 5px;
      display: inline;
    }
    
    /* Пользовательские ссылки */
    
    #pun-ulinks {position: sticky;
    top: 30px;
    background: var(--pun-bg);
    z-index: 10;}
    
    #pun-ulinks .container {
      text-align: center;
    font-family: var(--main-font);
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    position: relative;
    width: 99%!important;
    height: 8px;
    }
    
    #pun-ulinks .container a {font-weight: normal;
    color: var(--text-color)}
    
    #pun-ulinks li {
      padding: 0 5px;
      display: inline;
    }
    
    /* Статус */
    
    #pun-status {font-size: 10px;}
    #pun-status .container {position: relative;
    }
    
    #pun-status span {
      white-space: nowrap;
      margin-right: 5px;
    }
    
    .punbb #pun-status .status-right {
    }
    
    /* Хлебные крошки */
    
    .crumbs.container {position: relative;
    z-index: 10;
    text-transform: lowercase;
    padding-bottom: 20px!important;}
    
    /* Копирайт */
    
    #pun-about {}
    
    #pun-about .container {
      text-align: center;
    }
    
    
    /* Основная форумная таблица
    ------------------------------------------*/
    
    .main table {
    table-layout: fixed;
        width: 96%;
        background: var(--sec-bg);
        padding-bottom: 14px;
    border-radius: 20px;
    margin-left: 20px;
    }
    
    #pun-index .main table {border-radius: 0 0 20px 20px !important;}
    
    .main th {
      padding: 5px 10px;
    display: none;
    }
    
    .main td {
      padding: 10px;
    }
    
    
    .tcl h3 a {font-family: var(--zagolovok);
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    color: var(--link);
    }
    
    .tcl {
      width: 66%;
    }
    
    .tcl h3 a:hover {color: var(--link-hover);}
    
    .tc2,
    .tc3,
    .tcmod {
      text-align: center;
      width: 6%;
    }
    
    .tcr {
      width: 35%;
    }
    
    
    #pun-index .tcr a.lastpost-link {
    	font-weight: 700;
    	font-size: 12px;
    	display: inline-block;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	height: auto;
    	width: 255px;
    	white-space: nowrap;
    	line-height: 140%;
    color: var(--text-color);
    }
    #pun-index .tcr a.lastpost-link:hover {color: var(--link)}
    
    #pun-searchtopics .tcl,
    #pun-modviewforum .tcl {
      width: 40%
    }
    
    #pun-searchtopics .tc2 {
      text-align: left;
      width: 20%;
    }
    
    #pun-debug table .tcl {
      width: 15%;
    }
    
    #pun-debug .tcr {
      width: 90%;
    }
    
    tbody.hasicon td.tcl {
      padding-left: 40px;
    text-transform: lowercase;
    }
    
    #pun-main td, #pun-main tr {position: relative;
    }
    
    .forum tr {
    	display: flex;
    	padding: 0px !important;
    	gap: 40px;
    	align-items: center;
    }
    
    /* аватар */
    
    .punbb td .user-avatar {
    
    }
    
    .punbb td .user-avatar .avatar-image {
    border-radius: 10px;
    }
    .punbb td .user-avatar .avatar-image::after {
      content: "";
      position: absolute;
      inset: 0;          
      background: var(--opac1); 
      pointer-events: none;     
    border-radius: inherit;
    }
    
    /* Иконки */
    
    div.icon {
      position: absolute;
      margin-left: -30px;
      width: 20px;
      height: 20px;
      background: var(--accent) url() no-repeat top center;
    border-radius: 50%;
    }
    
    tr.inew div.icon {
      background: var(--text2) url() no-repeat top center;
    }
    
    tr.isticky div.icon {
      background: var(--link-hover) url() no-repeat top center;
    }
    
    tr.iclosed div.icon {
      background: var(--link) url() no-repeat top center;
    }
    
    
    /* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
    --------------------------------------------------------------------------------------------------- */
    
    .multipage {
      margin-top: 10px;
    }
    
    .multipage h1, .multipage h2 {
       display: none;
    }
    
    .linkst {
      position: relative;
      padding: var(--pad2);
      display: flex;
      justify-content: space-between;
    }
    
    .linkst .pagelink {padding-bottom: 5px;}
    
    .linkst .postlink {
      text-align: right;
    }
    
    .linksb {
      position: relative;
      padding: var(--pad2);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    
    .linksb .pagelink {
      order: -1;
    }
    
    .subscribelink {
      width: 100%;
      text-align: right;
    }
    
    .linksb noindex {
      order: 1;
    }
    
    .linksb .postlink {
      margin-left: auto;
      text-align: right;
    width: auto;
    }
    
    /* Модераторское меню, RSS, Atom */
    
    .modmenu .container {
      padding: var(--pad3);
      text-align: right;
    }
    
    .modmenu .container strong {
      float: left;
    }
    
    .modmenu input {
      margin-left: 10px;
    }
    
    #topic-users-in a:not(:last-child)::after {
      content: ',';
    }
    
    /* Главная страница
    ------------------------------------------*/
    
    /* скрыть "форум, тем, сообщений" */
    
    #pun-index thead, #pun-index .tc2, #pun-index .tc3 {
      display: none;
    }
    
    /* категория */
    
    #pun-index .category {}
    
    
    /* заголовок категории */
    
    #pun-index .category h2 {
    position: relative;
        font-style: normal;
        height: 20px;
        background: var(--cat-bg) repeat no-repeat;
        width: 882px;
        left: 40px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    top: 12px;
        margin-top: 10px;
        flex-direction: column;
    }
    
    #pun-index .category h2 span { font-family: var(--zagolovok);
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--pun-bg);
    }
    
    #pun .category h2 .cat_q {
    color: var(--link);
        font-size: 10px;
        margin: 0;
        text-align: center;
        white-space: nowrap;
        padding: 0px 4px;
        letter-spacing: 0.07em;
        font-weight: 700;
    margin-bottom: 4px;
    }
    
    /* левая колонка (форумы) */
    
    #pun-index tbody.hasicon td.tcl {
      padding: 10px;
    }
    
    #pun-index .intd {
      display: flex;
      gap: 10px;
        margin-left: 30px;
    margin-top: 10px;
    }
    
    /* иконки на главной */
    
    #pun-index div.icon {
      position: relative;
      margin: 0;
      flex-shrink: 0;
    display: none;
    }
    
    #pun-index .inew div.icon {background: var(--new-msg) no-repeat top center;
        height: 42px;
        width: 16px;
        background-size: contain;
        display: block;
        position: absolute;
    top: 35px;
    left: -17px;}
    
    /* аватар в последнем сообщении */
    
    #pun-index td .user-avatar a {
      display: inline-block;
      position: relative;
    }
    
    #pun-index td .user-avatar {}
    
    #pun-index td .user-avatar .avatar-image {}
    
    /* Статистика */
    
    #pun-stats {}
    
    /* заголовок статистики */
    
    #pun-stats h2 {display: none}
    
    #pun-stats  .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: right;
      gap: 13px;
    text-transform: lowercase;
    }
    
    #pun-stats  .container a {color: var(--text-color);}
    #pun-stats  .container a:hover {color: var(--link)} 
    
    /* всего тем, всего сообщений, зарегистрированных, последний зарегистрировавшийся */
    
    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4 {
    background: var(--accent);
    color: var(--text-color);
    border-radius: 3px;
    padding: 5px;
    }
    
    #pun-stats li.item4 a {color: var(--text-color);}
    #pun-stats li.item4 a:hover {color: var(--link)} 
    
    /* активны, посетили за сутки */
    
    li#onlinelist {
      margin-top: 10px;
      text-align: justify;
      width: 100%;
    }
    
    /* Шапка
    ------------------------------------------*/
    
    #pun-title {
    }
    
    /* скрыть заголовок в шаке */
    
    #pun-title .title-logo {
      display: none;
    }
    
    /* содержимое шапки в html-верх */
    
    
    .tablica {position: absolute;
        width: 1000px;
        height: 315px;
        margin-top: -312px;
    }
    
    .tablica::before{
    content: "";
        position: absolute;
        width: 1000px;
        inset: 0;
        background: var(--tablica-bg) no-repeat center;
        background-size: contain;
        z-index: -1;
    }
    
    .forum-about {
        position: absolute;
        font-size: 10px;
        letter-spacing: 0.05em;
        text-transform: lowercase;
    top: 83px;
        font-weight: normal;
        left: 448px;
    }
    
    .wr-1, .wr-2, .wr-3 {    position: absolute;
        border-radius: 50%;
        width: 33px;
        height: 33px;}
    .wr-1 {
    top: 43px;
        left: 198px;
    }
    
    .wr-2 {
        top: 68px;
        left: 156px;
    }
    
    .wr-3 {
    top: 94px;
        left: 200px;
    }
    
    .wr-1 img, .wr-2 img, .wr-3 img {border-radius: 50%;
        object-fit: cover;
    filter: grayscale(1);
        object-position: top center;
    width: 33px;
        height: 33px;}
    
    .wr-1 a::before, .wr-2 a::before, .wr-3 a::before  {
        content: '';
        width: 33px;
        height: 33px;
        position: absolute;
        border-radius: 50%;
        background: var(--opac2);
        z-index: 2;
    }
    
    .wr-1 a:hover:before, .wr-2 a:hover:before, .wr-3 a:hover:before {
      background: var(--textcolor);
    opacity: 0;
    }
    
    .act-1, .act-2, .act-3 {    position: absolute;
        border-radius: 50%;
        width: 33px;
        height: 33px;}
    .act-1 {
    top: 124px;
        left: 799px;
    }
    
    .act-2 {
    top: 146px;
        left: 840px;
    }
    
    .act-3 {
    top: 175px;
        left: 876px;
    }
    
    .act-1 img, .act-2 img, .act-3 img {border-radius: 50%;
        object-fit: cover;
    filter: grayscale(1);
        object-position: top center;
    width: 33px;
        height: 33px;}
    
    .act-1 a::before, .act-2 a::before, .act-3 a::before  {
        content: '';
        width: 33px;
        height: 33px;
        position: absolute;
        border-radius: 50%;
        background: var(--opac2);
        z-index: 2;
    }
    
    .act-1 a:hover:before, .act-2 a:hover:before, .act-3 a:hover:before {
      background: var(--textcolor);
    opacity: 0
    }
    
    .ep {display: flex;
        flex-direction: column;
        position: absolute;
        top: 221px;
        width: 222px;
        height: 33px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.05em;
        left: 786px;
    }
    
    .ep span {font-family: var(--zagolovok);
    color: var(--link);
    font-size: 12px;}
    
    /* Объявление
    ------------------------------------------*/
    
    #pun-announcement {}
    
    /* скрываем слово "объявление" */
    
    #pun-announcement h2 {
      display: none;
    }
    
    
    /* Футер
    ------------------------------------------*/
    
    #html-footer {position: relative}
    
    #html-footer .container {padding: 0;}
    
    /* баннеры */
    .banners {
    padding: var(--pad1);
        background: var(--accent);
        border-radius: 10px;
        margin-left: 40px;
        width: 886px;
        position: absolute;
        bottom: -60px;
    }
    
    .banners .container {    height: 31px;
        overflow-y: scroll;
    margin-left: 20px;}
    
    .banners a {
      opacity: .7;
    }
    
    .banners a:hover {
      opacity: 1;
    }
    
    
    /* Топик
    ------------------------------------------*/
    
    .post {
      margin-top: 10px;
    }
    
    .toppost,
    .topicpost {
      margin-top: 0;
    }
    
    /* контейнер поста */
    
    .post .container {
      display: flex;
      flex-wrap: wrap;
      align-items: start;
        border-radius: 20px;
    background: var(--sec-bg);
        margin: 14px;
    box-sizing: border-box;
    margin-bottom: 30px;
    }
    
    /* дата и номер поста */
    
    .post h3 {
    text-align: center;
        margin: 0 auto;
        border-radius: 3px;
        position: absolute;
        left: 25px;
        padding: 5px;
        margin-top: -22px;
    }
    
    
    .post h3 a {color: var(--body-bg);
        font-weight: bold;
        text-transform: lowercase;}
    
    .post h3 span {
      display: block;
    }
    
    /* номер поста */
    
    .post h3 strong {
    text-align: center;
        float: right;
        font-weight: bold;
        padding-left: 5px;
        color: var(--body-bg);
        letter-spacing: 0.05em;
    }
    
    .post h3 strong:before {
    	content: ", #";
    margin-left: -4px!important;
    }
    
    /* Автор */
    
    .post-author {
    }
    
    .post-author ul {
      padding: 10px;
    }
    
    .lz {
      margin: 10px 0;
    }
    
    .lz .name {
      margin: 0 auto 5px;
      display: block;
    }
    
    
    
    .pa-online,
    .pa-last-visit {}
    
    .pa-online {
      position: relative;
      margin: 10px auto 0;
      width: fit-content;
      height: fit-content;
      cursor: pointer;
    }
    
    .pa-online:before {
      content: "online";
      font-weight: bold;
    }
    
    .pa-online strong {
      position: absolute;
      margin-right: -50%;
      transform: translate(-50%, 100%);
      padding: 5px 10px;
      left: 50%;
      opacity: 0;
      background: rgba(0,0,0,.7);
      box-sizing: border-box;
      white-space: nowrap;
      transition: opacity .2s linear 0s;
      pointer-events: none;
      color: var(--pun-bg);
    }
    
     .pa-online strong::after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: -10px;
        left: 50%;
        border-bottom: 10px solid rgba(0,0,0,.7);
        top: -10px;
    }
    
    .pa-online:hover strong {
      opacity: 1;
    }
    
    
    /* Тело поста */
    
    .post-body {
      width: calc(100% - var(--pwidth));
    }
    
    .post-box {
      padding: 5px 0 10px 30px;
    }
    
    .post-links {
      margin-left: var(--pwidth);
      width: 100%;
    text-transform: lowercase;
    margin-top: 15px;
    }
    
    .post-links ul {
      padding: 0;
      margin-left: calc(var(--pwidth) * -1);
      text-align: right;
    }
    
    .post-links li {
      display: inline;
    }
    
    .post-links li:not(:first-of-type) {
      padding-left: 10px;
    }
    
    .pl-email,
    .pl-website {
      float: left;
    }
    
    .clearer {
      clear: both;
      height: 0;
      font-size: 0;
    }
    
    
    /* Контент поста - цитата, спойлер, таблицы и т.п. */
    
    .punbb .post td {
      border: 0px transparent !important;
    }
    
    .post-content em {
      font-style: italic;
    }
    
    .post .post-content td {
      border-width: 0px !important;
    }
    
    .post-content em.bbuline {
      font-style: normal;
      text-decoration: underline;
    }
    
    .post-content p, pre {
      margin: 0.8em;
      padding: 2px;
      line-height: 150%;
      text-align: justify;
    }
    
    pre {
      font-size: 11px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    font-weight: normal;  
    }
    
    .post-content img {
      vertical-align: middle;
    }
    
    .punbb .post td {
      border: 0px transparent !important;
    }
    .post-content td {border: 0px transparent !important;}
    
    
    .scrollbox {
      width: 100%;
      overflow: auto;
      max-height: 200px;
    }
    
    /* цитата и код */
    
    .quote-box,
    .code-box {
    margin: 4px 10px 10px;
        padding: 5px;
        background: var(--accent);
        border-radius: 10px;
    font-size: 11px;
    border: 1px solid var(--link);
    }
    
    .post-content table {    background: var(--accent);}
    
    .quote-box cite, .code-box strong.legend {
    display: block;
        font-style: normal;
        text-transform: uppercase;
        color: var(--link);
        font-family: var(--zagolovok);
        letter-spacing: 0.07em;
        padding-left: 10px;
        font-size: 12px;
    }
    
    .punbb .reactions-root {
      padding: 0 0 10px;
    }
    
    .punbb .reactions-container {
      position: relative;
      justify-content: flex-end;
    }
    
    .punbb .reaction-picker {
      order: 1;
    }
    
    .punbb .reaction-picker-panel {
      right: 0;
    }
    
    /* Форма ответа */
    
    #main-reply {
      box-sizing: border-box;
    }
    
    #tags {
      position: relative;
    }
    
    #tags .container {
      padding: var(--pad3) !important;
      top: 0 !important;
      max-height: 300px;
      overflow: auto;
    }
    
    
    /* Профиль + ЛС
    ------------------------------------------*/
    
    /* Профиль + ЛС
    ------------------------------------------*/
    
    #profile {
       padding: var(--pad1);
    }
    
    #viewprofile tr { 
        display: flex;
        gap: 20px;
    }
    
    #pun-profile h1 {
      display: none;
    }
    
    #profile .container {
      padding-left: 200px;
      min-height: 100px;
    }
    
    #profilenav {
      float: left;
      margin-left: -180px;
    margin-top: -30px;
    }
    
    #viewprofile h2,
    #profilenav h2 {
       text-align: center;
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 10px;
        background: var(--topic-overlay);
        color: var(--paletext);
        padding: 2px 3px;
        border-radius: 10px;
    }
    
    #profilenav li {
      padding: 0 0 5px;
    }
    
    #viewprofile li {
      padding: 5px 0;
    }
    
    #viewprofile td#profile-left {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
        background: var(--pun-bg);
        padding: 10px 15px;
        border-radius: 10px;
        margin-left: 20px;
    margin-top: 10px;
    }
    
    #profile-name {
        font-size: 16px;
            letter-spacing: 0.1em;
    font-weight: 700;
        text-align: center;
    color: var(--link);
        text-transform: lowercase;
    }
    
    #viewprofile td#profile-right {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        box-sizing: border-box;
        gap: 10px;
        flex-direction: row;
    margin-top: 10px;
    margin-right: 10px;
    }
    
    
    #profile-right li {
       display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex-grow: 1;
        justify-content: center;
        gap: 2px;
        text-align: center;
        background: var(--pun-bg);
        padding: 0 5px;
        border-radius: 10px;
    }
    
    
    #profile-right li span {
        flex-shrink: 1;
        text-align: center;
    }
    
    
    
    #profile-left li strong, #profile-right li strong {
      font-weight: normal !important;
      padding-left: 0 !important;
    }
    
    #profile-left #profile-name {font-family: var(--extra-font);
        margin-bottom: -5px;}
    
    img.avatardemo {
      float: right;
      margin: 0 0 8px 18px;
    }
    
    #pun-messages .clearer {
      display: none;
    }
    
    /* Прочие страницы
    ------------------------------------------*/
    
    /* Список пользователей */
    
    #pun-userlist .formal,
    #pun-userlist .formal .container {
      margin-bottom: 10px;
    }
    
    #pun-userlist .tc2 {
      text-align: left;
      width: 20%;
    }
    
    #pun-userlist .tcl {
      width: 40%;
    text-transform: lowercase;
    }
    
    .usertable .container {}
    
    /* Собщения об ошибках */
    
    .info .container {
      padding: var(--pad3);
    }
    
    .info .container .backlink {
      padding-top: 8px;
    }
    
    /* Регистрация */
    
    .info-box {
      margin: 0 0 10px 0;
    }
    
    .info-box * {
      padding: 0 0 5px 0;
    }
    
    .info-box .legend {
      font-weight: bold;
    }
    
    .jGrowl-notification .jGrowl-close {
      position: relative;
      right: 6px;
    }
    
    .tipsy #respect figcaption {
      margin-top: 0;
    }
    
    
    /* Form Buttons © max, the murderer!
    ----------------------------------------------------------------------- */
    
    /* General */
    
    #form-buttons table {
    width: 96% !important;
        background: transparent;
        margin-top: 14px;
    }
    
    #form-buttons table tr {
        display: flex;
        justify-content: space-between; /* выравнивание кнопок в ряду */
        gap: 4px;
    }
    
    #form-buttons td {
        position: relative;
        background: none !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px; /* ширина кнопки */
        height: 24px; /* высота кнопки */
    }
    
    #form-buttons td::before {
        font-family: var(--fa);
        font-size: 16px; /* размер иконки */
        font-weight: 400; /* стиль иконки */
        position: absolute;
        color: var(--link);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    
    }
    
    #form-buttons td:hover::before {
        color: var(--link-hover); /* цвет при наведении */
    }
    
    
    /* Icons */
    
    #button-ChangeСase:before {
    	content: "\f15e"
    }
    
    #button-font:before {
    	content: "\f031"
    }
    
    #button-transL:before {
    	content: "\f362"
    }
    
    #button-size:before {
    	content: "\f034"
    }
    
    #button-bold:before {
    	content: "\f032"
    }
    
    #button-italic:before {
    	content: "\f033"
    }
    
    #button-underline:before {
    	content: "\f0cd";
    	top: 1px
    }
    
    #button-strike:before {
    	content: "\f0cc"
    }
    
    #button-indent:before {
    	content: "\f03c"
    }
    
    #button-left:before {
    	content: "\f036"
    }
    
    #button-center:before {
    	content: "\f037"
    }
    
    #button-right:before {
    	content: "\f038"
    }
    
    #button-justify:before {
    	content: "\f039"
    }
    
    #floatbut:before {
    	content: "\f03b"
    }
    
    #button-link:before {
    	content: "\f0c1"
    }
    
    #button-spoiler:before {
    	content: "\f070";
    	font-size: 17px
    }
    
    #button-image:before {
    	content: "\f03e";
    	font-size: 18px
    }
    
    #button-video:before {
    	content: "\f167";
    	font-size: 18px;
    	top: 0px
    }
    
    #button-hide:before {
    	content: "\f023"
    }
    
    #button-quote:before {
    	content: "\f10e"
    }
    
    #button-code:before {
    	content: "\f121";
    }
    
    #button-color:before {
    	content: "\f576"
    }
    
    #button-table:before {
    	content: "\f0ce"
    }
    
    #button-smile {
    	display: none
    }
    
    #button-smile:before {
    	content: "\f118"
    }
    
    #button-sticker:before {
    	content: "\f118"
    }
    
    #button-sticker img {
    	opacity: 0
    }
    
    #button-vkladka:before {
    	content: "\f58d"
    }
    
    td#button-files_rusff,
    td#button-graffiti_rusff {
    	display: none !important;
    }
    
    #button-keyboard:before {
    	content: "\f11c";
    	font-size: 16px
    }
    
    #button-addition:before {
    	content: "\f0fe"
    }
    
    #button-mask:before {
    	content: "\f630"
    }
    
    #button-html:before {
    	content: "\f1c9"
    }
    
    #pun .post-content .spoiler-box>div {
    	background: transparent;
    	position: relative;
    	padding: 0 0 !important;
    	font-family: var(--font);
    }
    
    #pun .post-content .spoiler-box>div:before {
    	content: "\f005";
      font-family: fontawesome;
      font-size: 10px;
    	transition: all .5s ease-in-out 0s;
    	box-sizing: border-box;
    	display: inline-flex;
    	justify-content: center;
    	align-items: center;
    	margin-right: 10px;
    color: var(--pun-bg);
    }
    
    #pun .post-content .spoiler-box>div.visible:before {
      opacity: .3
    }
    
    
    
    
    /* Рейтинг поста */
    
    body div.post-rating,
    body div.post-vote {
      float: right;
      position: relative;
      line-height: initial;
    }
    
    body div.post-rating p,
    body div.post-vote p {
      float: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    
    div .post-rating p > a {
      position: absolute;
      top: -1px;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font: 700 11px/100% verdana, arial, sans-serif !important;
      color: var(--link);
    }
    
    div.post-vote p > a {
      font-size: 0 !important;
    }
    
    div .post-rating p::before, div .post-vote p a::before {
      content: '\f004';
      font-family: var(--fa);
      font-weight: 700;
      font-size: 30px;
      line-height: 100%;
      color: var(--opac2);
      transition: all .2s linear 0s;
    
    }
    
    div .post-vote p a:before {
      content: '\f075';
    }
    
    div .post-rating p:hover:before,
    div .post-vote p:hover a:before {
      color: var(--link);
    }
    
    div .post-rating p:hover > a,
    div .mylike .post-rating p > a {
      color: var(--pun-bg);
    }
    
    div .mylike .post-rating p:before {
      color: var(--link);
    }
    
    .post[data-group-id="3"] .post-rating {
      display: none;
    }
    
    .isguest .post .post-rating {
      pointer-events: none;
    }

    0

    Быстрый ответ

    Напишите ваше сообщение и нажмите «Отправить»



    Вы здесь » squirrel design » секретуточная » tempus magicae summer'26


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