[html]<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900|Lato:100|Cousine" rel="stylesheet"><style>#sound {width: 700px; background-color: #222; position: relative;}
#sound a {color: rgba(30, 72, 85, 1); font-weight: bold;
}
.silence {width: 700px; background-color: #222; position: relative; height: 400px; overflow: hidden;}
@-moz-keyframes ontheblinkk {18%, 29%, 35%, 37%, 43% {color: transparent; text-shadow: none;} 16%, 28%, 30%, 34%, 36%, 38% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #027991, 0 0 15px #027991;}}
@-webkit-keyframes ontheblinkk {18%, 29%, 35%, 37%, 43% {color: transparent; text-shadow: none;} 16%, 28%, 30%, 34%, 36%, 38% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #027991, 0 0 15px #027991;}}
@-moz-keyframes ontheblink {21%, 39%, 45%, 47%, 53% {color: transparent; text-shadow: none;} 26%, 38%, 40%, 44%, 46%, 48% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #027991, 0 0 15px #027991;}}
@-webkit-keyframes ontheblink {21%, 39%, 45%, 47%, 53% {color: transparent; text-shadow: none;} 26%, 38%, 40%, 44%, 46%, 48% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #027991, 0 0 15px #027991;}}
.soslyr {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #027991, 0 0 15px #027991; font: 100px Playfair Display; letter-spacing: -5px; text-align: center;}
.out {-moz-animation: ontheblink 10s infinite; -ms-animation: ontheblink 10s infinite; -webkit-animation: ontheblink 10s infinite;}
.out2 {-moz-animation: ontheblinkk 10s infinite; -ms-animation: ontheblinkk 10s infinite; -webkit-animation: ontheblinkk 10s infinite;}
.soslyr2 {padding: 10px; text-align: right; font: 8px cousine; color: #fff; text-transform: uppercase;}
.soslyr3 {color: #fff; font: 8px cousine; text-transform: uppercase; text-align: left; padding: 30px 0px 0px 40px; margin-bottom: -25px;}
.soslyr3:after {content: ""; display: inline-block; vertical-align: middle; margin-left: 20px; height: 1px; background-color: #fff; width: 350px;}
.soslyr4 {color: #616161; font: 20px lato; font-weight: 100; text-transform: uppercase; text-align: center; margin-top: -15px; padding: 0px 0px 30px 0px; letter-spacing: 40px; margin-left: 35px;}
#sound .sosimg {width: 700px; height: 400px; background-position: 0px 0px; background-image: url(http://placehold.it/700x400); background-size: cover; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;}
#sound:hover .sosimg {background-position: -150px 0px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s;}
#sound .sosbg {transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; width: 700px; height: 380px; background-color: rgba(34,34,34,0.9); bottom: -400px; position: absolute; left: 0px;}
#sound:hover .sosbg {bottom: 0px; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.sosbg2 {margin: 10px; border: 1px solid #2f2f2f; padding: 20px; height: 380px; position: relative;}
.soswrite {background-color: rgba(34,34,34,0.6); padding: 10px; position: absolute; top: 20px; left: 10px; border: 1px solid #2f2f2f; width: 200px; height: 320px;}
.soswrite2 {color: #616161; font: 11px tahoma; text-align: justify; line-height: 105%; height: 300px; overflow: auto; margin: 10px;}
.soswrite2 b {font: 10px playfair display; font-weight: 900; color: #9f4141;} .soswrite2 i {color: #9f4141;}
.soswrited {background-color: rgba(34,34,34,0.6); padding: 10px; position: absolute; top: 20px; right: 10px; border: 1px solid #2f2f2f; width: 200px; height: 320px;}
.soswrited2 {color: #616161; font: 11px tahoma; text-align: justify; line-height: 105%; height: 300px; overflow: auto; margin: 10px;}
.soswrited2 b {font: 10px playfair display; font-weight: 900; color: #9f4141;} .soswrite2 i {color: #9f4141;}
.sosspec {background-color: rgba(34,34,34,0.9); padding: 5px 0px; position: absolute; top: 145px; left: 243px; border: 1px solid #2f2f2f; width: 190px; height: 70px;}
.sosspec2 {color: #ffffff; font: 15px tahoma; text-align: center;}
.sosspec3 {color: #616161; font: 9px tahoma; text-align: center;}
.sosimg2 img {position: absolute; top: 20px; right: 238px; padding: 10px; background-color: rgba(34,34,34,0.6); border: 1px solid #2f2f2f; height: 300px; width: 180px; filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%);}
</style><center><div id="sound"><div class="soslyr3">Monsters are real, and ghosts are real too. They </div>
<div class="soslyr">LI<span class="out">V</span>E INSIDE U<span class="out2">S</span></div><div class="soslyr4">AND they win SOMETIMES </div><div class="silence">

<div class="sosimg" style="background-image: url(https://forumstatic.ru/files/001a/62/8f/35007.gif);">

<div class="sosbg"><div class="sosbg2"><div class="soswrite"><div class="soswrite2">

<center><b>Добро пожаловать в Эшбёрн!</b></center><br>
В гостевой нашего форума вы можете задать любые интересующие вас вопросы, на которые вам ответят развернуто и с удовольствием. Здесь рады гостям и интересным идеям!
<br><br>
На предварительные сборы у вас есть 4 дня — время, на которое мы держим за вами внешность. Если подготовка потребует больших усилий, и документы для въезда в город будут не готовы — отпишитесь в этой теме, и мы продлим бронь.
<br><br>
По вопросам городской истории и страшных баек обращайтесь к <a href="http://troubledtown.rusff.me/profile.php?id=5">Джейсону</a>. Если вас больше мучают организационные дела, то с этим можно написать <a href="http://troubledtown.rusff.me/profile.php?id=4">Элвину</a>.
</div></div><div class="sosimg2">

<img src="https://69.media.tumblr.com/39b0054c07e2e217e1d13aef2e41fd0d/tumblr_ptyxe5jRqD1y7cqb9o1_400.gif" />

</div><div class="sosspec"><div class="sosspec2">

ASHBURN<br>
the troubled town

</div><div class="sosspec3">

<i>We make up horrors to help us
<br>cope with the real ones.</i>

</div></div><div class="soswrited"><div class="soswrited2">

<center><b>Июнь-декабрь 1992 года, 18+</b></center> <br> Эшбёрн, округ Хэнкок, штат Мэн; с трёх сторон окружён лесами, имеет выход к Танк-лейк. <br><br>Сюда ежегодно прибывают сотни туристов, влекомых местными легендами и выразительной природой здешних краёв. <br> <br>В городе рады гостям, но нечто, обитающее в этих лесах, не отпускает эшбёрнцев из плена своих липких объятий. <br><br>Так что даже не помышляй о побеге — <i>все дороги возвращаются в Эшбёрн</i>...<br><br><div style="font-size: 11.5px; line-height: 12px;"><a href="http://troubledtown.rusff.me/viewtopic.php?id=4#p7">Занятые внешности и имена</a><br><a href="http://troubledtown.rusff.me/viewtopic.php?id=17#p27">Правила</a> ● <a href="http://troubledtown.rusff.me/viewtopic.php?id=7#p14">О городе</a> ● <a href="http://troubledtown.rusff.me/viewforum.php?id=2">Акции</a><br><a href="http://troubledtown.rusff.me/viewtopic.php?id=27#p40">Хочу к вам</a> ● <a href="http://troubledtown.rusff.me/viewtopic.php?id=3#p6">Шаблон анкеты</a></div>

</div></div></div></div></div>
<div class="soslyr2">
tagged and notes
</div></div><div style="width: 650px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="https://lolitajcink.tumblr.com/">LOLITA</a></div></center>[/html]