Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Istok+Web|Rozha+One" rel="stylesheet">
<style>
.yerfall {
position: relative;
margin: 20px auto 0px;
height: 550px;
width: 500px;
overflow: hidden;
background: #eee;
}
.yerfall img {
height: 550px;
position: absolute;
width: 200px;
object-fit: cover;
outline: 1px solid #17353a;
outline-offset: 10px;
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
}
.yfimgover {
height: 550px;
width: 200px;
position: absolute;
background: #17353a;
mix-blend-mode: hard-light;
opacity: 0.7;
}
.ml {
font-family: Rozha One;
position: absolute;
color: #eee;
font-size: 45px;
-webkit-text-stroke: 0.5px #033322;
text-stroke: 0.5px #033322;
bottom: 30px;
left: 50px;
width: 10px;
line-height: 100%;
}
.ib {
position: absolute;
font-family: istok web;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 6px;
color: #fff;
text-align: center;
width: 550px;
bottom: 5px;
transform: rotate(90deg);
left: -255px;
height: 10px;
top: 275px;
}
.yftext {
position: absolute;
font-family: istok web;
color: #555;
width: 195px;
right: 50px;
text-align: justify;
height: 450px;
overflow: auto;
top: 50px;
font-size: 11px;
line-height: 180%;
padding-right: 5px;
}
.yftext::-webkit-scrollbar{width:1px}
.yftext::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.yftext::-webkit-scrollbar-thumb{background: #033322}
.yftext b {
background: #17353a;
color: #eee;
opacity: 0.7;
}
</style>
<div class="yerfall">
<img src="http://forumstatic.ru/files/001a/1b/6e/94408.png">
<div class="yfimgover"></div>
<div class="ml">Buy now. Pay later.</div>
<div class="ib">YOU’VE BEEN HERE BEFORE. Sure you have. Sure.</div>
<div class="yftext">
В гостевой каждый горожанин и интересующийся может задать любой вопрос, попросить придержать роль или внешность, если речь идет о людях, а также оставить свой отзыв. Здесь очень рады гостям, даже если это так не выглядит на первый взгляд. Еще лучше, когда гости становятся местными и примыкают к нашим рядам.
<br>
Бронь на внешности и роли действует трое суток. Не успеваете написать анкету за это время — попросите, и мы продлим бронь. Главное, не пропадайте без вести.
Если вы пришли по заявке или акции — указывайте, пожалуйста, ссылку на неё.
</div>
</div><center><a href="https://shadowplayers.jcink.net/index.php?showuser=2355" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>Придержанные роли | Придержанные внешности |
Код:
Ваш ник - Придерживаемая внешность (и роль, если пришли по заявке или акции)
