[html]<style>@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i&display=swap');
#birdbox{display:block; width:500px; height:330px; max-height:330px; overflow:auto; padding:10px 50px;
background: linear-gradient(90deg, rgba(0,0,0,0) 27%, rgba(0,0,0,0.98) 55%),
url(https://i.pinimg.com/736x/fe/31/d5/fe31 … 788698.jpg) 0% 0% no-repeat #000000;
}

.birdtext { background: linear-gradient(to bottom, #e4dfd5 0%, #d6c294 100%);
box-shadow: 0 0 8px #b59150 inset; color:#080808;
width:210px; padding: 15px 20px; margin-left:250px; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg);  transform: skewX(-10deg); }

.birdtext2 {padding:0;max-height:96px; overflow:auto; text-align:center; font-family: Tahoma, serif; font-size:11px; -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg);}

.birdtitle {width: 250px; margin: 12% auto 13% 260px; text-align:center;}

.birdtitle>em {display:block; margin-bottom:10px; color: #e0c790;
font-style: normal !important; font-variant:small-caps; font-family: "DM Serif Display", Georgia, serif !important;
font-size: 32px; line-height:50%; }

.birdtitle>span {color: #a5a5a5; font-family: Georgia, serif !important; font-size: 12px;}
.birdtext2::-webkit-scrollbar {width:4px; border:none; background:#bda073;}
.birdtext2::-webkit-scrollbar-thumb {width:4px; border:none; background:#efe4c4;}
</style>
<div id="birdbox"><div class="birdtitle">
<!--  НАЗВАНИЕ и УЧАСТНИКИ  -->
<em>and the dawns are quiet here</em>
<span>Кейа — Андрей Беловодный</span></div>

<div class="birdtext"><div class="birdtext2">
<!--  ОПИСАНИЕ  -->
... в одном отдаленном поселении стали пропадать люди, они уходят в лес и не возвращаются. Их пытались найти, но безуспешно, к тому же в последнее время увеличилось число нападений на домашний скот. Стоит выяснить связано ли это с нежитью и найти людей.

</div></div></div>[/html]

Отредактировано Канда (2020-11-14 19:08:02)