[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://forumupload.ru/uploads/001c/1a/3b/8/365041.gif)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001c/1a/3b/8/417503.png)"></div>
<div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001c/1a/3b/8/224815.gif)"></div>
</div>
<em> Игра на выбывание </em>
<div class="btext"><p>
Скатах — Гильгамеш — Тайгун Ван
</p>
<div class="btext"><p>
Дата: 20.09., ночь; Место: безлюдный городской парк;
</p>
Зашли как-то в бар кельт, шумер и китаец. Кельт начал жаловаться на бессмертие, сетуя, насколько тяжело ему живётся. Шумер, глядя на него, начал сетовать на то, что его бессмертие украла змея, лишив его подобного опыта. Видят оба, что китаец задумался что-то, молчит в кружку. Спрашивают, в чём проблема, а он, улыбнувшись, отвечает: - Была у моей жены такая же дилемма. Пришлось убивать самому.
</div></div>
[/html]
Отредактировано Scathach (2024-07-09 02:34:08)