Адонис Мортэ[html]<div>
    <div class="popup-name"><span class="popup-name-text">Адонис Мортэ</span></div>
    <div class="popup-quote"><span class="popup-quote-text">Во славу Мортэ.</span></div>
   
<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'popup-infobut')">инфо</button>
  <button class="tablinks" onclick="openCity(event, 'popup-awardbut')">награды</button>
</div>

<div id="popup-infobut" class="tabcontent">
<h1 id="popup-charinfo-header">КОРОТКО О ПЕРСОНАЖЕ</h1>
<div class="popup-charinfo">
  <div class="p-chinfo">
<span class="p-mag-prata">189 | человек | глава клана Мортэ | 180 см | Kim Taehyung</span><br><br>
<span>Глава клана Мортэ. Серый кардинал. Инвестор, чьи средства оборачиваются в нескольких известных миру компаниях и приносят ему доход. Совладелец ночного клуба “Эдельвейс” на Манхеттене. Владелец табачной компании “Donnes”, выпускающей продукцию на 16 фабриках разных стран, штаб-квартира расположена в Куинсе. Теневой владелец строительной компании “Vanderbild & Co” и ее дочерних агентств недвижимости, а также неизвестный широкой публике владелец казино в Макао. </span>
</div>
</div>

<h1 id="popup-relations-header">ОНИ ВАЖНЫ ДЛЯ МЕНЯ. ТОЧКА.</h1>
<div class="popup-relations">
  <div class ="popup-avatars-block">
<img class ="popup-avatars" src="https://i.imgur.com/t06Eu2P.jpg" title="Santinelle Morte. Мое излюбленное сотворение, моя плоть и кровь. Ты больше, чем сестра.">
<img class ="popup-avatars" src="https://i.imgur.com/a5lZHUr.jpg" title="Khaos Morte. Я не ошибся в тебе много лет назад и безгранично чту твою преданность. Ты мой щит и меч.">
<img class ="popup-avatars" src="https://i.imgur.com/KognEUv.jpg" title="Deimos Morte. Доверенный советник Хаоса. Ты полезен и умел, это отметил не один я.">
<img class ="popup-avatars" src="https://i.imgur.com/kdNQQbe.jpg" title="Aiden Morte. Ты бываешь самонадеян и непредсказуем, но пока исполняешь свою роль – почему нет? Хаос не сомневается в тебе, я верю ему.">
<img class ="popup-avatars" src="https://i.imgur.com/jlMW7hE.jpg" title="Skylar Salazar. Мой маленький ручной хамелеон. Я давно полюбил бы тебя там – на закрытом аукционе, – если бы был способен на это быстротечное чувство.">
<img class ="popup-avatars" src="https://i.imgur.com/IplTQJT.jpg" title="Roxana Sang. Мне любопытно, какой ты станешь в будущем, девочка, потому что в глазах твоих пляшут черти, а не свет.">
<img class ="popup-avatars" src="https://i.imgur.com/VQ3L3Dl.jpg" title="Kara Foster. Мортэ – твоя судьба. Благодари или проклинай, это ничего для тебя не изменит. Ты умрешь рядом со мной, циния.">
<img class ="popup-avatars" src="https://i.imgur.com/cpu26wC.jpg" title="Iris Nott. Я видел тебя насквозь, я внушал тебе приказы и знаю, что твоя верность нуждается в корректировках.">
<img class ="popup-avatars" src="https://i.imgur.com/fvXMh9O.jpg" title="Lilian Moncar. Я не оставлю в тебе ничего, кроме себя, пока мой интерес не угаснет.">
<img class ="popup-avatars" src="https://i.imgur.com/965v4QN.jpg" title="Arven Valante. Любимая пташка моей сестры, почти идеальная – по ее мнению. Что ж, наши пути еще пересекутся.">
<img class ="popup-avatars" src="https://i.imgur.com/Sgkpu2t.jpg" title="Fahliel Danaan. Не давай нам повода, Фахлиэль, мы вполне могли бы поладить. Но мы останемся на разных сторонах.">
  </div>
