<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
<style type="text/css">.dswant { width: 300px; height: 300px; position: relative; overflow: hidden; margin: 10px; }
.dswimg { width: 300px; height: 300px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.dswinfo { position: absolute; top: 132px; width: 135px; }
.dswinfo h1, .dswinfo span { display: block; width: 125px; background: rgba(139,166,172,0.8); text-transform: uppercase; color: white; margin: 0px; }
.dswinfo h1 { padding: 8px 5px; font: 400 12px/12px oranienbaum; margin-bottom: 5px; }
.dswinfo span { padding: 5px; font: 400 10px/10px oranienbaum; margin-bottom: 5px; }
.left .dswinfo { right: 15px; }
.right .dswinfo { left: 15px; }
.dswmain { position: absolute; top: 15px; width: 192px; height: 200px; background: rgba(255,255,255,0.95); overflow: auto; border: 10px solid rgba(0,0,0,0); padding-right: 8px; font: 11px/12px cambria; text-align: justify; color: #3d3d3d; -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; }
.left .dswmain { left: -300px; }
.right .dswmain { right: -300px; }
.dswant.left:hover .dswmain { left: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswant.right:hover .dswmain { right: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswmain::-webkit-scrollbar { width: 2px; }
.dswmain::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
.dswmain::-webkit-scrollbar-thumb { background: #c3c3d2; }
</style><center>

</ START />

<div class="dswant left"><div class="dswimg">

<img src="http://s3.uploads.ru/1Ibh6.jpg" />



</div><div class="dswinfo">


<span>Южная Корея, Неканон</span>
<span>Мистика, 18+</span>

</div><div class="dswmain">

Есть мир живых и мир мертвых. И однажды граница этих миров была стерта.<p>
В один день начинается страшное - появляются те, кто ушел в мир иной. В разное время и при разных обстоятельствах. Эти люди сначала вызывали большое сочувствие жителей - они не помнят своей смерти, дезориентированы в прошедшем времени и пытаются приспособиться к жизни. Каждый по своему. Они вновь пытаются занять свое место, но этого места просто не существует. <p>
Почему они вернулись? И почему вернулись именно они, а не кто-то другой? Ответа на вопрос нет, но это определенно послание всем живущим.<p>
Радоваться или опасаться их возвращения? Недаром говорили, что оттуда не возвращаются...

</div></div>

</ END />

</center>

<center><div class="coolfor"><img src="http://s3.uploads.ru/dogXy.jpg"/><div class="coolfori"></div> <div class="forthe"></div><div class="thesummer"></div> <div class="coolforthe"> NAME SURNAME </div> <div class="forthesummer"> 00 y.o. ▲ ориентация ▲ деятельность ▲ внешность </div> <div class="coolftsummer"><div class="coolftsummers">
Информация о персонаже (биография, характер, все, что мы должны знать о вас)
</div></div> </div><div class="bcreds"></div></center>

<!--HTML-->
<center><style>

.doto { width: 450px; height: 171px; background: url(http://s9.uploads.ru/IYtya.jpg) center; position: relative; }
.loti { width: 100px; height: 100px; border: 5px solid #e2d83f; position: absolute; top: 50px; left: 50px; border-radius: 100%; box-shadow: 1px 1px 2px #000;}
.doj {width: 250px; height: 110px; position: absolute; top: 55px; left: 155px;font-family: open sans; font-weight: 800; text-align: center; text-transform: uppercase; font-size: 30px; letter-spacing: -5px; line-height: 90%; color: #de294b; text-shadow: 1px 1px 2px #000;}
.loj { font-family: montez; text-transform: lowercase; font-size: 20px; position: absolute; top: 135px; left: 200px; color: #9fc9a8; }
.loj1 { font-family: montez; text-transform: lowercase; font-size: 20px; position: absolute; top: 20px; left: 220px; color: #9fc9a8; }
.gen { width: 400px; height: 350px; padding: 0px 5px; border: 20px solid #275b24; border-top: 5px solid #275b24; border-bottom: 25px solid #275b24; background: #f6f8ee; font-family: Poiret One; font-size: 15px; text-align: justify; overflow: auto; line-height: 120%;} .gen::-webkit-scrollbar { width: 5px;} .gen::-webkit-scrollbar-track { background: #f6f8ee; } .gen::-webkit-scrollbar-thumb { background: url(); }
.lsd { width: 450px; padding: 20px 0px 0px 0px; font-size: 14px; text-align: center; font-family: Lobster; text-transform: uppercase; background: #275b24; letter-spacing: 4px; font-weight: 800; } .lsd a {color: #000;} .lsd a:hover { color: #deebe3;}
.log { width: 450px; padding-bottom: 20px; font-size: 15px; text-align: center; font-family: open sans; text-transform: uppercase; background: #ddebe0; letter-spacing: 4px; font-weight: 800;}
</style>
<div class="doto">
<div class="loti" style="background: url(http://sg.uploads.ru/eDVcA.gif) center;"></div>
<div class="doj">♥ </div>
</div>
<div class="lsd"> • Южная Корея • Канон • </div>
<div class="gen">
<b> Сеул - здесь живут самые богатые и влиятельные люди Южной Кореи. Здесь нищета граничит с многомиллионными богатствами. Ежедневно каждый житель борется за место под солнцем, а Фортуна безжалостно играет судьбами людей.<br>
Сегодня ты можешь стать знаменитым за 10 минут, но слава сладка лишь издали, когда о ней только мечтаешь. Положение звезды в индустрии - это как карандаш. Оно становится все меньше и меньше по мере использования. Выжить в шоу-бизнесе становится все труднее, все сложнее привлечь к себе внимание, не попадая в скандалы и не используя черный пиар.<br>
Знаменитости готовы на все, лишь бы о них говорили.<br>
Запомни: ты звезда, ты можешь получить от жизни все, что хочешь, все двери открываются перед тобой, но ты не имеешь права претендовать на обычную дизнь и вести себя, как все. Твоя главная обязанность - сиять на сцене так ярко, чтобы аж солнце зарыдало от ревности.<br>
 </div>
<div style="width: 450px; height: 20px; background: url(http://s9.uploads.ru/NaYOL.jpg);"></center><link href='https://fonts.googleapis.com/css?family=Poiret+One|Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

<!--HTML--><div class="wyatt-rainbow ank"><div class="wyatt-rainbow-two">
Имя Фамилия по-английски
<span>
Небольшая цитата, характеризующая вашего персонажа
</span></div><div class="wyatt-rainbow-spacer"></div><div class="wyatt-rainbow-three"><img src="
ССЫЛКА НА ФОТО (размер не имеет значения, код сам адаптирует изображение под свои нужды)
"><br>
Внешность
</div>