https://testkarkartest.rusff.me/ Тестовик Карий ru-ru Mon, 29 Jun 2026 18:31:01 +0300 MyBB/mybb.ru https://testkarkartest.rusff.me/viewtopic.php?pid=121#p121 <p>[html]&lt;div class=&quot;guestroom&quot; id=&quot;block-4-1&quot;&gt;&lt;div class=&quot;header&quot; id=&quot;block-4-5&quot;&gt;&lt;/div&gt;&lt;div class=&quot;desc&quot; id=&quot;block-4-2&quot;&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;Остров Блок, 2026 год. Нью-Шорхэм — идиллический курорт, где на тысячу постоянных жителей летом приходится двадцать тысяч туристов, а открыточные пляжи и викторианские коттеджи соседствуют с древними утёсами. Но под этим лоском скрыт иной остров: в конце XVII века здесь обосновалась секта «Свидетелей Последнего Прилива», которая смешала пуританский фанатизм с индейской магией, проводила кровавые ритуалы на скалах и верила, что однажды океан поднимется и мёртвые вернутся. В 1723-м вся община бесследно исчезла за одну ночь, оставив лишь Старое кладбище с безымянными плитами, покрытыми символами глаз и волн. Триста лет остров молчал, но сегодняшний туристический бум и стройка разбудили то, что дремало в его недрах.&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;— &lt;strong&gt;Добро пожаловать!&lt;/strong&gt; Мы подумали, что мистичек много не бывает, и, вдохновившись любимыми сериалами и произведениями, решили принести вам этот тестовичок. Мы находимся на стадии пробы интереса и поиска администраторов, но внешность можно придержать уже сейчас. &lt;/span&gt;&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;&lt;strong&gt;Коротко о главном:&lt;/strong&gt;&lt;br&gt;• Внешности держим вплоть до чистовика (далее - еще 3 дня с возможностью продления), за гостями - на сутки с момента придержания.&lt;br&gt;• Условие сохранения брони внешности: 1 сообщение на форуме в 3 дня.&lt;br&gt;• Твинов можно будет создать уже на чистовике. Сейчас за одним игроком можно придержать две внехи.&lt;br&gt;• Роли &lt;del&gt;и биржа труда&lt;/del&gt; будут, но их пока не держим. Следите за обновлениями.&lt;br&gt;• Начать играть можно уже сейчас - на форуме есть соответствующий раздел.&lt;br&gt;• &lt;strong&gt;Переездов не будет&lt;/strong&gt;: остаемся здесь со всеми накопленными плюсиками и сообщениями!&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;strong&gt;Чем вдохновлялись:&lt;/strong&gt; Оно, Полуночная месса, Бухта вдов, Очень странные дела, Твин Пикс, Чепелуэйт, Кладбище домашних животных, Нэнси Дрю&lt;/span&gt;&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;Команда находится &lt;strong&gt;в активном поиске&lt;/strong&gt;:&lt;br&gt;- &lt;del&gt;ворон-пиарщиков&lt;/del&gt;&lt;br&gt;- &lt;del&gt;художников-графистов&lt;/del&gt;&lt;br&gt;- квестоплетов (планируется умеренный мастеринг)&lt;br&gt;- массовиков-затейников&lt;br&gt;- текстовика &lt;br&gt;- &lt;del&gt;дизайнера и кодера&lt;/del&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;row&quot; id=&quot;block-4-3&quot;&gt;&lt;div class=&quot;column&quot; id=&quot;block-4-7&quot;&gt;&lt;p&gt;&lt;strong&gt;придержанные внешности&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;scrollable&quot; id=&quot;block-4-8&quot;&gt;&lt;p&gt;ethan cutkosky - за амс&lt;br&gt;finn wolfhard - за амс (&lt;a href=&quot;https://theblock.rusff.me/viewtopic.php?id=12&amp;amp;p=2#p4905&quot;&gt;заявка&lt;/a&gt;)&lt;br&gt;kristofer hivju - за амс&lt;br&gt;damiano david - за амс&lt;br&gt;матвей лыков - за амс&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;aaron taylor-johnson — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=66&quot;&gt;кракен&lt;/a&gt;&lt;br&gt;adam driver — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=22&quot;&gt;карамба&lt;/a&gt;&lt;br&gt;alan ritchson — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=33&quot;&gt;дровосексуал&lt;/a&gt;&lt;br&gt;alycia debnam-carey — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=37&quot;&gt;нейкед&lt;/a&gt;&lt;br&gt;annabel o'hagan — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=54&quot;&gt;серийный тупица&lt;/a&gt;&lt;br&gt;aron piper — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=6&quot;&gt;ведьмак&lt;/a&gt;&lt;br&gt;asha banks — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=45&quot;&gt;мама роди меня обратно&lt;/a&gt;&lt;br&gt;austin butler — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=46&quot;&gt;когда я поеду в египет&lt;/a&gt;&lt;br&gt;barry sloane — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=53&quot;&gt;еду в магадан&lt;/a&gt;&lt;br&gt;bang chan — за дрозд&lt;br&gt;ben barnes — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=20&quot;&gt;ночной холодильник&lt;/a&gt;&lt;br&gt;bill skarsgard — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=59&quot;&gt;а судьи кто&lt;/a&gt;&lt;br&gt;boyd holbrook — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=71&quot;&gt;медовик&lt;/a&gt;&lt;br&gt;callum turner — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=19&quot;&gt;камера пыток&lt;/a&gt;&lt;br&gt;camila morrone — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=19&quot;&gt;камера пыток&lt;/a&gt;&lt;br&gt;connor storrie — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=38&quot;&gt;комета&lt;/a&gt;&lt;br&gt;cristin milioti — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=21&quot;&gt;свет горит&lt;/a&gt;&lt;br&gt;damian hardung — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=44&quot;&gt;honeybee&lt;/a&gt;&lt;br&gt;dane dehaan — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=52&quot;&gt;синистер&lt;/a&gt;&lt;br&gt;david giuntoli — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=40&quot;&gt;neon&lt;/a&gt;&lt;br&gt;deva cassel — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=17&quot;&gt;поворот не туда&lt;/a&gt;&lt;br&gt;djerq_tanya — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=57&quot;&gt;причина трагедии&lt;/a&gt;&lt;br&gt;dove cameron — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=68&quot;&gt;из жалости&lt;/a&gt;&lt;br&gt;drew starkey — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=7&quot;&gt;джиперс криперс&lt;/a&gt;&lt;br&gt;eiza gonzalez — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=58&quot;&gt;glance away&lt;/a&gt;&lt;br&gt;emily alyn lind — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=16&quot;&gt;абракадабра&lt;/a&gt;&lt;br&gt;finn wittrock — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=52&quot;&gt;синистер&lt;/a&gt;&lt;br&gt;grace van dien — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=14&quot;&gt;wandering lights&lt;/a&gt;&lt;br&gt;grace van patten — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=10&quot;&gt;пупа шмупа&lt;/a&gt;&lt;br&gt;halsey — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=68&quot;&gt;из жалости&lt;/a&gt;&lt;br&gt;harris dickinson — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=8&quot;&gt;агитатор&lt;/a&gt;&lt;br&gt;herman tommeraas — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=40&quot;&gt;neon&lt;/a&gt;&lt;br&gt;hudson williams — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=38&quot;&gt;комета&lt;/a&gt;&lt;br&gt;hwang hyunjin — за дрозд&lt;br&gt;jacob elordi — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=17&quot;&gt;поворот не туда&lt;/a&gt;&lt;br&gt;jake gyllenhaal— за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=18&quot;&gt;cerberus&lt;/a&gt;&lt;br&gt;jensen ackles — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=56&quot;&gt;serve&lt;/a&gt;&lt;br&gt;kaden hammond&amp;nbsp; — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=15&quot;&gt;never&lt;/a&gt;&lt;br&gt;kaya scodelario — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=28&quot;&gt;rey&lt;/a&gt;&lt;br&gt;kelly reilly — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=50&quot;&gt;убереги меня&lt;/a&gt;&lt;br&gt;kristine froseth — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=9&quot;&gt;отпуск&lt;/a&gt;&lt;br&gt;mackenzie foy — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=61&quot;&gt;луна&lt;/a&gt;&lt;br&gt;madelaine petsch — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=25&quot;&gt;сирена&lt;/a&gt;&lt;br&gt;madelyn cline — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=7&quot;&gt;джиперс криперс&lt;/a&gt;&lt;br&gt;Michael Fassbender — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=65&quot;&gt;смотритель маяка&lt;/a&gt;&lt;br&gt;noah sebastian — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=13&quot;&gt;антигерой&lt;/a&gt;&lt;br&gt;oliver jackson-cohen — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=17&quot;&gt;поворот не туда&lt;/a&gt;&lt;br&gt;paul mescal — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=20&quot;&gt;ночной холодильник&lt;/a&gt;&lt;br&gt;phoebe tonkin — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=9&quot;&gt;отпуск&lt;/a&gt;&lt;br&gt;ryan gosling— за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=48&quot;&gt;могильщик&lt;/a&gt;&lt;br&gt;sabrina carpenter — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=63&quot;&gt;плюшик&lt;/a&gt;&lt;br&gt;sebastian stan — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=27&quot;&gt;downpour&lt;/a&gt;&lt;br&gt;taron egerton — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=64&quot;&gt;солевой&lt;/a&gt;&lt;br&gt;theo james — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=18&quot;&gt;cerberus&lt;/a&gt;&lt;br&gt;yulia parshoota — за &lt;a href=&quot;https://theblock.rusff.me/profile.php?id=12&quot;&gt;идущие к чёрту&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;column&quot; id=&quot;block-4-4&quot;&gt;&lt;p&gt;&lt;strong&gt;придержанные роли&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;scrollable&quot; id=&quot;block-4-6&quot;&gt;&lt;p&gt;пастор — за амс&lt;br&gt;name surname — за &lt;a href=&quot;https://mayak.f-rpg.me/&quot; rel=&quot;nofollow ugc&quot; target=&quot;_blank&quot;&gt;profile&lt;/a&gt;&lt;br&gt;name surname — за &lt;a href=&quot;https://mayak.f-rpg.me/&quot; rel=&quot;nofollow ugc&quot; target=&quot;_blank&quot;&gt;profile&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend legend-processed&quot;&gt;&lt;a href=&quot;javascript://&quot; onclick=&quot;select_text($(this).parent().next().find('pre').get(0));return!1&quot;&gt;Скопировать код&lt;/a&gt;&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;имя фамилия — за &lt;span&gt;[&lt;/span&gt;url=ссылка&lt;span&gt;]&lt;/span&gt;никнейм&lt;span&gt;[&lt;/span&gt;/url&lt;span&gt;]&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;[/html]</p> mybb@mybb.ru (KarKar) Mon, 29 Jun 2026 18:31:01 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=121#p121 https://testkarkartest.rusff.me/viewtopic.php?pid=118#p118 <p>[hideprofile]</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 35em"><pre>&lt;!--HTML--&gt; &lt;div class=&quot;prof_tabl&quot;&gt; &lt;div class=&quot;prof_tabl_title&quot;&gt;биржа труда&lt;/div&gt; &lt;p class=&quot;prof_tabl_txt&quot;&gt; [х] — в данную сферу или профессию или вакансию временно ограничен набор персонажей;&lt;br&gt; +1 — или любое другое число означает, что на данную вакансию требуется указанное количество персонажей;&lt;br&gt; [имя/должность пунктиром] — всплывающая при наведении дополнительная информация о персонаже и его профессии, например предмет для преподавателей или узкая направленность специальности;&lt;br&gt; - локация авторская; этот же значок будет рядом с именем автора локации. по поводу взаимодействия/работы с локацией обращаться к владельцу;&lt;br&gt; - адрес локации;&lt;/p&gt; &lt;div class=&quot;prof_body&quot;&gt; &lt;div class=&quot;prof_tabs&quot;&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab1&quot; checked&gt; &lt;label for=&quot;tab1&quot;&gt;образование&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab2&quot;&gt; &lt;label for=&quot;tab2&quot;&gt;медицина&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab3&quot;&gt; &lt;label for=&quot;tab3&quot;&gt;искусство&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab4&quot;&gt; &lt;label for=&quot;tab4&quot;&gt;полиция&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab5&quot;&gt; &lt;label for=&quot;tab5&quot;&gt;криминал&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab6&quot;&gt; &lt;label for=&quot;tab6&quot;&gt;журналистика&lt;/label&gt; &lt;input type=&quot;radio&quot; name=&quot;prof_tab-group&quot; id=&quot;tab7&quot;&gt; &lt;label for=&quot;tab7&quot;&gt;другое&lt;/label&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content1&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 1&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 1&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content2&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 2&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 2&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content3&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 3&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 3&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content4&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 4&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 4&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content5&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 5&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 5&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content6&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 6&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 6&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;prof_tab-content&quot; id=&quot;content7&quot;&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 7&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class=&quot;prof_block&quot;&gt; &lt;div class=&quot;prof_lock&quot;&gt;название места работы 7&lt;/div&gt; &lt;span&gt;короткое описание&lt;/span&gt; &lt;hr&gt; &lt;ul&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;li&gt;должность - &lt;a href=&quot;testkaramba.rusff.me&quot;&gt;имя&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </pre></div></div></div> <p><strong>любое окно стиля</strong></p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 35em"><pre> /* биржа труда */ .prof_tabl { width: 700px; height: auto; margin: 0 auto !important; background: var(--bg); border-radius: 10px; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .prof_tabl_title { background: var(--body); padding: 5px 10px; border-radius: 5px; border: solid 1px var(--line); font-size: 11px; text-align: center; } .prof_tabl_txt { padding: 15px 20px !important; color: var(--sub_link); } .prof_body { padding: 20px; background: var(--body); border-radius: 5px; margin-top: 15px !important; } .prof_tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 600px; margin: 0 auto !important; gap: 10px; } .prof_tabs input[type=&quot;radio&quot;] { display: none; } .prof_tabs label { padding: 3px 15px; background: var(--body_box); border: solid 1px var(--line); cursor: pointer; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-weight: bold; } .prof_tabs input[type=&quot;radio&quot;]:checked + label { background: var(--accent); border-bottom: solid 1px var(--line); color: var(--sub_link); } .prof_tab-content { display: none; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 10px; border: solid 1px var(--line); background: var(--body_box); border-radius: 5px; } #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7 { display: block; } .prof_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; padding: 10px 20px !important; border-radius: 5px; margin: 10px !important; border: solid 1px var(--line); background: var(--body); } .prof_lock { color: var(--accent); font-weight: bold; text-transform: uppercase; } .prof_block ul li { list-style: circle !important; } .prof_lock:before { content: &quot;\e55c&quot;; font-family: &quot;Material Icons&quot;; font-size: 11px; color: var(--text); padding-right: 5px; } @media screen and (max-width: 540px) { .prof_tabl { width: 100%; } }</pre></div></div></div> <p><strong>для учитывания скрипта смены стилей (вставляем в html-низ)</strong></p><div class="quote-box quote-main"><blockquote><p>&lt;!-- скрипт форматирования iframe--&gt;<br />&lt;script type=&quot;text/javascript&quot;&gt;<br />function Transform_Code_Box_in_HTML(aX){<br />var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,&quot;$1&quot;);<br />var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,&quot;$1&quot;);<br />var L=document.URL.replace(TemLnk,'');<br />if(L!=document.URL&amp;&amp;(L.slice(0,1)).search(/\d/ig)==-1 ){ <br />L=$(&quot;div.topic &quot;+PstId);<br />if(L.length==1){<br />var Lhtm=L.find(&quot;.post-content .code-box:first .scrollbox pre&quot;).text();<br />L.find(&quot;.post-content .code-box:first&quot;).replaceWith(Lhtm)<br />}}}<br />function Demo_HTML(Ts){var Ll=Ts.parents(&quot;.htmldemo&quot;).find(&quot;.code-box .scrollbox pre&quot;).text();<br />Ts.parents(&quot;.htmldemo&quot;).after('&lt;div class=&quot;demHtml&quot;&gt;'+Ll+'&lt;/div&gt;');Ts.replaceWith(DemoButt0);<br />}<br />$(document).ready(function() {<br />$(&quot;#pun-viewtopic .post .code-box&quot;).each(function(){<br />if($(this).text().indexOf('&lt;!--HTML--&gt;')!=-1){<br />$(this).wrap('&lt;div class=&quot;htmldemo&quot;&gt;&lt;/div&gt;')<br />$(this).replaceWith($('.htmldemo').text().split('&lt;!--HTML--&gt;')[1]);<br />}<br />});<br />});<br />&lt;/script&gt;</p></blockquote></div> mybb@mybb.ru (KarKar) Thu, 19 Mar 2026 23:19:44 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=118#p118 https://testkarkartest.rusff.me/viewtopic.php?pid=111#p111 <p>[hideprofile][html]&lt;!DOCTYPE html&gt;<br />&lt;html lang=&quot;ru&quot;&gt;<br />&lt;head&gt;<br />&#160; &#160; &lt;meta charset=&quot;UTF-8&quot;&gt;<br />&#160; &#160; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<br />&#160; &#160; &lt;title&gt;Биржа услуг / Benjamin&lt;/title&gt;<br />&#160; &#160; &lt;style&gt;<br />&#160; &#160; &#160; &#160; /* ---------- ТВОЙ РУТ (без изменений, только :root) ---------- */<br />&#160; &#160; &#160; &#160; :root {<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-bg: #313131;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-surface: #202020;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-text: #c8c8c8;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-text-soft: #f0f0f0;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-accent: #f8f8f8;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-hover: #65656540;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-highlight: #f4f4f4;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-shadow: 0 2px 8px color-mix(in srgb, currentColor 10%, transparent);<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-font-accent: 'Georgia', 'Times New Roman', serif;<br />&#160; &#160; &#160; &#160; &#160; &#160; --ntln-scroll: #a4a4a4;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Контейнер для табов (вертикальная навигация) */<br />&#160; &#160; &#160; &#160; .tabs-container {<br />&#160; &#160; &#160; &#160; &#160; &#160; max-width: 1200px;<br />&#160; &#160; &#160; &#160; &#160; &#160; width: 100%;<br />&#160; &#160; &#160; &#160; &#160; &#160; margin: 0 auto;<br />&#160; &#160; &#160; &#160; &#160; &#160; background: transparent;<br />&#160; &#160; &#160; &#160; &#160; &#160; display: flex;<br />&#160; &#160; &#160; &#160; &#160; &#160; gap: 20px;<br />&#160; &#160; &#160; &#160; &#160; &#160; font-family: var(--ntln-font-main);<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-text);<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Скрываем радио-кнопки */<br />&#160; &#160; &#160; &#160; .tabs-container input[type=&quot;radio&quot;] {<br />&#160; &#160; &#160; &#160; &#160; &#160; display: none;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* ---------- НАВИГАЦИЯ СБОКУ (ВЕРТИКАЛЬНАЯ) ---------- */<br />&#160; &#160; &#160; &#160; .tabs-nav {<br />&#160; &#160; &#160; &#160; &#160; &#160; flex-shrink: 0;<br />&#160; &#160; &#160; &#160; &#160; &#160; width: 220px;<br />&#160; &#160; &#160; &#160; &#160; &#160; display: flex;<br />&#160; &#160; &#160; &#160; &#160; &#160; flex-direction: column;<br />&#160; &#160; &#160; &#160; &#160; &#160; gap: 8px;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Стили кнопок (адаптированы под вертикаль) */<br />&#160; &#160; &#160; &#160; .tabs-nav label {<br />&#160; &#160; &#160; &#160; &#160; &#160; display: block;<br />&#160; &#160; &#160; &#160; &#160; &#160; padding: 15px 20px;<br />&#160; &#160; &#160; &#160; &#160; &#160; background: var(--ntln-surface);<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-text);<br />&#160; &#160; &#160; &#160; &#160; &#160; font-weight: 500;<br />&#160; &#160; &#160; &#160; &#160; &#160; font-size: 16px;<br />&#160; &#160; &#160; &#160; &#160; &#160; border-radius: 8px;<br />&#160; &#160; &#160; &#160; &#160; &#160; cursor: pointer;<br />&#160; &#160; &#160; &#160; &#160; &#160; transition: all 0.3s ease;<br />&#160; &#160; &#160; &#160; &#160; &#160; border: 1px solid transparent;<br />&#160; &#160; &#160; &#160; &#160; &#160; user-select: none;<br />&#160; &#160; &#160; &#160; &#160; &#160; letter-spacing: 0.5px;<br />&#160; &#160; &#160; &#160; &#160; &#160; text-transform: uppercase;<br />&#160; &#160; &#160; &#160; &#160; &#160; box-shadow: var(--ntln-shadow);<br />&#160; &#160; &#160; &#160; &#160; &#160; text-align: left;<br />&#160; &#160; &#160; &#160; &#160; &#160; white-space: nowrap;<br />&#160; &#160; &#160; &#160; &#160; &#160; overflow: hidden;<br />&#160; &#160; &#160; &#160; &#160; &#160; text-overflow: ellipsis;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .tabs-nav label:hover {<br />&#160; &#160; &#160; &#160; &#160; &#160; background: var(--ntln-hover);<br />&#160; &#160; &#160; &#160; &#160; &#160; border-color: var(--ntln-accent);<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-text-soft);<br />&#160; &#160; &#160; &#160; &#160; &#160; transform: translateX(5px);<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Активная кнопка */<br />&#160; &#160; &#160; &#160; #tab1:checked ~ .tabs-nav [for=&quot;tab1&quot;],<br />&#160; &#160; &#160; &#160; #tab2:checked ~ .tabs-nav [for=&quot;tab2&quot;],<br />&#160; &#160; &#160; &#160; #tab3:checked ~ .tabs-nav [for=&quot;tab3&quot;],<br />&#160; &#160; &#160; &#160; #tab4:checked ~ .tabs-nav [for=&quot;tab4&quot;],<br />&#160; &#160; &#160; &#160; #tab5:checked ~ .tabs-nav [for=&quot;tab5&quot;],<br />&#160; &#160; &#160; &#160; #tab6:checked ~ .tabs-nav [for=&quot;tab6&quot;],<br />&#160; &#160; &#160; &#160; #tab7:checked ~ .tabs-nav [for=&quot;tab7&quot;] {<br />&#160; &#160; &#160; &#160; &#160; &#160; background: var(--ntln-accent);<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-surface);<br />&#160; &#160; &#160; &#160; &#160; &#160; border-color: var(--ntln-accent);<br />&#160; &#160; &#160; &#160; &#160; &#160; transform: translateX(5px);<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* ---------- КОНТЕЙНЕР ДЛЯ КОНТЕНТА ---------- */<br />&#160; &#160; &#160; &#160; .tabs-content {<br />&#160; &#160; &#160; &#160; &#160; &#160; flex-grow: 1;<br />&#160; &#160; &#160; &#160; &#160; &#160; position: relative;<br />&#160; &#160; &#160; &#160; &#160; &#160; min-width: 0;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Стили для всех блоков */<br />&#160; &#160; &#160; &#160; .tab-panel {<br />&#160; &#160; &#160; &#160; &#160; &#160; display: none;<br />&#160; &#160; &#160; &#160; &#160; &#160; animation: fadeIn 0.5s ease;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Анимация появления */<br />&#160; &#160; &#160; &#160; @keyframes fadeIn {<br />&#160; &#160; &#160; &#160; &#160; &#160; from { opacity: 0; transform: translateY(20px); }<br />&#160; &#160; &#160; &#160; &#160; &#160; to { opacity: 1; transform: translateY(0); }<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* Показываем активный блок */<br />&#160; &#160; &#160; &#160; #tab1:checked ~ .tabs-content #panel1,<br />&#160; &#160; &#160; &#160; #tab2:checked ~ .tabs-content #panel2,<br />&#160; &#160; &#160; &#160; #tab3:checked ~ .tabs-content #panel3,<br />&#160; &#160; &#160; &#160; #tab4:checked ~ .tabs-content #panel4,<br />&#160; &#160; &#160; &#160; #tab5:checked ~ .tabs-content #panel5,<br />&#160; &#160; &#160; &#160; #tab6:checked ~ .tabs-content #panel6,<br />&#160; &#160; &#160; &#160; #tab7:checked ~ .tabs-content #panel7 {<br />&#160; &#160; &#160; &#160; &#160; &#160; display: block;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* ---------- СТИЛИ ДЛЯ КАРТОЧЕК ВНУТРИ ВКЛАДОК ---------- */<br />&#160; &#160; &#160; &#160; .category-grid {<br />&#160; &#160; &#160; &#160; &#160; &#160; display: grid;<br />&#160; &#160; &#160; &#160; &#160; &#160; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));<br />&#160; &#160; &#160; &#160; &#160; &#160; gap: 20px;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-card {<br />&#160; &#160; &#160; &#160; &#160; &#160; background: var(--ntln-surface);<br />&#160; &#160; &#160; &#160; &#160; &#160; border-radius: 12px;<br />&#160; &#160; &#160; &#160; &#160; &#160; padding: 20px;<br />&#160; &#160; &#160; &#160; &#160; &#160; border: 1px solid var(--ntln-hover);<br />&#160; &#160; &#160; &#160; &#160; &#160; box-shadow: var(--ntln-shadow);<br />&#160; &#160; &#160; &#160; &#160; &#160; transition: all 0.3s ease;<br />&#160; &#160; &#160; &#160; &#160; &#160; display: flex;<br />&#160; &#160; &#160; &#160; &#160; &#160; flex-direction: column;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-card:hover {<br />&#160; &#160; &#160; &#160; &#160; &#160; transform: translateY(-5px);<br />&#160; &#160; &#160; &#160; &#160; &#160; border-color: var(--ntln-accent);<br />&#160; &#160; &#160; &#160; &#160; &#160; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-title {<br />&#160; &#160; &#160; &#160; &#160; &#160; font-family: var(--ntln-font-accent);<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-accent);<br />&#160; &#160; &#160; &#160; &#160; &#160; font-size: 1.3rem;<br />&#160; &#160; &#160; &#160; &#160; &#160; margin-top: 0;<br />&#160; &#160; &#160; &#160; &#160; &#160; margin-bottom: 15px;<br />&#160; &#160; &#160; &#160; &#160; &#160; padding-bottom: 8px;<br />&#160; &#160; &#160; &#160; &#160; &#160; border-bottom: 1px solid var(--ntln-hover);<br />&#160; &#160; &#160; &#160; &#160; &#160; letter-spacing: 0.5px;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-list {<br />&#160; &#160; &#160; &#160; &#160; &#160; list-style: none;<br />&#160; &#160; &#160; &#160; &#160; &#160; padding: 0;<br />&#160; &#160; &#160; &#160; &#160; &#160; margin: 0;<br />&#160; &#160; &#160; &#160; &#160; &#160; flex-grow: 1;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-list li {<br />&#160; &#160; &#160; &#160; &#160; &#160; margin-bottom: 12px;<br />&#160; &#160; &#160; &#160; &#160; &#160; font-size: 14px;<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-text);<br />&#160; &#160; &#160; &#160; &#160; &#160; line-height: 1.5;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-list li a {<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-text-soft) !important;<br />&#160; &#160; &#160; &#160; &#160; &#160; text-decoration: none;<br />&#160; &#160; &#160; &#160; &#160; &#160; transition: all 0.2s ease;<br />&#160; &#160; &#160; &#160; &#160; &#160; font-weight: 500;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; .category-list li a:hover {<br />&#160; &#160; &#160; &#160; &#160; &#160; color: var(--ntln-accent) !important;<br />&#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; /* ---------- АДАПТИВНОСТЬ (от 540px и ниже) ---------- */<br />&#160; &#160; &#160; &#160; @media (max-width: 540px) {<br />&#160; &#160; &#160; &#160; &#160; &#160; body {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; padding: 10px;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; align-items: flex-start;<br />&#160; &#160; &#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; .tabs-container {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; flex-direction: column;<br />&#160; &#160; &#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; .tabs-nav {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; width: 100%;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; flex-direction: row;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; flex-wrap: wrap;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; justify-content: center;<br />&#160; &#160; &#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; .tabs-nav label {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; white-space: normal;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; text-align: center;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; flex: 1 1 auto;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; min-width: 120px;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; padding: 12px 10px;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; font-size: 14px;<br />&#160; &#160; &#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; .tabs-nav label:hover {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; transform: translateY(-2px);<br />&#160; &#160; &#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; #tab1:checked ~ .tabs-nav [for=&quot;tab1&quot;],<br />&#160; &#160; &#160; &#160; &#160; &#160; #tab2:checked ~ .tabs-nav [for=&quot;tab2&quot;],<br />&#160; &#160; &#160; &#160; &#160; &#160; #tab3:checked ~ .tabs-nav [for=&quot;tab3&quot;],<br />&#160; &#160; &#160; &#160; &#160; &#160; #tab4:checked ~ .tabs-nav [for=&quot;tab4&quot;],<br />&#160; &#160; &#160; &#160; &#160; &#160; #tab5:checked ~ .tabs-nav [for=&quot;tab5&quot;],<br />&#160; &#160; &#160; &#160; &#160; &#160; #tab6:checked ~ .tabs-nav [for=&quot;tab6&quot;],<br />&#160; &#160; &#160; &#160; &#160; &#160; #tab7:checked ~ .tabs-nav [for=&quot;tab7&quot;] {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; transform: translateY(-2px);<br />&#160; &#160; &#160; &#160; &#160; &#160; }</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; .category-grid {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; grid-template-columns: 1fr;<br />&#160; &#160; &#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&#160; &#160; &lt;div class=&quot;tabs-container&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;!-- Радио-кнопки для переключения табов --&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab1&quot; checked&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab2&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab3&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab4&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab5&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab6&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;input type=&quot;radio&quot; name=&quot;tabs&quot; id=&quot;tab7&quot;&gt;<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &lt;!-- Навигация (кнопки сбоку) --&gt;<br />&#160; &#160; &#160; &#160; &lt;div class=&quot;tabs-nav&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab1&quot;&gt;Образование&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab2&quot;&gt;СМИ&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab3&quot;&gt;Закон&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab4&quot;&gt;Здравоохранение&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab5&quot;&gt;Частный бизнес&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab6&quot;&gt;Фриланс&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;label for=&quot;tab7&quot;&gt;Другое&lt;/label&gt;<br />&#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &lt;!-- Контент табов --&gt;<br />&#160; &#160; &#160; &#160; &lt;div class=&quot;tabs-content&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 1: Образование --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel1&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Курсы и репетиторство&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Анна Смирнова&lt;/a&gt; — репетитор английского для IT&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Дмитрий Волков&lt;/a&gt; — подготовка к IELTS&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Екатерина Павлова&lt;/a&gt; — репетитор по высшей математике&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Материалы и библиотеки&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Михаил Козлов&lt;/a&gt; — электронные учебники по физике&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Наталья Морозова&lt;/a&gt; — доступ к архиву журналов Nature&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Наставничество&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Алексей Соколов&lt;/a&gt; — ментор для Junior-разработчиков&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ирина Лебедева&lt;/a&gt; — консультации по защите диссертации&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 2: СМИ --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel2&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Пресс-релизы и новости&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Павел Новиков&lt;/a&gt; — размещение пресс-релизов&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ольга Федорова&lt;/a&gt; — еженедельный дайджест новостей&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Журналистские услуги&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Илья Соболев&lt;/a&gt; — написание статей на заказ&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Марина Григорьева&lt;/a&gt; — интервью с экспертами&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Константин Белов&lt;/a&gt; — корреспондент на мероприятия&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 3: Закон --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel3&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Юридические консультации&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Сергей Васильев&lt;/a&gt; — консультации по трудовому праву&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Татьяна Николаева&lt;/a&gt; — проверка договоров&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Андрей Крылов&lt;/a&gt; — споры с заказчиками&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Документы и патенты&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Виктория Орлова&lt;/a&gt; — регистрация товарных знаков&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Денис Макаров&lt;/a&gt; — помощь в получении патентов&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 4: Здравоохранение --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel4&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Онлайн-консультации&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Елена Воробьева&lt;/a&gt; — терапевт онлайн&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Максим Сорокин&lt;/a&gt; — психолог, первая консультация&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Анастасия Комарова&lt;/a&gt; — диетолог, составление плана питания&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Аптеки и товары&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Глеб Журавлев&lt;/a&gt; — доставка рецептурных лекарств&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;София Игнатьева&lt;/a&gt; — аренда медицинских приборов&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 5: Частный бизнес --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel5&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Для стартапов&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Роман Зайцев&lt;/a&gt; — бизнес-планы под ключ&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ксения Громова&lt;/a&gt; — поиск инвесторов, питч-деки&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Артем Борисов&lt;/a&gt; — регистрация ООО/ИП&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Бухгалтерия и аудит&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Людмила Фролова&lt;/a&gt; — ведение бухгалтерии (аутсорс)&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Владимир Щербаков&lt;/a&gt; — налоговая отчетность&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Маркетинг и реклама&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Юлия Медведева&lt;/a&gt; — таргет для малого бизнеса&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Никита Тарасов&lt;/a&gt; — локальное SEO-продвижение&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 6: Фриланс --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel6&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;IT и разработка&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Георгий Петров&lt;/a&gt; — сайты-визитки&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Валерия Соколова&lt;/a&gt; — парсинг данных под ключ&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Тимур Гасанов&lt;/a&gt; — Telegram-боты любой сложности&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Дизайн и креатив&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Полина Андреева&lt;/a&gt; — логотипы и фирменный стиль&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Виктор Михайлов&lt;/a&gt; — редизайн презентаций&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Алина Белкина&lt;/a&gt; — 3D-моделирование интерьеров&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Копирайтинг и переводы&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Маргарита Соловьева&lt;/a&gt; — написание статей для блогов&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Игорь Виноградов&lt;/a&gt; — технический перевод (EN/RU)&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Валентина Ковалева&lt;/a&gt; — корректура текстов&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка 7: Другое --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;tab-panel&quot; id=&quot;panel7&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-grid&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Услуги для дома&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Степан Кузнецов&lt;/a&gt; — клининг, генеральная уборка&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Михаил Фомин&lt;/a&gt; — мелкий ремонт, сантехника&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Александра Егорова&lt;/a&gt; — сборка мебели&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Красота и здоровье&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Анжелика Миронова&lt;/a&gt; — парикмахер на дому&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Евгения Ларина&lt;/a&gt; — маникюр/педикюр с выездом&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Дмитрий Титов&lt;/a&gt; — терапевтический массаж&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;category-card&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;h3 class=&quot;category-title&quot;&gt;Автоуслуги&lt;/h3&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;category-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Кирилл Осипов&lt;/a&gt; — выездная шиномонтажка&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Арсений Никитин&lt;/a&gt; — автоэлектрик на дом&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Руслан Алиев&lt;/a&gt; — помощь в продаже авто&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &lt;/div&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;[/html]</p> mybb@mybb.ru (KarKar) Fri, 13 Mar 2026 23:47:37 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=111#p111 https://testkarkartest.rusff.me/viewtopic.php?pid=109#p109 <div class="ank2-top" id="block-1"><div class="ank2-header-grid" id="block-10"><div class="ank2-name-en" id="block-15"><p><span style="font-size: 20px">NAME SURNAME</span></p></div><div class="ank2-name-ru" id="block-2"><p><span style="font-size: 20px">ИМЯ ФАМИЛИЯ</span></p></div><div class="ank2-age-block" id="block-3"><div class="ank2-age-number" id="block-17"><p><span style="font-size: 40px"><abbr title="дата рождения_можно убрать">age</abbr></span></p></div></div></div><div class="ank2-main-content" id="block-4"><div class="ank2-image-section" id="block-11"><p><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/001c/a6/68/2/186274.png" alt="https://upforme.ru/uploads/001c/a6/68/2/186274.png" /></p><div class="ank2-fc" id="block-16"><p>[внешность, на английском, лапслок]</p></div></div><div class="ank2-tags-section" id="block-5"><div class="ank2-type-badge" id="block-12"><p>ЧЕЛОВЕК / МЕДИУМ/ ОДЕРЖИМЫЙ</p></div><div class="ank2-type-badge" id="block-6"><p>ПРОФЕССИЯ(2-3 слова)</p></div><div class="ank2-type-badge" id="block-7"><p>ФРАКЦИЯ (можно убрать)</p></div></div></div><div class="ank2-details" id="block-8"><p><strong>&#128123; Страж:</strong> [Вид, имя]<br /><span style="font-style: italic"><strong>&#128123; Особенности:</strong></span> [особенности облика и характера стража. Почитать подробнее можно <a href="https://phantomdance.rusff.me/viewtopic.php?id=4#p5" rel="nofollow" target="_blank">тут</a>]</p><div class="ank2-music" id="block-13"><p>&#128123; музыка под настроение</p></div></div></div><div class="ank2-bottom" id="block-9"><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">&#128123; Между строк (можно убрать)</div><blockquote><p>На ваш выбор: Доп информация о персонаже. Питомцы, адрес, шрамы, привычки, знак зодиака, тип личности.</p></blockquote></div><div class="ank2-info" id="block-14"><p>Анкета. Полная информация о персонаже или 10 ключевых фактов.</p></div><p>&#160; &#160;</p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">&#128123; Extra (можно убрать)</div><blockquote><p>На ваш выбор: пример поста, мемы, доп информация о вас как игроке, контакты для связи.</p></blockquote></div></div> mybb@mybb.ru (KarKar) Fri, 13 Mar 2026 23:34:36 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=109#p109 https://testkarkartest.rusff.me/viewtopic.php?pid=54#p54 <p><span style="font-size: 25px"><span style="font-family: Runic">Тестовое Сообщение</span></span></p> mybb@mybb.ru (KarKar) Thu, 24 Apr 2025 09:35:28 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=54#p54 https://testkarkartest.rusff.me/viewtopic.php?pid=6#p6 <p>Занятые роли</p> mybb@mybb.ru (KarKar) Thu, 17 Apr 2025 01:47:59 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=6#p6 https://testkarkartest.rusff.me/viewtopic.php?pid=4#p4 <p>[hideprofile] [html]<br />&lt;style&gt; <br />&#160; /* Кастомные стили для компонента ntln */<br />ntln-container {<br />&#160; &#160; display: flex;<br />&#160; &#160; width: 80%;<br />&#160; &#160; background: var(--body_box);<br />&#160; &#160; border-radius: 8px;<br />&#160; &#160; overflow: hidden;<br />&#160; &#160; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);<br />&#160; &#160; border: 1px dashed var(--line);<br />&#160; &#160; margin: 0 auto!important;<br />&#160; &#160; max-height: 600px;<br />}</p> <p>ntln-image {<br />&#160; &#160; flex: 0 0 30%;<br />&#160; &#160; min-height: 600px;<br />&#160; &#160; background: var(--body);<br />&#160; &#160; background-size: cover;<br />&#160; &#160; background-position: center;<br />&#160; &#160; position: relative;<br />}</p> <p>ntln-info {<br />&#160; &#160; flex: 1;<br />&#160; &#160; padding: 20px;<br />&#160; &#160; display: flex;<br />&#160; &#160; flex-direction: column;<br />&#160; &#160; max-height: 600px;<br />}</p> <p>ntln-title {<br />&#160; &#160; font-family: var(--font_accent), serif;<br />&#160; &#160; font-size: 24px;<br />&#160; &#160; margin-bottom: 10px;<br />&#160; &#160; color: var(--text);<br />&#160; &#160; border-bottom: 2px solid var(--accent);<br />&#160; &#160; padding-bottom: 8px;<br />}</p> <p>ntln-subtitle {<br />&#160; &#160; color: var(--sub_text);<br />&#160; &#160; font-size: 11px;<br />&#160; &#160; margin-bottom: 15px;<br />&#160; &#160; font-style: italic;<br />&#160; &#160; font-family: var(--font_sub), sans-serif;<br />&#160; &#160; opacity: 0.8;<br />}</p> <p>ntln-tabs {<br />&#160; &#160; display: flex;<br />&#160; &#160; margin-bottom: 15px;<br />&#160; &#160; border-bottom: 1px dashed var(--line);<br />&#160; &#160; gap: 5px;<br />}</p> <p>ntln-tab {<br />&#160; &#160; background: var(--body);<br />&#160; &#160; border: none;<br />&#160; &#160; color: var(--sub_text);<br />&#160; &#160; padding: 8px 15px;<br />&#160; &#160; font-size: 11px;<br />&#160; &#160; font-family: var(--font_sub), sans-serif;<br />&#160; &#160; cursor: pointer;<br />&#160; &#160; transition: all 0.3s ease;<br />&#160; &#160; position: relative;<br />&#160; &#160; border-radius: 4px 4px 0 0;<br />&#160; &#160; opacity: 0.7;<br />}</p> <p>ntln-tab:hover {<br />&#160; &#160; opacity: 0.9;<br />&#160; &#160; background: var(--input);<br />}</p> <p>ntln-tab.active {<br />&#160; &#160; opacity: 1;<br />&#160; &#160; font-weight: bold;<br />&#160; &#160; background: var(--input);<br />&#160; &#160; color: var(--accent);<br />}</p> <p>ntln-tab.active::after {<br />&#160; &#160; content: '';<br />&#160; &#160; position: absolute;<br />&#160; &#160; bottom: -1px;<br />&#160; &#160; left: 0;<br />&#160; &#160; width: 100%;<br />&#160; &#160; height: 2px;<br />&#160; &#160; background: var(--accent);<br />}</p> <p>ntln-content {<br />&#160; &#160; flex: 1;<br />&#160; &#160; overflow-y: auto;<br />&#160; &#160; padding-right: 10px;<br />&#160; &#160; line-height: 1.5;<br />&#160; &#160; font-family: var(--font_sub), sans-serif;<br />&#160; &#160; font-size: 11px;<br />&#160; &#160; color: var(--text);<br />}</p> <p>ntln-pane {<br />&#160; &#160; display: none;<br />}</p> <p>ntln-pane.active {<br />&#160; &#160; display: block;<br />}</p> <p>.ntln-description p {<br />&#160; &#160; margin-bottom: 12px;<br />&#160; &#160; text-align: justify;<br />&#160; &#160; color: var(--text);<br />&#160; &#160; font-size: 11px;<br />}</p> <p>.ntln-highlight {<br />&#160; &#160; color: var(--accent);<br />&#160; &#160; font-weight: bold;<br />}</p> <p>.ntln-fact-list {<br />&#160; &#160; list-style: none;<br />&#160; &#160; padding: 0;<br />&#160; &#160; margin: 0;<br />}</p> <p>.ntln-fact-list li {<br />&#160; &#160; padding: 6px 0;<br />&#160; &#160; border-bottom: 1px dashed var(--line);<br />&#160; &#160; position: relative;<br />&#160; &#160; padding-left: 20px;<br />&#160; &#160; color: var(--text);<br />&#160; &#160; font-size: 11px;<br />}</p> <p>.ntln-fact-list li:last-child {<br />&#160; &#160; border-bottom: none;<br />}</p> <p>.ntln-fact-list li::before {<br />&#160; &#160; content: '&#9658;';<br />&#160; &#160; position: absolute;<br />&#160; &#160; left: 5px;<br />&#160; &#160; color: var(--accent);<br />&#160; &#160; font-size: 9px;<br />}</p> <p>.ntln-fact-category {<br />&#160; &#160; margin-top: 15px;<br />&#160; &#160; margin-bottom: 8px;<br />&#160; &#160; color: var(--accent);<br />&#160; &#160; font-weight: bold;<br />&#160; &#160; font-size: 12px;<br />&#160; &#160; border-left: 2px solid var(--accent);<br />&#160; &#160; padding-left: 8px;<br />&#160; &#160; font-family: var(--font_accent), serif;<br />}</p> <p>/* Стили для скроллбара */<br />ntln-content::-webkit-scrollbar {<br />&#160; &#160; width: 4px;<br />}</p> <p>ntln-content::-webkit-scrollbar-track {<br />&#160; &#160; background: var(--body);<br />&#160; &#160; border-radius: 2px;<br />}</p> <p>ntln-content::-webkit-scrollbar-thumb {<br />&#160; &#160; background: var(--accent);<br />&#160; &#160; border-radius: 2px;<br />}</p> <p>/* ===== ПАНЕЛЬ УПРАВЛЕНИЯ ШРИФТОМ ===== */<br />.ntln-font-control-panel {<br />&#160; &#160; display: flex;<br />&#160; &#160; justify-content: flex-end;<br />&#160; &#160; align-items: center;<br />&#160; &#160; gap: 20px;<br />&#160; &#160; margin-bottom: 15px;<br />&#160; &#160; padding: 8px 15px;<br />}</p> <p>.ntln-font-size-label {<br />&#160; &#160; color: var(--sub_text);<br />&#160; &#160; font-size: 11px;<br />&#160; &#160; text-transform: uppercase;<br />&#160; &#160; letter-spacing: 3px;<br />}</p> <p>.ntln-font-controls {<br />&#160; &#160; display: flex;<br />&#160; &#160; gap: 10px;<br />&#160; &#160; align-items: center;<br />}</p> <p>.ntln-font-btn {<br />&#160; &#160; background: var(--body);<br />&#160; &#160; border: 1px solid var(--accent);<br />&#160; &#160; color: var(--accent);<br />&#160; &#160; width: 30px;<br />&#160; &#160; height: 30px;<br />&#160; &#160; display: flex;<br />&#160; &#160; align-items: center;<br />&#160; &#160; justify-content: center;<br />&#160; &#160; cursor: pointer;<br />&#160; &#160; font-size: 20px;<br />&#160; &#160; font-weight: bold;<br />&#160; &#160; transition: all 0.2s ease;<br />&#160; &#160; border-radius: 0;<br />}</p> <p>.ntln-font-btn:hover {<br />&#160; &#160; background: var(--accent);<br />&#160; &#160; color: var(--sub_link);<br />&#160; &#160; border-color: var(--sub_link);<br />}</p> <p>.ntln-font-btn.reset {<br />&#160; &#160; width: auto;<br />&#160; &#160; padding: 0 18px;<br />&#160; &#160; font-size: 11px;<br />&#160; &#160; letter-spacing: 2px;<br />&#160; &#160; text-transform: uppercase;<br />}</p> <p>.ntln-current-font-size {<br />&#160; &#160; color: var(--accent);<br />&#160; &#160; font-size: 11px;<br />&#160; &#160; font-weight: bold;<br />&#160; &#160; padding: 0 15px;<br />&#160; &#160; background: var(--body);<br />&#160; &#160; height: 30px;<br />&#160; &#160; display: flex;<br />&#160; &#160; align-items: center;<br />&#160; &#160; border: 1px solid var(--accent);<br />&#160; &#160; letter-spacing: 1px;<br />}</p> <p>/* Адаптивность */<br />@media (max-width: 900px) {<br />&#160; &#160; ntln-container {<br />&#160; &#160; &#160; &#160; flex-direction: column;<br />&#160; &#160; &#160; &#160; max-height: none;<br />&#160; &#160; &#160; &#160; height: auto;<br />&#160; &#160; }<br />&#160; &#160; <br />&#160; &#160; ntln-image {<br />&#160; &#160; &#160; &#160; min-height: 300px;<br />&#160; &#160; &#160; &#160; height: 300px;<br />&#160; &#160; &#160; &#160; flex: 0 0 auto;<br />&#160; &#160; }<br />&#160; &#160; <br />&#160; &#160; ntln-info {<br />&#160; &#160; &#160; &#160; max-height: 400px;<br />&#160; &#160; }<br />}</p> <p>@media (max-width: 480px) {<br />&#160; &#160; ntln-container {<br />&#160; &#160; &#160; &#160; width: 95%;<br />&#160; &#160; }<br />&#160; &#160; <br />&#160; &#160; ntln-info {<br />&#160; &#160; &#160; &#160; padding: 15px;<br />&#160; &#160; &#160; &#160; max-height: 350px;<br />&#160; &#160; }<br />&#160; &#160; <br />&#160; &#160; ntln-title {<br />&#160; &#160; &#160; &#160; font-size: 20px;<br />&#160; &#160; }<br />&#160; &#160; <br />&#160; &#160; ntln-tab {<br />&#160; &#160; &#160; &#160; padding: 6px 10px;<br />&#160; &#160; &#160; &#160; font-size: 10px;<br />&#160; &#160; }<br />&#160; &#160; <br />&#160; &#160; ntln-image {<br />&#160; &#160; &#160; &#160; min-height: 250px;<br />&#160; &#160; &#160; &#160; height: 250px;<br />&#160; &#160; }<br />}&lt;/style&gt;<br />&lt;!-- Изолированный компонент ntln --&gt;<br />&lt;ntln-container&gt;<br />&#160; &#160; &lt;ntln-image style=&quot;background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url('https://upforme.ru/uploads/001c/a2/2e/2/220911.png') no-repeat center center; background-size: cover;&quot;&gt;<br />&#160; &#160; &#160; &#160; &lt;!-- Фон можно менять через style атрибут --&gt;<br />&#160; &#160; &lt;/ntln-image&gt;</p> <p>&#160; &#160; &lt;ntln-info&gt;<br />&#160; &#160; &#160; &#160; &lt;div style=&quot;display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;ntln-title style=&quot;margin-bottom: 0; border-bottom: none; padding-bottom: 0;&quot;&gt;МЕДИУМЫ&lt;/ntln-title&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Панель управления шрифтом --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-font-control-panel&quot; style=&quot;margin-bottom: 0; padding: 0;&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-font-controls&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;button class=&quot;ntln-font-btn&quot; id=&quot;ntln-font-decrease&quot; title=&quot;Уменьшить (шаг 1px)&quot;&gt;&#8722;&lt;/button&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;span class=&quot;ntln-current-font-size&quot; id=&quot;ntln-font-size-display&quot;&gt;11px&lt;/span&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;button class=&quot;ntln-font-btn&quot; id=&quot;ntln-font-increase&quot; title=&quot;Увеличить (шаг 1px)&quot;&gt;+&lt;/button&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;button class=&quot;ntln-font-btn reset&quot; id=&quot;ntln-font-reset&quot; title=&quot;Сбросить (11px)&quot;&gt;СБРОС&lt;/button&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &lt;ntln-subtitle&gt;Те, кто видит за гранью смерти&lt;/ntln-subtitle&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;ntln-tabs&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;ntln-tab class=&quot;active&quot; onclick=&quot;switchNtlnTab('desc')&quot;&gt;Описание&lt;/ntln-tab&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;ntln-tab onclick=&quot;switchNtlnTab('facts')&quot;&gt;Короткие факты&lt;/ntln-tab&gt;<br />&#160; &#160; &#160; &#160; &lt;/ntln-tabs&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;ntln-content&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка с описанием --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;ntln-pane class=&quot;active&quot; id=&quot;ntln-desc&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-description&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;Все живут свою жизнь. Одну-единственную. Со своими проблемами и свершениями, страхами и надеждами на завтра. Но есть те, кто знает правду: смерть — это не конец. За последним вздохом остается нечто еще. И это «нечто» медиумы видят слишком четко и явно.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;Их всегда называли по-разному. Шаманы, ведьмы, юродивые, оракулы. Навешивали ярлыки, окружали ритуалами и символами, пытаясь объяснить то, что не поддавалось логике, не объяснялось устоями, религией, наукой. Их дар — не всесильная магия. Это скорее ключ от запертой двери. Ключ от двери, за которой опасный и требующий много знаний и навыков мир, готовый в любой момент сломить и уничтожить.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;Чаще всего этот ключ достается по наследству медиумам, которых называют &lt;span class=&quot;ntln-highlight&quot;&gt;потомственными&lt;/span&gt;. Целые семьи, кланы, круги, ковены. В этих общинах знание передается из уст старших новым поколениям, которым дар доступен с рождения, вместе с главным таинством: как выжить. Их учат защищать себя, жить в гармонии со своим стражем и разумно выбирать тех призраков, которым они вверяют самое дорогое, что есть у человека - &lt;span class=&quot;ntln-highlight&quot;&gt;собственную жизнь&lt;/span&gt;. Потомственные медиумы нередко наделены определенным самолюбием и, встречаясь с представителем другой традиции, могут вступить в подобие полемики о преимуществах именно своих обрядов. Потому что каждая группа медиумов использует разные ритуалы, окружая себя соответствующим антуражем.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;Другим людям ключ вручается внезапно, без инструкции. Кто-то становится везунчиком с рождения, а кто-то после событий, что делят все на до и после. Их жизнь превращается в кошмар наяву. Они балансируют на грани безумия, пытаясь понять, где черта отделяющая бред от сокрытой истины. Часто они проигрывают. Но те из них, что смогли выстоять, становятся самородками, методы коих превращают их в способных постоять за себя. Их связь со стражем порой во много раз сильнее, чем у потомственных медиумов. И порой наставниками таких &lt;span class=&quot;ntln-highlight&quot;&gt;Пробужденных&lt;/span&gt; становятся даже не нашедшие их более опытные медиумы, а призраки.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;Жизнь медиума полна возможности видеть проявление и блага, и знания, и угрозы, что есть по ту сторону. Благом выступают &lt;span class=&quot;ntln-highlight&quot;&gt;Стражи&lt;/span&gt; - незримые почти для всего человечества хранители, воплощающие частичку души каждого человека и защищающие их до конца жизни. Знанием выступают &lt;span class=&quot;ntln-highlight&quot;&gt;призраки&lt;/span&gt;, что за плату готовы поделиться своими силами и накопленным опытом. Для кого-то из них хватит малого. А кто-то потребует больше. Больше. И еще Больше, в итоге став угрозой. Каждое «пожалуйста», каждое «покажи» — это сделка. Каждая сделка - плата кусочками собственных жизненных сил или даже годами жизни.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;&lt;span class=&quot;ntln-highlight&quot;&gt;Хороший медиум&lt;/span&gt; — это в первую очередь умелый переговорщик. Он знает цену каждому слову и чувствует, когда цена становится слишком высокой, а так же умеет за себя постоять. Но даже лучшие из них могут стать целью для призрака, желающего добраться до жизненных сил. Как медиумы видят и могут касаться призраков, так и они могут касаться их, а значит через это касание - выпивать саму жизнь, которая и является изначальным предметом торга. На медиумов охотятся. И в схватке с призраком у них есть только два ответа. Их страж, который постарается защитить и атаками изнурить призрака, его убивая. И вера. Вера во что угодно — в крест, в танец, в старую песню, в затертый амулет, в ритуал, в серебряный клинок. Все эти методы, традиции, переданные наставниками их общины и наделенные своим колоритом, станут их защитой, их оружием, их силой в схватке с врагом или попытками заранее себя обезопасить, превращая пространство вокруг себя в небольшую крепость. Эти же силы могут помочь, например, провести ритуалы очищения или изгнания, вытаскивая призрака, захватившего определенный предмет, человека, или избравшего своим &quot;домом&quot; определенное место. Но это работает ровно до тех пор, пока медиум верит в это всем нутром. И, порой, не сумев выстоять в этой борьбе, они тратят слишком много сил, чтобы вернуть себе свою веру и возможность снова давать отпор.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p&gt;Все силы, что есть у медиума, как и у любого человека, конечны. Часть из них не вернется никогда. Но некоторые ресурсы, что тратятся на ритуалы и договоры, можно восстановить. Покой, сон, хорошая еда, а иногда — глоток ярких эмоций: смех, радость, любовь. То, что напоминает, за что стоит бороться. Их сила — палка о двух концах. Она дает им возможность касаться потустороннего. Но это потустороннее, изголодавшееся по жизни, слишком охотно тянет руку. Касания призраков - могильный холод, что с каждым мигом тянет все больше тепла самой жизни. И если этот контакт не разорван, то после накрывающего забвения, уходят не просто жизненные силы, а годы жизни. В конце же приходит смерть, застывающая белой пеленой на глазах.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;p style=&quot;text-align: center; font-style: italic; margin-top: 15px; color: var(--accent); font-weight: bold;&quot;&gt;Это не дар. Это договор. И счет всегда приходит.&lt;/p&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/ntln-pane&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &lt;!-- Вкладка с фактами --&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;ntln-pane id=&quot;ntln-facts&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-fact-category&quot;&gt;Происхождение и обучение:&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;ntln-fact-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Медиумами чаще всего рождаются в семьях, где хоть один из предков был наделен таким даром.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Порой к моменту появления нового медиума в семье не остается тех, кто мог бы выступить его наставником, отчего их путь намного сложнее.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Медиумы проходят обучение в кругу своих семей, общины, перенимая атрибутику и антураж общины. (Бубны, поющие чаши, кристаллы, свечи). Те из них, что лишены поддержки, или не умеют вовсе пользоваться своим даром, или ищут методы, общаясь со своим стражем. По этой причине у них с ними - крайне доверительные отношения.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Порой потомственные медиумы смотрят несколько свысока на пробужденных.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-fact-category&quot;&gt;Способности и взаимодействие:&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;ntln-fact-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Сила медиума — видеть призраков и стражей, а также взаимодействовать с ними, касаясь их.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Стражи и Призраки также могут касаться их в ответ.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Любые проявления мистики рядом с ними — последствия договора с призраком.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Плата за оказание услуги — жизненные силы, энергия, а порой годы жизни.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Хороший медиум — опытный переговорщик, что в общении с призраком договаривается о наиболее выгодных для себя условий, и способен вовремя за себя постоять.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-fact-category&quot;&gt;Защита и конфликты:&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;ntln-fact-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Главными защитниками медиумов являются стражи. Тренировки тела и духа позволяют усилить эту связь.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Медиумы, являясь главным «топливом» для не-жизни и накопления сил у призраков, слишком часто становятся объектами охоты и подвергаются нападениям.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;В случае столкновения с негативно настроенным призраком, медиумы вольны использовать любое оружие, амулеты, наговоры, заклинания, близкие его общине. Они будут работать в случае, если они искренне в это верят. В ином — остается уповать только на силы своего стража.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;</p> <p>&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;div class=&quot;ntln-fact-category&quot;&gt;Восстановление и риски:&lt;/div&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;ul class=&quot;ntln-fact-list&quot;&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;Для восстановления сил медиумам необходим сон, снижение нагрузки, порой медитации.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;В случае, если медиум потратил много жизненной энергии, ему необходимо помимо отдыха некоторое время наполнять свою жизнь приятными или яркими эмоциями, воспоминаниями.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;В случае, если жизненные силы закончились — в уплату идут годы жизни. После же наступает смерть.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;li&gt;В случае, если во время столкновения медиум начал сомневаться в эффективности своих сил (ритуалов, заклинаний, амулетах), он проходит долгий путь, сравнимый с восстановлением после получения серьезной травмы. Нередко такие медиумы по сути начинают учиться всему заново.&lt;/li&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &lt;/ul&gt;<br />&#160; &#160; &#160; &#160; &#160; &#160; &lt;/ntln-pane&gt;<br />&#160; &#160; &#160; &#160; &lt;/ntln-content&gt;<br />&#160; &#160; &lt;/ntln-info&gt;<br />&lt;/ntln-container&gt;</p> <p>&lt;script&gt;<br />&#160; &#160; function switchNtlnTab(tabId) {<br />&#160; &#160; &#160; &#160; // Убираем активный класс у всех вкладок и кнопок<br />&#160; &#160; &#160; &#160; document.querySelectorAll('ntln-pane').forEach(pane =&gt; {<br />&#160; &#160; &#160; &#160; &#160; &#160; pane.classList.remove('active');<br />&#160; &#160; &#160; &#160; });<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; document.querySelectorAll('ntln-tab').forEach(tab =&gt; {<br />&#160; &#160; &#160; &#160; &#160; &#160; tab.classList.remove('active');<br />&#160; &#160; &#160; &#160; });<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; // Активируем выбранную вкладку<br />&#160; &#160; &#160; &#160; document.getElementById('ntln-' + tabId).classList.add('active');<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; // Активируем соответствующую кнопку<br />&#160; &#160; &#160; &#160; document.querySelectorAll('ntln-tab').forEach(tab =&gt; {<br />&#160; &#160; &#160; &#160; &#160; &#160; if (tab.getAttribute('onclick') === &quot;switchNtlnTab('&quot; + tabId + &quot;')&quot;) {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; tab.classList.add('active');<br />&#160; &#160; &#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; });<br />&#160; &#160; }</p> <p>&#160; &#160; // ========== УПРАВЛЕНИЕ РАЗМЕРОМ ШРИФТА ==========<br />&#160; &#160; (function() {<br />&#160; &#160; &#160; &#160; &quot;use strict&quot;;<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; // Все элементы с текстом внутри компонента<br />&#160; &#160; &#160; &#160; const textElements = document.querySelectorAll(<br />&#160; &#160; &#160; &#160; &#160; &#160; '.ntln-description p, ' +<br />&#160; &#160; &#160; &#160; &#160; &#160; '.ntln-fact-list li'<br />&#160; &#160; &#160; &#160; );<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; const fontSizeDisplay = document.getElementById('ntln-font-size-display');<br />&#160; &#160; &#160; &#160; const decreaseBtn = document.getElementById('ntln-font-decrease');<br />&#160; &#160; &#160; &#160; const increaseBtn = document.getElementById('ntln-font-increase');<br />&#160; &#160; &#160; &#160; const resetBtn = document.getElementById('ntln-font-reset');<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; // БАЗОВЫЙ РАЗМЕР: 11px, МИНИМУМ: 8px, МАКСИМУМ: 16px<br />&#160; &#160; &#160; &#160; const MIN_SIZE = 8;<br />&#160; &#160; &#160; &#160; const MAX_SIZE = 16;<br />&#160; &#160; &#160; &#160; const DEFAULT_SIZE = 11;<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; let currentSize = DEFAULT_SIZE;<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; function setFontSize(size) {<br />&#160; &#160; &#160; &#160; &#160; &#160; if (size &lt; MIN_SIZE) size = MIN_SIZE;<br />&#160; &#160; &#160; &#160; &#160; &#160; if (size &gt; MAX_SIZE) size = MAX_SIZE;<br />&#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; currentSize = size;<br />&#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; textElements.forEach(el =&gt; {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; el.style.fontSize = size + 'px';<br />&#160; &#160; &#160; &#160; &#160; &#160; });<br />&#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; if (fontSizeDisplay) {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; fontSizeDisplay.textContent = size + 'px';<br />&#160; &#160; &#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; function decreaseFont() {<br />&#160; &#160; &#160; &#160; &#160; &#160; setFontSize(currentSize - 1);<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; function increaseFont() {<br />&#160; &#160; &#160; &#160; &#160; &#160; setFontSize(currentSize + 1);<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; function resetFont() {<br />&#160; &#160; &#160; &#160; &#160; &#160; setFontSize(DEFAULT_SIZE);<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; if (decreaseBtn) {<br />&#160; &#160; &#160; &#160; &#160; &#160; decreaseBtn.addEventListener('click', decreaseFont);<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; if (increaseBtn) {<br />&#160; &#160; &#160; &#160; &#160; &#160; increaseBtn.addEventListener('click', increaseFont);<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; if (resetBtn) {<br />&#160; &#160; &#160; &#160; &#160; &#160; resetBtn.addEventListener('click', resetFont);<br />&#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; // Инициализация<br />&#160; &#160; &#160; &#160; setFontSize(DEFAULT_SIZE);<br />&#160; &#160; })();<br />// ========== НОВЫЙ КОД: СЛЕЖЕНИЕ ЗА СМЕНОЙ ТЕМЫ ==========<br />// ========== ПРОСТОЙ НАБЛЮДАТЕЛЬ ==========<br />(function() {<br />&#160; &#160; &quot;use strict&quot;;<br />&#160; &#160; <br />&#160; &#160; let lastTheme = document.documentElement.getAttribute('data-theme');<br />&#160; &#160; console.log('Начальная тема:', lastTheme);<br />&#160; &#160; <br />&#160; &#160; const observer = new MutationObserver(function(mutations) {<br />&#160; &#160; &#160; &#160; mutations.forEach(function(mutation) {<br />&#160; &#160; &#160; &#160; &#160; &#160; if (mutation.attributeName === 'data-theme') {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; const newTheme = document.documentElement.getAttribute('data-theme');<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; console.log(`Тема: ${lastTheme} -&gt; ${newTheme}`);<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; lastTheme = newTheme;<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; <br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; // Обновляем компонент<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; const container = document.querySelector('ntln-container');<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; if (container) {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; container.style.display = 'none';<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; setTimeout(() =&gt; {<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; container.style.display = 'flex';<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; }, 10);<br />&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; &#160; &#160; }<br />&#160; &#160; &#160; &#160; });<br />&#160; &#160; });<br />&#160; &#160; <br />&#160; &#160; observer.observe(document.documentElement, {<br />&#160; &#160; &#160; &#160; attributes: true,<br />&#160; &#160; &#160; &#160; attributeFilter: ['data-theme']<br />&#160; &#160; });<br />})();<br />&lt;/script&gt;[/html]</p> mybb@mybb.ru (KarKar) Thu, 17 Apr 2025 01:45:59 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=4#p4 https://testkarkartest.rusff.me/viewtopic.php?pid=3#p3 <p>Здесь будут правила</p> mybb@mybb.ru (KarKar) Thu, 17 Apr 2025 01:45:26 +0300 https://testkarkartest.rusff.me/viewtopic.php?pid=3#p3