</div>

  <h1 id="popup-magic-header">МАГИЯ</h1>
<div class="popup-magic">
  <div class="p-mag">
<span class="p-mag-prata">ВАМПИР | РАНГ X </span><br><br>
<span class="p-mag-prata">НАПРАВЛЕНИЯ</span><br>
<span">Тьма - 8</span><br>
<span">Иллюзии - 9</span><br>
<span">Псионика - 10</span><br><br>
<span class="p-mag-prata">ОСОБЕННОСТИ МАГИИ</span><br>
<span>Нестандартная магия тьмы, имеющая сильный уклон в материальную тень.
</span>
</div>
</div>

  <h1 id="popup-artef-header">АРТЕФАКТЫ, ПИТОМЦЫ, ЗЕЛЬЯ</h1>
<div class="popup-artef">
  <div class ="popup-artef-block">
<img class ="popup-artef-scr" src="https://i.imgur.com/do6zwel.png" title="Все артефакты из кланового хранилища Мортэ">
<a href="https://artefactum.f-rpg.me/viewtopic.php?id=44#p4595"><img class ="popup-artef-scr" src="https://i.imgur.com/Ut8zIWG.jpg" title="Кольцо-имитация образа Сантинэль Мортэ, сестры владельца. Имеет парное кольцо с образом Адониса Мортэ в распоряжении его сестры. "></a>
<a href="https://artefactum.f-rpg.me/viewtopic.php?id=44#p4606"><img class ="popup-artef-scr" src="https://i.imgur.com/QiulVRu.jpg" title="Классический гипноз из направления ментальной магии, дисциплины контроля. воздействует голосовой командой в зоне слышимости, либо ментально, но в радиусе 20 метров."></a>
<a href="https://artefactum.f-rpg.me/viewtopic.php?id=44#p4596"><img class ="popup-artef-scr" src="https://i.imgur.com/edsar3y.jpg" title="Зачаровано на скрытие от взглядов: это полог незримости радиусом до 15 метров. Сокрытие самого владельца, объектов и существ контролируется Адонисом ментально. "></a>
<a href="https://artefactum.f-rpg.me/viewtopic.php?id=44#p4602"><img class ="popup-artef-scr" src="https://i.imgur.com/QwStNLX.jpg" title="Подручный ментальный щит из направления ментальной магии, дисциплины протекция. "></a>
<a href="https://artefactum.f-rpg.me/viewtopic.php?id=44#p4598"><img class ="popup-artef-scr" src="https://i.imgur.com/SBEApRU.jpg" title="Кольцо-усилитель. Усиление, запечатанное в кольце через магию крови. Дает при активации увеличение рефлексов: обостряются слух, зрение, обоняние, реакции на срок до 15 минут."></a>
<a href="https://artefactum.f-rpg.me/viewtopic.php?id=44#p4600"><img class ="popup-artef-scr" src="https://i.imgur.com/lmFIoRh.jpg" title="Заколки доноров. Кровь запускает магию закладывая связь вампира с донором, и оставляя малый отпечаток его энергии в теле донора."></a>
<img class ="popup-artef-scr" src="https://i.imgur.com/BZtnxNZ.png" title="Вириагарн. Драконоподобный призывной зверь, 3 метра в длину. Классификация: сильный. Способности: ультразвуковой удар, перья ярости.">
  </div>
</div>

</div>

