<!--HTML--><svg class=ppsvg>
  <filter id="monochrome" color-interpolation-filters="sRGB">
    <feColorMatrix type="matrix"
      values="0.85 0 0 0.05 0.05 
              0.65 0 0 0 0.15  
              0.35 0 0 0.1 0.4 
              0    0 0 1 0" />
  </filter>
</svg>

<style>
.perpage {background: url(http://funkyimg.com/i/2sSBV.png) no-repeat; width:855px;height:430px;position:relative;}

.ppbank::-webkit-scrollbar, .pphash::-webkit-scrollbar, .ppaws1::-webkit-scrollbar, .ppaws2::-webkit-scrollbar, .ppgal::-webkit-scrollbar {
  background: #d4caf4;
  width:2px;
}

.ppgifts {height:240px; margin-top:15px;overflow:auto;}
.ppgifts img {height:50px; margin:5px;}

.ppquote{position:absolute;bottom:7px;right:58px;width:120px; height:60px; font-family: cuprum; text-transform:uppercase; color:#815a85; overflow:hidden; line-height:10px;font-size:11px;}


.ppbank::-webkit-scrollbar-thumb, .pphash::-webkit-scrollbar-thumb, .ppaws1::-webkit-scrollbar-thumb, .ppaws2::-webkit-scrollbar-thumb, .ppgal::-webkit-scrollbar-thumb {
  background: #c8bff2;
}

.ppgal {position:absolute; bottom:19px; left:45px; width:225px; overflow-x:hidden; overflow:y:auto; height:48px; text-align:center;}
.ppgal img {height: 48px; margin-bottom:5px;}

.ppaws1 {height:150px;overflow:auto;margin-top:2px;text-align:center;}
.ppaws1 img, .ppaws2 img {margin-bottom:5px; opacity:.8;}
.ppaws2 {height:70px;overflow:auto;margin-top:2px;text-align:center;}

.ppsvg {display:none;}

.ppbank {overflow:auto;height:230px;}

.ppacc {color:#fff; font-family: bebas neue; font-size: 24px; bottom:29px; left: 381px; position:absolute; width:89px;text-align:center;}

.ppmon {width:40px; border-radius:10px; background: #8ec5de; padding:2px; display:inline-block; margin:2px; text-align:center;box-shadow: 1px 1px #70aac4, -1px -1px #b8dcec; color:#fff;}

.ppname {width:229px;font-family:bebas neue;position:absolute;left:312px;top:120px;font-size:26px;text-align:center;color:#e0f5f9;letter-spacing:1px;}

.ppava {position:absolute;top:4px;left:343px; -webkit-filter: url(#monochrome);
  filter:  url(#monochrome);}

.ppgif {position:absolute; bottom:10px; right:195px; width:80px; border-radius:40px; -webkit-filter: url(#monochrome);
  filter:  url(#monochrome);}

.ppprof, .ppbd{font-family:bebas neue;position:absolute;top:166px;font-size:16px;text-align:center;color:#f7e4f9;letter-spacing:1px; width:87px;overflow:hidden;}
.ppbd {left:449px;}
.ppprof {left:319px;}

.t-N, .t-S, .t-M, .t-D, .t-F, .t-T {position:absolute; top:157px; left:408px; width:38px; height:36px;}
.t-N{background: url(http://funkyimg.com/i/2sSC8.png);}

.pphash {position:absolute; top:201px; left: 300px; height:116px; width:236px; overflow-x:hidden;}

.pphash img {margin-top:-13px!important;margin-right:-7px!important;}

.tabsl {left: 22px;} 

.tabsr {left: 561px;}

.tabsl, .tabsr{
  position:absolute;
  top:28px; 
  width:271px;
  overflow:hidden;
  min-height:309px; 
  clear: both;
}

.tabl, .tabr {
  float: right;
 margin-right:10px!important;
}
.tabl label, .tabr label {
  display:inline-block;
  background: url(http://funkyimg.com/i/2sSBT.png); 
  color: #fff;
  padding-top: 4px;
  letter-spacing:1px;
  width:104px!important;
  height:25px!important;
  font-family: 'bebas neue';
  font-size:19px;
  text-align:center;
  cursor: pointer;
  margin: 0 8px; 
  position: relative;
  bottom: 0px;
  left:0px;
  transition: 0.2s;
 }

.tabl label:hover, .tabr label:hover {
opcity:1;
  transition: 0.2s;
}
.tabl [type=radio], .tabr [type=radio] {
  display: none;   
}


.tabl .content, .tabr .content {
  padding:5px;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow:hidden;
  text-transform:uppercase;
  background: #c9c0f3;
  height:309px;
  font-family:cuprum;
  color: #575465;
border-radius:30px;
}

[type=radio]:checked ~ label {
  background: url(http://funkyimg.com/i/2sSBS.png);
  z-index: 2;
  transition: 0.2s;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}



/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -350px 0 0 !important;
 width:20px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 height:600px!important;
 max-height:700px;  /*максимальная высота таблички*/
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width: 855px;
 height: 430px;
 position:relative;z-index:1;
 display:none;
 overflow-y:auto;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
}
</style>

<!----------------------------------- ЦЕНТР ------------------------------------------------------->

<div class=perpage>

<div class=ppname>

                                                                       Leonardo DiCaprio</div>


<img class=ppava src=http://i.imgur.com/sykEMPU.png>

<div class=ppprof>

                                                                       актер
</div><div class=ppbd>

                                                                       11/11/1974

</div><div class=t-N title="TEAM NETFLIX"></div>

<div class=pphash>

<img src=http://funkyimg.com/i/29mbt.png><br>
<img src=http://funkyimg.com/i/2k4cg.png><br>
<img src=http://funkyimg.com/i/2acbv.png><br>
<img src=http://i.imgur.com/aRm1q7o.png><br>
<img src=http://imgdepo.com/id/10625584.png><br>

</div>

<div class=ppacc>
4748
</div>


<!----------------------------------- ЛЕВАЯ КОЛОНКА ------------------------------------------------------->

<div class="tabsl">

<div class="tabl"><input type="radio" id="tabl-1" name="tabl-group-1"><label for="tabl-1">награды</label><div class="content"><center><b>награды за игры:</b></center><div class=ppaws1>


<img src=http://funkyimg.com/i/28gXG.png title="сфера романтики: расставание [with Chris Wood]"> <img src=http://funkyimg.com/i/28gXE.png title="сфера романтики: примирение [with Chris Wood]"> <img src=http://funkyimg.com/i/28gXD.png title="сфера романтики: ссора [with Chris Wood]"> <img src=http://funkyimg.com/i/28gXF.png title="сфера романтики: признание в любви [with Chris Wood]"> <img src=http://funkyimg.com/i/28gA5.png title="профессиональная сфера: травма во время съемок  [with Chris Wood]"> <img src=http://funkyimg.com/i/28gJE.png title="сфера дружбы: поддержка и помощь [with Chris Wood]"> <img src=http://funkyimg.com/i/28gXC.png title="сфера романтики: секс [with Chris Wood]"> <img src=http://funkyimg.com/i/28gJE.png title="сфера дружбы: поддержка и помощь [with Nicola Peltz]"> <img src=http://funkyimg.com/i/28gNw.png title="сфера звездных проблем: проблемы с наркотиками [with Christopher Wood]"> <img src=http://funkyimg.com/i/28gXK.png title="сфера романтики: бывшие отношения [with Christopher Wood]">


</div><br><center><b>награды за календарь заданий:</b></center><div class=ppaws2>

 
у вас пока нет наград


</div></div></div><div class="tabl"><input type="radio" id="tabl-2" name="tabl-group-1" checked><label for="tabl-2">банк</label><div class="content"><center><b><big>операции со счетом:</big></b></center><br><div class=ppbank>


<div class=ppmon>+ 100 $</div> за еще один месяц на форуме [08/05/17]<br>


</div></div></div></div><div class=ppgal> <!-----------------ГАЛЕРЕЯ АВОВ------------------->


<img src=http://funkyimg.com/i/2sUbc.png> <img src=http://funkyimg.com/i/2sUbd.png> <img src=http://funkyimg.com/i/2sUbe.png> <img src=http://funkyimg.com/i/2sUbf.png> <img src=http://funkyimg.com/i/2sUbg.png> <img src=http://funkyimg.com/i/2sUbi.png> 


</div><!----------------------------------- ПРАВАЯ КОЛОНКА -------------------------------------------------><div class="tabsr"><div class="tabr"><input type="radio" id="tabr-1" name="tabr-group-1"><label for="tabr-1">достижения</label><div class="content">


 вкладка 2


</div></div><div class="tabr"><input type="radio" id="tabr-2" name="tabr-group-1" checked><label for="tabr-2">подарки</label><div class="content"><div class=ppgifts>


<img src=http://sd.uploads.ru/gmPyI.png title="будь кисой :* с любовью, твой Вуд">
<img src=http://s3.uploads.ru/Vc5Of.png title="будь здорова, слоненок мой :*">
<img src=http://sh.uploads.ru/uZYe6.png title="я не мастер крутых речей, но попробовать стоит ... хд в общем, 15.10.15, о а красивая дата получилась, НАМ ПОЛГОДА!) я рад, рад, что мы так вдохновлены нашей идеей, нашими персонажами и нашей историей. у меня уже очень давно не было столько закрытых эпизодов, большинство постоянно улетали в архив на долгий срок, но с тобой это не так :) наша пара эксклюзивная, кто-то говорит, что вуд и кэт не подходят друг другу, кто-то наоборот восхищен, но мы то знаем правду хдд знаем, какие они дурачки и милахи одновременно! кэт_вася, спасибо за вдохновение, которое ты мне даришь, за новые идеи и по любому интересное будущее :) лавки_скамейки тебя, надеюсь, будем продолжать в том же духе!">
<img src=http://s4.uploads.ru/zBjao.png title="доктором_пришибленной девочке от гиллан в честь хэллоуина ☆">
<img src=http://funkyimg.com/i/NmPc.png title="Жуткого и страшного Хэллоуина! от M.Daddario">
<img src=http://s2.uploads.ru/gQs3k.png title="талантливой девочке нашего каста и всего фивера =*">
<img src=http://s6.uploads.ru/t/VCo2R.png title="в такую жару - мороженое. спасибо за помощь и за гифы. ;) от Кхала Дрого.">

</div></div></div></div><!----------------------------------------------ЦИТАТА-------------------------------------------------->


<img class=ppgif src=http://68.media.tumblr.com/2819b9f24d3db4c1af5032e5f16476bd/tumblr_oj7h9aVOpR1r13v48o2_250.gif>


<div class=ppquote>


цитата какая-то тут хз надо еще придумать бля как збс что я админ хдд бла бла бла бла бла


</div></div>