[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {
--sh1mr: auto;
--sh1w1: 620px;
--sh1bg: #3b3933;
--sh1br: #898075;
--sh1cl1: #d6a271;
}
#ship1 {
display: block;
padding: 40px;
margin: 1.2em;
background: #023735;
outline: 1px solid #898075;
outline-offset: 10px;
width: var(--sh1w1);
box-shadow: #0000008f 1px 1px 4px 2px;
} /* 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 10px;
font-size: 12px;
color: #a6a399;
font-family: Arial, Tahoma, sans-serif;
text-align: justify;
}
/*** ПЕРСОНАЖИ ***/
.btext > p { margin: auto !important;
padding-bottom: 14px !important;
text-align: center;
font-style: italic;
font-size: 14px !important;
font-family: 'Oranienbaum';
color: #0ac2bb;
}
</style>
<div id="ship1"><div class="shiprs">
<!-- ЗДЕСЬ АВАТАРЫ -->
<div class="shiav" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 933843.png)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/ed/70/25/218151.jpg)"></div>
</div>
<em> Если начистоту, то мы оба - неместные </em>
<div class="btext"><p>
Мона Уайт — Виктор O`Гадли
</p>
<center>
Пароград - центр мира, здесь пересекаются люди разных рас, разных культур, <br>разных сфер да и разных миров, если уж говорить серьезно.
<br>
Место действия - Пароград <br>
2316 год эры Врат, месяц Эйрегона<br>
Личный
</center>
</div></div>
[/html]
- Подпись автора