[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
--sh1mr: auto; /* отступ слева, auto - для отцетровки */
--sh1w1: 500px; /* ширина карточки */
--sh1bg: #000; /* фон карточки */
--sh1br: #949494; /* цвет текста и рамки */
--sh1cl1: #4d7175; /* цвет заголовка */
}
#ship1 {display:block; padding:40px; margin: 1.2em auto 1.2em var(--sh1mr); background:var(--sh1bg); outline: 1px solid var(--sh1bg); outline-offset:10px; width:var(--sh1w1);} /* shipovnik */
#ship1, #ship1 * { box-sizing:border-box;}
/* АВАТАРКИ КАРТИНКИ */
.shiav {width: 70px; height: 70px; margin: auto 8% auto auto;
display:inline-block; border-radius:50%; background:var(--sh1bg); border: 1px solid var(--sh1br); transform: translate(0%, -50%); transition: all 0.3s ease; background-position:50% 50%; background-size:cover;}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}
/* БЛОК АВАТАРОК */
.shiprs {display:block; border-top: 1px solid var(--sh1br); text-align:center; margin: 35px auto auto;}
/*** ЗАГОЛОВОК ***/
#ship1 > em {display:block; margin: -10px auto 16px auto; text-align:center; font-style: normal !important; letter-spacing:1px; color:var(--sh1cl1); font-family: Oranienbaum, Georgia, sans-serif; font-size: 32px;}
/*** БЛОК ТЕКСТА ***/
#ship1 > .btext {padding: 0 50px; font-size:12px; color: var(--sh1br); font-family: Arial, Tahoma, sans-serif; text-align:justify;}
/*** ПЕРСОНАЖИ ***/
.btext > p {margin:auto !important; padding-bottom:14px !important; text-align:center; font-style:normal; font-size:11px !important; opacity: 0.65;}
</style>
<div id="ship1"><div class="shiprs">
<!-- ЗДЕСЬ АВАТАРЫ -->
<div class="shiav" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 571911.png)"></div>
<div class="shiav" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 638735.jpg)"></div>
</div>
<em> Охота на живца </em>
<div class="btext"><p>
Сu Сhulainn — VI
</p>
<div class="btext"><p>
Дата:16.09 Место: Недостроенная замороженная высотка.
</p>
Вайлет тянула с призывом, как пса за... До последнего. Пока жареный петух... Вернее чужой Слуга в жопу не клюнул. Нарвавшись на нежданное нападение, Вай принимает бой, а после, поняв, что не вывозит, поспешно дает знатного деру до спасительного респаума. Круг призыва был приготовлен для нее заранее, осталось только успеть добраться до него раньше, чем задире подрежут ноги.
Кровь от шальных ран каплет на рисунок призыва. Вайлет успевает бросить едкую фразу, прежде чем выпускает из покебола своего тамагочи на эту войну.
</div></div>
[/html]
