<!--HTML--><center><div class="alias">
 <div class="capt">bastards</div>
 <div class="pott">
   <div class="infobox">  </div>
     <div class="playerinfo1">Hamilton, Canada<a href="http://shine.b1.jcink.com/index.php?showuser=11414" style="color: white; text-decoration: none;"> </a></div>
     <div class="pl1">017</div>
     <div class="playerinfo2">members</div>
   <img src="http://i.imgur.com/p7CNZM5.png">
 </div>
 
 <table style="margin-left: -1px;"><tbody><tr><td>
   <div class="peep">
   <img src="http://i.imgur.com/x3fxSTO.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=3">Reinhard Winter</a></div>
   <div class="peepword2">147 | беглец<br>иной | регенерация</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/Quhmm80.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=6">Charles Cross</a></div>
   <div class="peepword2">36 | глава овб<br>иной | сверхсила</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://storage3.static.itmages.ru/i/16/0619/h_1466373571_6753527_c904219f99.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=11">Alecto Manacháin</a></div>
   <div class="peepword2">34 | частный сыщик<br>иная | сублимация</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://imgur.com/T1XHtjW.jpg">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=26">Lydia Morgan</a></div>
   <div class="peepword2">25 | блоггер<br>иной | умбракинез</div>
   </div>
 </td>
 
 </tr><tr><td>
   <div class="peep">
   <img src="http://imgur.com/9VPdDAf.jpg">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=8">Seymour Morgan</a></div>
   <div class="peepword2">47 | руководитель боевого отряда<br>иной | хронокинез</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://imgur.com/GQaIK16.jpg">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=36">Tiger Cray </a></div>
   <div class="peepword2">33 | разнорабочий<br>иной | гипноз</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/tdLwbWt.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=90">Keira Andros</a></div>
   <div class="peepword2">32 | группа овб<br>иной | выделение феромонов</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/deVGPcv.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=24">Shabbat Reiner</a></div>
   <div class="peepword2">37 | врач<br>иной | гениальность</div>
   </div>
 </td>
 </tr><tr><td>
   <div class="peep">
   <img src="http://i.imgur.com/nbd9xll.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=69">Agnes Macfarlan</a></div>
   <div class="peepword2">36 | вирусолог<br>иная | не проявилась
   </div>
 </td>
   
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/5oHTrra.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=57">Gladys Finch</a></div>
   <div class="peepword2">25 | вербовщик<br>иная | взрывание</div>
   </div>
 </td>
   
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/YbmfyGV.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=85">Emmerson Chase</a></div>
   <div class="peepword2">26 | искатель<br>иной | телекинез</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/SygSWCf.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=10">Sharon Morgan</a></div>
   <div class="peepword2">34 | врач<br>иная | зазеркалье</div>
   </div>
 </td>
 </tr>
<tr><td>
   <div class="peep">
   <img src="http://i.imgur.com/LhaABIt.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=68">Broderick Savage</a></div>
   <div class="peepword2">36 | биоинженер<br>иной | исцеление</div>
   </div>
 </td>
   
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/uMCza31.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=89">Gabriel Byrne</a></div>
   <div class="peepword2">23 | новобранец в тренировочном лагере<br>иной | гидрокинез</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/dEXQ7V3.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=100">Tia Makana</a></div>
   <div class="peepword2">29 | член боевой группы<br>иная | понимание сути вещей</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/NfnFxPS.jpg">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=117">Killian Noé</a></div>
   <div class="peepword2">27 | член боевой группы<br>иной | астральная проекция</div>
   </div>
 </td>
 </tr>
<tr><td>
   <div class="peep">
   <img src="http://i.imgur.com/rX5XGzD.png">
   <div class="peepword"><a href="http://bastards.rusff.me/profile.php?id=124">Felix Sorin</a></div>
   <div class="peepword2">30 | тренер в лагере для новобранцев<br>иной | фотогенез</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/SeO4iO6.png">
   <div class="peepword"><a href="link">Name Surname</a></div>
   <div class="peepword2">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/SeO4iO6.png">
   <div class="peepword"><a href="link">Name Surname</a></div>
   <div class="peepword2">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 
 <td>
   <div class="peep">
   <img src="http://i.imgur.com/SeO4iO6.png">
   <div class="peepword"><a href="link">Name Surname</a></div>
   <div class="peepword2">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 </tr>
</tbody></table>
  </div></center>

<style type="text/css">
 .alias {
   width: 540px;
   background-color: none;
   position: relative;
   overflow: hidden; 
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) inset;
 }
 
 .capt {
   height: 50px;
   width: 540px;
   padding: 8px 0;
   background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/4756/4756279.png);
   font: 30px raleway;
   text-transform: uppercase;
   text-align: center;
   color: #3f6767;
   font-family: Source Code Pro;
   letter-spacing: 3px;
   position: relative;
   top: 0;
   left: 0;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
 .pott {
   height: 50px; 
   width: 520px;
   background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/4756/4756279.png);
   position: absolute;
   top: 0;
   left: 550px;
   padding: 8px 10px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
   font: 16px Source Code Pro;
   text-transform: uppercase;
   color: #3f6767;
 }
 
 .pott img {
   width: 48px;
   float: right;
   border: 0px solid #3f6767;
 }
 
 .infobox {
   width: 100px;
   height: 50px;
   overflow: auto;
   position: absolute;
   left: 10px;
   top: 8px;
   text-align: justify;
   line-height: 100%;
   padding-right: 4px;
   font-size: 8px;
 }
 
 .infobox::-webkit-scrollbar {
   width: 5px;
 }
 
 .infobox::-webkit-scrollbar-track {
   background-color: none;
   border-right: 2px solid #a1c3cd;
   border-left: 2px solid #a1c3cd;
 }
 
 .infobox::-webkit-scrollbar-thumb {
   background-color: white;
   border-top: 2px solid #a1c3cd;
   border-bottom: 2px solid #a1c3cd;
 }
 
 .playerinfo1 {
   width: 210px;
   position: absolute;
   top: 10px;
   left: 80px;
   text-align: center;
 }
 
 .playerinfo2 {
   width: 210px;
   position: absolute;
   top: 40px;
   left: 310px;
   text-align: center;
 }
 
 .pl1 {
  width: 210px;
  font-size: 40px;
  position: absolute; 
  top: 16px;
  left: 230px;
  text-align: center;
 }
 
.peep {
    height: 125px;
    background-color: lightgrey;
    padding: 3px 0px 0px 3px;
    overflow: hidden;
}
 
 .peep img {
   width: 125px;
 }
 
 .peepword {
   height: 17 px;
   padding: 1px 0;
   position: relative;
   top: 13 px;
   left: 0;
   background-color: grey;
   font: 11px Source Code Pro;
   text-transform: uppercase;
   text-align: center;
   color: white;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .peepword a {
   color: white;
   text-decoration: none;
 }
 
 .peepword2 {
   height: 50px;
   padding-bottom: 1px;
   position: relative;
   top: 10px;
   left: 0;
   background-color: #111111;
   font: 9px verdana;
   text-transform: lowercase;
   text-align: center;
   color: white;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .peep:hover .peepword {
   top: -60px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .peep:hover .peepword2 {
   top: -60px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .alias:hover .capt {
   left: -400px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
 .alias:hover .pott {
   left: 0px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
</style>