18 Kindred Souls time for 2 design

    test forest

    Объявление

    Ночь не принесла девушке сновидений, самым нереальным показалось пробуждение. Ведьма заворочалась, потянула затёкшие ноги и вытянула шею. Волнующий родной запах пощекотал её нос. Мия потерлась о душистую кожу не открывая глаз. Захотелось то ли укусить то ли поцеловать. На автомате, сонные губы чмокнули что попало под них. Тогда Найтрей приоткрыла глаз и улыбнулась.
    — Привееет, — пропела она слегка охрипшим голосом. Мрак прошлого вечера не вспоминался и не портил ей настроение. Сон отсёк всё плохое, обновил мысли и перезагрузил аватар.
    Однако постепенно сознание включалось в работу, сообщая, что происходящее вполне реально. За ночь парочка устроилась вдоль дивана, Мия фактически лежала на фамильяре, у него был обнажён торс, она только что чмокнула его. От понимания, девушка резко проснулась и приподнялась над ним. Глаза распахнулись, проморгались, заметили довольного всем происходящим парня.
    “Мы провели вместе ночь”
    — Ой, — опешила и завертелась, топчась на фамильяре. В панике и спешке ретироваться, она зацепилась ногой и свалилась с дивана. — Ай! — пятая точка не обрадовалась, но Эмилия засмеялась. Немного нервно и неловко. — С добрым утром. Где мой кофе? — попыталась заговорить ему зубы она. Вода и пламя, клюв и когти

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

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


    Вы здесь » test forest » Музей истории » тестирование кнопок ответа


    тестирование кнопок ответа

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

    1

    жирный
    курсив
    подчеркнутый
    зачеркнутый
    слева
    в центре
    справа

    спойлер

    информация

    спойлер в спойлере

    информация

    текст
    текст

    цитата

    текст

    Код:
    код

    текст

    цитата

    текст

    Код:
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit dignissim felis, sed viverra nibh ullamcorper at. Suspendisse ac iaculis augue. Phasellus id augue erat. Nullam vulputate risus consequat, egestas ipsum in, bibendum quam. Vestibulum eget ligula eget augue consequat interdum. Vivamus odio diam, mattis in tellus in, pharetra pretium neque. Sed tincidunt a justo vel mollis. Integer rhoncus, neque et scelerisque tempus, urna eros rutrum massa, nec lacinia elit est vel orci.
    
    Aliquam accumsan at enim a volutpat. Donec porta pharetra convallis. In vehicula fermentum sagittis. Sed erat risus, volutpat sed tincidunt ac, dapibus venenatis dui. Curabitur mauris ex, condimentum quis pretium a, pulvinar in felis. Suspendisse turpis nisl, sollicitudin eget lacinia in, molestie at nisi. Aenean et quam non lacus euismod volutpat. Nulla a faucibus elit. Donec mollis auctor libero, et finibus urna commodo ut.
    
    Integer id est eget enim varius dictum. Sed dapibus accumsan massa in suscipit. Donec vitae orci ut ante sagittis lobortis tempus eget est. Etiam sed gravida justo. Donec elit risus, fringilla eu iaculis quis, dictum sit amet lacus. Donec non nulla laoreet, sollicitudin nisi sit amet, rhoncus lorem. Nunc sodales metus in nunc faucibus, sit amet imperdiet turpis iaculis. Aliquam fringilla mattis mauris in fringilla. Sed vehicula tempor faucibus. Aliquam id mauris sit amet eros laoreet faucibus ac vel sem. Duis in cursus massa. Sed euismod egestas faucibus.
    
    Fusce lacus leo, elementum ut urna a, interdum mattis nunc. Cras elementum posuere auctor. Donec cursus faucibus sem in malesuada. Curabitur nec elit tempus, iaculis metus sed, tincidunt arcu. Ut in massa ultrices, condimentum elit ac, accumsan tortor. Vivamus sollicitudin sem vel tellus porttitor vehicula. Suspendisse vel metus ut ex auctor sodales. Mauris elit massa, egestas a elementum vitae, consectetur in purus. Nullam convallis convallis aliquet.
    
    Nullam nec elit posuere, maximus quam sed, tincidunt orci. Etia

    dsfadfasdf

    0

    2

    vxfjfgbljkxf

    0

    3

    shilya написал(а):

    b]♦ Тариф:[/b]
    предпочитаемый вами тариф
    ♦ Делаем:
    выбираем позицию из

    0

    4

    тест

    0

    5

    плашка
    слева

    Код:
    <div style="display: grid; grid-template-columns: 4% 95%; align-items: center; background: rgb(154 162 153); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23);  padding: 10px; margin-inline: -10px; border-radius: 10px; position: relative; z-index: 2; "> <div id="lz_img"><div style="border: 1px solid rgb(44 53 50 / 43%); background: rgba(210,212,214,1); border-radius: 100%; box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23); "><img src="https://forumstatic.ru/files/001b/a7/18/41474.png" title="название стикера"></div></div><div style="display: grid; width: 200px; height: 1px; background: rgb(44 53 50 / 43%); position: absolute; left: 10px; bottom: 6px; z-index: 1;"></div><div id="lz_text"> <div style="color: #2c3532; font-size: 1.4rem; font-family: 'danceregular'; "> Значимая инфа </div> <div style="color: #2c353278; font-size: 0.5rem; "> поясняющий текст </div></div> </div>

    справа

    Код:
    <div style="display: grid; grid-template-columns: 95% 4%; align-items: center; background: rgb(154 162 153); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23);  padding: 10px; margin-inline: -10px; border-radius: 10px; position: relative; z-index: 2; "> <div id="lz_img1"><div style="border: 1px solid rgb(44 53 50 / 43%); background: rgba(210,212,214,1); border-radius: 100%; box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23); "><img src="https://forumstatic.ru/files/001b/a7/18/41474.png" title="название стикера"></div></div><div style="display: grid; width: 200px; height: 1px; background: rgb(44 53 50 / 43%); position: absolute; left: 40px; top: 5px; z-index: 1;"></div><div id="lz_text1"> <div style="color: #2c3532; font-size: 1.4rem; font-family: 'danceregular'; "> Значимая инфа </div> <div style="color: #2c353278; font-size: 0.5rem; "> поясняющий текст </div></div> </div>

    лз

    Код:
    <lz_id><a href="http://disshi5.rusff.me/">Гарри Потный</a></lz_id> <lz_info>Потерян <a href="https://crossfeeling.ru/profile.php?id=3213"><b>покой</b></a>, что <a href="https://crossfeeling.ru/profile.php?id=3757"><b>ты</b></a> делаешь со мной? Это бесит, раздражает, <a href="http://disshi5.rusff.me/"><b>вымораживает</b></a>, все силы забирает.</lz_info>

    0

    6

    Имя и фамилия

    принадлежность
    (ведьма, фамильяр, человек)

    возраст и дата Рождения

    01.05.1865 / 20лет

    занятость

    учеба / работа

    https://64.media.tumblr.com/b99a67f567199c8777472bc7993789a4/8e8708cf141a1d46-43/s250x400/895bf47543252d6829c747d05dcc2dec8772f477.pnj
    имя внешности

    биография

    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

    магия

    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

    прочее

    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

    Связь

    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

    пробный пост

    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

    0

    7

    Наименование эпизода

    https://64.media.tumblr.com/b99a67f567199c8777472bc7993789a4/8e8708cf141a1d46-43/s250x400/895bf47543252d6829c747d05dcc2dec8772f477.pnj https://64.media.tumblr.com/b99a67f567199c8777472bc7993789a4/8e8708cf141a1d46-43/s250x400/895bf47543252d6829c747d05dcc2dec8772f477.pnj https://64.media.tumblr.com/b99a67f567199c8777472bc7993789a4/8e8708cf141a1d46-43/s250x400/895bf47543252d6829c747d05dcc2dec8772f477.pnj

    участник 1 / участник 1

    Дата
    Место и время

    описание текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

    0

    8

    цвета

    0

    9

    Эмилия Найтрей

    ведьма

    Дата рождения и возраст

    18 лет / 21.11.2006

    занятость

    I курс

    https://forumupload.ru/uploads/001c/0a/76/5/224402.gif
    India Eisley / original

    биография

    Внешность

    Мия – девушка среднего роста – сто семьдесят сантиметров, спортивного телосложения, так как физическая нагрузка присутствовала на протяжении всей жизни, и она участвовала в школьных соревнованиях. Походка мягкая, без скованности и зажимов, спокойно или быстро шагает в зависимости от ситуации, но неизменно плавно и аккуратно. Оказавшись в плотном скоплении людей, поведёт себя обходительно, не потревожит прикосновениями, а ловко и органично прошмыгнёт между ними. Тёмно-каштановые прямые волосы свободно спускаются ниже лопаток. Не используются для создания даже простейших причёсок, лишь временами заправляются за ухо или откидываются назад одним быстрым движением руки хозяйки. У Мии нет татуировок и пирсинга, кроме проколотых ушей. Голос у девушки притягательно низкий, грудной. На миловидном симметричном лице прежде всего привлекают внимание большие серо-зелёные глаза с вкраплениями желтизны вокруг зрачков. Завершают образ прямой аккуратный нос, пухлые губы и ямочки на щёчках, когда она улыбается.

    Биография

    Эмилия Найтрей родилась восемнадцать лет назад в Канаде, семье эмигрантов среднего класса жизни. Пятнадцать из них являлась единственным ребёнком и успела впитать весь эгоизм единоличной родительской любви, но внезапно приобрела статус старшей сестры, когда родителям исполнилось уже под сорок. Мать, Наталина Найтрей, красивая, энергичная, отзывчивая женщина, пример на который Мия охотно опирается. Она построила успешную карьеру, имеет крепкую семью, умеет дружить и является гостеприимной хозяйкой. По факту - глава семьи и её локомотив, но не от того, что отец простой в управлении тюфяк, Андрес Найтрей – человек науки и технического склада ума. Он чаще всего следует за спонтанными идеями жены, так как личных авантюр почти не генерирует и стремится, прежде всего, сделать счастливой супругу. Высокий, подтянутый, неизменно спокойный брюнет, достоинство которого не только высокий интеллект, но и привлекательная внешность.
    Ссоры случались гораздо реже среднестатистических семьей, во всяком случае, так смотрелось со стороны Мии, когда она поглядывала на родителей друзей. За редкими исключениями царили любовь и гармония. Единственная претензия к матери и отцу – высокая занятость на работе, из-за которой Мия часто засыпала и просыпалась в основном без них, под вынужденным присмотром бабушки. Ей не хватало внимания родных, она была предоставлена сама себе, зато научилась занимать себя увлечениями и быстро повзрослела. Оттого удивительнее стало нежданное стремление родителей в подростковом возрасте вспомнить о ней и взяться за воспитание, навязывая абсурдные правила вроде времени, когда нужно ложиться спать, сколько часов в день можно пользоваться гаджетами и так далее. Тем более, что поводов для запретов она не давала: хорошо училась, не пила, не курила, с сомнительными компаниями не связывалось. Ей казались несправедливыми ограничения на ведение ночного образа жизни или заниматься тем, что нравилось столько, сколько хочется. А ещё дурацкая привычка отца требовать сделать что-то прямо сейчас, сию секунду, только бы продемонстрировать кто в доме хозяин потому, что на маме – трудно. Будучи крайне упрямой и свободолюбивой, Мие с семьёй тяжело дался период запретов и ультиматумов, она с пол оборота заводилась и вступала в конфронтацию. Типичная проблема отцов и детей: ребёнок уже считает себя взрослым и желает сам решать, как ему жить, но родители не готовы принять и отпустить. Она ругалась, бунтовала, отстаивала независимость, словом, всё делала на зло, в том числе себе. Отключили интернет потому, что поздно и завтра рано вставать? Не вопрос, Мия станет смотреть ненужные ей ужастики по телеку пол ночи. Лишь бы не повиноваться.   
    Детство вспоминалось гораздо теплее. Много счастливых выходных, путешествий, праздников, которые провели все вместе, подарки, как попытка откупиться за недостаток уделяемого времени и, конечно же, мир фантазий ребёнка. Мие нравилось смотреть и читать всё про отважных героев и героинь, особенно если те обладали сверхъестественными способностями или магией. Она буквально жила мечтой однажды стать одной из них. Спасать мир, сражаясь с разными демонами и нечистью, конечно же, обладая суперсилами. С первого класса три года посещала секцию по карате, чтобы научиться драться со злом. Хотя мама настаивала, что девочке больше подошел бы музыкальный кружок. Но Мия хотела быть крутой и сильной, как Зена - Королева воинов. А позже останавливать время, как Пайпер из зачарованных или телекинезом владеть, как Прю, или управлять водой, как Катара из Аватара. Вообще, Мия чему угодно обрадовалась бы. Даже когда сбывались простейшие расклады на таро, она словно находила подтверждение, что имеет какой-то дар. Девочка отчаянно пробовала призывать ветер, прекращать дождь, двигать предметы силой мысли и, если происходило случайное подтверждение тому, что сработало её намерение, Мия непременно записывала на свой счёт, искренне ликуя всей душой. Она переписывала заклинания из сериала о сёстрах-ведьмах в самодельную книгу таинств, параллельно зачитываясь многотиражными гримуарами или чем-то с названием «Практическая магия друидов: 21 урок великого Мерлина». Чтобы понять насколько Мия жила этим и верила, что мир гораздо сложнее, интереснее, в нём есть сверхъестественное, достаточно упоминания, что каждую возможность загадать желание, она использовала так: хочу стать доброй-ведьмой и бороться со злом. Именно в такой формулировке. По мере взросления, отпала концовка про сражения. Зачем эти опасности? Можно ведь и пострадать, проиграть, даже погибнуть. А начиная с шестнадцати лет, приоритеты сменились в сторону любовных интересов, запросы в гугле «как выйти в астральную проекцию» трансформировались в более приземлённые, вроде «как понравиться мальчикам». Мия начала принимать, что мир ровно такой скучный, каким люди его знают. Магии не существует, хиромантия, гадания и астрология тоже не имеют крепкой доказательной основы перед научным сообществом. Девушке не хотелось заниматься самообманом и псевдонауками в которые необходимо верить. Она стремилась к чему-то реальному, потому похоронила мечты маленькой девочки.
    Стоит чего-то расхотеть, и оно стучится в дверь. Точнее по почте Мия получила «письмо из Хогвартса». Ей шутка лучшей подруги очень понравилась, не они ли вместе читали заклинания детьми и смотрели W.I.T.C.H после школы? Кому если не Майе разыгрывать такое? Но подруга причастность отрицала убедительно, и Мия встала перед выбором: снова поверить, возможно, выставив себя посмешищем, или рассуждать логически, здраво и забыть о ведьминской школе. Мия выбрала второй вариант, всё ещё подозревая чью-то заманчивую, но насмешливую игру, но, когда Майя чуть не убила её, оказавшись сектанткой, почитающей скверну, девушка мигом собрала вещи не зная, чего теперь хочет больше – радоваться исполнению мечты или горевать об утрате близкого человека.
    Родители позволили решать самой куда поступать. За три года декрета, что мама провела дома, в отношениях с ней удалось существенно наверстать близость, даже несмотря на появление мелкой сестры, прилично отнимающей время. Мие пришлось разорвать те не долгосрочные романтические отношения, которые имелись. Как выяснилось, парни не выносят, если их бросают и могут открыться с совершенно гнилой стороны. Отношения и так были натянутыми, девушка уже предлагала расстаться, но он просил дать шанс, попробовать снова. В конце концов, она соврала, что встретила другого парня и на фоне этого полились реки грязи на её голову. Впрочем, это не так важно в сравнении с миром магии, который открылся ей с приездом в учебное заведение. Она оставила прошлую жизнь позади, переступив порог школы.

    Характер

    От внимательного взгляда на биографию девушки, не укроются прорисовывающиеся черты характера. Как например, не побеждённый юношеский максимализм, перетекающий в протесты и невыносимое упрямство. Однако, они направлены на то, что Мия считает несправедливым. Она готова вступать в схватку со злом в любых его проявлениях. Будь то скверна или грубость, в её или чью-либо сторону. В душе Мии постоянно кипят желания, страсть, героизм. Она сильная, напористая и смелая. Преимущественно. Любого могут задеть неосторожно брошенные слова и заставить глубоко страдать определённые события.
    Мия дружелюбная, открытая и весёлая девушка, но предпочитает уединиться и заниматься своими интересами, чем проводить время в большой шумной компании. Она может быть мягкой и воплощением доброты с одними людьми, а может проявлять жёсткость и даже жестокость с другими, будто чувство жалости и сострадание ей чужды. Месть её яростна, но происходит без слепой злобы. Она прекрасно отличает случайность от поступков, сделанных с умыслом, и умеет простить.
    Любовь этой девушки беззаветна, а ненависть столь же испепеляющая. Она очень предана тем, кого любит, своим взглядам и принципам, поэтому с ней трудно спорить. Тяжело от этого и самой Мии. Там, где нужно быть гибкой, оказаться от прошлых привязанностей, меняться и расти, она испытывает ломку. Потому что привыкла делить мир на чёрное и белое.
    Отрицательной чертой является нетерпимость к порокам других. Не всем под силу такие отношения, когда от тебя требуют лишь откровенности, выжимают мотивы поступков, заставляют отказаться от страхов, стать упорным, проявлять силу, контролировать себя и свою жизнь. Мие еще предстоит научиться принимать людей с их слабостями и недостатками. В том числе, обнаружив свои собственные. Ведьма может быть язвительной и не скрывать мыслей, когда хорошо бы промолчать.
    В ней присутствует также разумный эгоизм. Не тот, который представляют большинство людей, капризный и наглый: я всё делаю только для себя, не думая о других. И не топорный, когда открыто заявляют о принципе жизни: ты – мне, я – тебе. А обдуманный альтруизм, когда знаешь чего хочешь достичь и понимаешь, что для этого нужно сотрудничество с другими людьми. Получить можно не только беря, но и отдавая. Порой может поискать обходные пути, повести себя хитрее и продемонстрировать нужное поведение, смысл которого не всегда очевиден. Словом, в тихом омуте черти водятся.
    С приездом в школу и открытием мира магии, соулмейтов, скверны, лёгкие тревоги об экзаменах сменились для обычно спокойной девушки настоящими страхами за свою жизнь и будущее человечества. Теперь Мия мечтает хотя бы выжить, неплохо бы ещё окончить обучение и спасти подругу из лап секты, не заикаясь о всём мире. Что-то подсказывает, война, длящаяся задолго до её рождения, переживёт и саму девушку. Она надеется лишь достойно выдержать испытания.

    Способности

    Вид: стихийная ведьма. Тип: вода. I уровень связи.
    Другие способности: немного владеет навыками самообороны, хорошо катается на коньках, неплохо рисует.

    прочее

    -//-

    Связь

    Вам нужно набрать еще 999999689 сообщений для просмотра этого текста.

    пробный пост

    Тема: знакомство с Чарли Фостером.

    В жизни каждого человека время от времени случаются кризисы. Они связаны с переломными этапами, когда «старое» не работает, а «новое» еще не сформировалось. В такие периоды люди спрашивают себя: кто я? Чего хочу? Мия застряла в одном из таких.
    Например, после школы девушку ожидала глобальная для всех подростков проблема самоопределения. Если стать ведьмой не суждено, единственная близкая к её интересам сфера – психология. Девушка вознамерилась выяснить на что действительно способны люди, почему поступают так или иначе, как работает гипноз? Выбор будущей профессии дался нелегко, но наметил дальнейший путь. Найтрей планировала поступить в Университет Торонто, а затем помогать если не спасением мира, то отдельно взятым людям с настоящими, а не выдуманными проблемами и начала готовиться к поступлению. Всё было ясно и банально.
    Затем мир, каким Мия его знала, разбился и осыпался на голову мелким бисером вопросов. Первое время девушка тосковала о прежней жизни, ей часто снился кошмар: бежит, а из-под ног от каждого шага земля трескалась, крошилась и осыпалась в тёмную пропасть. Казалось, она не успеет наверстать знания о новой реальности и небытие поглотит только за то, что ведьма училась недостаточно быстро. Подлил масло в огонь тревожности школьный Хэллоуин – день в котором чудом удалось выжить. После него Мия стала ещё чаще пропадать в сердце знаний.
    Она хорошо помнила, как впервые зашла в просторную библиотеку, уставленную бесчисленными книжными шкафами, выструганными из дорогого тёмного дерева. Особая смесь ароматов - старой бумаги, чернил и волшебства щекотали рецепторы, из груди вырвался вздох восхищения и отразился от стен внушительных размеров помещения тихим эхом. Со всех сторон обступали полки с настоящими сокровищами, хотелось потеряться в этом лабиринте навечно. Возможно, наткнуться на тайную запрещённую секцию с сомнительными ритуалами тёмной магии и полистать для утоления врождённого любопытства. Мия стала частым гостем библиотеки – места в котором время текло медленнее, а тишина укутывала одеялом покоя.
    Этим морозным декабрьским утром в помещении было пустынно. Девушка поприветствовала библиотекаря привычным кивком и двинулась вдоль стеллажей, с наслаждением вдыхая запах древних колдовских фолиантов. Она направилась в сторону раздела, содержащего всю информацию о скверне, которая ей была нужна. Прошла мимо полок о травничестве и артефактории, задержалась напротив стеллажей о предсказаниях, подумала: «К вам я ещё вернусь».
    Наконец, завернула в проход между шкафами интересующей тематики и замерла, читая названия: теория возникновения скверны, ранги, изгнание.   
    «Поклонения: устройство сект изнутри. Ого, а тебя я здесь прежде не замечала».
    Нужный томик находился на верхней полке недосягаемый и гордый. Мия подпрыгивала, тянулась к нему на носочках, но безуспешно карябала ногтем краешек корешка.
    «Ещё немного».
    Поглощённая своей целью, она не услышала шагов позади. Чья-то рука грузно опустилась на книгу и от неожиданности ведьма чуть не закричала, но совладала с порывом. Она резко одёрнула свою руку и невольно обернулась. Нос упёрся в чью-то широкую грудь, сердце стучало где-то в горле. Над ней навис какой-то атлант, очевидно держащий на плечах небесный свод.
    «Вау», - подумала, но высказала вторую, пришедшую на ум мысль.
    - Чёрт, какой же ты огромный!

    0

    10

    черный с золотом для ведьм

    Код:
    <div style="display: grid; grid-template-columns: 4% 95%; align-items: center; background: rgb(28 23 16); box-shadow: inset 0 0 14px 2px rgb(186 148 78); padding: 10px; margin-inline: -10px; border-radius: 10px; position: relative; z-index: 2;"> <div id="lz_img"><div style="border: 1px solid rgb(186 148 78); background: rgb(22 65 81); border-radius: 100%; box-shadow: inset 0 0 6px 2px rgb(186 148 78);"><img src="https://forumstatic.ru/files/001c/0a/76/92251.png"></div></div><div id="lz_text"> <div style="color: #f5d7a1; font-size: 1.4rem; font-family: 'danceregular'; font-weight: bold;">Ведьма</div> <div style="color: #ba944e; font-size: 0.8rem; font-style: italic;">стихия воды</div></div> </div>
    

    серый с серебристым для фамильяров

    Код:
    <div style="display: grid; grid-template-columns: 95% 4%; align-items: center; background: rgb(87 98 103); box-shadow: inset 0 0 11px 2px rgb(198 200 202);  padding: 10px; margin-inline: -10px; border-radius: 10px; position: relative; z-index: 2; "> <div id="lz_img1"><div style="border: 1px solid rgb(198 200 202); background: rgb(73 105 121); border-radius: 100%; box-shadow: inset 0 0 11px 2px rgb(198 200 202); "><img src="https://forumstatic.ru/files/001c/0a/76/93416.png" title="скопа"></div></div><div id="lz_text1"> <div style="color: #dde5ec; font-size: 1.4rem; font-family: 'danceregular'; font-weight: bold;"> Фамильяр </div> <div style="color: #a4aaab; font-size: 0.8rem; font-style: italic; "> скопа </div></div> </div>
    

    0

    11

    старые на всякий

    HTML верх
    Код:
    <!-- рейтинг -->
    <rating> 18 </rating>
    <time>Malleus Maleficarum</time>
    
    <!-- Шрифт Font Awesome Free 5.14.0 -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
    
    <!-- Шрифт fontawesome-free-6.5.1-web -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.1/css/all.css" crossorigin="anonymous">
    
    <!--выделить код. Alex_63 new.2019-->
    <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>
    <!-- конец -->
    HTML низ
    Код:
    <!-- Универсальный скрипт замены © Alex_63 -->
    
    <script type="text/javascript">
    function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
    Change('#navindex','Форум','Домой');
    Change('#navuserlist','Участники','Жители');
    Change('#navpm','Сообщения','Смс');
    Change('#navadmin','Администрирование','Амс');
    Change('span.item1','Темы, соответствующие критериям поиска','Стоит заглянуть в ...');
    Change('#pa-respect span','Репутация','Уважение');
    </script>
    
    
    <!--РЕГУЛИРОВКА РАЗМЕРА ШРИФТА В ПОСТАХ © Alex_63 -->
        <script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/31011.js"></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>var a,L,epl=$("#main-reply"),str='<small id="plng"> Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
    
    <!-- Стрелки вверх-вниз -->
    <!--кнопки вверх вниз-->
    <div class="go-up" id='ToTop'></div>
    <div class="go-down" id='OnBottom'></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>
    
    <!-- ПИАР-ВХОД v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'Пиар'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'Пиар'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>
    
     
     
     <!--БАННЕРЫ-->
    <!--Oтложенная загрузка Баннеров в HTML низ Ч1(Начало)--><noscript>
    <div id="banners">
    
    <a href="http://nightcity.rusff.me/" target=_blank> <img src="https://i.ibb.co/sPLvBFn/banners.gif" border="0" alt="NIGHT CITY VIBE"></a>
    
    <a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://forumupload.ru/uploads/001b/67/7a/207/125669.png"></a>
    
    <a href="https://darksymphony.f-rpg.me/" title="Явь, Сны и Магия: Dark symphony"><img src="https://forumupload.ru/uploads/001b/d5/58/2/217166.gif"></a>
    
    <a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a>
    
    <a href="http://nostresscross.rusff.me/" target="_blank"> <img src="https://i.imgur.com/0oGaih9.gif" title="no stress cross"></a>
    
    <a href="http://newadventure.rusff.me/"><img src="https://forumupload.ru/uploads/001b/df/32/5/650934.png"></a>
    
    <a href="https://genshin.rusff.me/"><img src="https://forumstatic.ru/files/001b/5c/7f/13066.jpg" title="Genshin Impact: Tales of Teyvat"></a>
    
    <a href="http://eltropicano.ru/#?advNum=site_banner" target="_blank">
    <img src="https://i.imgur.com/9zY3Dbu.gif"></a>
    
    <a href="https://eatcake.rusff.me" target="_blank"> <img src="https://i.imgur.com/TUWB8Fj.gif" title="CAKE rpf" border="0" alt="Cake"></a>
    
    <a target="_blank" href="http://lepidus.ru/"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t613237.gif"></a>
    
    <a target="_blank" href="http://magnumopus.rusff.me/" title="гп, техномагия ау"><img src="https://i.imgur.com/j02BOgZ.jpg"></a>
    
    <a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/fb/fb/31519.png" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a>
    
    <a href="https://hornyjail.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/2a/da/32827.png"></a>
    
    <a href="http://anevermore.ru/" title="nevermore"><img src="https://forumupload.ru/uploads/0018/20/d2/2/845989.gif"></a>
    
    <a href="http://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://forumupload.ru/uploads/001a/fb/6a/2/804702.jpg" border="0"></a>
    
    <a href="https://grishaverse.ru/" title="The Grishaverse"><img src="https://forumupload.ru/uploads/001b/19/fa/2/98255.gif"></a>
    
    <a href="http://mistoua.f-rpg.me/">
    <img src="https://i.imgur.com/5JN9U7M.gif" 
    title="MISTO.UA"
    border="1" width="88" height="31"></a>
    
    <a href="https://dos.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/BQboz9c.png" title="de other side [crossover]"></a>
    
    <a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/2K2GC9J.png" title="yellowcross" border="0"width="88" height="31"></a>
    
    <a href="https://phoenixlament.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/f3/04/58930.gif" width="88px" height="31px" title="HOGWARTS. PHOENIX LAMENT"></a>
    
    <a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/88/91574.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a>
    
    <a href="https://hpfreakshow.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001a/7d/a5/2/798772.jpg" title="HP: Freakshow. ГП 3 поколение. Драмеди, социалка, активная игра"></a>
    
    <a href="http://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001a/2e/af/7/894083.png" title="у нас наливают"></a>
    
    <a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></a>
    
    <a target="_blank" href="https://arkcity.rusff.me/" title="Ark City: последний оплот человечества"><img src="https://forumstatic.ru/files/0019/eb/83/77713.gif" width="88px" border="0"></a>
    
    <a href="https://memlane.ru" title="memory lane" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/60582.gif" width="88" height="31" border="0"></a>
    
    <a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65418.png"></a>
    
    <a href="https://acadia.rusff.me" target="_blank"><img src="https://i.imgur.com/RKoHj69.png" title="АКАДИЯ"></a>
    
    <a href="http://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/ZFiLFxE.gif" alt="Return to eden"></a>
    
    <a href="https://brightonlife.ru/" target="_blank"><img src="https://forumupload.ru/uploads/0012/39/57/2/36798.png"  title="Не боишься, что кое-кто все про тебя расскажет?"></a>
    
    <a href="http://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/XdGEDvu.png" title="seoul // real life"></a>
    
    <a href="https://dis.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001a/e7/ed/65531.jpg" title="DIS" alt="DIS" border="0"></a>
    
    <a href="https://gemcross.rusff.me/"><img src="https://roleit.ru/f/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a>
    
    <a href="http://koreanacademy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/eP7o5ul.gif" target="_blank" border="0" width="88" height="31"></a>
    
    <a href="http://mirine.rusff.me" title="mirine"><img src="https://forumstatic.ru/files/001a/da/82/19928.gif" target="_blank" border="0" width="88" height="31"></a>
    
    <a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://i.imgur.com/8urfbim.png" border="0"/></a>
    
    <a href="http://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/PfcnUQX.png" alt="ex libris"></a>
    
    <a href="http://yourphoenix.rusff.me/" target=_blank><img src="https://i.imgur.com/lF9a9jb.png" border="0"alt="Phoenix" width=88 height=31></a>
    
    <a href="http://wearethefuture.rusff.me/" title="REVOLT"><img src="http://i.imgur.com/3fj04bc.gif"></a>
    
    <a href="http://hproleplay.mybb.ru" target="_blank"><img src="http://s2.uploads.ru/t/WgZOp.gif" border="0" alt="Hogwarts and the Game with the Death="88" height="31" /></a>
    
    <a href="http://enteros.rusff.me/" title="ФРПГ Энтерос" target="blank"><img src="https://forumstatic.ru/files/0015/e5/72/98755.gif"></a>
    
    <a href="http://replay.rusff.me" target="_blank"> <img src="https://i.imgur.com/nQKA3xF.gif" title="Replay: Atlantic-City" border="0" alt="Replay: Atlantic-City"></a>
    
    <a href="https://kingscross.f-rpg.me/" target="_blank"><img title="KINGSCROSS. Внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/68868.png"></a>
    
    <a href="http://ohcanada.rusff.me/" target=_blank> <img src="https://i.postimg.cc/g2FynXKf/ezgif-com-gif-maker-5.gif" border="0" alt="maple syrup"></a>
    
    <a href="http://imperiumaeternum.rolka.me/" target="_blank"><img src="https://i.imgur.com/WX5beWm.gif" title="Imperium Aeternum"></a>
    
    <a href="http://holod.rusff.me" target="_blank"><img src="http://s7.uploads.ru/YmQdR.gif" title="ХОЛОД" width="88" height="31"></a>
    
    <a href="https://labardon.rusff.me" target=_blank title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0"alt="labardon" width=88 height=31></a>
    
    <a href="https://nsignal.ru" target="_blank"><img src="https://i.imgur.com/0qXlZnm.gif" title="no signal"></a> 
    
    <a href="https://wildcross.rusff.me/" title="wildcross" target="_blank"><img src="https://i.imgur.com/fNqbxoD.png" border="0" width="88" height="31"></a>
    
    <a href="https://maryonacross.rolbb.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/da/4f/2/76517.jpg" title="mary on a cross(over)" border="0" width="88" height="31"></a>
    
    <a href="https://dissues.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/f3/64/6/567594.jpg" title="crossover"></a>
    
    <a href="https://execute.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/f1/8a/90261.gif" alt="Execute" title="Execute [кроссовер]" width="88" height="31"></a>
    
    <a target="_blank" href="https://seattle.f-rpg.me/" title="Seattle: городское фэнтези"><img src="https://forumstatic.ru/files/001b/f4/a2/90015.png" width="88px" border="0"></a>
    
    <a href="https://runwayny.ru" title="RUNWAY" target="_blank"><img src="https://forumupload.ru/uploads/001b/fc/ff/3/232102.png" width="88" height="31" border="0"></a>
    
    <a href="https://grayhouse.rusff.me/"><img src="https://forumstatic.ru/files/001b/fb/40/82269.gif" title="#НЕ_НАРУЖНОСТЬ"></a>
    
    <a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/0013/26/8a/4/658084.png" title=“the good place /// визардинг ворлд без постирония“></a>
    
    </div>
    
    <!--Oтложенная загрузка Баннеров в HTML низ Ч2(Конец)--></noscript><script type="text/javascript">
    var _a$2 = $('script:last'); $(function(){$(function(){
    $(_a$2.prev('noscript').text()).insertBefore(_a$2)
    });});</script>
    <!-- Конец загрузки Баннеров в HTML низ -->
    
    <!--Добавление "Новых сообщений"-->
    <script type="text/javascript">
    $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
    </script>
    <!--Конец-->

    0

    12

    Структура style.css
    Код:
    @import url(style_cs.css);
    
    /* шрифты */
    @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
    
    @font-face {
        font-family: 'anticvaregular';
        src: url('/files/001b/e7/a6/81673.eot');
        src: url('/files/001b/e7/a6/81673.eot?#iefix') format('embedded-opentype'),
             url('/files/001b/e7/a6/72466.woff2') format('woff2'),
             url('/files/001b/e7/a6/98385.woff') format('woff'),
             url('/files/001b/e7/a6/96984.ttf') format('truetype'),
             url('/files/001b/e7/a6/82176.svg#anticvaregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'feralregular';
        src: url(/files/001b/e7/a6/74573.eot');
        src: url('/files/001b/e7/a6/74573.eot?#iefix') format('embedded-opentype'),
             url('/files/001b/e7/a6/25457.woff2') format('woff2'),
             url('/files/001b/e7/a6/75077.woff') format('woff'),
             url('/files/001b/e7/a6/23986.ttf') format('truetype'),
             url('/files/001b/e7/a6/37636.svg#feralregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    
    @font-face {
        font-family: 'Caorgen';
        src: url('https://forumstatic.ru/files/001b/e7/a6/75862.eot');
        src: url('https://forumstatic.ru/files/001b/e7/a6/75862.eot?#iefix') format('embedded-opentype'),
             url('https://forumstatic.ru/files/001b/e7/a6/67472.woff2') format('woff2'),
             url('https://forumstatic.ru/files/001b/e7/a6/39935.woff') format('woff'),
             url('https://forumstatic.ru/files/001b/e7/a6/73353.ttf') format('truetype'),
             url('https://forumstatic.ru/files/001b/e7/a6/38327.svg#Caorgen') format('svg');
        unicode-range: U+0061-0079, U+0041-0059, U+004A-004F, U+005A, U+006A-006F, U+007A;  
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'cappuccicons';
        src: url('//source.cappuccicons.com/cappuccicons.eot');
        src: url('//source.cappuccicons.com/cappuccicons.eot#iefix') format('embedded-opentype'), url('//source.cappuccicons.com/cappuccicons.ttf') format('truetype'), url('//source.cappuccicons.com/cappuccicons.woff') format('woff'), url('//source.cappuccicons.com/cappuccicons.svg#cappuccicons') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    
    @font-face {
        font-family: 'danceregular';
        src: url('https://forumstatic.ru/files/001b/a7/18/57810.eot');
        src: url('https://forumstatic.ru/files/001b/a7/18/57810.eot?#iefix') format('embedded-opentype'),
             url('https://forumstatic.ru/files/001b/a7/18/72901.woff2') format('woff2'),
             url('https://forumstatic.ru/files/001b/a7/18/44867.woff') format('woff'),
             url('https://forumstatic.ru/files/001b/a7/18/47870.ttf') format('truetype'),
             url('https://forumstatic.ru/files/001b/a7/18/40756.svg?v=1#danceregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'bravo';
        src: url('https://forumstatic.ru/files/001b/a7/18/38820.eot');
        src: url('https://forumstatic.ru/files/001b/a7/18/38820.eot?#iefix') format('embedded-opentype'),
             url('https://forumstatic.ru/files/001b/a7/18/69725.woff2') format('woff2'),
             url('https://forumstatic.ru/files/001b/a7/18/13578.woff') format('woff'),
             url('https://forumstatic.ru/files/001b/a7/18/95714.ttf') format('truetype'),
             url('https://forumstatic.ru/files/001b/a7/18/29723.svg?v=1#bravo') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'bergamascoregular';
        src: url('/files/001b/a7/bb/73872.eot');
        src: url('/files/001b/a7/bb/73872.eot?#iefix') format('embedded-opentype'),
             url('/files/001b/a7/bb/98966.woff2') format('woff2'),
             url('/files/001b/a7/bb/51489.woff') format('woff'),
             url('/files/001b/a7/bb/87847.ttf') format('truetype'),
             url('/files/001b/a7/bb/73048.svg#bergamascoregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Myriad Pro';
        src: url('/files/0015/e5/b7/68495.eot');
        src: url('/files/0015/e5/b7/68495.eot?#iefix') format('embedded-opentype'),
             url('/files/0015/e5/b7/90961.woff2') format('woff2'),
             url('/files/0015/e5/b7/24719.woff') format('woff'),
             url('/files/0015/e5/b7/92838.ttf') format('truetype'),
             url('/files/0015/e5/b7/59688.svg#Myriad Pro') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'attack_typeregular';
        src: url('/files/001b/a7/bb/56673.eot');
        src: url('/files/001b/a7/bb/56673.eot?#iefix') format('embedded-opentype'),
             url('/files/001b/a7/bb/40473.woff2') format('woff2'),
             url('/files/001b/a7/bb/36696.woff') format('woff'),
             url('/files/001b/a7/bb/90549.ttf') format('truetype'),
             url('/files/001b/a7/bb/69774.svg#attack_typeregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'ralewayregular';
        src: url('/files/001b/a7/bb/64030.eot');
        src: url('/files/001b/a7/bb/64030.eot?#iefix') format('embedded-opentype'),
             url('/files/001b/a7/bb/15520.woff2') format('woff2'),
             url('/files/001b/a7/bb/79061.woff') format('woff'),
             url('/files/001b/a7/bb/79423.ttf') format('truetype'),
             url('/files/001b/a7/bb/50514.svg#ralewayregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face { font-family: 'ralewayextrabold';
        src: url('/files/001b/a7/bb/81640.eot');
        src: url('/files/001b/a7/bb/81640.eot?#iefix') format('embedded-opentype'),
             url('/files/001b/a7/bb/16972.woff2') format('woff2'),
             url('/files/001b/a7/bb/27892.woff') format('woff'),
             url('/files/001b/a7/bb/28074.ttf') format('truetype'),
             url('/files/001b/a7/bb/23513.svg#ralewayextrabold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    
    @font-face {font-family: 'Rosemaria'; src: url('/files/001b/e7/a6/92257.otf'); src: url('/files/001b/e7/a6/88306.eot') format('embedded-opentype'), url('/files/001b/e7/a6/64278.woff') format('woff'), url('/files/001b/e7/a6/15830.ttf') format('truetype'); }
    
    
    @font-face {font-family: 'FontAwesome';src: local("FontAwesome"), url('https://forumstatic.ru/files/001b/ae/02/82214.otf'); url('https://forumstatic.ru/files/001b/ae/02/10475.eot'), url('https://forumstatic.ru/files/001b/ae/02/33873.woff'), url(https://forumstatic.ru/files/001b/ae/02/11858.ttf');
    }
    
    /* Стандартные коды майбб, которые пригодятся */
    
    .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
    .punbb img {border:none; vertical-align: middle;}
    .punbb .main table {table-layout: fixed; width: 100%; border-spacing: 0 10px;}
    .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
    p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle}
    .punbb .post-content em {font-style: italic}
    .punbb optgroup {font-weight: bold;}
    .acchide,#pun-index #pun-main h1,#pun-pagelinks h2,#pun-status h2,#pun-ulinks h2,.punbb .multipage .topic h2,.punbb dl.post-sig dt span,.punbb p.crumbs strong,.punbb .divider hr,.punbb .required label em,.punbb .formsubmit label,.punbb .submitfield label,.punbb .modmenu label,#pun-title h1 {font-size: 0;height: 0;width: 0;line-height: 0.0; position:absolute; left: -9999px; overflow: hidden}
    .punbb * {margin: 0;}
    .punbb .hashelp {position: relative;}/* позиционирование выпадающего меню */
    .post-content em.bbuline {font-style: normal; text-decoration: underline;}
    .punbb .post-content .scrollbox {overflow-x: hidden; max-height: 40px; padding: 5px; }
    ::-webkit-scrollbar { width: 4px; height: 4px;}
    
    /* основное */
    #pun_wrap {min-width: 1100px;}
    body {margin: 0;}
    html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
    html * {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 1.25; text-rendering: optimizeLegibility;}
    #pun-main {padding: 2px;}
    a {transition: color 0.3s ease-in-out; text-decoration: none;}
    #pun {width: 1008px; margin: 180px auto 0 auto; padding: 0 0 20px 0; border-radius: 18px; box-sizing: border-box;}
    #pun-break1 {height: 100px; position: absolute;}
    #pun-break2 {height: 20px;}
    .punbb {border-radius: 10px; padding-inline: 20px; margin: 30px 20px 60px; font: normal 77.75% 'arial', sans-serif; letter-spacing: 0.1px; box-sizing: border-box;}
    #pun-title {position: absolute; width: 1004px; top: 60px; display: flex; margin-left: -20px; box-sizing: border-box; justify-content: center; z-index: 1;}
    #title-logo-table {width: 520px; height: 240px;}
    #pun-about { width: 100%; left: 0; text-align: center; padding-top: 6px;}
    #pun-about { position: absolute;}
    #pun-navlinks.section {width: 100%; position: relative; text-align: center; letter-spacing: 1px; font-size: 1.7rem; font-family: 'anticvaregular'; top: -198px; height: 1px; text-transform: uppercase;}
    #pun-ulinks.section {position: relative; width: 100%; top: 115px; text-align: center; height: 1px;}
    #pun-ulinks li {padding-inline: 2px;}
    #pun-ulinks a {padding-inline: 6px; font-size: 0.65rem; font-weight: bold;}
    #pun-ulinks li, #pun-navlinks li {display: inline;}
    #pun-navlinks li {padding-right: 8px;}
    #pun-status {position: absolute; display: flex; opacity: 0.8; top: 190px; height: 1px; width: 930px; font-size: 0.6rem; z-index: 2;}
    #pun-status a {font-weight: 100;}
    #pun-status p.container {display: grid; grid-template-columns: 16% 24% 60%;width: 100%;}
    #pun-status span.item1 {grid-area: 1 / 1 / 2 / 2;}
    #pun-status span.item2 {grid-area: 1 / 2 / 2 / 3;}
    #pun-status .status-right {grid-area: 1 / 3 / 2 / 4; text-align: end;}
    p.container.crumbs {z-index: 0; padding-inline: 10px; font-size: 14px; }
    #pun-crumbs1, #pun-crumbs2 {position: relative; margin-block: 10px; margin-inline: -41px; padding-block: 5px; padding-inline: 20px;}
    .linkst, .linksb  {position: relative; margin: 10px 0; padding: 5px 18px; letter-spacing: 1px;}
    .linksb {margin-bottom: 16px;}
    td.tcl {}
    #pun-viewforum .intd, #pun-messages td.tcl .intd {display: flex;}
    input[type='checkbox'], input[type='radio'] {width: 15px; height: 15px; cursor: pointer; appearance: none;}
    input[type='checkbox']:checked {background-image: url(/files/001b/a7/bb/90984.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #fff;}
    
    /* на главной странице */
    #pun-index .category tr {display: table; padding: 10px 0 10px 14px; margin: 10px 0;}
    #pun-category1 {margin-top: 40px;}
    .category, .forum .container, .usertable .container {position: relative; border-end-end-radius: 18px; border-start-end-radius: 18px; margin-left: -22px; padding: 10px 0; margin-bottom: 35px;}
    .category h2, .usertable h2, .forum h2, #pun-statistic h1 {position: relative; display: flex; justify-content: flex-end;}
    .category h2 {top: -28.5px; left: 44px;}
    #pun-statistic h1 {top: 10px; left: 43px; z-index: 2;}
    .usertable h2, .forum h2 {top: 20px; left: 43px; z-index: 2;}
    .category h2 span, .usertable h2 span, .forum h2 span, #pun-viewforum h1 span {display: block; width: 100%; text-transform: uppercase; text-align: center; border-start-start-radius: 12px; border-end-start-radius: 12px; margin: 0 auto; font-family: 'anticvaregular'; font-size: 2.2rem; letter-spacing: 3px; line-height: 2rem; padding-block: 4px;}
    .category table {border-collapse: separate;}
    #pun-index .category tr { position: relative; display: grid; grid-template-columns: 60% 20% 20%;}
    .category tr:last-of-type {margin-bottom: 20px;}
    #pun-index .category .tcl {grid-area: 1 / 1 / 3 / 2;}
    #pun-index .tclcon {padding: 0 4px; display: grid; justify-content: center; grid-template-columns: 100%; text-align: justify; font-size: 11px;}
    span.modlist {text-align: center; display: none;}
    .tclcon h3 {grid-area: 1 / 1 / 2 / 2; width: 90%; margin-bottom: 10px; font-style: normal;}
    .tclcon h3 a {position: relative; z-index: 1; font-family: 'anticvaregular'; font-size: 1.8rem; text-transform: uppercase; letter-spacing: 2px;}
    #transcriptforum {font-family: 'Myriad Pro'; font-size: 0.9rem; letter-spacing: 1px; margin: 0 0 4px;}
    #textforum {font-size: 0.8rem; text-align: justify;}
    #linksforum {display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin-top: 14px;}
    #linksforum a:first-child {margin-left: 0;}
    #linksforum a {display: block; font-size: 10px; text-transform: uppercase; font-family: 'Tahoma'; border-radius: 9.5px; padding: 5px 9px 4px; margin: 2px 3px;}
    #pun-index .category .tcr {grid-area: 2 / 2 / 3 / 4; text-align: end;}
    #pun-index .category .tcr a {font-size: 0.8rem; font-weight: bold; z-index: 1; position: relative;}
    #pun-index .category .tcr {position: relative; align-items: center; padding-left: 20px;}
    .punbb .tcr .user-avatar {float: right;}
    #pun-index .category .tc2 {grid-area: 1 / 2 / 2 / 3;}
    #pun-index .category .tc3 {grid-area: 1 / 3 / 2 / 4;}
    #pun-index .category .tc2, #pun-index .category .tc3 {position: relative; padding: 5px; text-align: center; font-size: 0.85rem; display: flex; max-height: 20px; justify-content: center; align-items: center; margin-top: 10px; visibility: hidden;}
    #pun-index .category .tc2:hover, #pun-index .category .tc3:hover {}
    #pun-index .tc2::before, #pun-index .tc3::before {margin-right: 6px; font-family: 'FontAwesome'; word-spacing: 6px;}
    #pun-index .tc2::before {content: '  тем:';}
    #pun-index .tc3::before {content: ' сообщений:';}
    .podfor_link {position: absolute; right: 0;}
    .podfor_link a {display: inline-block; font-size: .7rem; padding: 5px 9px 4px; margin: 1px;}
    .podfor_link1 a::before { font-family: 'cappuccicons'; content: '\e9e4'; padding-right: 4px; font-size: 0.3rem; margin-top: 4px !important; position: absolute; margin-left: -8px;}
    /*ссылки в описании категорий на главной горчичные
    .podfor_link1 { min-width: 390px; position: absolute; margin-top: -22px; right: 8px; background: var(--color2); text-align: center; border-top: 1px solid var(--color2); padding: 8px; border-end-end-radius: 10px; border-end-start-radius: 10px; border-bottom: 2px solid rgb(183, 185, 187);}
    .podfor_link1 a {padding-inline: 10px; padding-block: 2px; color: var(--color7); font-weight: bold;}
    .podfor_link1 a:hover { background: rgb(226 209 150 / 60%); padding: 9px 10px; color: rgb(159 108 15);}
    */
    #pun-index em.user-avatar { margin-inline: 20px;}
    #pun-index a.lastpost-link,#pun-index span.lastpost {}
    #pun-index .lastpost {font-size: 11px;}
    #pun-index span.avatar-image, #pun-index span.isonline {z-index: 1; position: relative;}
    .punbb em.user-avatar .avatar-image {border-radius: 10px;}
    #pun-stats, .formal {border-end-start-radius: 18px; margin-right: -20px; border-start-start-radius: 18px; padding: 15px 20px 35px; margin-top: 20px;     margin-bottom: 10px;}
    #pun-stats h2, .formal h2 {position: relative; top: -28.5px; display: flex; justify-content: flex-end;}
    .formal h2 {left: -64px;}
    .formal #profilenav h2 {left: -63px;}
    #pun-stats h2 {left: -62px;}
    #pun-stats h2 span, .formal h2 span {display: block; width: 100%; text-transform: uppercase; text-align: center; border-start-end-radius: 12px; border-end-end-radius: 12px; margin: 0 auto; font-family: 'anticvaregular'; font-size: 2.2rem; letter-spacing: 3px; line-height: 2rem; padding-block: 4px;}
    #pun-stats .statscon {}
    #pun-stats ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0;}
    ul.container {padding-left: 0;}
    #pun-stats ul li:not(#onlinelist) {width: 50%;}
    #pun-stats ul li:not(#onlinelist) span, #pun-stats ul li#onlinelist a:first-child:not(a.group1), #pun-stats ul li#onlinelist.birthday {font-weight: 600;}
    #pun-stats ul li:not(#onlinelist) strong {font-weight: 400;}
    #pun-stats ul li.item1 {order: 1;}
    #pun-stats ul li.item2 {order: 3;}
    #pun-stats ul li.item3 {order: 2; text-align: right;}
    #pun-stats ul li.item4 {order: 4; text-align: right;}
    #pun-stats ul li.item5 {order: 5; text-align: justify; width: 100%;}
    #pun-stats li#onlinelist.item5.onlinelist, #pun-stats li#onlinelist.item5.users_24h {margin-block: 20px;}
    
    /* оформление навигационных страниц и страницы статистики */
    #pun-main.main.multipage.show_recent, #pun-main.main.multipage.show_replies, #pun-main.main.multipage.show_unanswered, #pun-userlist #pun-main.main.multipage, #pun-statistic #pun-main.main {position: relative; padding-block: 20px; font-size: 0.8rem;}
    #pun-statistic #pun-main.main .container {position: relative; border-end-end-radius: 18px; border-start-end-radius: 18px; margin-left: -22px; padding: 10px 0; margin-bottom: 5px;}
    #pun-statistic table td {border-bottom: 1px solid var(--color2); padding-block: 10px;}
    #pun-statistic table tr:last-child td {border: none;}
    #pun-statistic h1 span {display: block; width: 100%; text-transform: uppercase; text-align: center; border-start-start-radius: 12px; border-end-start-radius: 12px; margin: 0 auto; font-family: 'anticvaregular'; font-size: 1.2rem; letter-spacing: 3px; padding-block: 4px;}
    .punbb .forum .hasicon tr, .usertable tr {display: flex; padding: 5px; margin: 10px 0; align-items: center;}
    .usertable thead tr {border: 0px;}
    #pun-viewforum .forum td.tcl {width: 65%;}
    #pun-viewforum td.tc2, #pun-viewforum td.tc3 {text-align: center; width: 5%;}
    #pun-viewforum .forum td.tcr {width: 30%; display: grid; grid-template-columns: 85% 15%; justify-content: end; align-items: center; justify-items: end; column-gap: 10px;}
    #pun-viewforum .forum td.tcr .user-avatar {grid-column: 2 / 3; grid-row: 1 / 3;}
    #pun-viewforum .forum td.tcr a {text-align: right; grid-column: 1 / 2; grid-row: 2 / 3;}
    #pun-viewforum .forum td.tcr span.byuser {text-align: right; grid-column: 1 / 2; grid-row: 1 / 2;}
    .forum td.tcl {width: 60%;}
    .forum td.tc2, .usertable td.tc2.user_title, .usertable td.tc3.registered ,.usertable td.tc3.last_visit {width: 20%; text-align: center;}
    .forum td.tc3, .usertable td.tc3.relation, .usertable td.tc3.num_posts {display: none;}
    .forum td.tcr {width: 20%; display: grid; grid-template-columns: 85% 15%; justify-content: end; align-items: center; justify-items: end; column-gap: 20px;}
    .forum td.tcr .user-avatar {grid-column: 2 / 3; grid-row: 1 / 3;}
    .forum td.tcr a {text-align: right; grid-column: 1 / 2; grid-row: 2 / 3;}
    .forum td.tcr span.byuser {text-align: right; grid-column: 1 / 2; grid-row: 1 / 2;}
    .usertable td.tcl.username {display: flex; width: 30%; align-items: center; text-transform: capitalize;}
    .punbb .forum .user-avatar .avatar-image, .punbb .usertable .user-avatar .avatar-image {border-radius: 12px;}
    .punbb .forum .user-avatar {float: right; padding-left: 10px;}
    .linkst .postlink.long {position: absolute; width: 100%; margin-top: 6px; z-index: 4; text-align: right;}
    .postlink.long .new-topic, .postlink.long span.new-poll {padding: 6px 18px; border-radius: 6px; margin-inline: 10px;}
    #pun-main table {padding: 0 20px;}
    .post-links a {margin-inline: 10px;}
    .intd {display: grid;}
    .tcl .intd .tclcon {line-height: 1.1rem;}
    #pun-viewforum h1 { position: relative; display: flex; justify-content: flex-end; top: 50px; left: 44px; z-index: 2;}
    #pun-viewforum .linkst .pagelink {display: none;}
    #pun-viewforum h2 {display: none;}
    .linkst .postlink.long a {color: var(--color2);}
    .linkst .postlink.long a:hover {color: var(--color8);}
    
    /* оформление странице профиля и лс */
    #viewprofile  #profile-right #pa-fld1 strong {padding-right: 50%;}
    #viewprofile #pa-fld1 strong #lz_text {padding-left: 20px;}
    #profile-gifts {text-align: center;}
    #viewprofile tr {display: flex; justify-content: space-between; align-items: flex-start;}
    #viewprofile #profile-left {margin: -25px 0 0px -40px; border-end-end-radius: 18px; border-start-start-radius: 18px; z-index: 1;}
    #viewprofile #profile-left li {text-align: center; padding: 2px;}
    #viewprofile #profile-left li:first-child {border-start-end-radius: 18px; border-start-start-radius: 18px; padding-top: 6px;}
    #viewprofile #profile-left li:last-child {border-end-end-radius: 18px; border-end-start-radius: 18px; padding-bottom: 16px; }
    #profile-name {width: 100%; font-size: 1.7rem; font-family: 'anticvaregular'; text-transform: uppercase; letter-spacing: 2px;}
    #profile-title {font-size: 0.6rem;}
    #viewprofile #profile-right {width: calc(100% - 230px);}
    #profile-right li {display: flex; margin: 3px 0;}
    #profile-right span:not(.GamePst) {width: 22%; font-family: 'ralewayregular'; font-size: 0.8rem; line-height: 1; padding: 12px 10px 5px;}
    #viewprofile #profile-right strong {width: 78%!important; padding: 10px; font-weight: 400;}
    #profile #profilenav {float: left; width: auto;}
    #profile #profilenav li {position: relative; top: 20px; font-family: 'ralewayregular'; font-size: 0.8rem; letter-spacing: 1px; margin-bottom: 6px;}
    #profile fieldset, #profile .formsubmit, #profile10 .select-file, #profile10 .adfs-box, #messages .linksb {width: calc(100% - 202px); margin-left: auto;}
    #profile fieldset, #profile .formsubmit, #profile10 .select-file { margin-top: 14px;}
    #profile fieldset.radiofield {width: 100%;}
    #pun-profile #profile.formal {background: transparent; border:none; min-height: 450px;}
    fieldset, #profile10 .adfs-box { border-radius: 18px; padding: 10px; position: relative;}
    #pun-profile fieldset legend, #pun-messages fieldset legend {width: 50%; text-align: center; padding: 4px; border-radius: 6px;}
    fieldset .infofield, fieldset .datafield, fieldset #num-posts, fieldset #location, fieldset #birthday, fieldset .checkfield {width: 100%;}
    fieldset .radiofield .radio {width: 100%; display: flex; align-items: center;}
    fieldset .radiofield .radio:first-child {margin-top: 10px;}
    #filetable tr { display: flex!important; justify-content: space-between; align-items: center; padding: 10px 0;}
    #profile10 .tc3.checker {text-align: end;}
    #profile10 .tc3 {text-align: center;}
    #setmods dl {margin: 10px 0;}
    #setmods dt {font-size: 1.6rem; font-family: 'danceregular';}
    #setmods dd {padding: 0 10px; line-height: 24px;}
    #messages .linksb {display: flex; justify-content: space-between;}
    #messages .fs-box tr {display: flex; align-items: center;}
    #messages .pmtc22 {display: flex; align-items: center;}
    
    /* оформление страницы форума */
    .modmenu {text-align: center;}
    .modmenu strong {margin-right: 20px;}
    #pun-viewtopic .multipage {text-align: center;}
    #pun-viewtopic .linkst, #topic-modmenu .container {display: flex; align-items: center; justify-content: space-between; z-index: 1; padding: 14px; }
    #topic-modmenu, #topic-users-in {padding-top: 10px;}
    #pun-viewtopic .linksb {display: flex; flex-wrap: wrap; justify-content: space-between;}
    #pun-viewtopic .linksb .pagelink {order: 1; margin: 0;}
    #pun-viewtopic .linksb .postlink {order: 2;}
    #pun-viewtopic .linksb .subscribelink {order: 3; width: 100%; text-align: right;}
    .topic {position: relative; text-align: left; top: -60px; margin-bottom: -60px; margin-left: -22px; padding: 50px 0 10px;}
    .post {position: relative; padding: 10px 0 22px; margin-top: 10px;}
    .post h3 {width: 80%; position: relative; display: flex; justify-content: flex-end; top: 14px; left: 232px; z-index: 2;}
    .post h3 span {display: flex;  width: 100%; border-start-start-radius: 12px; border-end-start-radius: 12px; margin: 0 auto; font-family: 'anticvaregular'; font-size: 1.2rem; letter-spacing: 3px; line-height: 2rem; padding: 4px 24px;}
    #pun-messages .post h3 span {width: 84.2%;}
    .post h3 span .permalink {order: 1; flex-grow: 1;}
    .post h3 span #fntSlider {position: absolute; top: 8px; left: 380px;}
    .post h3 span strong {order: 3;}
    .post h3 span strong:before {content: '№ '; font-size: 0.7rem;}
    #volSlider, #fntSlider {display: inline-block; position: relative; width: 100px; height: 10px; border-radius: 5px;}
    #volSlider .before, #fntSlider .before {height: 8px; border: none; border-radius: 5px 0 0 5px; }
    #volSlider .thumb, #fntSlider .thumb {display: inline-block; position: absolute; top: 0; width: 3px; height: 12px; margin-top: -2px; border-radius: 2px; cursor: pointer; transition: all ease-out 0.3s;}
    .post .container {display: flex; flex-wrap: wrap; justify-content: space-between; border-end-end-radius: 18px; border-start-end-radius: 18px; padding-right: 20px;}
    .post-author {width: 222px; margin: -30px 0 30px -50px; z-index: 1; border-radius: 18px; padding: 10px;}
    .post-author ul:not(.wrapper) {text-align: center; width: 220px; border-radius: 22px; padding-top: 5px; padding-bottom: 28px; margin-left: 1px;}
    .pa-author {width: 100%; font-size: 1.4rem; font-family: 'danceregular';}
    .pa-title {letter-spacing: 1px; margin-bottom: 5px; font-size: 0.6rem;}
    .pa-avatar {width: calc(100% - 20px); text-align: center; margin: 0 10px; padding-bottom: 10px !important;}
    li#pa-avatar div img {border: 1px solid var(--color2);}
    .pa-avatar img {display: block; max-width: 180px; height: auto; margin: 0 auto;}
    .pa-posts, .pa-respect, .post-author .pa-fld3, .post-author .pa-fld4 {    display: inline-block; position: relative; font-size: 0.7rem;  width: 15%; margin: 2px 6px; color: rgb(210 212 214 / 54%);}
    .pa-posts span.fld-name, .pa-respect span.fld-name, .post-author .pa-fld3 span, .post-author .pa-fld4 span {display: none;}
    .pa-posts:before, .pa-respect:before, .post-author .pa-fld3:before, .post-author .pa-fld4:before {font-family: 'Font Awesome 6 Free'; width: 100%; display: flex; justify-content: center; font-size: 1rem;}
    .pa-posts:before {content: '\f0e0';}
    .pa-respect:before {content: '\f164';}
    .post-author .pa-fld3:before {content: '\f044';}
    .post-author .pa-fld4:before {content: '\24';}
    span.fld-name {width: 100%; display: flex; justify-content: center;}
    .post-author-Sp {text-align: center; margin-top: 8px;}
    .post-author .pa-fld1 {padding-block: 4px;}
    #lz_img {grid-area: 1 / 1 / 2 / 2; position: absolute; width: 50px; height: 50px; left: -30px; border-radius: 100%; z-index:3;}
    #lz_img1 {grid-area: 1 / 2 / 2 / 3; position: absolute; width: 50px; height: 50px; border-radius: 100%; left: -8px; z-index:3;}
    #lz_img img, #lz_img1 img {width: 100%; padding: 5px;}
    #lz_text {grid-area: 1 / 2 / 2 / 3;}
    #lz_text1 {grid-area: 1 / 1 / 2 / 2;}
    .post-author .pa-fld2 {padding: 4px 8px; color: rgb(210 212 214 / 54%); text-align: justify; margin-bottom: 12px;}
    lz_id {font-family: 'bravo';  font-size: 1.5rem; display: flex; border-bottom: 1px solid rgb(134 139 128 / 20%); justify-content: center;}
    lz_info {position: relative; display: block; padding: 10px 4px; background: rgb(186 148 78 / 2%); border-bottom: 1px solid rgb(134 139 128 / 20%); text-align: center;}
    li.pa-online {width: 12px; height: 12px; display: block; position: absolute; top: 32px; left: -42px; font-size: 0px; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; z-index: 100; background: var(--color2); border-radius: 15px;}
    .post-body {width: calc(100% - 251px); text-align: justify; border: none; border-radius: 0; padding: 20px 0;}
    .post-links {width: 100%; border-end-end-radius: 5px; padding: 4px 15px; position: relative; top: 23px;}
    .post-links ul {display: inline-block; width: 100%; height: 100%; text-align: right; padding-left: 0; margin: 0;}
    .post-links ul li.pl-email {float: left;}
    .post-links ul li {display: inline; margin-right: 10px;}
    .post-links ul li:last-child, .post-links ul li.pl-BBquote {margin-right: 0;}
    .post-box p {position: relative; z-index: 2;}
    .post-author ul .post-author-Sp {text-align: center;margin-top: 8px;}
    .post-author ul .post-author-Sp .aw {transition: .3s all ease-in-out;}
    .post-author ul .post-author-Sp .aw:hover {opacity: .7;}
    .post-author ul .post-author-Sp .wrapper { padding-left: 0; padding-top: 25px; }
    .post-author ul .post-author-Sp .wrapper .pa-awards span { color: var(--special-border-color);}
    .post-sig {position: relative; margin: 10px;}
    
    
    /* кнопки отправить посмотреть */
    p.formsubmit {text-align: center; padding: 5px; margin: 5px;}
    .formal input.button, #post fieldset .hashelp div input, .button, #pun-admain input, input#sub4 {padding: 5px 10px; cursor: pointer; transition: .8s all;}
    .formal input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {cursor: pointer;}
    .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 5px 0 0;} 
    select, input, .punbb .formal textarea {border-radius: 5px; padding: 2px 5px; }
    
    /*цитаты и выделить код, форма ответа*/
    .punbb .formal fieldset {border: none;}
    #post-form { text-transform: none; margin-top: 20px; padding: 10px; border-radius: 18px 0 0 18px;}
    .quote-box {display: grid; border-radius: 18px; padding: 10px; grid-template-columns: 20% 80%; margin: 20px 4px 14px; position: relative; z-index: 3; overflow: hidden;}
    .quote-box.hide-box > blockquote {padding-bottom: 10px;}
    blockquote {grid-area: 2 / 1 / 3 / 3; z-index: 3;}
    .quote-box cite { grid-area: 1 / 1 / 2 / 3; z-index: 1; font-style: normal; font-size: 1rem; position: relative; top: 4px; font-family: 'danceregular';}
    blockquote p, blockquote.visible .quote-box p {width: 84%; position: relative; left: 12%; padding: 3px 0px 0 20px; }
    .quote-box cite:before {content: "-";}
    .post .post-content .spoiler-box > blockquote.visible { border-radius: 20px; padding: 0; overflow-x: hidden;}
    .quote-box.spoiler-box:before {display:none;}
    blockquote.visible:before {display:none;}
    blockquote.visible p {width: 94%; position: relative; left: 2%; top: 10px; padding: 3px 0px 0 20px; min-height: 40px;}
    blockquote.visible p:last-child {margin-bottom: 10px;}
    .code-box {display: grid;  grid-template-columns: 90% 10%; border-radius: 18px; padding: 10px; margin: 10px 4px 4px; height: 100px;}
    .code-box .blockcode {grid-area: 2 / 1 / 3 / 2; border-radius: 20px; padding: 0 6px;}
    .code-box strong.legend {grid-area: 1 / 1 / 2 / 2; text-align: center; font-size: 1.4rem; position: relative; font-family: 'ralewayregular';}
    .punbb #tags .container {height: 220px;  overflow: auto; padding: 5px 15px; top: auto; margin-top: 4px; border-radius: 0 0 10px 10px;}
    .quote-box.spoiler-box p {margin: 0;}
    
    /*иконки*/
    .punbb .icon[data-new-topics]:before, .punbb .subforums span[data-new-topics]:before {position: relative; top: 4px; padding: 3px;}
    .icon.icon-new {border-radius: 60px; height: 15px; width: 15px; margin-right: 10px;}
    #pun-index div.icon {position: absolute; left: -20px;}
    div.icon {margin-top: 6px; height: 25px; width: 30px; border-start-end-radius: 50px; border-end-end-radius: 50px; text-align: center; position: absolute;}
    tr.inew .icon.icon-new {position: absolute; left: 4px;}
    #pun-messages div.icon {border-radius: 60px; height: 15px; width: 15px; margin-right: 10px; margin-top: 0;}
    #pun-messages .icon-new {}
    
    /*реклама яндекс*/
    #yandex_rtb_R-A-1623045-3 {box-sizing: border-box;}
    
    /* сокрытие элементов */
    th.tcl, th.tc2, th.tc3, th.tcr, #pun-live-rusff, ul li.pa-ua, .linksb .postlink.long, #pun-navlinks h2, #pun-ulinks h2, #pun-status h2, .pa-gifts, #pun-userlist thead, #pun-messages thead, #title-logo-tbody, li#navawards, #pun-index .category thead tr, #post-form h2, .topic a.sharelink, .topic li.pl-reports, form#post fieldset legend span, #viewprofile-next #profilenav, #profile small#plng, #pun-announcement h2, .fa-heart:before, #pun-userlist legend span, .forum h2 span.item2, #pun-messages .formal h2, .reactions-root, li.pa-respect img {display: none;}
    h1, #pun-searchtopics .modmenu, #pun-viewforum .modmenu span {font-size: 0;}
    
    /* разное */
    fieldset legend {font-family: 'ralewayregular'; display: flex; width: 100%; justify-content: center;}
    .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}
    .punbb .fs-box p, .punbb .fs-box fieldset {padding: 4px 14px 4px 0;}
    .punbb .inline .infofield {clear: both;}
    .post-box .post-content td {border: 0px!important; vertical-align: top;}
    .main.multipage .post-box .post-content tr:hover {animation: none;}
    li.pl-delete, li.pl-edit, li.pl-quote {float: right;}
    #pun-profile #pun-main .fs-box #main-reply {background: rgba(194,194,194,0.55); color: rgb(60 64 48);}
    .post-sig p {margin-top: 10px;}
    #form-buttons table, .punbb .formal textarea {box-sizing: border-box;}
    
    /* админка */
    a#award-create {position: relative; z-index: 100;}
    .punbb-admin .adformal {border-width: 0 0 0 0;}
    .punbb-admin .admin-advert-block { width: 800px; height: auto; position: relative; top: -100px; left: 250px; text-align: center; display: flex; justify-content: space-evenly; flex-direction: column;}
    .punbb-admin .adformal h2, .punbb-admin #pun-adnav h2 {padding: 10px; border: 0; text-align: center; border-radius: 18px;}
    .punbb-admin .adformal h2:after, .punbb-admin #pun-adnav h2:after { position: absolute; display: block; content: ""; height: 38px; margin-left: -4px; margin-top: -26px;}
    .punbb-admin .adformal h2:after {width: 674px;}
    .punbb-admin #pun-adnav h2:after {width: 172px;}
    .punbb-admin .adcontainer {border:0; margin: 10px 0;}
    .punbb-admin .adminmain, .punbb-admin .adcontainer fieldset {border-radius: 18px;}
    .punbb #pun-admain legend span {width: 50%; text-align: center;  padding: 4px;    border-radius: 18px;}
    .punbb-admin #pun-admain input {padding: 2px 10px;}
    .punbb-admin #pun-admain .adfs-box {}
    .punbb-admin #pun-admain .adfs-box tbody {}
    .punbb-admin #pun-admain .adfs-box tr {}
    .punbb-admin #pun-admain .adfs-box td {border: 0;}
    #pun-admain .adfs-box .tcl {width: 15% !important;}
    #pun-admain .adfs-box .tc2.ft-tags {width: 5% !important;}
    #pun-admain .adfs-box .tc2 {width: 22% !important;}
    #pun-admain .adfs-box .tc3.ft-version {width: 3% !important;}
    #pun-admain .adfs-box .tc3 {width: 12% !important;}
    #pun-admain .adfs-box .tcr {width: 20% !important;}
    #pun-admain .adfs-box .tc3.checker {width: 5% !important;}
    #pun-admain #form-buttons td img {}
    #pun-admain #form-buttons td::before {}
    #pun-admain #form-buttons td {}
    .punbb-admin #pun-ulinks.section {top: -208px;}
    .punbb-admin #pun-navlinks.section {top: -188px;}
    
    
    /* доработки */
    .section.online-list tr {line-height: 30px;}
    #pun-online .section.online-list td.tcl.username {}
    #pun-online .section.online-list .tcl.action {text-align: center;}
    #pun-online .section.online-list td.tc3 {text-align: end;}
    .post-content p {margin: 10px 0; overflow-x: hidden;}
    .post-links ul li.pl-share {float: left; display: none;}
    dd {border-top: 1px solid var(--color2);}
    p.lastedit {display: none;}
    .section.online-list {position: relative; border-radius: 18px; padding: 10px 0; margin-bottom: 35px; color: var(--special-border-color); background: var(--special-color); border: 1px solid var(--special-border-color);}
    .online-list tr td {padding: 10px 5px;}
    .online-list tr td {border-bottom: 1px solid var(--special-border-color);}
    .online-list tr:last-child td {border:none;}
    .post-content .spoiler-box {grid-template-columns: 100%;}
    fieldset#post-preview {text-align: left; text-transform: math-auto;}
    fieldset#post-preview p {margin: 15px 0;}
    #main-reply {font-family: auto;}
    
    
    /* баннеры */
    #html-footer {position: relative;}
    #banners { position: absolute; top: 29px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 39px; padding-right: 5px; overflow: auto;}
    #banners img { transition: .3s all ease-in-out; opacity: .3;}
    #banners img:hover { opacity: 1;}
    
    /* навигация в категориях */
    .links a {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    }
    

    0

    13

    Цвета style_cs.css
    Код:
    :root {
      --color1: rgba(151,157,158, 1);
      --color2: rgba(186,148,78, 1);
      --color3: rgba(226,209,150, 1);
      --color4: rgba(116,116,140, 1);
      --color5: rgba(136,135,140, 1);
      --color6: rgba(16,22,24, 1);
      --color7: rgba(22,63,71, 1);
      --color8: rgba(210,212,214, 1);
      --color9: rgba(82,82,121, 1);
      --body-color: rgba(157,146,136, 1);
      --border-color: rgba(44,53,50, 1); 
      --text-soft-color: rgba(134,139,128, 1);
      --text-color: rgba(134,139,128, 1);
      --texttwo-color: rgba(150,153,154, 1); 
      --mark-color: rgba(71,44,33, 1);
      --special-color: rgba(147,136,127, 1);
      --special-border-color: rgba(123,6,12, 1);
      --special-bg-color: rgba(120,93,81, 0.8);
      --special-text-color: rgba(238,251,234, 1); 
      --special-mark-color: rgba(118,46,33, 1); 
    }
    
    /* основное */
    html {background-color: #101618; background-image: url(/files/001b/e7/a6/36873.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; min-height: 100%;}
    html.punbb { background: none; border: none; box-shadow: none;  text-align: center;}
    .punbb { background-color: rgba(210,212,214,1); border: 1px solid var(--color4); box-shadow: inset 0 0 40px 10px rgba(0, 0, 0, .23); }
    #pun {border: 1px solid rgb(186 148 78 / 57%); box-shadow: inset 0 0 20px 4px rgb(186 148 78 / 14%); color: rgb(24 36 32);} 
    #title-logo-table {background: url(/files/001b/e7/a6/10864.png) no-repeat;}
    a {color: var(--color7);}
    a:hover {color: var(--color4);}
    #pun-navlinks a, #pun-about a, .punbb-admin #pun-ulinks a {color: var(--color2);}
    #pun-ulinks a {color: var(--border-color);}
    #pun-ulinks a:hover {color: var(--color7);}
    #pun-about a {opacity: 0.4;}
    #pun-about a:hover {opacity: 1;}
    #pun-navlinks a:hover, .punbb-admin #pun-ulinks a:hover {color:var(--color3);}
    #pun-crumbs1, #pun-crumbs2 {color: rgb(16 22 24 / 55%); background: rgb(151 157 158 / 21%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .03);}
    .linkst, .linksb {color: rgb(168 124 45);}
    #pun-status, #pun-status a {color: var(--color5);}
    #pun-status a:hover, .post-author .pa-fld2 a:hover {color: var(--color3);}
    .post-author .pa-fld2 a {color: var(--color2);}
    
    input[type='radio']:checked {background-color: var(--border-color); border: 1px solid rgb(238 251 234 / 59%);}
    input[type='checkbox'], input[type='radio'] {background: var(--body-color);}
    .punbb em.user-avatar .avatar-image {border: 1px solid var(--color2);}
    
    /* на главной */
    .category, .usertable .container, .forum .container, .post .container, #pun-statistic #pun-main.main .container {color: rgb(16 22 24 / 55%); background: rgb(151 157 158 / 21%); border-right: 1px solid var(--color2); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .03);}
    .category h2 span, .usertable h2 span, .forum h2 span, #pun-announcement .html-box span a, .post h3 span, #pun-statistic h1 span, #pun-viewforum h1 span {background: var(--color7); color: var(--color8); box-shadow: 0px 2px 4px 1px rgb(82 121 121 / 37%); border-right: 1px solid rgb(186 148 78 / 55%);}
    .post h3 a {color: var(--color8);}
    #pun-stats h2 span, .formal h2 span {background: var(--color7); color: var(--color8); box-shadow: 0px 2px 4px 1px rgb(82 82 121 / 37%); border-left: 1px solid rgb(186 148 78 / 55%);}
    #pun-index .category tbody tr, .punbb .forum .hasicon tr, .usertable tr, #filetable tr, #messages .fs-box tr, #profile-right li {border-bottom: 1px solid var(--color2);}
    #pun-index .category tbody tr:last-child, .punbb .forum .hasicon tr:last-child, .usertable tr:last-child, #filetable tr:last-child, #messages .fs-box tr:last-child {border:none;}
    #pun-index h2 {}
    .tclcon h3, #pun-index .category .tcr, #pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {}
    .tclcon h3 a {color: var(--color7);}
    .tclcon h3 a:hover {color: var(--color4);}
    #pun-index .tc2, #pun-index .tc3 {color: var(--border-color);}
    #transcriptforum {color: rgb(163 68 12 / 87%);}
    #textforum {color: rgb(40,35,32, 0.8);}
    #linksforum a {background: var(--special-border-color); color: rgb(238 251 234 / 40%); border: 1px solid var(--special-color);}
    #linksforum a:hover {color: rgb(238 251 234 / 80%); border: 1px solid rgb(238 251 234 / 80%);}
    #pun-index .category .tc2, #pun-index .category .tc3, #profile-right li {color: rgb(16 22 24 / 55%);}
    #pun-index .category .tc2:hover, #pun-index .category .tc3:hover {}
    #pun-stats ul li:not(#onlinelist) span, #pun-stats ul li a {color: var(--color7);}
    #pun-stats, .formal {color: rgb(16 22 24 / 55%); background: rgb(151 157 158 / 21%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .03); border-left: 1px solid var(--color2)!important;}
    .podfor_link {}
    .podfor_link a {background: rgb(22 63 71 / 54%); color: rgb(187 190 193);}
    .podfor_link a:hover {background: rgb(22 63 71); color: rgb(255 255 255);}
    
    /* на страницах профиля и смс */
    #viewprofile #profile-left {background: var(--color7); color: var(--color8); box-shadow: 0px 2px 4px 1px rgb(82 121 121 / 37%); border-right: 1px solid rgb(186 148 78 / 55%);}
    #viewprofile #profile-left li a {color: var(--color5);}
    #profile-name a, #profile-name, #viewprofile #profile-left li a:hover {color: var(--color2);}
    #profile fieldset, #profile10 .adfs-box {border: 1px solid var(--color2); box-shadow: inset 0 0 40px 10px rgb(22 63 71 / 13%);}
    #profile fieldset legend {background: var(--color2); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23); color: var(--color7);}
    tr.group1.icon.inew, tr.altstyle.inew {}
    tr.group1.icon.inew a, tr.altstyle.inew a {}
    tr.group1.icon.inew a:hover, tr.altstyle.inew a:hover {}
    tr.altstyle.inew {}
    
    /* оформление страницы форума */
    .post .post-rating .container, .post-vote p.container {background: none; box-shadow: none;}
    .post .post-rating .container a, .post-vote p.container a {color: var(--color2);}
    .postlink.long .new-topic, .postlink.long span.new-poll {border-bottom: 1px solid rgb(44 53 50 / 13%);}
    .inner.post_reputation {color: var(--border-color); background: var(--color1); border: 1px solid var(--color2); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23); border-radius: 10px;}
    textarea#reputationText {background: var(--color8); border-radius: 10px; border: 1px solid var(--color2);}
    #pun-viewtopic .multipage .inner.post_reputation h1 {font-size: 1rem; margin-top: -44px; position: absolute; border-start-start-radius: 8px; border-start-end-radius: 8px;}
    .topic {}
    .pa-title {background: rgb(198 200 202 / 23%); color: rgb(198 200 202);}
    .post-author {}
    .post-author ul:not(.wrapper) {background: var(--color7); outline: 1px solid var(--color6); color: rgb(187 190 193); border-top: 2px solid var(--color2);}
    .pa-author a, .pa-posts, .pa-fld5, .pa-respect, .pa-respect a {color: rgb(210 212 214 / 54%);}
    .pa-avatar.item2 img {border: 1px solid var(--color2); border-radius: 10px;}
    .post-links {background: rgb(186 148 78 / 74%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .23);}
    .post-links a {color: rgb(16 22 24 / 51%);}
    .post-links a:hover {color: var(--color6);}
    .forum .container, .usertable .container {color: rgb(165 111 10);}
    #volSlider, #fntSlider {border: 1px solid var(--color1);}
    #volSlider .before, #fntSlider .before {background: var(--color2);}
    #volSlider .thumb, #fntSlider .thumb {background: rgb(232 240 241);}
    
    /* кнопки, поля ввода, прокрутка */
    textarea, select {color: var(--mark-color);}
    input, select {box-shadow: inset 0 0 20px 2px rgb(187 192 189); border: 1px solid var(--color2); color: var(--color7);}
    textarea {background: rgb(154 162 153 / 10%); box-shadow: inset 0 0 21px 2px rgba(0, 0, 0, .13);}
    input:hover, select:hover {box-shadow: inset 0 0 10px 2px rgb(238 251 234 / 50%); color: var(--color2); border: 1px solid var(--color3);}
    input:is(:focus, :focus-visible, :active), textarea:is(:focus, :focus-visible, :active), select:is(:focus, :focus-visible, :active) {}
    #main-reply {color: rgb(60 64 48);}
    ::-webkit-scrollbar-thumb {border-radius: 20px; background: rgb(186 148 78 / 57%); box-shadow: inset 0 0 2px var(--color2);}
    ::-webkit-scrollbar-track {background-color: transparent;  box-shadow: inset 0 0 2px var(--color2); border-radius: 5px;}
    
    /*цитаты и выделить код, форма ответа*/
    blockquote p {}
    .quote-box cite, .quote-box cite a {border-radius: 10px; border-right: 1px solid rgb(123 6 12 / 49%); border-left: 1px solid rgb(44 53 50 / 49%); background: rgb(210 212 214 / 49%);}
    .quote-box {color: var(--color7); background: rgb(22 63 71 / 16%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .13);}
    .code-box {color: rgb(16 22 24 / 55%); background: rgb(199 209 211 / 93%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .03); border-left: 1px solid var(--color7); border-right: 1px solid var(--color7);}
    .post-content .spoiler-box > blockquote {}
    .code-box .blockcode {}
    .code-box strong.legend {}
    #tags .container {box-shadow: inset 0 0 28px 2px rgba(0, 0, 0, .23); border: 1px solid var(--color2); background: var(--color7); color: var(--color1);}
    #tags .container a {color: var(--color1);}
    #tags .container a:hover {color: var(--color3);}
    .post-content .spoiler-box > blockquote.visible {color: rgb(16 22 24 / 55%); background: rgb(151 157 158 / 21%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .03); border-right: 1px solid var(--color2); border-left: 1px solid var(--color2);}
    
    /*иконки*/
    .punbb .icon[data-new-topics]:before, .punbb .subforums span[data-new-topics]:before {background: var(--color7);}
    .icon.icon-new {}
    div.inew, .icon.icon-new {background: var(--color2); border-right: 3px solid var(--color7); border-bottom: 0.5px solid var(--color7);}
    div.iclosed {border-right: 1px solid rgb(44 53 50); background: var(--texttwo-color);}
    div.isticky {background: var(--special-mark-color); border-right: 1px solid rgb(44 53 50);}
    
    /* закладки / уведомления */
    #pun .punbb #MyBookmarks li span strong {border: none;}
    #pun #MyBookmarks li.BookmarkL {border-bottom: 1px solid var(--color2);}
    #MyBookmarks {height: 80%; border-end-end-radius: 10px;}
    #pun #MyBookmarks span.scrl,#pun #MyBookmarks li span strong {color: var(--color2); text-shadow: none; box-shadow: none; border-bottom: 1px solid var(--color2);}
    #pun #MyBookmarks span.scrl.t {border-right: 1px solid var(--color2);}
    #pun #BookmCntToggle.default-style {border-left: solid 4px currentcolor; height: 30px; width: 22px; border-radius: 5px; color: var(--color2);}
    #pun #MyBookmarks h2 {margin-top: -15px; left: 0; padding-block: 5px; letter-spacing: 2px; font-size: 20px; text-transform: uppercase; border-radius: 10px; font-family: 'Rosemaria'; background: var(--color7); color: var(--color1); box-shadow: -0.640625px 4px 5px rgb(0 0 0 / 22%);}
    #pun #MyBookmarks, #pun .editBookmark {top: 70px; background-color: var(--color8); border: 1px solid var(--color2); box-shadow: inset 0 0 40px 10px rgba(0, 0, 0, .23);}
    #pun .post .bookmark {color: var(--border-color);}
    #pun .editBookmark h1 {display: none!important;}
    .punbb span.num_msg {position: relative; background: var(--text-color); color: var(--special-text-color); margin: 0; top: -4px; left: 12px; padding: 4px;}
    .punbb span.num_msg:before {display: none;}
    .punbb .bubble {background: var(--text-color); color: var(--special-text-color); }
    .punbb .bubble:after {border-color: var(--text-color);}
    
    /* админка */
    .punbb-admin #pun-admain .ace-chrome .ace_gutter {background: rgb(129 112 101 / 50%);}
    .punbb-admin #pun-admain .ace_hidpi .ace_content {background: rgb(129 112 101 / 20%);}
    .punbb-admin #pun-admain fieldset p, .punbb-admin #pun-admain fieldset .handle, .punbb-admin #pun-admain .adcontainer th {border-color: rgb(22 63 71 / 16%); background-color: rgb(22 63 71 / 12%); border-radius: 18px; color: var(--color7); padding: 4px 10px!important;}
    .punbb-admin .adminmain {border: 1px solid var(--color2); color: rgb(16 22 24 / 55%); background: rgb(151 157 158 / 21%); box-shadow: inset 0 0 11px 2px rgba(0, 0, 0, .03);}
    .punbb-admin .adcontainer fieldset {border: 1px solid var(--color2)!important;}
    .punbb-admin .adformal h2, .punbb-admin #pun-adnav h2, .punbb #pun-admain legend span {background: var(--color7); color: var(--color8);}
    .punbb-admin,.punbb-admin #pun-admain .isactive a, .punbb-admin #pun-adnav .isactive ul.adsubnav a  {color: rgb(37 29 26 / 58%);}
    .punbb-admin #pun-admain a, .punbb-admin #pun-admain li::marker, .punbb-admin #pun-adnav .isactive ul.adsubnav a:hover {color: var(--color7);}
    .punbb-admin #pun-admain a:hover {color: var(--color2);}
    
    
    
    /* Form Buttons and inner container */
    
    #post-form #form-buttons tr {display: flex; justify-content: center; flex-wrap: wrap;}
    #post-form #form-buttons td { position: relative; width: 29px; height: 29px; background-image: none !important; border-radius: 4px; margin: 0 2px 2px; transition: .3s all ease-in-out;}
    #post-form #form-buttons td#button-mask { background-image: none !important;}
    #post-form #form-buttons td img { opacity: 0;}
    #post-form #form-buttons td::before {position: absolute; top: 50%; height: auto; font-size: 14px; font-weight: 900; font-family: 'Font Awesome 5 Free'; text-align: center; color: var(--border-color); margin: 0 auto; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; pointer-events: none;}
    
    #post-form #form-buttons td:hover::before,
    #post-form #form-buttons #button-image:hover b p {color: var(--special-bg-color);}
    #post-form #form-buttons #button-font::before { content: '\f031';}
    #post-form #form-buttons #button-size::before { content: '\f034';}
    #post-form #form-buttons #button-bold::before { content: '\f032';}
    #post-form #form-buttons #button-italic::before { content: '\f033';}
    #post-form #form-buttons #button-underline::before { content: '\f0cd';}
    #post-form #form-buttons #button-strike::before { content: '\f0cc';}
    #post-form #form-buttons #button-indent::before { content: '\f03c';}
    #post-form #form-buttons #button-left::before { content: '\f036';}
    #post-form #form-buttons #button-center::before {content: '\f037';}
    #post-form #form-buttons #button-center + td::before {content: '\f039';}
    #post-form #form-buttons #button-right::before {content: '\f038';}
    #post-form #form-buttons #button-link::before {content: '\f0c1';}
    #post-form #form-buttons #button-spoiler::before {content: '\f518';}
    #post-form #form-buttons #button-image::before { content: '\f302';}
    #post-form #form-buttons #button-image b p { top: 6px; right: 2px; color: rgba(45, 45, 45, 1); margin: 0 !important; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
    #post-form #form-buttons #button-video::before {content: '\f144';}
    #post-form #form-buttons #button-hide::before {content: '\f070';}
    #post-form #form-buttons #button-quote::before {content: '\f27a';}
    #post-form #form-buttons #button-code::before {content: '\f121';}
    #post-form #form-buttons #button-color::before {content: '\f53f';}
    #post-form #form-buttons #button-table::before { content: '\f84c';}
    #post-form #form-buttons #button-smile::before { content: '\f118';}
    #post-form #form-buttons #button-sticker::before { content: '\f4da';}
    #post-form #form-buttons #button-keyboard::before { content: '\f11c';}
    #post-form #form-buttons #button-addition::before { content: '\f150';}
    #post-form #form-buttons #button-mask::before { content: '\f6fa';}
    #post-form #button-files_rusff, #button-graffiti_rusff {display: none!important;}
    
    
    /*шапка*/
    head_table {display: grid; position: relative; top: 4px; border-end-end-radius: 18px; border-end-start-radius: 18px; grid-template-columns: repeat(2, 50%); background-image: url(/files/001b/e7/a6/36873.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; border: 1px solid var(--color2); height: 70px;}
    head_table_l {grid-area: 1 / 1 / 2 / 2; width: 76%; display: flex; justify-content: center; align-items: center; z-index: 100;}
    head_table_r {grid-area: 1 / 2 / 2 / 3; position: relative; z-index: 100; width: 75%; left: 24%; color: var(--color5); display: grid; grid-template-columns: 20% 76%; align-items: center;}
    head_table_r_img {grid-area: 1 / 1 / 2 / 2;}
    head_table_r_info {grid-area: 1 / 2 / 2 / 3; font-size: 0.6rem; text-align: justify; overflow: auto; max-height: 50px; padding-right: 4px;}
    #pun-announcement head_table_r_info a {margin: 0px; color: var(--color2);}
    #pun-announcement head_table_r_info a:hover {color: var(--color3);}
    #pun-announcement a {margin: 10px;}
    head_table_l img, head_table_r img {width: 50px; height: 50px; border-radius: 16px; border: 1px solid var(--color2)!important;}
    head_table_l img {}
    head_table_r img {}
    /* навигация в шапке 
    navigation {position: absolute; top: 50px; margin-left: 428px!important; z-index: 4; color: var(--color2); font-family: 'recolors_personal_useregular'; font-size: 0.6rem; letter-spacing: 1px;}
    navigation ul { text-align: center; padding: 0; list-style: none; position: relative;}
    navigation ul li {display:inline-block; text-align: center; letter-spacing: 0;}
    navigation a, links a {display:block; color: var(--color2);}
    links a:hover {color: var(--color2);}
    navigation ul ul li:hover {background-color: #c39a3e82;}
    navigation ul ul li a:hover {color: var(--color3);}
    navigation ul ul { display: none; position: absolute; top: 100%; left: -28px; background: rgb(22 63 71 / 86%); border: 1px solid var(--color2); outline: 2px solid var(--color7); padding: 10px!important; border-radius: 8px;}
    navigation ul li:hover > ul { display:inherit;} 
    navigation ul ul li { font-size: 0.8rem; width: 106px; float: none; display: list-item; position: relative; padding: 4px; border-bottom: 0.2px solid rgb(186 148 78 / 52%);}
    navigation ul ul li:last-child {border: none;}
    */
    #html-header rating {position: absolute; display: flex; width: 50px; height: 50px; border-radius: 50px; z-index: 3; margin-left: -58px; font-family: 'rosemaria'; text-align: center; font-size: 2.2rem; color: var(--color2); border: 1px solid var(--color2); align-items: center; justify-content: center; background-color: #101618; background-image: url(/files/001b/e7/a6/36873.png); background-repeat: no-repeat; background-size: cover;}
    #html-header rating:after {position: absolute; content: '+'; margin-left: 30px; font-size: 1.1rem;}
    #html-header time {
        font-family: 'anticvaregular';
        position: absolute;
        font-size: 1rem;
        letter-spacing: 3px;
        margin-top: -25px;
        color: var(--color2);
        margin-left: 600px;
    }
    
    /* кнопки вверх - вниз*/
    .go-up,.go-down {position: fixed; margin-left: 967px!important; z-index: 9999; cursor: pointer; opacity: .7; margin-bottom: 25px; width: 10px; height: 20px; border-start-end-radius: 18px; border-end-end-radius: 18px; outline: 1px solid rgb(186 148 78 / 61%);}
    .go-up {bottom: 50%; background: var(--color8);}
    .go-down {bottom: 42%; background: var(--color2);}
    .go-down:hover,.go-up:hover {opacity:1;}
    
    /* оформление тем */
    .topicsubject, .topicsubject1 {border-radius: 12px; padding: 4px 10px; border-left: 2px solid var(--color2); border-right: 2px solid var(--color2); box-shadow: inset 0 0 11px 2px rgb(0 0 0 / 7%); outline: 1px solid var(--color6); color: rgb(187 190 193); background-image: url(/files/001b/e7/a6/36873.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
    .topicsubject a, .topicsubject1 a {color: var(--color2);}
    .topicsubject a:hover, .topicsubject1 a:hover {color: var(--color3);}
    .topicsubject1 {text-align: center;}
    .punbb .topicsubject1 .imgid img {max-height: 120px;}
    .topicsubject {display: grid; grid-template-columns: 65% 35%;}
    .idh1 {text-align: center; font-family: 'Rosemaria'; letter-spacing: 2px; color: var(--color2); text-transform: uppercase;}
    .idh1 p {font-size: 1.4rem !important;}
    .idtext {padding: 2px 8px; color: var(--color6); border: 2px solid var(--color6); outline: 1px solid var(--color2); border-radius: 10px; background: rgb(199 209 211 / 70%); box-shadow: inset 0 0 11px 2px rgb(0 0 0 / 42%); margin-bottom: 10px !important; text-align: justify;}
    .nameid {grid-area: 1 / 1 / 2 / 2; text-align: center;}
    .ageid {grid-area: 2 / 1 / 3 / 2; text-align: center;}
    .workid {grid-area: 3 / 1 / 4 / 2; text-align: center;}
    .imgid {grid-area: 1 / 2 / 4 / 3; text-align: center;}
    .punbb .imgid img {border-left: 1px solid var(--color2); border-right: 1px solid var(--color2); border-radius: 10px; max-width: 360px !important; max-height: 180px;}
    .bioid {grid-area: 4 / 1 / 5 / 3;}
    .magicid {grid-area: 5 / 1 / 6 / 3;}
    .otherid {grid-area: 6 / 1 / 7 / 3;}
    .connectid {grid-area: 7 / 1 / 8 / 3;}
    .postid {grid-area: 8 / 1 / 9 / 3;}
    .themeinfo p { font-size: .7rem !important;}
    
    

    0

    14

    для ведьм

    Код:
    <div id="lz_witch"><div id="lz_img"><div id="lz_img_witch"><img src="https://forumstatic.ru/files/001c/0a/76/92251.png" title="название стикера"></div></div><div id="lz_text"><div id="lz_h1">Ведьма </div><div id="lz_h2">стихия воды</div></div></div>

    для фамильяра

    Код:
    <div id="lz_familiar"><div id="lz_img1"><div id="lz_img_familiar"><img src="https://forumstatic.ru/files/001c/0a/76/93416.png" title="скопа"></div></div><div id="lz_text1"><div id="lz_h1_familiar">Фамильяр </div><div id="lz_h2_familiar"> скопа </div></div> </div>

    0

    15

    [nick] nhn h[/nick][status] m mhgujm jn[/status][sign] bnjm bjh[/sign]

    0

    16

    Test

    0


    Вы здесь » test forest » Музей истории » тестирование кнопок ответа


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