Лучший пост

Взгляд наблюдает за тем, как сменяются красные цифры этажей, слишком медленно ползя к нужному. Точно издеваясь. А потом кто-то там наверху решает добить ее - дернувшись, кабина замирает. Пару раз мигнув свет вырубается, переходя на аварийный. Чудесно. Просто, мать его, чудесно. Шаг вперед, пара бессмысленных нажатий по кнопке этажа, да открытию дверей. Результата ноль. Думает зацепить и вызов диспетчера, но осекается вспомнив об альтернативе. Отталкивается обратно, спиной ощущая прохладный металл.
Free Image Hosting at FunkyIMG.com Free Image Hosting at FunkyIMG.com Free Image Hosting at FunkyIMG.com Free Image Hosting at FunkyIMG.com Free Image Hosting at FunkyIMG.com




авторский мир, способности, 2048 год
Фарго, США // Гамильтон, Канада
warning! 18+

12/08. Все на дно! У нас тут новости для вас. Не прощаемся. Наверное.


28/07. Обновили таблицу. Всех обрадовали. (И напугали мимокрокодилов добрым личиком ангела-Талии.) А еще пятая неделя нашего бесконечного марафона подъехала. Вот тут вот, не стесняемся, идем и участвуем.
27/07. Hot news, как говорится. Пойти и прочитать. ♥
26/07. Мини-обновление. Дополняем и правим наш мир, чтобы быть чуточку прекраснее. И кое-где логичнее. Ознакомиться можно вот тут. Все вопросы задавать сюда. Не ссориться, быть котиками и кисами. Ну и вообще. Погода и работа не повод расслабляться! (Шутка.)
21/07. Вести с фронта, с фронта вести! Ознакомиться вот тут можно. На этой неделе у нас спокойно, хорошо, тепло и вообще, никто никого не огорчает, все молодцы! А еще четвертый этап марафона пошел. Берите себя в руки и вспоминайте, как это круто было, рисовать карандашами года в четыре и показывать всем свои неведомые, восхитительные кракозябры!
14/07. Ну, здравствуйте, мои дорогие. Вот вам порция свежих новостей. Мы старались вас чем-нибудь порадовать. Вот буквально на днях (день или два) выложим пару новых (и оооочень опасных!) квестов. Готовьте нервишки! А еще у нас начался очередной этап нашего милого марафона. Бегом-бегом, радуем друг друга активностью!
07/07. Никто не успел соскучиться? Как вы уже заметили, в составе амс произошли некоторые изменения. Спешим заверить, что решение это было взвешенное и обоснованное! И форум никуда не денется, потому что мы все (и вы тоже) молодцы и умницы. А теперь — новости! Ведь все любят новости? Там много интересного.
05/07. Hot news! На бастардах завелся гостевой аккаунт. Благодаря ему все любопытные могут ознакомиться с архивом принятых анкет и игровыми разделами. С деталями можно ознакомиться здесь.
02/07. Дорогие наши, время увеселительных плюшек продолжается и на этот раз мы предлагаем вам посетить тему первого радиоэфира.
Мы были молоды. Мы думали, что у нас впереди целая вечность; в пятнадцать мнили себя умудренными опытом, в двадцать пять — решали, кем станем, когда вырастем. Больше интересовались профилями в социальных сетях, чем погодой за окном, строили неосуществимые планы на будущее, обесценивали опыт прошлого и никого не воспринимали всерьез. О катастрофах, превращавших чьи-то жизни в ад, писали новостные порталы и передавали по центральным каналам — мы ставили хэштег jesuis и возвращались к своим делам, не представляя, что кошмар вскоре превратится и в нашу реальность.
faq × правила × сюжет × способности × внешности × биржа труда × герои

BASTARDS

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » BASTARDS » this war of mine » герои


герои

Сообщений 1 страница 3 из 3

1

Код:
<!--HTML--><center><div class="aliasb">
 <div class="captb">alliance</div>
 <div class="pottb">
   <div class="infoboxb">  </div>
     <div class="playerinfo1b">Fargo, North Carolina, USA<a href="http://shine.b1.jcink.com/index.php?showuser=11414" style="color: white; text-decoration: none;"> </a></div>
     <div class="pl1b">009</div>
     <div class="playerinfo2b">members</div>
   <img src="http://i.imgur.com/0KDyw3s.png">
 </div>
 
 <table style="margin-left: -1px;"><tr><td>
   <div class="peepb">
   <img src="http://i.imgur.com/umBZrPM.png">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=28">Jay Hayes</a></div>
   <div class="peepword2b">30 | психолог ЦКИ<br>иной | асенсорика</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/S1qRGuq.png">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=13">Grace Fitzroy</a></div>
   <div class="peepword2b">28 | лаборант<br>иная | астральная проекция</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/cRIObKh.png">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=95">Carla Hennessey</a></div>
   <div class="peepword2b">36 | информатор альянса, частный детектив<br>иная | генерация энергии</div>
   </div>
 </td>

 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/JqeED7g.jpg">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=108">Aida Maxwell</a></div>
   <div class="peepword2b">27 | социальный работник в ЦКИ<br>иная | БЛОКИРОВАНИЕ СПОСОБНОСТЕЙ</div>
   </div>
 </td>
 </tr>
 
   
