[html]<link href="https://fonts.googleapis.com/css?family=Istok+Web:400,700|Source+Code+Pro|Libre+Baskerville:400i" rel="stylesheet">
<style>
#masks {
position: relative;
margin: 20px auto 0px;
width: 350px;
background: black;
overflow: hidden;
padding: 50px;
padding-bottom: 250px;
}

#masks img {
position: absolute;
object-fit: cover;
height: 200px;
width: 450px;
bottom: 0px;
overflow: hidden;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
left: 0px;
}

.mimgover {
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(229,229,229,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=0 );
position: absolute;
height: 200px;
width: 450px;
bottom: 0px;
left: 0px;
}

.mline1 {
height:200px;
width: 1px;
background: #cc7227;
position: absolute;
right: 25px;
bottom: 0px;
}

#masks quote {
display: block;
font-family: istok web;
position: absolute;
color: #cc7227;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 5px;
width: 200px;
text-align: right;
bottom: 0px;
right: 35px;
line-height: 140%;
font-weight: 700;
z-index: 1;
height: 200px;

}

.mabox {
width: 450px;
height: 200px;
mix-blend-mode: screen;
position: absolute;
bottom: 0px;
right: 0px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(159,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(159,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(159,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9f0000',GradientType=0 );
}

#masks quote2 {
color: #fff;
font-size: 8px;
font-family: libre baskerville;
text-transform: lowercase;
text-align: right;
line-height: 230%;
letter-spacing: 2px;
opacity: 0.3;
display: block;
font-style: italic;
}

#masks text {
position: relative;
color: #727272;
width: 350px;
height: auto;
font-size: 11px;
font-family: istok web;
line-height: 180%;
text-align: justify;
display: block;

}

#masks b {
color: white;
opacity: 0.6;
}

#masks text::-webkit-scrollbar{width:1px}
#masks text::-webkit-scrollbar-track{background:#000!important;border:none!important}
#masks text::-webkit-scrollbar-thumb{background: rgba(114, 114, 114,0.3)}

</style>
<div id="masks">
<img src="http://forumupload.ru/uploads/001b/86/07/2/441960.gif">
<div class="mimgover"></div>
<div class="mline1"></div><div class="mabox"></div>
<quote>Мы — последний рубеж.
    <quote2>Когда рушится мир, мы его опора.</quote2>
</quote>
<text>

Добро пожаловать в мир Постапокалипсиса. Вы оказались в карантинной зоне города Чикаго. Но не ищите вакцину и не рассчитывайте встретиться с зомби на улицах города. Этого ничего здесь нет. Мы создаем свой авторский мир, вдохновившись фильмами, сериалами и компьютерными играми. Соберем лучшее в  одном месте.<br>Если есть желание присоединиться к команде АМС, милости прошу в ЛС. А пока регистрируйтесь, общайтесь и вдохновляйтесь нашей атмосферой. <br>Внешности за регистрированными придерживаются до открытия, за гостями на сутки<br>
Ищу команду таких же сумасшедших, как и я. Места в этом мире хватит на всех. <br>
</text>
</div>[/html]

 • [b]И[/b]мя знаменитости ENG - [url=ссылка на ваш профиль]Имя персонажа ENG[/url]