[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
--s5m: auto;
--s5bg: #3b3933;
--s5bp: #dedcd2;
--s5c: #1b1b1b;
--s5h: #d0ab84;
--s5r: #898075;
}
#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: 'Alegreya SC', 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>
Шейна - а как же без нее?<br>
Тэт - потому что нужен<br>
Место действия: Начало - Диверфер. <br>
Весна. 2316 год.<br>
Сюжетный/Квест
<!-- КОНЕЦ ТЕКСТА -->
</p>
<h5>ПУТЕШЕСТВИЕ НАЧИНАЕТСЯ С КАРТЫ</h5></div>
<div class="shimg2" style="background-image: url(http://forumupload.ru/uploads/001b/ed/70/27/638215.jpg
);"></div></div>
[/html]
Отредактировано Элли (14-10-2023 10:00:57)