<tr><td>
   <div class="peepb">
   <img src="http://i.imgur.com/6yZMn6u.jpg">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=115">Renee Lau</a></div>
   <div class="peepword2b">37 | инструктор по тактической подготовке<br>иная | УПРАВЛЕНИЕ ЖИВОТНЫМИ</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/FlKHE0m.jpg">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=119">Brian O'Shea</a></div>
   <div class="peepword2b">27 | помощник руководителя по связям с общественностью<br>иной | ЗАЩИТНОЕ ПОЛЕ</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/j5MOWnc.png">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=129">Jesse Dyer</a></div>
   <div class="peepword2b">35 | командир боевой группы<br>человек</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/UCPcf4G.png">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=136">Alister Maddox</a></div>
   <div class="peepword2b">38 | член стратегического совета<br>иной | асинкопия</div>
   </div>
 </td>
 </tr>
   
<tr><td>
   <div class="peepb">
   <img src="http://i.imgur.com/eS2wWzT.png">
   <div class="peepwordb"><a href="http://bastards.rusff.ru/profile.php?id=137">Verlen Brogg</a></div>
   <div class="peepword2b">32 | заведующая социально-медицинском блоком<br>иная | поглощение сил</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/3ZAeysW.png">
   <div class="peepwordb"><a href="link">Name Surname</a></div>
   <div class="peepword2b">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/3ZAeysW.png">
   <div class="peepwordb"><a href="link">Name Surname</a></div>
   <div class="peepword2b">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 
 <td>
   <div class="peepb">
   <img src="http://i.imgur.com/3ZAeysW.png">
   <div class="peepwordb"><a href="link">Name Surname</a></div>
   <div class="peepword2b">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 </tr>
</table>
</div>


<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<style type="text/css">
 .aliasb {
   width: 540px;
   background-color: none;
   position: relative;
   overflow: hidden; 
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) inset;
 }
 
 .captb {
   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;
 }
 
 .pottb {
   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;
 }
 
 .pottb img {
   width: 48px;
   float: right;
   border: 0px solid #3f6767;
 }
 
 .infoboxb {
   width: 100px;
   height: 50px;
   overflow: auto;
   position: absolute;
   left: 10px;
   top: 8px;
   text-align: justify;
   line-height: 100%;
   padding-right: 4px;
   font-size: 8px;
 }
 
 .infoboxb::-webkit-scrollbar {
   width: 5px;
 }
 
 .infoboxb::-webkit-scrollbar-track {
   background-color: none;
   border-right: 2px solid #a1c3cd;
   border-left: 2px solid #a1c3cd;
 }
 
 .infoboxb::-webkit-scrollbar-thumb {
   background-color: white;
   border-top: 2px solid #a1c3cd;
   border-bottom: 2px solid #a1c3cd;
 }
 
 .playerinfo1b {
   width: 210px;
   position: absolute;
   top: 10px;
   left: 80px;
   text-align: center;
 }
 
 .playerinfo2b {
   width: 210px;
   position: absolute;
   top: 40px;
   left: 310px;
   text-align: center;
 }
 
 .pl1b {
  width: 210px;
  font-size: 40px;
  position: absolute; 
  top: 16px;
  left: 230px;
  text-align: center;
 }
 
