[hideprofile][html]
<div class="rolex-wrap">
<input class="rolex-tab" type="radio" name="rolex-tabs" id="rolex-tab-1" checked>
<input class="rolex-tab" type="radio" name="rolex-tabs" id="rolex-tab-2">
<input class="rolex-tab" type="radio" name="rolex-tabs" id="rolex-tab-3">
<div class="rolex-dots">
<label for="rolex-tab-1" class="rolex-dot"></label>
<label for="rolex-tab-2" class="rolex-dot"></label>
<label for="rolex-tab-3" class="rolex-dot"></label>
</div>
<div class="rolex-main">
<div class="rolex-side">
<div class="rolex-head">роли и занятость</div>
<div class="rolex-note">все персонажи занимающие руководящие должности после ухода игрока используются на усмотрение АМС</div>
<label for="rolex-tab-1" class="rolex-nav-btn">организации</label>
<label for="rolex-tab-2" class="rolex-nav-btn">группировки</label>
<label for="rolex-tab-3" class="rolex-nav-btn">остальное</label> </div>
<div class="rolex-content">
<div class="rolex-hero">
<div class="rolex-logo">ROLES</div> </div>
<div class="rolex-panel-wrap">
<div class="rolex-panel-title">список ролей</div>
<div class="rolex-panels">
<!-- ОРГАНИЗАЦИИ -->
<div class="rolex-panel rolex-panel-1">
<div class="rolex-section">
<div class="rolex-section-title">международный отдел охотников на демонов</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">верхушка</div>
<div class="rolex-role"><b> куратор ВСБ:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя</a></span></div>
<div class="rolex-role"><b>директор штаба:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">руководство направлений</div>
<div class="rolex-role"><b>капитан ликвидации:</b> <span class="rolex-free"><a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66" class="rolex-name">elliot williams act</a></span></div>
<div class="rolex-role"><b>капитан спецназа:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>капитан следователей:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>капитан флота:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">чистильщики и наёмный персонал</div>
<div class="rolex-role"><b>отдел руководства:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>чистильщики:</b> <span class="rolex-free">
<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>
</span></div>
<div class="rolex-role"><b>наёмный персонал:</b> <span class="rolex-free">
<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div> </div>
<div class="rolex-divider"></div>
<div class="rolex-row rolex-2">
<div class="rolex-col">
<div class="rolex-sub">ликвидация</div>
<ul class="rolex-list">
<li><div class="rolex-role"><b>лейтенант:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div><div class="rolex-role"><b>старший охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>стажёры:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div></li> </ul> </div>
<div class="rolex-col">
<div class="rolex-sub">спецназ</div>
<ul class="rolex-list">
<li><div class="rolex-role"><b>лейтенант:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div><div class="rolex-role"><b>старший охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>охотник:</b> <span class="rolex-free"><a href="https://fatumiunget.rusff.me/profile.php?id=5" class="rolex-name">vivitt ueno</a></span></div>
<div class="rolex-role"><b>стажёры:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div></li> </ul> </div> </div>
<div class="rolex-row rolex-2">
<div class="rolex-col"> <div class="rolex-sub">следователи</div>
<ul class="rolex-list">
<li><div class="rolex-role"><b>лейтенант:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div><div class="rolex-role"><b>старший охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>стажёры:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </li> </ul> </div>
<div class="rolex-col"><div class="rolex-sub">флот</div>
<ul class="rolex-list">
<li><div class="rolex-role"><b>лейтенант:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div><div class="rolex-role"><b>старший охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>охотник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>стажёры:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div> </div> </div> </div>
<div class="rolex-section">
<div class="rolex-section-title">научно-исследовательский институт экспериментальной демонологии</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-2">
<div class="rolex-col">
<div class="rolex-sub">администрация</div>
<div class="rolex-role"><b>глава нииэд:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>заместитель по науке:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>заместитель по безопасности:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>заместитель по логистике:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>пресс-секретарь:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">научный совет</div>
<div class="rolex-role"><b>эксперт по демонам S-класса:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>,<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>эксперт по контрактам:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>эксперт по артефактам:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>эксперт по этике:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>,<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
</div> </div>
<div class="rolex-divider"></div>
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">университет</div>
<div class="rolex-role"><b>декан:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>профессора:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>студенты:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>магистранты:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>аспиранты:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">исследовательский отдел</div>
<div class="rolex-role"><b>старшие научные сотрудники:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>младшие научные сотрудники:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>лаборанты:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>,<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">полевой отдел</div>
<div class="rolex-role"><b>руководитель полевиков:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>полевые учёные:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>оперативные сотрудники:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>,<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div> </div> </div> </div> </div>
<!-- ГРУППИРОВКИ -->
<div class="rolex-panel rolex-panel-2">
<div class="rolex-section">
<div class="rolex-section-title">рамус</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-2">
<div class="rolex-col">
<div class="rolex-sub">верхушка</div>
<div class="rolex-role"><b>глава:</b> <span class="rolex-free"><a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68" class="rolex-name">carlos silvaact</a></span></div>
<div class="rolex-role"><b>зам. главы:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
</div>
<div class="rolex-col">
<div class="rolex-sub">крыски</div>
<div class="rolex-role"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа (МООД)</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа(НИИЭД)</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></div> </div> </div>
<div class="rolex-divider"></div>
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">жнецы</div>
<div class="rolex-role"><b>руководитель сектора:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>члены сектора:</b></div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></li> </ul> </div>
<div class="rolex-col">
<div class="rolex-sub">пауки</div>
<div class="rolex-role"><b>руководитель сектора:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>члены сектора:</b></div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></li> </ul> </div>
<div class="rolex-col">
<div class="rolex-sub">оракулы</div>
<div class="rolex-role"><b>руководитель сектора:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>члены сектора:</b></div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></li> </ul> </div> </div> </div> </div>
<div class="rolex-section">
<div class="rolex-section-title">хэйлун</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">верхушка</div>
<div class="rolex-role"><b>глава:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>правая рука:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-role"><b>старейшины:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>спонсоры:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-role"><b>силовики:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>рядовые: </b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>,<a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div> </div>
<div class="rolex-divider"></div>
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-role"><b>дипломаты:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>вербовщики:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
</div>
<div class="rolex-col">
<div class="rolex-role"><b>технический сектор:</b> <br><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> айтишник
<br> <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> логист</span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">ростовщики</div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>,</span></li> </ul> </div> </div> </div> </div>
<div class="rolex-section">
<div class="rolex-section-title">симбиот</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-2">
<div class="rolex-col">
<div class="rolex-sub">главы</div>
<div class="rolex-role"><b>глава 1:</b> <span class="rolex-free"><a href="https://fatumiunget.rusff.me/profile.php?id=7" class="rolex-name">pixie</a></span></div>
<div class="rolex-role"><b>глава 2:</b> <span class="rolex-free"><a href="https://fatumiunget.rusff.me/profile.php?id=9" class="rolex-name">loqi</a></span></div>
<div class="rolex-role"><b>глава 3:</b> <span class="rolex-free"><a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67" class="rolex-name">roy hall act</a></span></div>
</div>
<div class="rolex-col">
<div class="rolex-sub">все члены банды</div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="https://fatumiunget.rusff.me/profile.php?id=11" class="rolex-name">lei min</a></span> — <span class="rolex-free">монах в храме / 1 уровень</span></li> </ul> </div> </div> </div> </div> </div>
<!-- ОСТАЛЬНОЕ -->
<div class="rolex-panel rolex-panel-3">
<div class="rolex-section">
<div class="rolex-section-title">медицина</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">руководство</div>
<div class="rolex-role"><b>главврач:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>заместитель:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">врачи</div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (стоматолог), <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (хирург)</span></li> </ul> </div>
<div class="rolex-col">
<div class="rolex-sub">прочее</div>
<div class="rolex-role"><b>медсёстры:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>интерны:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div> </div> </div> </div>
<div class="rolex-section">
<div class="rolex-section-title">полиция</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">руководство</div>
<div class="rolex-role"><b>начальник:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>заместитель:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-role"><b>старший следователь:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>следователи:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-role"><b>оперативники:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
<div class="rolex-role"><b>патруль:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a>, <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div>
</div> </div> </div> </div>
<div class="rolex-section">
<div class="rolex-section-title">торговля</div>
<div class="rolex-section-body">
<div class="rolex-row rolex-3">
<div class="rolex-col">
<div class="rolex-sub">владельцы</div>
<div class="rolex-role"><b>название владения:</b> <span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></div> </div>
<div class="rolex-col">
<div class="rolex-sub">ключевые сотрудники</div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (администратор клуба), <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (управляющий шиномонтажки)</span></li>
</ul> </div>
<div class="rolex-col">
<div class="rolex-sub">работники</div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (продавец коцкаколы), <a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (флорист)</span></li>
</ul> </div> </div> </div> </div>
<div class="rolex-section">
<div class="rolex-section-title">остальное</div>
<div class="rolex-section-body">
<div class="rolex-sub">свободные сюжетные роли</div>
<ul class="rolex-list">
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (школьник)</span></li>
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a> (безработный)</span></li>
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></li>
<li><span class="rolex-free"><a href="ссылка-на-профиль" class="rolex-name">имя персонажа</a></span></li>
</ul> </div> </div> </div> </div> </div> </div> </div></div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
.rolex-wrap{
width:900px;
margin:0 auto;
font-family:'Manrope', sans-serif;
color:#111;
overflow:visible;
position:relative;
}
.rolex-dots{
position:absolute;
left:710px;
top:20px;
display:flex;
gap:10px;
padding-left:0;
margin:0;
z-index:10;
}
.rolex-tab{
position:absolute;
opacity:0;
pointer-events:none;
}
.rolex-dot{
width:36px;
height:36px;
border-radius:50%;
background:#b1d836;
cursor:pointer;
display:block;
transition:.15s ease;
}
#rolex-tab-1:checked ~ .rolex-dots label[for="rolex-tab-1"],
#rolex-tab-2:checked ~ .rolex-dots label[for="rolex-tab-2"],
#rolex-tab-3:checked ~ .rolex-dots label[for="rolex-tab-3"]{
background:#646464;
}
.rolex-main{
position:relative;
min-height:760px;
}
.rolex-side{
width:195px;
min-height:455px;
background:
linear-gradient(rgba(55,55,55,.78), rgba(55,55,55,.78)),
linear-gradient(rgba(215,215,215,.12), rgba(215,215,215,.12)),
url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
padding:14px 10px 14px 0;
box-sizing:border-box;
text-align:left;
position:absolute;
left:0;
border:1px solid #111;
z-index:1;
}
.rolex-side:after{
content:"";
position:absolute;
right:16px;
bottom:18px;
width:74px;
height:74px;
border:1px solid rgba(229,192,112,.55);
border-radius:50%;
opacity:.45;
}
.rolex-content{
width:735px;
position:relative;
margin-left:165px;
z-index:3;
}
.rolex-hero{
height:70px;
min-height:70px;
padding:0 8px 0 0;
box-sizing:border-box;
position:relative;
overflow:hidden;
left: 42px;
justify-content:flex-end;
align-items:flex-start;
}
.rolex-logo{
font-family:'Dela Gothic One', sans-serif;
font-size:102px;
color:#2f2f2f;
letter-spacing:2px;
text-transform:uppercase;
transform:translateY(-18px);
white-space:nowrap;
user-select:none;
opacity:.88;
position:relative;
z-index:2;
}
.rolex-head,
.rolex-nav-btn,
.rolex-panel-title{
display:block;
width:180px;
background:#111111;
color:#b1d836;
text-decoration:none;
text-align:left;
font-family:'Dela Gothic One', sans-serif;
line-height:1.1;
box-sizing:border-box;
text-transform:lowercase;
letter-spacing:.1px;
padding:8px 9px;
}
.rolex-head{
font-size:14px;
color:#ffffff;
margin-bottom:10px;
}
.rolex-nav-btn{
margin-bottom:6px;
font-size:10px;
font-weight:400;
cursor:pointer;
transition:.15s ease;
}
.rolex-nav-btn:hover{
color:#646464;
}
.rolex-note{
width:180px;
margin:0 0 12px 10px;
color:#fff;
font-size:9px;
line-height:1.3;
font-weight:700;
text-align:left;
}
.rolex-panel-wrap{
margin-top:-8px;
padding-left:0;
}
.rolex-panel-title{
width: 690px !important;
margin:10px 0 8px auto;
font-size:10px;
padding:8px 10px;
}
.rolex-panels{
position:relative;
max-height:760px;
overflow-y:auto;
overflow-x:hidden;
padding-right:4px;
box-sizing:border-box;
scrollbar-width:thin;
scrollbar-color:#4a4a4a transparent;
}
.rolex-panels::-webkit-scrollbar{
width:4px;
}
.rolex-panels::-webkit-scrollbar-track{
background:transparent;
}
.rolex-panels::-webkit-scrollbar-thumb{
background:#4a4a4a;
border:none;
border-radius:0;
}
.rolex-panels::-webkit-scrollbar-button{
display:none;
width:0;
height:0;
}
.rolex-panel{
display:none;
background:
linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.08) 100%),
#efefef;
border:1px solid #2a2a2a;
padding:0;
box-sizing:border-box;
position:relative;
box-shadow:-18px 18px 0 rgba(17,17,17,.08);
}
#rolex-tab-1:checked ~ .rolex-main .rolex-content .rolex-panels .rolex-panel-1,
#rolex-tab-2:checked ~ .rolex-main .rolex-content .rolex-panels .rolex-panel-2,
#rolex-tab-3:checked ~ .rolex-main .rolex-content .rolex-panels .rolex-panel-3{
display:block;
}
#rolex-tab-1:checked ~ .rolex-main .rolex-side label[for="rolex-tab-1"],
#rolex-tab-2:checked ~ .rolex-main .rolex-side label[for="rolex-tab-2"],
#rolex-tab-3:checked ~ .rolex-main .rolex-side label[for="rolex-tab-3"]{
color:#fff;
box-shadow:inset 3px 0 0 #b1d836;
}
.rolex-section{
padding:14px 16px 14px;
position:relative;
border-bottom:1px solid rgba(0,0,0,.12);
}
.rolex-section:last-child{
border-bottom:none;
}
.rolex-section-title{
display:block;
width:100%;
background:#111;
color:#fff;
font-family:'Dela Gothic One', sans-serif;
font-size:13px;
line-height:1.1;
text-transform:lowercase;
padding:10px 12px 9px;
margin:0 -16px 12px;
box-sizing:border-box;
}
.rolex-section-body{
padding:0;
}
.rolex-row{
display:grid;
gap:18px;
margin:0 0 14px;
position:relative;
}
.rolex-row:last-child{
margin-bottom:0;
}
.rolex-2{ grid-template-columns:1fr 1fr; }
.rolex-3{ grid-template-columns:1fr 1fr 1fr; }
.rolex-4{ grid-template-columns:1fr 1fr 1fr 1fr; }
.rolex-col{
min-width:0;
position:relative;
padding-right:6px;
}
.rolex-col:not(:last-child):after{
content:"";
position:absolute;
top:2px;
right:-9px;
bottom:2px;
width:1px;
background:rgba(0,0,0,.10);
}
.punbb a { text-decoration: none; font-weight: 500; }
a:hover { text-decoration: none; font-weight: 500; }
.rolex-sub{
display:inline-block;
background:transparent;
color:#111;
font-family:'Dela Gothic One', sans-serif;
font-size:11px;
line-height:1.15;
text-transform:lowercase;
padding:0 0 6px;
margin:0 0 8px;
border-bottom:1px solid #bcbcbc;
}
.rolex-role{
margin:0 0 7px;
font-size:11px;
line-height:1.35;
color:#3f3f3f;
}
.rolex-role b{
color:#111;
font-weight:800;
}
.rolex-list{
margin:0;
padding-left:16px;
}
.rolex-list li{
margin:0 0 6px;
font-size:11px;
line-height:1.35;
color:#3f3f3f;
}
.rolex-divider{
height:1px;
margin:4px 0 14px;
background:linear-gradient(to right, transparent, #bdbdbd 8%, #bdbdbd 92%, transparent);
}
.rolex-name,
.rolex-name:link,
.rolex-name:visited{
color: #648300;
text-decoration:none;
font-family:'Manrope', sans-serif;
font-weight:700;
}
.rolex-name:hover{
color:#cdb063;
text-decoration:none;
}
.rolex-name:active{
color:#b1d836;
}
.rolex-row-fleet{
display:grid;
grid-template-columns: 0.75fr 1.25fr;
gap:18px;
}</style>[/html]
✦ можно быть в нескольких разделах. главное подпишите куда вносить, ссылку можно не дублировать
✦ все строго с маленькой буквы.
