<!--HTML--><style>.jfb,.jfbfriend,.jfbscroll{overflow:auto}.jfbnarrow,.jfbtabbar,.jffloattall{box-sizing:border-box}

.jfb{width:570px;height:auto;color:#333;background-color:#e1eff3;outline:#e1eff3 solid 1px;margin:0 auto;position:relative;font:normal normal normal 11px/110% Helvetica,Arial,sans-serif}

.jfb ::-webkit-scrollbar{width:3px}.jfb ::-webkit-scrollbar-track{background-color:#e3ecef}.jfb ::-webkit-scrollbar-thumb{background-color:#6d84b4}.jfbtabbar,.jfbwide{background-color:#fff}

.jfb .jprofile{position:absolute;top:120px;left:18px;border:3px solid #fff;outline:#ddd solid 1px}.jfbtab label,.jfbtabbar{border-right:1px solid #ddd;border-left:1px solid #ddd}.jfbtabbar{width:100%;height:40px;border-bottom:1px solid #ddd;text-align:center;font:normal normal normal 12px/40px Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.jfbtabcontainer{margin:5px;position:relative;height:420px}.jfbtab{float:left}.jfbtab input[type=radio]{display:none}.jfbtab .jfcontent{opacity:0}.jfbtab input[type=radio]:checked~label~.jfcontent{opacity:1;z-index:2}.jfbtab label{display:block;height:40px;padding:0 14px;margin:2px -1px 0 0;position:relative;top:-47px;left:130px;font:normal normal bold 12px/40px Helvetica,Arial,sans-serif;text-transform:none;letter-spacing:normal;color:#6e7dc2}.jfbtab input[type=radio]:checked~label{color:#505a8a}.jfbtab input[type=radio]:checked~label:after{content:"";position:absolute;bottom:0;left:42%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #e9eaed}.jfcontent{position:absolute;top:0;left:0;right:0;bottom:0}.jfbwide{border:1px solid #ddd}.jfbwide h1{background-color:#f6f7f8;padding:20px;margin:0;border-bottom:1px solid #ddd}.jfbscroll{margin:10px;padding-right:5px;height:345px}.jfbphotos img{border:0;padding:0;float:justify;margin:2px;width:170px;height:47px}.jfbfriend{width:49%;display:inline-block;height:80px}.jfbfriend img{float:left;margin-right:15px}.jfbwide h2{margin:0;float:left;font:normal normal bold 16px/80px Helvetica,Arial,sans-serif;color:#3b5998}.jfbwide h3{font:normal normal bold 12px/100% Helvetica,Arial,sans-serif;margin:0 0 20px 10px;padding:3px 5px;color:#888;text-align:left}.jfbwide h3:nth-of-type(1){margin-top:30px;border-left:3px solid #3b5998;color:#000}.jfbwide h4{margin:15px 0 5px;border-bottom:1px solid #ddd;padding-left:20px;text-transform:uppercase;font:normal normal bold 9px/100% Helvetica,Arial,sans-serif;color:#888}.jfbnarrow span,.jffloattall span{color:#6d84b4}.jfbwide h4:nth-of-type(1){margin-top:0}.jfbnarrow p{text-indent:5px}.jffloatleft{height:365px;width:29%;float:left;border-right:1px solid #ddd}.jfbnarrow{padding:20px}.jffloattall{height:405px;padding:10px 10px 0 5px}.jfbpost{height:auto;background-color:#f1f1f1;border:1px solid #ddd;margin-bottom:20px}.jfbpost:last-child{margin-bottom:0}.jfbpostmain{background-color:#fff;padding:15px;text-align:justify}.jpostimage{float:left;margin-right:15px}.jfbpostmain h5{margin:14px 0 18px;font:normal normal bold 14px/100% Helvetica,Arial,sans-serif;color:#3b5998}.jfbpostmain h5 span{display:block;font-weight:400;font-size:10px;color:#666}.jfblike{margin-top:10px;color:#6d84b4}.jfblike2{color:#6d84b4;margin:10px}.jpostimage{max-width:100%;display:block;margin-bottom:5px}</style>

<div class="jfb">

<img src="http://sa.uploads.ru/3czhC.png" class="jcover">
<img src="http://s3.uploads.ru/zDLhq.gif" class="jprofile"></a>

<div class="jfbtabbar"></div><div class="jfbtabcontainer"><div class="jfbtab"><input type="radio" id="jtimeline" name="jfbgroup-1" checked><label for="jtimeline"> стена </label><div class="jfcontent"><div class="jffloatleft jffloattall"><div class="jfbpost"><div class="jfbpostmain">

Работаю в <span>ООО "ПРОЕБ"</span><br><br>
Закончил <span>СГУ им. Лохушкина</span><br><br>
Живу в <span>Сеуле</span><br><br>
Родом из <span> - </span>

</div></div></div>
<div class="jfbscroll jfbnarrow jffloattall" style="padding: 10px;"><div class="jfbpost"><div class="jfbpostmain">

<img src="http://s3.uploads.ru/zDLhq.gif" class="jpostimage">
<h5>hedgehog<span>13.01.15</span></h5>

бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла 

<div class="jfblike">&hearts; Like &bull; Comment &bull; Share</div></div>
<div class="jfblike2">50 people like this</div></div>
<div class="jfbpost"><div class="jfbpostmain">

<img src="http://sd.uploads.ru/eHGTq.gif" class="jpostimage">
<h5>hedgehog<span>10.01.15</span></h5>

наблюдать полет птиц - бесценно
<img src="http://se.uploads.ru/GAJbu.png" class="jpostimage">

<div class="jfblike">&hearts;Like &bull; Comment &bull; Share</div></div><div class="jfblike2">78 people like this</div></div><div class="jfbpost"><div class="jfbpostmain">

<img src="http://sd.uploads.ru/eHGTq.gif" class="jpostimage">
<h5>hedgehog<span>13.01.15</span></h5>

бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла 

<div class="jfblike">&hearts; Like &bull; Comment &bull; Share</div></div>
<div class="jfblike2">41 people like this</div>
</div></div></div></div>

<div class="jfbtab"><input type="radio" id="jabout" name="jfbgroup-1"><label for="jabout"> обо мне </label><div class="jfcontent"><div class="jfbwide"><h1></h1><div class="jffloatleft"><h3>моя страница</h3>
<h3><a href="https://prohibition.rusff.me/viewtopic.php?id=2#p21"><b>моя анкета</b></a></h3>
<h3><a href=""><b>мой инстаграм </b></a></h3></div><div class="jfbscroll jfbnarrow">

<h4> краткая история</h4>
<p>какой-то текст</p>
<h4>место жительства и место рождения</h4>
<p>какой-то текст</p>
<h4>семья</h4>
<p>какой-то текст</p>
<h4>семейное положение</h4>
<p>какой-то текст</p>
<h4>место работы</h4>
<p>какой-то текст</p>

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

<div class="jfbtab"><input type="radio" id="ejabout" name="jfbgroup-1"><label for="ejabout"> отношения </label><div class="jfcontent"><div class="jfbwide"><h1></h1><div class="jffloatleft"><h3>мои отношения</h3></div><div class="jfbscroll jfbnarrow"><h4>мои отношения</h4>

<p> <table><tr><td width=35%><img src=http://se.uploads.ru/fZRrb.png></td>
<td width=65%>какой-то пидор</td></tr>
<tr><td width=35%><img src=http://se.uploads.ru/fZRrb.png></td>
<td width=65%>какой-то пидор</td></tr></table></p>

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

<div class="jfbtab"><input type="radio" id="ijabout" name="jfbgroup-1"><label for="ijabout"> эпизоды </label><div class="jfcontent"><div class="jfbwide"><h1></h1><div class="jffloatleft"><h3>мои эпизоды</h3></div><div class="jfbscroll jfbnarrow">

<h4>реал</h4>
1. <a href=""<b>золотые купола</b></a> // круг & алегрова<br>
2. <a href=""<b>название эпизода</b></a> // участники эпизода<br>
3. <a href=""<b>название эпизода</b></a> // участники эпизода</p>
<h4>флешбэк</h4>
1. <a href=""<b>название эпизода</b></a> // участники эпизода<br>
2. <a href=""<b>название эпизода</b></a> // участники эпизода<br>
3. <a href=""<b>название эпизода</b></a> // участники эпизода</p>
<h4>альтернатива</h4>
1. <a href=""<b>название эпизода</b></a> // участники эпизода<br>
2. <a href=""<b>название эпизода</b></a> // участники эпизода<br>
3. <a href=""<b>название эпизода</b></a> // участники эпизода</p>
</div></div></div></div>

<div class="jfbtab"><input type="radio" id="jphoto" name="jfbgroup-1"><label for="jphoto"> награды </label><div class="jfcontent"><div class="jfbwide"><h1></h1><div class="jfbscroll jfbphotos">

<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">
<img src="http://s4.uploads.ru/A6oBE.png">

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