[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 600px; /* ширина блока */
--chrbg: #D9DBE6; /* цвет фона */
--chrd: #606583; /* активный эпизод */
--chrc: #6a8972; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px; padding:26px 20px 24px 10px; position:relative;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:16px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:16px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
</style>
<div class="chr2"><!----- START ----->
<div class="ch1">
<div class="ch2"><em>Охотничий орден им. Святого Губерта Льежского</em>
</div>
<div class="ch3"><a href="https://killarney.rolka.me/profile.php?id=7">Стефан Кейн</a>
<p>Старший охотник (человек)</p>
<a href="https://killarney.rolka.me/profile.php?id=5">Коннор МакЛинн</a>
<p>Капитан (человек)</p>
<a href="<a href="https://killarney.rolka.me/profile.php?id=10">Колин МакЛинн</a></a>
<p>Охотница (человек)</p>
<a href="<a href="https://killarney.rolka.me/profile.php?id=9">Йен Чан</a></a>
<p>Психотерапевт (проводник)</p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em>Teach Solais (IT corporation)</em>
</div>
<div class="ch3"><a href="https://killarney.rolka.me/profile.php?id=6">Крэйг Ванг</a>
<p>Директор (человек, телепат)</p>
<a href="https://killarney.rolka.me/profile.php?id=18">Айрин Рагнвиндр</a>
<p>Заместитель директора (змея)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=262#p12293">Эдвард Синклер</a>
<p>Начальник IT отдела (человек, проводник)</p>
<a href="https://killarney.rolka.me/profile.php?id=14">Розамунд Вудвард</a>
<p>Артифицер (человек, ведьма)</p>
<a href="https://killarney.rolka.me/profile.php?id=8">Кей Нельсон</a>
<p>Системный администратор (человек, шаман)</p>
<a href="https://killarney.rolka.me/profile.php?id=3">Вэйлон Нельсон</a>
<p>Охотник за артефактами (шелки)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=203#p7595">Мо Юньцин</a>
<p>Терапевт (человек, маг природы)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=188#p6638">Чамп Наронг Бунсри</a>
<p>Сотрудник (человек, проводник)</p>
<a href="https://killarney.rolka.me/profile.php?id=52">Саймон Син</a>
<p>Ювелир (змей)</p>
<a href="https://killarney.rolka.me/profile.php?id=60">Шеймус Чхве</a>
<p>Хакер (лис)</p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em>Синдикат</em>
</div>
<div class="ch3"><a href="https://killarney.rolka.me/viewtopic.php?id=83">Ален Валентайн</a>
<p>Глава организации (некромант)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=116#p1446">Авель (Нил) Кейн</a>
<p>Сотрудник (человек, часовщик)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=233#p10029">Джейсон Макгеттиган</a>
<p>Глава клана торговцев антиквариатом (змей)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=226#p9523">Алан Хон</a>
<p>Помощник главы клана торговцев антиквариатом (человек, проводник)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=238#p10861">Патрик Мур</a>
<p>Глава клана торговцев наркотиками (келпи)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=273#p13001">Тэкеши Ито</a>
<p>Выходит из тени (змей)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=285#p14968">Мавоернин Бёрк</a>
<p>Глава клана работорговцев (келпи)</p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em>Пиратский Альянс</em>
</div>
<div class="ch3"><a href="https://killarney.rolka.me/profile.php?id=17">Ирмингард Йоган</a>
<p>Глава альянса (келпи)</p>
<a href="https://killarney.rolka.me/profile.php?id=20">Леонард Феликс Хейл</a>
<p>Заместитель главы альянса (дух)</p>
<a href="https://killarney.rolka.me/profile.php?id=53">Дрейк Девенпорт</a>
<p>Капитан (келпи)</p>
<a href="https://killarney.rolka.me/profile.php?id=55">Джосс Макгеттиган</a>
<p>Капитан (змей)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=338#p22653">Саманта Тёрнер</a>
<p>Капитан (шелки)</p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em>Better Days (подпольный бордель)</em>
</div>
<div class="ch3"><a href="https://killarney.rolka.me/profile.php?id=11">Ито Иошихиро</a>
<p>Владелец (змей)</p>
<a href="https://killarney.rolka.me/profile.php?id=13">Ада Кинтана</a>
<p>Официантка (оборотень-волчица)</p>
<a href="https://killarney.rolka.me/profile.php?id=58">Эйт Ван</a>
<p>Бармен (морроваль)</p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em>Жители города</em>
</div>
<div class="ch3"><a href="https://killarney.rolka.me/viewtopic.php?id=107#p1054">Бренда О'Доэрти</a>
<p>Журналист (человек)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=108#p1057">Сакда «Джеф» Чайчароэн</a>
<p>Владелец косметологического центра «Магия красоты» (человек, маг природы)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=112">Чаннаронг «Майл» Апинья</a>
<p>Владелец сыскного бюро TASE (человек, маг природы)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=123">Савет "Ган" Порнпром</a>
<p>Владелец ремонтной мастерской (человек, часовщик)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=127#p2311">Юджин Л. Флеминг</a>
<p>Следователь (человек)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=157#p5096">Френк Ши</a>
<p>Городской сумасшедший (человек)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=163#p5158">Яньлинь Хуай</a>
<p>Студентка патанатомии (некромант)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=162">Дилан Хевон</a>
<p>Студент медицинского колледжа (некромант)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=166#p5230">Ли Ен</a>
<p>Частный детектив (часовщик)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=197#p7213">Инна Ли</a>
<p>Владелица гостевого дома «Storm's End» (шелки)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=202#p7592">Мэтью Бэр</a>
<p>Уборщик (оборотень-медведь)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=204#p7600">Бэй Вэньянь</a>
<p>Фотограф (человек)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=209#p7999">Вэнь Чен Ли</a>
<p>Хост, официант, стриптизер (человек, маг воды)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=228#p9596">Талулла Уолш</a>
<p>Продавец в книжном магазине «Фолиант» (человек, маг земли)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=253">Артмаэль Лоркан Маккарти</a>
<p>Сорняк королевского двора (фейри)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=277#p13791">Киан Уайт</a>
<p>Юрист/владелец антикварной лавки (змей)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=278#p14149">Мойра О’Райан</a>
<p>Куратор исторического музея (человек, ведьма)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=365#p25442">Цирцея Син</a>
<p>Эксперт по драгоценным камням (змея)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=373#p25980">Янко Моравац</a>
<p>Посредник (медуза)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=376#p26329">Эштон Мулдани</a>
<p>Священник (человек, телепат)</p>
<a href="https://killarney.rolka.me/viewtopic.php?id=378#p26342">Нейтан Бирн</a>
<p>Музыкант (феникс)</p>
</div>
</div>
<!----- END -----></div>[/html]
За шаблоны спасибо Шиповник
