<!--HTML--><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><style type="text/css">

.bch1 { width: 110px; height: 200px;  padding: 45px 25px; background-color: #a77f95; margin-left: -11px; }
.bch1a { position: relative; width: 90px; height: 90px; margin: 10px 10px 15px; }
.bch1a img { position: relative; width: 90px; height: 90px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.bch1b { color: #fcfcfc; font-family: Times New Roman; font-size: 15px; font-weight: 200; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; }
.bch1a .online { position: absolute; bottom: 0px; right: 5px; width: 13px; height: 13px; background-color: #78c366; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 2; border: 3px solid #a77f95; }
.bch1c { margin-top: 5px; color: rgba(255,255,255,0.5); font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }

.bch2 { width: 248px; height: 288px; background-color: #fefefe; border: 1px solid #EDEEF3; margin-left: 40px; }

.bch2a { padding: 10px; color: #B2BAC3; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; border-bottom: 1px solid #E7EAF2; }

.bch2a i { float: right; }
.bch2b { height: 190px; padding: 10px; overflow-y: auto; overflow-x: hidden; margin-right: 5px; }

.bch2b::-webkit-scrollbar { width: 3px; }
.bch2b::-webkit-scrollbar-track { background: transparent; }
.bch2b::-webkit-scrollbar-thumb { background-color: #e5e5e5; border-radius: 20px; }
.bch2b::-webkit-scrollbar-button:start:decrement, .bch2b::-webkit-scrollbar-button:end:increment { height: 5px; display: block; background-color: #fcfcfc; border: 0px; }

.bch2c { width: 228px; height: 28px; padding: 10px; background-color: #F8F8F8; color: #B2BAC3; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; border-top: 1px solid #E7EAF2; }
.bch2d { width: 206px; height: 6px; padding: 10px; background-color: #fefefe; color: #B2BAC3; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 6px; border: 1px solid #EDEFF3; }
.bch2d span { float: right; color: #A49FDB; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 6px; }
.bch2d i { float: left; font-size: 12px; line-height: 6px; margin-right: 8px; }

.bchbubble { display: inline-block; clear: both; float: right; position: relative; max-width: 130px; padding: 8px 12px; background-color: #a77f95; color: #fafafa; font-family: Times New Roman; font-size: 12px; font-weight: 400; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; word-wrap: break-word; margin: 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; z-index: 4; }
.bchbubble:after { content: ""; position: absolute; bottom: 0px; right: -26px; width: 15px; height: 30px; clip: rect(15px,20px,45px,0px); border-color: #a77f95; border-width: 0px 12px; border-style: solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 3; }

#NAME .bch1, #NAME .bchbubble { background-color: #HEXCODE }
#NAME .bchbubble:after, #NAME .bch1a .online { border-color: #HEXCODE }
#NAME .bch2d span { color: #HEXCODE }

#soul {
padding: 0px 0px 90px 50px;
}
</style>
<center><div id="soul">
<div id="NAME">
<table cellpadding="0" cellspacing="0"><tr><td><div class="bch2">
<div class="bch2a">To: GOSSIP GRANNY<i class="fa fa-chevron-right"></i></div><div class="bch2b">

<div class="bchbubble">Вы все помните слухи, которые с прошлого месяца витали вокруг этой парочки, но которые были быстро ими опровергнуты, как ложные. Но, как по мне нам, все это время вешали лапшу на уши, господа! Потому что в эту пятницу парочка попугайчиков-неразлучников, или, как они себя называют "лучших друзей" (давайте серьезно, ребятки, вы верите в эту чепуху?!) была замечена в новом кинотеатре в районе намгу. мои прекрасные птички принесли мне на хвостиках весточку, что вели они себя совсем не как друзья (да и покупка билетов на последний ряд не говорит в их пользу, верно?). потом пара "мы не встречаемся бла-бла-бла" отправилась в ресторан, где провела оставшуюся часть вечера. но у меня возникает вопрос - разъехались ли они по домам или же вечер продолжился в обстановке, скрытой от посторонних глаз? и получу ли я свадебное приглашение? что же на некоторые вопросы мы никогда не получим ответа...</div>
<div class="bchbubble"><img src="http://funkyimg.com/i/2qX9W.png" alt="Free Image Hosting at FunkyIMG.com" border="0"></div>

</div><div class="bch2c"><div class="bch2d"><i class="fa fa-camera"></i>Send Message...<span>Send</span></div></div></div></td><td><div class="bch1"><div class="bch1a"><a href="http://shine.jcink.net/index.php?showuser=3019"><img src="http://funkyimg.com/i/2qXjh.png"></a><div class="online"></div></div><div class="bch1b">GOSSIP GRANNY</div><div class="bch1c">и у стен есть уши</div></div></td></tr></table></div></div></center>