<div id="popup-awardbut" class="tabcontent">
<h1 id="popup-baseawards-header">ФОРУМНЫЕ НАГРАДЫ</h1>
<div class="popup-baseawards">
<div class="popup-baseawards-img-block">
<img class="popup-baseawards-img" src="https://i.imgur.com/yhgjMFT.png" style="opacity: 1;" title="Добро пожаловать!">
<img class="popup-baseawards-img" src="https://i.imgur.com/O76bAbs.png" style="opacity: 1;" title="Вы оставили анкету">
<img class="popup-baseawards-img" src="https://i.imgur.com/tycfL5f.png" style="opacity: 1;" title="Вы с нами 1 месяц">
<img class="popup-baseawards-img" src="https://i.imgur.com/RxSaV12.png" style="opacity: 1;" title="Вы с нами 6 месяцев">
<img class="popup-baseawards-img" src="https://i.imgur.com/Lmwt6ZU.png" style="opacity: .1;" title="Вы с нами 1 год">
<img class="popup-baseawards-img" src="https://i.imgur.com/wXULZyW.png" style="opacity: 1;" title="Вы написали первый пост!">
<img class="popup-baseawards-img" src="https://i.imgur.com/ScPfIL0.png" style="opacity: 1;" title="Вы написали 10 постов">
<img class="popup-baseawards-img" src="https://i.imgur.com/3grxgYK.png" style="opacity: 1;" title="Вы написали 25 постов">
<img class="popup-baseawards-img" src="https://i.imgur.com/xtKCXcW.png" style="opacity: .1;" title="Вы оставили 100 сообщений">
<img class="popup-baseawards-img" src="https://i.imgur.com/QC6kCHR.png" style="opacity: .1;" title="Вы оставили 500 сообщений">
<img class="popup-baseawards-img" src="https://i.imgur.com/VGZI5GT.png" style="opacity: .1;" title="Вы оставили 1000 сообщений">
<img class="popup-baseawards-img" src="https://i.imgur.com/7SUbF4G.png" style="opacity: 1;" title="Вы заработали 500 тиндэ">
<img class="popup-baseawards-img" src="https://i.imgur.com/DjDfSpK.png" style="opacity: 1;" title="Вы заработали 1000 тиндэ">
<img class="popup-baseawards-img" src="https://i.imgur.com/EiDPFyF.png" style="opacity: .1;" title="Вы заработали 2500 тиндэ">
<img class="popup-baseawards-img" src="https://i.imgur.com/710JhE0.png" style="opacity: .1;" title="Вы обанкротились">
<img class="popup-baseawards-img" src="https://i.imgur.com/IRpSatu.png" style="opacity: 1;" title="Вы поделились тиндэ с ближним своим">
<img class="popup-baseawards-img" src="https://i.imgur.com/7dVKFTc.png" style="opacity: 1;" title="Ваш пост избран постом недели">
<img class="popup-baseawards-img" src="https://i.imgur.com/FvGSWu7.png" style="opacity: 1;" title="Ваш эпизод избран эпизодом недели">
<img class="popup-baseawards-img" src="https://i.imgur.com/kbwfV9f.png" style="opacity: 1;" title="Вы были избраны игроком месяца">
<img class="popup-baseawards-img" src="https://i.imgur.com/8OotUu8.png" style="opacity: 1;" title="Вы были избраны дуэтом месяца">
<img class="popup-baseawards-img" src="https://i.imgur.com/VQcuG16.png" style="opacity: 1;" title="Вы оставили заявку на нужного персонажа">
<img class="popup-baseawards-img" src="https://i.imgur.com/yElW17r.png" style="opacity: 1;" title="Вы дождались нужного персонажа">
<img class="popup-baseawards-img" src="https://i.imgur.com/xWgdbhv.png" style="opacity: .1;" title="Вы оставили маяк в теме Установление контакта">
<img class="popup-baseawards-img" src="https://i.imgur.com/KjpJTWI.png" style="opacity: .1;" title="Вы создали вашу творческую тему">
<img class="popup-baseawards-img" src="https://i.imgur.com/kkxDZaU.png" style="opacity: 1;" title="Вы оформили отношения в теме с анкетой">
<img class="popup-baseawards-img" src="https://i.imgur.com/x1ZeUET.png" style="opacity: 1;" title="Вы оформили хронологию в теме с анкетой">
<img class="popup-baseawards-img" src="https://i.imgur.com/paPIkNW.png" style="opacity: 1;" title="Вы заполнили мини-профиль">
<img class="popup-baseawards-img" src="https://i.imgur.com/Mti1aRO.png" style="opacity: .1;" title="Вы выполнили 1 графический заказ/аватарку">
<img class="popup-baseawards-img" src="https://i.imgur.com/jgV70JM.png" style="opacity: .1;" title="Вы выполнили 10 графических заказов/аватарок">
<img class="popup-baseawards-img" src="https://i.imgur.com/AqtfK5p.png" style="opacity: .1;" title="Вы поучаствовали во флэшмобе 5 раз">
<img class="popup-baseawards-img" src="https://i.imgur.com/TkoBKNG.png" style="opacity: .1;" title="Вы поучаствовали во флэшмобе 25 раз">
<img class="popup-baseawards-img" src="https://i.imgur.com/HAE7cK5.png" style="opacity: .1;" title="Вы поучаствовали во флэшмобе 50 раз">
<img class="popup-baseawards-img" src="https://i.imgur.com/c4P2k35.png" style="opacity: .1;" title="Вы написали в блогах от лица персонажа">
<img class="popup-baseawards-img" src="https://i.imgur.com/fAuo61B.png" style="opacity: 1;" title="Вы завершили 1 эпизод">
<img class="popup-baseawards-img" src="https://i.imgur.com/A7cVebX.png" style="opacity: .1;" title="Вы завершили 5 эпизодов">
<img class="popup-baseawards-img" src="https://i.imgur.com/mx7u5pe.png" style="opacity: .1;" title="Вы завершили 10 эпизодов">
<img class="popup-baseawards-img" src="https://i.imgur.com/0CYZe3A.png" style="opacity: .1;" title="Вы завершили 20 эпизодов">
<img class="popup-baseawards-img" src="https://i.imgur.com/XNW138d.png" style="opacity: 1;" title="Вы приняли участие в 1 квесте/ивенте">
<img class="popup-baseawards-img" src="https://i.imgur.com/xbszyuC.png" style="opacity: .1;" title="Вы приняли участие в 3 квестах/ивентах">
<img class="popup-baseawards-img" src="https://i.imgur.com/VF0E9VM.png" style="opacity: .1;" title="Вы приняли участие в 5 квестах/ивентах">
<img class="popup-baseawards-img" src="https://i.imgur.com/ma97b2Q.png" style="opacity: .1;" title="Вы придумали и провели квест/ивент">
<img class="popup-baseawards-img" src="https://i.imgur.com/Fx68K7R.png" style="opacity: .1;" title="Вы засиделись после полуночи. Не забывайте чаще высыпаться!">
<img class="popup-baseawards-img" src="https://i.imgur.com/iu0qiBy.png" style="opacity: .1;" title="Вы оставили 100 реклам ролевой">
<img class="popup-baseawards-img" src="https://i.imgur.com/d9LctO0.png" style="opacity: .1;" title="Вы оставили 500 реклам ролевой">
</div></div>

<h1 id="popup-specialawards-header">ИГРОВЫЕ НАГРАДЫ</h1>
<div class="popup-specialawards">
<div class="popup-specialawards-img-block">
<img class="popup-specialawards-img" src="https://i.imgur.com/kCop1Hs.png" title="Человеческая кровь">
<img class="popup-specialawards-img" src="https://i.imgur.com/3aMpHpd.png" title="Вампир">
<img class="popup-specialawards-img" src="https://i.imgur.com/XvfzdaX.png" title="От сестры и партнёра. Во славу Мортэ.">
<img class="popup-specialawards-img" src="https://i.imgur.com/RgKsyGc.png" title="Ваш персонаж - член клана Мортэ (глава)">
<img class="popup-specialawards-img" src="https://i.imgur.com/hHSHoWc.png" title="Кубики пощадили вас, и вы выжили в драке с запасом здоровья менее 30%">
<img class="popup-specialawards-img" src="https://i.imgur.com/IxV5VpV.png" title="Ваш персонаж выпил ... раз">
</div></div>

</div>

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

[/html]