.peepb {
    height: 125px;
    background-color: lightgrey;
    padding: 3px 0px 0px 3px;
    overflow: hidden;
}
 
 .peepb img {
   width: 125px;
 }
 
 .peepwordb {
   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;
 }
 
 .peepwordb a {
   color: white;
   text-decoration: none;
 }
 
 .peepword2b {
   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;
 }
 
 .peepb:hover .peepwordb {
   top: -60px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .peepb:hover .peepword2b {
   top: -60px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .aliasb:hover .captb {
   left: -400px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
 .aliasb:hover .pottb {
   left: 0px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
</style></center>

+2

2

Код:
<!--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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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.ru/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>

+2

3

Код:
<!--HTML--><center><div class="aliasa">
 <div class="capta">neutral</div>
 <div class="potta">
   <div class="infoboxa">  </div>
     <div class="playerinfo1a"> <a href="http://shine.b1.jcink.com/index.php?showuser=11414" style="color: white; text-decoration: none;"> </a></div>
     <div class="pl1a">010</div>
     <div class="playerinfo2a">members</div>
   <img src="http://i.imgur.com/j5Li1qA.png">
 </div>
 
 <table style="margin-left: -1px;"><tr><td>
   <div class="peepa">
   <img src="http://i.imgur.com/MiUWboR.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=58">James Sheridan</a></div>
   <div class="peepword2a">40 | писатель<br>иной | лабиринт</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/UqUCaub.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=9">Riley Graham</a></div>
   <div class="peepword2a">23 | безработная<br>иная | вдохновение</div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/3YP5gv6.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=72">Mary Andros</a></div>
   <div class="peepword2a">35 | стоматолог<br>иная | аглиокинез</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/pgZ0ekY.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=73">Tony Andros</a></div>
   <div class="peepword2a">41 | адвокат<br>иной | блокирование способностей</div>
   </div>
 </td>
 
 </tr><tr><td>
   <div class="peepa">
   <img src="http://i.imgur.com/BWEdwWd.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=52">Tyron Blackmore</a></div>
   <div class="peepword2a">37 | project dystopia<br>иной | термокинез</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/CWtR1um.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=83">Matt Andros</a></div>
   <div class="peepword2a">38 | project dystopia<br>иной |управление памятью</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/ECTZt6S.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=79">Xabi Sheppard</a></div>
   <div class="peepword2a">31 | детектив в департаменте полиции<br>иной | зов смерти</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/VH7taCP.jpg">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=107">Alex Underwood</a></div>
   <div class="peepword2a">34 | лидер project dystopia<br>иной | взрывание</div>
   </div>
 </td>
 </tr><tr><td>
   <div class="peepa">
   <img src="http://i.imgur.com/vFHpvHC.jpg">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=114">Talia Blackmore</a></div>
   <div class="peepword2a">17 | project dystopia<br>иная | телепортация</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/4fC8uvM.png">
   <div class="peepworda"><a href="http://bastards.rusff.ru/profile.php?id=135">Martha Dyer</a></div>
   <div class="peepword2a">25 | безработная<br>человек</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/PJo3vUO.png">
   <div class="peepworda"><a href="link">Name Surname</a></div>
   <div class="peepword2a">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 
 <td>
   <div class="peepa">
   <img src="http://i.imgur.com/PJo3vUO.png">
   <div class="peepworda"><a href="link">Name Surname</a></div>
   <div class="peepword2a">возраст | деятельность<br>раса | способность</div>
   </div>
 </td>
 </tr>
</table>
</div>


<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<style type="text/css">
 .aliasa {
   width: 540px;
   background-color: none;
   position: relative;
   overflow: hidden; 
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) inset;
 }
 
 .capta {
   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;
 }
 
 .potta {
   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;
 }
 
 .potta img {
   width: 48px;
   float: right;
   border: 0px solid #3f6767;
 }
 
 .infoboxa {
   width: 100px;
   height: 50px;
   overflow: auto;
   position: absolute;
   left: 10px;
   top: 8px;
   text-align: justify;
   line-height: 100%;
   padding-right: 4px;
   font-size: 8px;
 }
 
 .infoboxa::-webkit-scrollbar {
   width: 5px;
 }
 
 .infoboxa::-webkit-scrollbar-track {
   background-color: none;
   border-right: 2px solid #a1c3cd;
   border-left: 2px solid #a1c3cd;
 }
 
 .infoboxa::-webkit-scrollbar-thumb {
   background-color: white;
   border-top: 2px solid #a1c3cd;
   border-bottom: 2px solid #a1c3cd;
 }
 
 .playerinfo1a {
   width: 210px;
   position: absolute;
   top: 10px;
   left: 80px;
   text-align: center;
 }
 
 .playerinfo2a {
   width: 210px;
   position: absolute;
   top: 40px;
   left: 310px;
   text-align: center;
 }
 
 .pl1a {
  width: 210px;
  font-size: 40px;
  position: absolute; 
  top: 16px;
  left: 230px;
  text-align: center;
 }
 
.peepa {
    height: 125px;
    background-color: lightgrey;
    padding: 3px 0px 0px 3px;
    overflow: hidden;
}
 
 .peepa img {
   width: 125px;
 }
 
 .peepworda {
   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;
 }
 
 .peepworda a {
   color: white;
   text-decoration: none;
 }
 
 .peepword2a {
   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;
 }
 
 .peepa:hover .peepworda {
   top: -60px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .peepa:hover .peepword2a {
   top: -60px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
 }
 
 .aliasa:hover .capta {
   left: -400px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
 .aliasa:hover .potta {
   left: 0px;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
 }
 
</style></center>

+2


Вы здесь » BASTARDS » this war of mine » герои


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC