<!--HTML-->
<div style="margin: 0px auto; padding-top: 70px; background-image: url(http://funkyimg.com/i/23nDj.png); no-repeat scroll 0px 0px; width: 500px; min-height: 500px;">
<div style="width: 200px; float: left; margin-left: 19px;">
<div style="text-align: center; height: 61px; text-transform: uppercase; padding: 0px 5px; font: bold 25px/1 Arial; margin-top: 21px; color: #3a2b15;">ФЕЛИКС ТРЕНТОН</div>
<div style="margin-top: 54px; text-align: center;"><img width="180" height="180" src="http://s2.uploads.ru/nXY2T.gif"></div>
<div style="margin-top: 39px; text-align: center; font-size: 20px; color: #ecd8b8;">29 лет</div>
</div>
<div style="width: 270px; margin-left: 11px; float: right">
<div style="margin-top: 80px; padding-top: 55px; margin-left: 15px; height: 74px; color: #3a2b15; font-size: 15px;">- Я стёр руки об одиночество.
- Какая глубокомысленная пошлость.
</div>
<div style="text-align: center; margin-top: 109px;  margin-left: -9px; color: #ecd8b8; font-size: 18px;">всё сложно</div>
</div>
</div>

<!--HTML-->
<center><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><style type="text/css">
.iwilive {width: 500px; border-top: 30px solid #2C3941; background-color: #fff; padding: 20px;  }
.rthtabnly {width: 500px; height:281px; background-image: url(IMGURLONEHERE); overflow: hidden;z-index: .1;  }
.idinreal {width: 500px; height: 281px; background-image: url(https://45.media.tumblr.com/3810ba6f17c29ae408a0985ca5e3b9cb/tumblr_o18gu3cTzV1v47dgko3_500.gif); z-index: 1; margin-top: 20px; margin-left: 1px; overflow: hidden; border: 0px dotted #fff; }
.yweldolo {padding: 20px; width: 300px; background-color: #f4f4f4; }
.okayouha {width: 300px; font-family: playball; font-size: 55px; text-shadow: 1px 1px 1px #eaeaea, 2px 2px 2px #f4f4f4, 2px 2px 2px #000; color: #7AA410; text-align: center; text-transform: lowercase; margin-top: 10px;}
.wosliyothr { font-family: arial narrow; font-size: 9px; letter-spacing: 3px; font-style: italic; text-align: center; text-transform: uppercase; width: 300px; color: #000; margin-top: 15px; font-weight: light; }
.ditvirtou { padding: 15px; width: 270px; background-color: #fff; border-bottom: 10px solid #7AA410;  }
.anabrigt {font-family: arial; font-size: 10px; text-align: justify; line-height: 95%; text-transform: lowercase; color: #000; width: 270px; }
</style><div class="iwilive"><div class="rthtabnly"><div class="idinreal"></div></div><div class="yweldolo"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=7185"><div class="okayouha">

username here

</div></a><div class="wosliyothr">

<b>EMMA STONE</b> 

</div><div class="ditvirtou"><div class="anabrigt">

Стерва. Она всегда сможет добиться, чтобы окружающие шли у нее на поводу. А они и сами не заметят, как начнут выполнять ее желания. Конечно, они будут предпринимать попытки сопротивления, но вырваться из цепких коготков им не удастся. Она всегда себе на уме и никогда ничего не делает просто так. В любом обществе, где она появляется, рано или поздно все начинают делать все так, как хочется именно ей. Аппетиты у девушки знатные и растут не по дням, а по часам. Она теряет покой и сон, если у кого-то из знакомых появляется вещь, которой у стервы еще нет. Казалось бы, чего проще, достаточно приобрести вожделенный предмет, как в душе девушки наступит мир и благополучие. Но не тут-то было. Она сразу же обращает внимание на что-нибудь другое, поэтому ее жизнь  — это бесконечная погоня за собственными удовольствиями. Но вместе с тем она бывает очень обаятельной и милой, особенно когда ей нужно произвести на кого-то выгодное впечатление. Она прекрасно понимает, что прежде чем поймать кого-нибудь в свои сети, нужно усыпить бдительность своей потенциальной жертвы. И тогда человек добровольно подпишет себе приговор и окажется под ее каблучком. У нее хищный взгляд, дорогой наряд и уверенная походка хозяйки жизни. Чувствует себя, как рыба в воде в таких ситуациях, где она может проявить свое остроумие, деловые качества, интеллект, эрудицию. Она не любит кому-то подчиняться, но с удовольствием раздает приказы сама. Ее активности можно только позавидовать. Общение с леди-фурор становится праздником, если при этом нет необходимости общаться с ней ежедневно.  Все эти качества, да еще в таких количествах, многих людей доводят до нервного срыва, но это, разумеется, лишь в тех случаях, когда общаться с этой женщиной приходится постоянно. Это становится причиной того, что леди-фурор часто находится в гордом одиночестве. Но она от этого совсем не страдает. Предпочитает всегда и везде находиться в центре внимания и шокировать публику. Это для нее огромное счастье, и вместе с тем это ее крест, который она добровольно несет на своих хрупких плечах.  

</div></div></div></div></center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'><center><div style="width: 500px; font-family: georgia; font-size: 9px; line-height: 100%; text-align: justify; padding: 30px; background-color: #faf5e3; color: #654423; border: 20px ridge #344901">

<div><img src="http://49.media.tumblr.com/615f75268a18d167084c0718f947d671/tumblr_nj5qd2HKnj1s8ccbto1_250.gif"><img src="http://49.media.tumblr.com/76330aff88a190296b7c19df901a4431/tumblr_nj5qd2HKnj1s8ccbto3_250.gif"></div>

<div style="width: 450px; font-family: 'Sacramento', cursive; font-size: 40px; text-align: center; text-transform: lowercase; line-height: 70%; color: #344901; text-shadow: 1px 1px 0px #82b601">Felicity Donovan</div>

<div style="width: 450px; font-family: calibri, sans-serif; font-size: 9px; margin-left: 33px; text-transform: uppercase; line-height: 70%; text-align: center; color: #222; letter-spacing: 5px">emma stone</div><div style="height: 10px"></div>

<div style="font-size: 11px">стерва. она всегда сможет добиться, чтобы окружающие шли у нее на поводу. а они и сами не заметят, как начнут выполнять ее желания. конечно, они будут предпринимать попытки сопротивления, но вырваться из цепких коготков им не удастся. она всегда себе на уме и никогда ничего не делает просто так. в любом обществе, где она появляется, рано или поздно все начинают делать все так, как хочется именно ей. аппетиты у девушки знатные и растут не по дням, а по часам. она теряет покой и сон, если у кого-то из знакомых появляется вещь, которой у стервы еще нет. казалось бы, чего проще, достаточно приобрести вожделенный предмет, как в душе девушки наступит мир и благополучие. но не тут-то было. она сразу же обращает внимание на что-нибудь другое, поэтому ее жизнь — это бесконечная погоня за собственными удовольствиями. но вместе с тем она бывает очень обаятельной и милой, особенно когда ей нужно произвести на кого-то выгодное впечатление. она прекрасно понимает, что прежде чем поймать кого-нибудь в свои сети, нужно усыпить бдительность своей потенциальной жертвы. и тогда человек добровольно подпишет себе приговор и окажется под ее каблучком. у нее хищный взгляд, дорогой наряд и уверенная походка хозяйки жизни. чувствует себя, как рыба в воде в таких ситуациях, где она может проявить свое остроумие, деловые качества, интеллект, эрудицию. она не любит кому-то подчиняться, но с удовольствием раздает приказы сама. ее активности можно только позавидовать. общение с леди-фурор становится праздником, если при этом нет необходимости общаться с ней ежедневно. все эти качества, да еще в таких количествах, многих людей доводят до нервного срыва, но это, разумеется, лишь в тех случаях, когда общаться с этой женщиной приходится постоянно. это становится причиной того, что леди-фурор часто находится в гордом одиночестве. но она от этого совсем не страдает. предпочитает всегда и везде находиться в центре внимания и шокировать публику. это для нее огромное счастье, и вместе с тем это ее крест, который она добровольно несет на своих хрупких плечах.</div>

</center>

<!--HTML-->
<center><div style="width: 418px; padding: 4px;  background-color: #292730; border: 3px solid #110E14;"><div style="width: 404px; padding: 6px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3118/3118742.png);">
<div style="width:404px;"><img src="http://placehold.it/400x200"></div>
<div style="width: 404px; font-family: lobster; font-size: 25px; text-transform: lowercase; color: #bababa; line-height: 90%; letter-spacing: 3px;">line of lyrics here</div>
<div style="width: 390px; height: 250px; padding: 4px; background-color: #292730; font-family: arial; color: #bababa; font-size: 10px; line-height: 90%; text-align: justify; overflow: auto;">

post here.

</div><br>
<div style="width: 396px; font-family: georgia; background-color: #292730; color: #bababa; font-size: 8px; padding: 1px; letter-spacing: 2px;"> TAGGED , ### , OUTFIT , NOTES</div>
</div></div>
<div style="font-family: calibri; font-size: 8px; text-transform: uppercase; color: #121212; line-height: 150%;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=14">thanks &hearts;</a></div></center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>

<center>
<style> 

.yoyohac {height: 290px; width: 500px; background-color: #434343; border-color: #FFCC00; border-style: solid; border-width: 3px; outline-width: 30px; outline-style: solid; outline-color: #77778C; }

.bossing {line-height: 15px; z-index: 11;  font-family: 'Allura', cursive; font-size: 66px; color: #FFCC00; position: relative; bottom: -70px; }

.scrollbara::-webkit-scrollbar {width: 1px; background: #434343; } 
.scrollbara::-webkit-scrollbar-thumb { background: #434343; } 
.scrollbara::-webkit-scrollbar-corner {background: #434343; } 


.aepbtext {z-index: 10; height: 135px; width: 280px; overflow: auto; text-align: justify; text-justify: inter-word; font-size: 8px; font-family: arial, san-serif; text-transform: uppercase; letter-spacing: 1px; color: #9A916B; position: relative; bottom: -81px; }

</style> 
<div class="yoyohabg">
<div class="yoyohac">  <div class="bossing"> Name Name</div>

<hr style="width: 280px; position: relative; bottom: -77px; border: 3px dashed #9A916B; border-style: none none dashed; color: #434343; background-color: #434343;">

<div class="aepbtext scrollbara">
Estelle was very moody today. It was not the best day in the world. She new that she was a princess, but she sure did not feel like one today. Today she would find out the results of her final exam. She was not excited. She had hoped she at least passed. It was one of those exams that she could not tell if she had passed or failed and it was close. She waited nervously awaiting her results. Hoping that she passed as she needed this class for graduation. Having to retake this class would mean an additional year of school. She waited for the clock to strike noon so she could hear her results. </div>

<hr style="width: 280px; position: relative; bottom: -82px; border: 3px dashed #9A916B; border-style: none none dashed; color: #434343; background-color: #434343;">

</div> 

</center><br><br><br><br><br>

<!--HTML-->
<link rel="stylesheet" type="text/css" href="http://accicodes.b1.jcink.com/uploads/accicodes/poppy.css">
<center>
 <div id="poppy">
   <div id="poppy2">
    <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908"><div class="poppyi" style="background-image:url(http://funkyimg.com/i/288fL.gif)">
      </div></a>
     <div class="poppyo">JOHN THORNTON <font style="color: #e3b51e">; спасибо, что живой</font></div>
     <div class="poppym"> В СКАЗКАХ ПРЕКРАСНЫЕ ПРИНЦЫ СПАСАЮТ МИЛЫХ ДАМ ОТ БЕДЫ. В МОЕЙ СИТУАЦИИ ВСЁ ВЫШЛО СЛЕГКА НАОБОРОТ. ПРИШЛОСЬ ЗАТЯНУТЬ ПОТУЖЕ КОРСЕТ И ЗАКРЫВАТЬ СОБОЙ ЭТОГО КРАСАВЧИКА-ДОКТОРА ОТ ПУЛЬ. </div>
   </div>
   </div>
</center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'><center><div style="width: 280px; height: 10px; background: #ABDEE3; font-family: sacramento; font-size: 45px; color: #EDD2E1; padding: 10px; text-transform: lowercase; text-shadow: 0px 1px 0px #121212;">username here</div>
<div style="width: 300px; height: 125px; background: #ffffff;">
<div style="padding: 5px;">
<table>
<tr>
<td><div style="width: 166px; height: 100px; background: #FBE0C4; border: #E3E00C dotted 1px; overflow: auto; text-align: justify; color: #212222; font-family: arial; font-size: 10px; letter-spacing: -1px; line-height: 10px; padding: 3px;">post here.
</div></td>
<td></td>
<td><div style="width: 100px; height: 100px; background: url('http://placehold.it/100x100'); border-radius: 100px  100px 100px 100px; -moz-border-radius: 100px  100px 100px 100px; -webkit-border-radius: 100px  100px 100px 100px; border: #E3E00C solid 1px;"></div></td>
</tr>
</table></div></div>
<div style="width: 300px; height: 4px; background: #ABDEE3;"></div>
<div style="font-family: calibri; font-size: 8px; text-transform: uppercase; color: #121212; line-height: 150%;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=14">thanks &hearts;</a></div></center>

<!--HTML-->
<style type="text/css">
.req { width:500px; line-height:110%; }
.reqbg { width:460px; padding:20px; background:#af394d; }
.reqbor { background:#c3d77e; width:480px; padding: 10px; }
.reqtop { width:500px; }
.reqtext { background:#e3d2c2; border:5px double #faf9f2; padding:10px; color:#847a6e; font-size:10px; font-family:Tahoma; line-height:110%; }
.reqtext p { text-align:justify; }
.reqtext p::first-letter { font-size:26px; color:#af394d; padding:2px; font-family:Georgia; text-transform:lowercase; font-style:oblique; }
.reqbot { background:#c3d77e; width:460px; padding: 10px 20px; color:#4F364A; font-size:11px; font-family:Georgia; font-style:oblique; text-transform:lowercase; line-height:110%; text-align:center; }
.reqcred { text-align:right; font-size:9px; font-family:Georgia; font-style:oblique; color:#879676; }
.reqcred a { color:#879676; text-decoration:none; }
</style>

<div align="center"><div class="req"><div class="reqbor"><b>ДАВАЙТЕ ЗНАКОМИТЬСЯ. Я - СПЛЕТНИЦА</b> ♥</div>
<div class="reqtop"><img src="http://funkyimg.com/i/2aRym.gif"></div>
<div class="reqbg"><div class="reqtext">
<p>Тек ст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.</p>
</div></div>
<div class="reqbot">dainty donuts, stay sweet ♥</div>
</div>

<!--HTML-->

<link href='https://fonts.googleapis.com/css?family=Bilbo' rel='stylesheet' type='text/css'>

<style>
 .omn {
   background: teal;
   width: 250px;
   height: 350px;
   margin-top: -65px;
   z-index: 0;
 }
 
 .omn h1 {
  font-size: 40px;
  font-weight: 700;
  font-family: bilbo;
  color: #fff;
  letter-spacing: -1px;
  word-spacing: -2px;
  text-shadow: #000 0px 2px 2px;
 }
 
 .imgbehind {
   background: #eee;
   width: 220px;
   padding: 15px;
 }
 
 .imgthread {
  background: url(http://placehold.it/100);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  z-index: 1;
  position: relative;
  border: double 3px teal;
 }
 
 .milliontimes {
  background: #ddd;
  width: 80%;
  height: 250px;
  border: solid #eee 1px;
  padding: 5px;
  margin-top: -20px;
 }
 
 .mtdesc {
  overflow-y: scroll;
  height: 90%;
  width: 90%;
  text-align: justify;
  padding: 10px;
  color: teal;
  font-size: 10px;
  font-family: calibri;
 }
 
 .mtdesc::-webkit-scrollbar {
   width: 5px;
   background: #eee;
}
 
.mtdesc::-webkit-scrollbar-thumb {
 background-color: teal;
 outline: 1px solid #fff;
}
</style>

<center>
 <div class="imgbehind">
 <div class="imgthread"></div></div>
 <div class="omn">
  <br><br><h1>one more night</h1>
   <div class="milliontimes">
   <div class="mtdesc">Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.<br><br> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
<br><br>
1914 translation by H. Rackham
<br><br>
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.<br><br> Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"
<br><br>
Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
<br><br>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.<br><br> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</div></div>
 </div>
 <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=20613" style="text-decoration: none;font-size: 20px;">◆</a></center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'>
<style type="text/css" >..backB { background-color: #af394d; width: 450px; padding-top: 5px; margin-top: 10px; }
.iconIB {background-image: url(http://placehold.it/150x150); width: 150px; height: 150px; border: 2px dashed #af394d; float: right; margin: 10px; }
.textB {background-color: #e3d4c3; width: 430px; padding: 10px 10px 15px 10px; text-align: justify; color:#998b7c; font-size:13px;  font-family: 'Gafata'; line-height: 12px; }
.credB {  width: 450px; height: 15px; margin-top: 0px; color: #E7FEFF; font-family: 'Gafata', sans-serif; text-transform: uppercase; font-size: 13px; padding-top: 2px; font-size: 10px; background-color: #af394d; }
.credB1 {  width: 450px; height: 45px; margin-top: 0px; color: #E7FEFF; font-family: 'Gafata', sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; padding-top: 2px; font-size: 10px; background-color: #3ca698; }</style>


<center>
<div class="credB1">в эфире снова ваша Сплетница; на этот раз мы пересчитаем все косточки у нашего обожаемого Имя. кто знает, сколько скелетов прячется у него в шкафу? ♥</div>
 <div class="textB">
<p><div class="iconIB"></div> Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни  Текст сплетни.</div>
<div class="credB">dainty donuts, stay sweet ♥</div>
</center>

<!--HTML-->
<div class="stellaa"><div class="stellaa3"><div class="stellaa4">
<div class="stellaa7">
tags / words /notes
</div></div>
<div class="stellaa5">
Post here.
</div></div><div class="stellaa2"></div><div class="stellaa6"></div></div>

<span class="libcred"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">thanks!</a></span>
</center>
<style type="text/css">
.stellaa {
   width: 354px;
   min-height: 200px;
   padding: 20px;
   border: 3px double #eee;
   background-color: #f6f6f6;
   position: relative
   }

.stellaa2 {
   width: 394px;
   height: 100px;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #D9ABFF;
   z-index: 1
   }

.stellaa3 {
   width: 312px;
   background-color: #fcfcfc;
   border: 1px solid #eee;
   padding: 20px;
   position: relative;
   z-index: 4
   }

.stellaa4 {
   width: 310px;
   height: 150px;
/*IMAGE*/
   background-image: url(http://placehold.it/310x150);
   background-position: center center;
   border: 1px solid #eee;
   position: relative;
   overflow: hidden;
/*TAKE THESE OUT IF YOU DON'T WANT YOUR IMG TO RESIZE*/
   -webkit-background-size: auto 200px;
   background-size: auto 200px;
   }

.stellaa7 {
   width: 300px;
   padding: 5px;
   background-color: #D9ABFF;
   text-align: center;
   font-family: verdana;
   color: #f6f6f6;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 10px;
   line-height: 100%;
   position: absolute;
   bottom: -50px;
   left: 0;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   transition: all 0.4s linear
   }

.stellaa4:hover .stellaa7 {
   bottom: 0;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   transition: all 0.4s linear
   }

.stellaa5 {
   width: 270px;
   line-height: 100%;
   padding: 20px;
   padding-bottom: 0;
   font-family: verdana;
   font-size: 10px;
   color: #444;
   text-align: justify
   }

.stellaa5 b {
   color: #D9ABFF;
   font-size: 12px
   }

.stellaa5 i {
   color: #E59CBD;
   font-weight: 600
   }

.stellaa6 {
   width: 394px;
   height: 100px;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: #D9ABFF;
   z-index: 1
   }

.libcred a {
  font-family: arial;
  font-size: 7px;
  color: #666;
  line-height: 8px;
  letter-spacing: 1px;
  width:319px;
  padding-right:5px;
  padding-top:2px;
  display:block;
  text-align:right;
  text-transform:uppercase;
  text-decoration:none;
  }
</style>

<!--HTML-->
<style>
#kray {height: 300px; width: 500px; border: 10px solid #fcfcfc; position: relative; margin: auto; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.reggie {height: 300px; width: 200px; position: absolute; left: 0; top: 0; background: #4e1c0c; overflow: hidden}
.reggie1 {height: 210px; width: 188px; position: absolute; left: -1px; top: 0; border: 3px; border-color: #d39347; border-style: solid; background-color: #d39347; background-repeat: no-repeat}
.reggie2 {height: 86px; width: 196px; position: absolute; bottom: 0; border: 2px solid transparent; text-align: center}
.reggie2 b {font-family: roboto condensed; text-align: center; font-size: 30px; text-transform: uppercase; color: #ffffff; letter-spacing: 0px; line-height: 52px}
.reggie2 p {font-family: calibri; text-transform: uppercase; line-height: 10px; color: #ffffff; margin-top: -8px; font-size: 20px; line-height: 8px; text-align: center; padding: 5px; letter-spacing: 1px; }
.ronnie {height: 300px; width: 300px; position: absolute; right: 0; }
.ronnie1 {height: 30px; width: 300px; line-height: 30px; font-family: roboto condensed; text-transform: uppercase; font-weight: 700; background: #4e1c0c; color: #ffffff; text-align: center; font-size: 12px; position: absolute; top: 0}
.ronnie2 {height: 250px; width: 280px; border-color: white; border-style: solid; border-width: 10px 5px 10px 10px; padding-right: 5px; position: absolute; bottom: 0; font-family: calibri; font-size: 11px; line-height: 11px; text-align: justify; overflow: auto; color: 1d1d1d}
.ronnie2::-webkit-scrollbar {width: 2px}
.ronnie2::-webkit-scrollbar-track {background: white}
.ronnie2::-webkit-scrollbar-thumb {background: #cbcfc8}
.ronnie2 b {font-family: roboto condensed; color: #d39347; text-transform: uppercase; font-size: 12px; letter-spacing: -0.2px}
</style>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700',300,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<div id="kray">
 <div class="reggie">
<div class="reggie1" style="background-image: url(http://funkyimg.com/i/2bfQv.png)"></div>
   <div class="reggie2"><b><font style="color: #057f06">П</font>одслушано</b>
     <p>В <font style="color: #057f06">ДАЛЛАСЕ

   </div>
 </div>
 <div class="ronnie">
 <div class="ronnie2">ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ 


</div>
   <div class="ronnie1">ОТКРОЙ СВОИ СЕКРЕТЫ</div>
 </div>
</div>

<!--HTML-->

<style>
@import url(http://weloveiconfonts.com/api/?family=fontelico);
[class*="fontelico-"]:before {font-family: 'fontelico', sans-serif;}
span.fontelico-spin4 {  -webkit-animation:spnn 3s linear infinite;  -moz-animation:spnn 3s linear infinite;  -ms-animation:spnn 3s linear infinite;  -o-animation:spnn 3s linear infinite;  animation:spnn 3s linear infinite;  display:inline-block;  font-size:15px;  left:40px;  top:5px;  position:absolute;  text-shadow:0px 0px 0px transparent;  }
@keyframes spnn {  0% {  transform:rotate(0deg);  }  100% {  transform:rotate(360deg);  } }
@-webkit-keyframes spnn {  0% {  -webkit-transform:rotate(0deg); transform:rotate(0deg);  }  100% {  -webkit-transform:rotate(360deg); transform:rotate(360deg)  } }
@-moz-keyframes spnn {  0% {  -moz-transform:rotate(0deg); transform:rotate(0deg); }  100% {  -moz-transform:rotate(360deg); transform:rotate(360deg)  } }
@-o-keyframes spnn {  0% {  -o-transform:rotate(0deg); transform:rotate(0deg)  }  100% {  -o-transform:rotate(360deg); transform:rotate(360deg) } }
.lrbb {  position:relative;  width:300px;  height:300px;  background-color:#fefefe;  background-color:transparent;  -webkit-transform:translate3d(0, 0, 0);  -moz-transform:translate3d(0, 0, 0);  -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  overflow:hidden; }
.tpxs {  width:300px;  height:100px;  background-color:#f7a0ab;  font-family:'Dosis', sans-serif;  color:white;  font-size:40px;  text-transform:uppercase;  line-height:100px;  position:relative;  text-shadow:-2px 0px 0px #a7c93e, 3px 0px 0px rgba(255, 255, 255, 0.4);  z-index:7;  }
.liltx {  font-size:10px;  font-family:arial;  text-shadow:0px 0px 0px transparent;  line-height:10px;  color:white;  margin-top:-30px;  font-style:italic;  letter-spacing:1px;  text-transform:lowercase;  font-weight:400;  opacity:0.8;  }
.twncs {  width:300px;  height:100px;  background-color:#a7c93e;  display:inline-block;  text-align:left;  -webkit-transform-origin:50% 0%;  -moz-transform-origin:50% 0%;  -ms-transform-origin:50% 0%;  -o-transform-origin:50% 0%;  transform-origin:50% 0%;  -webkit-transform-style:preserve-3d;  -moz-transform-style:preserve-3d;  -ms-transform-style:preserve-3d;  -o-transform-style:preserve-3d;  transform-style:preserve-3d;  -webkit-transition:1s ease-in-out;  -moz-transition:1s ease-in-out;  -o-transition:1s ease-in-out;  transition:1s ease-in-out;  -webkit-transform:perspective(1600px);  -moz-transform:perspective(1600px);  -ms-transform:perspective(1600px);  -o-transform:perspective(1600px);  transform:perspective(1600px);  position:relative;  z-index:5;  }
.twncs div {  margin:5px;  width:90px;  height:90px;  display:inline-block;  }
.lrbb:hover .twncs {  -webkit-transform:rotateX(-90deg);  -moz-transform:rotateX(-90deg);  -ms-transform:rotateX(-90deg);  -o-transform:rotateX(-90deg);  transform:rotateX(-90deg);  -webkit-transition:1s ease-in-out;  -moz-transition:1s ease-in-out;  -o-transition:1s ease-in-out;  transition:1s ease-in-out;  }
.thctt {  width:300px;  height:200px;  position:absolute;  bottom:0;  left:0;  z-index:3;  -webkit-transform:translateY(-200px);  -moz-transform:translateY(-200px);  -ms-transform:translateY(-200px);  -o-transform:translateY(-200px);  transform:translateY(-200px);  -webkit-transition:0.6s ease-in-out 0s;  -moz-transition:0.6s ease-in-out 0s;  -o-transition:0.6s ease-in-out 0s;  transition:0.6s ease-in-out 0s;  background-color:#fefefe;  background-image:linear-gradient(#eeeeee 2px, transparent 2px), linear-gradient(90deg, #eeeeee 2px, transparent 2px), linear-gradient(rgba(205, 205, 205, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(205, 205, 205, 0.3) 1px, transparent 1px);  -webkit-background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;  -moz-background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;  -o-background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;  background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;  background-position:-1px -1px, -1px -1px, -1px -1px, -1px -1px;  }
.lrbb:hover .thctt {  -webkit-transform:translateY(0px);  -moz-transform:translateY(0px);  -ms-transform:translateY(0px);  -o-transform:translateY(0px);  transform:translateY(0px);  -webkit-transition:0.6s ease-in 0.8s;  -moz-transition:0.6s ease-in 0.8s;  -o-transition:0.6s ease-in 0.8s;  transition:0.6s ease-in 0.8s;  }
.msgt {  width:70%;  height:70%;  margin:10%;  background-color:#fefefe;  border:solid 3px rgba(205, 205, 205, 0.3);  padding:2px;  font-size:10px;  font-family:arial;  line-height:10px;  color:#555;  font-style:italic;  letter-spacing:1px;  text-transform:lowercase;  font-weight:400;  overflow-y:auto;  }
.msgt::-webkit-scrollbar {  width:5px;  background-color:transparent;  }
.msgt::-webkit-scrollbar-thumb {  background-color:#a7c93e;  }
.msgt p {  margin:15px;  text-align:justify;  }
.msgt b {  color:#f7a0ab;  font-weight:bold;  }
.crz, .crz a {margin-top:-22px; line-height:100%; font-family:Verdana, Geneva, sans-serif; font-size:6px; text-transform:uppercase; letter-spacing:2px; color:#000; text-align:center; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.7); font-weight:500; margin-left: auto; margin-right: auto;}
</style><link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><center><div class="lrbb"><div class="tpxs"><span class="fontelico-spin4"></span>

username here

<div class="liltx">is online</div></div><div class="twncs">

<div style="background-image:url('http://placehold.it/100')"></div><div style="background-image:url('http://placehold.it/100')"></div><div style="background-image:url('http://placehold.it/100')"></div>

</div><div class="thctt"><div class="msgt"><p>

Write your IM here

</p></div><div class="crz">by <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=7888">protea</a></div></div></div>
</center>