[html]<style>
.box_price {
margin: 5px auto;
width: 750px;
padding: 30px;
}
.box_scroll {
height: 600px;
padding: 20px;
overflow-y: scroll;
}
.box_scroll::-webkit-scrollbar {
width: 2px;
}
.block_mini {
border-left: 2px solid black;
padding: 9px;
}
.nazvanie {
color: #000;
padding: 4px;
background-color: #e6e6e6;
}
.nazvanie b{
font-size: 25px;
}
.ingredients {
padding: 0; /* Убираем отступы */
}
.ingredients li {
align-items: baseline; /* Выравниваем текст */
display: flex; /* Включаем флексы */
margin-bottom: 0.5em; /* Отступ снизу */
}
.ingredients li::before {
content: ''; /* Выводим линию */
border-bottom: 1px dashed #ccc; /* Параметры линии */
flex-grow: 1; /* Линия занимает всё доступное пространство */
order: 2; /* Выводим вторым */
margin: 0 5px; /* Расстояние от текста */
}
.ingredients .value {
order: 3; /* Выводим третьим */
}
.bank {
font-size: 40px;
padding: 10px 0px;
}
table {
width: 750px;
}
td {
width: 50%;
}
</style>
<div class="box_price">
<div class="bank"> СПИСОК РОЛЕЙ</div>
<table border="1" class="roli">
<tbody>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Контроль</b> <br> <i>Сотрудники, охотники, ведьмы, элементалы</i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Охотник <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=5">Ash</a> </span> </li>
<li>Охотник<span class="value"> <a href=https://alterparadox.rusff.me/profile.php?id=31>Imogen</a> </span> </li>
<li> Охотник <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=37">Aaron Welsh</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li>Ведьма <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=20">Esfira Burns</a> </span> </li>
<li> Ведьма <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=12">Melania Moonlight</a> </span> </li>
<li> Начинающий охотник <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=33">Thomas Brooks</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Правоохранительные органы</b> <br> <i>Суд, полиция</i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Офицер полиции <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=4">Vincent Murray</a> </span> </li>
<li> Офицер полиции <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=21">Leslie Lane</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Прокурор и следователь <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=48">German Richter</a> </span> </li>
<li> Судья <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=8">Leviathan Goth</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Здравоохранение</b> <br> <i>Поликлиники, больницы, лаборатории</i> </div>
</td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Исследователь <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=15">Alexander Walker</a> </span> </li>
<li> Врач-исследователь <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=12">Melania Moonlight</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Психотерапевт <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=40">Abel Lande</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Образование</b> <br> <i>Университет, колледж, школы</i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Студент <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=39">Christopher Proctor</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>СМИ</b> <br> <i>Газеты и телевидение</i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Журналист <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=3">Morgan Star</a> </span> </li>
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Культура и искусство</b> <br> <i>Театры, кино, концерты</i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Владелица кабаре "Гротеск"<span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=11">Noah Price</a> </span> </li>
<li> Лидер музыкальной группы <br> "The Dreamcatchers" <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=46">Hwang Yu Jin</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
<li> Должность <span class="value"> <a href="...">Имя и Фамилия</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Развлекательно-торговая деятельность</b> <br> <i>Магазины, рестораны, клубы</i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Владелец клуба «Desert» <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=8">Leviathan Goth</a> </span> </li>
<li> Официантка мейд-кафе <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=24">Samantha Lane</a> </span> </li>
<li> Певица в клубе «Desert» <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=43">Coraline Gilmour</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Директор клуба «Desert» <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=27">Victor Rome</a> </span> </li>
<li>Бармен в клубе "Desert" <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=34">Angel</a> </span> </li>
</div></td>
</tr>
<tr><td class="tab1" colspan="2"><div class="nazvanie"><b>Частная деятельность</b> <br> <i>В том числе разные объединения </i> </div></td></tr>
<tr>
<td> <div class="block_mini">
<div class="ingredients">
<li> Хозяйка кондитерской<br> "Кошкин дом" <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=16">Miralise Rose</a> </span> </li>
<li> Частный предприниматель <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=14">Nariman Batyrkhanov</a> </span> </li>
<li> Частный детектив <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=42">Raymond Moore</a> </span> </li>
</div>
</td>
<td> <div class="block_mini">
<div class="ingredients">
<li> Стример <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=17">Ellis Barks</a> </span> </li>
<li>Глава мотоклуба «The Burnt Crown» <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=20">Esfira Burns</a> </span> </li>
<li> Ютубер <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=30"> Laurette Le Fanu</a> </span> </li>
<li> Член уличной банды <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=44">Yoko Teshigahara</a> </span> </li><li> Владелец кафе «Noctis Pass» <span class="value"> <a href="https://alterparadox.rusff.me/profile.php?id=33">Thomas Brooks</a> </span> </li>
</div></td>
</tr>
</table>
</div>[/html]
<li> Должность <span class="value"> <a href="ссылка на профиль">Имя и Фамилия</a> </span> </li>
[hideprofile]
