[html]<link href="https://fonts.googleapis.com/css2?family=Poiret+One:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
--s5m: auto;
--s5bg: #0C2A1F;
--s5bp: #D1C7B8;
--s5c: #2A141A;
--s5h: #9F8560;
--s5r: #9F8560;
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
background: #171305;
color: #3b3933;
width: 650px;
} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Poiret One', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}</style>
<div id="ship5"><div class="stx3"><p><!-- ТЕКСТ -->
<i>Хастур, Серафим Килрой</i><br><br>
Живи. Умри. И снова.
<br>Конкордия
<br>2318 год эры Врат, месяц Эйрегона и Кафки
<br>Личный
<!-- КОНЕЦ ТЕКСТА -->
</p>
<h5>Петля Времени</h5></div>
<div class="shimg2" style="background-image: url(https://i.postimg.cc/qvQmwjhm/c9331e0.png);"></div></div>
[/html]
Отредактировано Серафим (23-10-2023 21:01:34)
- Подпись автора