<!--HTML-->
<center>
<div class="action">
  <div class="ac-left">
    <div class="NOT-taken"><span>придержан до </span></div>
    <div class="ac-name">
      <span>Richard Lancaster [34]</span>
      <hr>
      <span>ведомый</span>
      <span>управление<br> водой</span>
    </div>
    <div class="ac-picture" style="background-image: url(http://66.media.tumblr.com/957d4b49bd7c506ababe11655e2c6bc8/tumblr_nk5syrBIKx1th474io4_r1_1280.jpg)">
      <span>James McEvoy</span>
    </div>
  </div>
  <div class="ac-right">
    <div class="ac-r-in">
      <span><b>Место работы</b>: учитель в средней школе</span><span><b>Грех</b>: лжеучитель, завлекал людей в секту саентологов</span>
      <div>
        <p>Наверное, нет ничего хуже - быть окруженным подростками. Мистер Ланкастер, как называют его ученики, никогда не пользовался у последних особой популярностью, тем не менее, он был на этом месте работы достаточно давно, чтобы понимать, как устанавливаются отношения в людьми в таком возрасте. И потеря близкого человека совершенно не расположит их, наоборот - горе может сделать его слабым звеном. Горе может выдать его с головой, и контроль пропадет</p>
        <p>Контроль - это именно то, чего Рик хочет сейчас.</p>
        <p>Он не хотел быть супергероем, он не просил о какой-то силе, он даже в детстве не зачитывался комиксами о Людях Икс, но так вышло, что эта способность появилась именно у него. Трудно было назвать это именно силой, Рик бы назвал ее слабостью. Его эмоции вызывают воду. Слезы, которые текут не по щекам, а из ближайших водопроводных кранов, ярость, сопровождающаяся лопнувшими в здании трубами. И абсолютная неспособность это хоть как-то контролировать</p>
        <p>Он совершенно не задумывался о том, один он такой или нет, пока в его жизни не появилась Кристен. Кристен с ожогами по всему телу, которые она, стесняясь, называла несчастным случаем. С огнем из пальцев, с искоркой в глазах, они ведь идеально подходили друг другу, огонь и вода. Пока ее способность ее же не убила</p>
        <p>Каждый раз, когда он закрывает глаза, он видит ее охваченный огнем силуэт. Он помнит ее почти животный крик, и свой, полный страдания, насколько сильными были эмоции, и насколько бессильной была его способность. Он не смог. Он не смог потушить ее, горстка пепла - все, что от нее осталось</p>
        <p>Спустя пару часов река залила весь город.</p>
        <p>Но было уже слишком поздно.</p>
        <p>Единственная возможность справиться с горем - это заняться каким-нибудь делом. Желательно, важным, желательно, общественно полезным, желательно, так, чтобы энергии не хватало даже на раздумия перед сном. Особенно на них</p>
        <p>Их было двое - значит ли это, что их, таких странных, было всего двое в городе? Со временем Рик умудрился найти нескольких, обладавших способностями, и, как и он до несчастного случая, не умеющими контролировать их. Он поставил перед собой задачу - научить их контролю над своими силами, задачей же всей их небольшой группы стала попытка найти истину - почему они, зачем им эти силы и кто их даровал</p>
        <p>И это был лучший способ справиться с горем.</p>
      </div>
    </div>
  </div>
  <div class="ac-bg"></div>
</div>
</center>

<!--HTML-->
<center>
<div class="action">
  <div class="ac-left">
    <div class="NOT-taken"><span>придержан до 24.12</span></div>
    <div class="ac-name">
      <span>Phillip McKenzie [29]</span>
      <hr>
      <span>ведомый</span>
      <span>огонь</span>
    </div>
    <div class="ac-picture" style="background-image: url(http://bellahoward.co.uk/assets/2016/01/091215_BH_Buzzfeed_0097-800x1000.jpg)">
      <span>domhnall gleeson</span>
    </div>
  </div>
  <div class="ac-right">
    <div class="ac-r-in">
      <span><b>Место работы</b>: соцработник</span><span><b>Грех</b>: жертва аборта</span>
      <div>
        <p>Мягкий, тихий и добрый Филлип словно бы идеально создан для своей работы. Дети из неблагополучных семей от него без памяти, бабушки - тем более. Таких, как он, называют людьми широкой души. Скорее всего, так оно и есть. Душа Маккензи способна вместить в себя весь город, каждого человека, каждое животное. Он искренне уверен, что плохих людей не бывает - есть только хорошие люди, попавшие в плохую ситуацию. 
<p>Проблема в том, что он слишком доверчив, когда дело не касается работы. Хотя даже когда дело ее касается, он склонен оправдывать каждого своего подопечного и стараться убедить всех, что на самом деле все не совсем не так, как кажется на первый взгляд. Пойманные с поличным участвовавшие в вооруженном ограблении подростки старались прокормить свою семью, обвиненный в убийстве своей жены и мухи бы не обидел, если бы не был пьян. Проблема и основная черта Филлипа в том, что он везде видит свет, в каждом, даже в тех, в ком его никогда не было. 
<p>Или это его психологическая защита.
<p>Дети все переносят легче - начиная от болезней и заканчивая психологическими травмами. Смерть старшего брата от передозировки не ожесточила Филлипа, когда ему было пять, забота о постоянно болеющей матери не сделала его эгоцентриком. Он забросил школу, когда у нее отнялись ноги, и самостоятельно перешел на домашнее обучение, умудрился окончить школу с отличием и выходить ее. Поступил на заочное и уже тогда знал, что посвятит свою жизнь помощи людям. 
<p>Маккензи всегда был идеальным другом - он тот, кто всегда поможет, всегда поддержит и войдет в положение. Конечно, он совершенно не замечает, что все окружающие этим бессовестно пользуются - во главе с матерью, которая заняла самое удобное место на шее собственного сына. Она не работает, не занимается домашними делами и с завидной регулярностью отваживает от любимого сына друзей и пассии. В последнее время он, однако, мягко, но довольно напористо прививает ей мысль о том, что не такая уж она и несамостоятельная. Ей это, конечно, не нравится.
<p>А ему не нравится то, что происходит с его руками. 
<p>Больше всего Филлип боится делать людям больно - но если одно прикосновение к двери заставило дерево обуглиться, травм не избежать. Это было самым ужасным. Со своими потребностями он легко мог справиться, даже с таким увечьем, ожоги на руках не доставляли сильного неудобства, если вовремя за ними ухаживать. Но невозможность помогать другим заставляла его чувствовать себя беспомощным. Ровно до того момента, когда его нашел Ричард..</p>
      </div>
    </div>
  </div>
  <div class="ac-bg"></div>
</div>
</center>

<!--HTML-->
<center>
<div class="action">
  <div class="ac-left">
    <div class="NOT-taken"><span>придержан до 24.12</span></div>
    <div class="ac-name">
      <span style="font-size: 10px">Tomas Powell\Xaphan [28]</span>
      <hr>
      <span>ведущий</span>
      <span>телепортация</span>
    </div>
    <div class="ac-picture" style="background-image: url(http://st-listas.20minutos.es/images/2015-07/400032/4761696_640px.jpg?1437585923); background-position:center;">
      <span>aaron johnson</span>
    </div>
  </div>
  <div class="ac-right">
    <div class="ac-r-in">
      <span><b>Место работы</b>: ученик старшей школы</span><span><b>Грех</b>: демон, отвечал за освещение Ада</span>
      <div>
        <p>Он был одним из самых успешных учеников школы, пока у него не появилась эта способность. Девчонки вставали в очередь, чтобы пойти с ним на свидание, учителя души в нем не чаяли - типичный капитан школьной команды по футболу, смазливый и дерзкий, острый на язык, но от этого еще более обаятельный. Его любили все, с легкостью закрывали глаза на не совсем невинные проказы вроде обмакивания менее успешных учеников головой в унитаз. "Подумаешь, - скажет немногим позже учитель литературы. - Такое бывает в каждой четвертой школе". 
<p>"Подумаешь, - думает его мать, нервно стряхивая в переполненную пепельницу прах с очередной сигареты. - Это всего лишь нервы. Нужно больше успокоительных, только и всего". За последние десять лет она полностью оглохла на одно ухо и заполучила рак груди - угасает день за днем, но продолжает нервно курить и делать вид, что все хорошо. Что она не слышит крикливого хора в своей голове, что не видит вместо своего сына немыслимое чудовище, показывающее ей зловонный язык. Томас отлично знает, что она видит, и не упускает случая обнять ее, сказать, как он ее любит. Проклятые медиумы.
<p>Ей все равно никто не поверит.
<p>Ксафану надоело наблюдать со стороны, ему надоел свой надменно-отстраненный образ, и он полез в самую гущу событий. Представился сыном старой карги (она ведь знает, что что-то не так, но не может понять, что, это же так весело), "заполучил" свою способность, устроил отличную западню для Ричарда. Теперь он в их маленьком клубе по интересам самый младший и самый опекаемый, раздраженный и напуганный подросток, который больше всего боится показать свой страх. Исчезает с тихим хлопком и оказывается иногда на другой стороне комнаты, а иногда - на другом конце города. Тут уж как "повезет". Он намерен следить за этим неожиданным объединением и разворачивать его деятельность на сто восемьдесят, если окажется, что они подошли слишком близко даже к подобию разгадки. 
<p>Никто, разумеется, не подумает на него. 
<p>Никто, разумеется, даже не думает о том, что за ними всеми могут следить. 
<p>Следовательно, он не просто в безопасности (он в Аду, он всегда в безопасности), но и волен совершать любые действия без вреда делу. Что может быть лучше этого?
</p>
      </div>
    </div>
  </div>
  <div class="ac-bg"></div>
</div>
</center>

<!--HTML-->
<style>
.action{
  width: 648px;
  height: 450px;
  background-image: url(http://i.imgur.com/D1zPlbT.jpg);
  background-size:cover;
  position:relative;
}
.ac-bg{
  background: black;
  opacity: 0.6;
  width: 648px;
  height: 450px;
  position:absolute;
  }
.ac-left {
  background: rgba(0,0,0,0.25);
  position:absolute;
  z-index: 999;
  height: 430px;
  width: 170px;
  top: 10px;
  left: 10px;
  }
.ac-name {
  position: absolute;
  top: 5px;
  left:5px;
  width: 160px;
  height: 90px;
  background: #4A4A4A;
  }
  
.ac-name span:nth-of-type(2), .ac-name span:nth-of-type(3){
  display: block;
  text-align: right;
  padding: 3px;
  font-family: arial;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: silver;
  margin-bottom: -3px;}
.ac-name span:nth-of-type(2):first-letter, .ac-name span:nth-of-type(3):first-letter {color: #d84848}

.ac-name hr {
  border: 0;
  height: 1px;
  background: #aaa;
  width: 50%;
  margin: 3px 5px 1px auto;}
  
.ac-name span:nth-of-type(1) {
  display: block;
  color: #d84848;
  text-align: right;
  font: 11px elbing;
  text-transform: uppercase;
  letter-spacing: .3px;
  padding: 30px 5px 0 0;  
  }  

.ac-picture {
  position: absolute;
  width: 160px;
  height: 330px;
  top: 95px;
  left: 5px;
  background-size:cover;
  opacity: 0.4;
transition: all 1s ease-in-out;}
.ac-picture:hover {opacity: 0.9;}
  
  .ac-right {
  background: rgba(0,0,0,0.25);
  position:absolute;
  z-index: 999;
  height: 430px;
  width: 453px;
  top: 10px;
  left: 185px;
    }
.ac-r-in {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJUlEQVQImV2LsQ0AIACDuKP/J5yJk4NuBALqqlVTx4UbAHjEvxwnmyYaTf++BgAAAABJRU5ErkJggg==) repeat;
  background-color: #b0b0b0;
  position: absolute;
  z-index: 999;
  top: 5px;
  width: 433px;
  height: 410px;
  left: 5px;
  padding: 5px;}
.ac-r-in span:nth-of-type(1), .ac-r-in span:nth-of-type(2) {
  display: block;
  float: left;
  margin: 0px;
  font-family: arial;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 208px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.13);
  }  
.ac-r-in div {
  display: block;
  font: 11px 'arial narrow';
  position: absolute;
  top: 30px;
  left: 15px;
  width: 423px;
  height: 384px;
  overflow: auto;
  text-align: left;}  
.ac-r-in div::-webkit-scrollbar, .up-in::-webkit-scrollbar { width: 6px; }
.ac-r-in div::-webkit-scrollbar-track, .up-in::-webkit-scrollbar-track { background:#989392; }
.ac-r-in div::-webkit-scrollbar-thumb, .up-in::-webkit-scrollbar-thumb {background: #a05858; border: 2px solid #989392; }
.ac-r-in div p:first-letter {color: #610303; font: 13px elbing;}

.ac-picture span {
  display: block;
  position: absolute;
  font: 8px arial;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 7px; 
  background: silver;
  top: 300px;}
  
.ac-r-in div p {
  margin: 3px 0 5px 0;}
  
.taken {
  position: absolute;
  z-index: 999;
  height: 335px;
  top: 90px;
  width: 160px;
  left: 5px;
  background: rgba(0, 0, 0, 0.85);}
  
.taken span {
  background: #d84848;
  position: absolute;
  display: block;
  padding: 5px;
  width: 90px;
  top: 160px;
  left: 30px;
  text-align: center;
  font: 8px arial;
  text-transform: uppercase;
  letter-spacing: 2px;
  }

.NOT-taken {display: none;}

.up-bg {
  background: rgba(0,0,0,0.65);
  position:absolute;
  z-index: 999;
  width: 400px;
  height: 300px;
  top: 70px;
  left: 126px;
  }

.up-in {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJUlEQVQImV2LsQ0AIACDuKP/J5yJk4NuBALqqlVTx4UbAHjEvxwnmyYaTf++BgAAAABJRU5ErkJggg==) repeat;
  background-color: #b0b0b0;
  position: absolute;
  width: 380px;
  height: 280px;
  top: 5px;
  left: 5px;
  overflow: auto;
  padding: 5px;}
  
  .up-in span:nth-of-type(1) {
    display: block;
    font: 18px elbing;
    text-transform: uppercase;
    margin: 8px;
    text-shadow: 1px 0px 0px #b15252;
    }
    
  .up-in span:nth-of-type(2) {
    display: block;
    width: 350px;
    font: 11px arial;
    margin: 5px;
    text-align:justify;
    }
.up-in a {
  display: block; 
  background: #4a1111;
  width: 350px;
  padding: 7px 0;
  font: 11px elbing !important;
  text-transform: uppercase !important;
  color: silver !important; 
  letter-spacing: 2px !important;
  opacity: 0.3;
transition: all 1s ease-in-out !important;}
 .up-in a:hover {opacity: 0.6;} 
 
.up-in hr {
  width: 350px;
  height: 6px;
  background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}
</style>

<center>
<div class="action">
<div class="up-bg">
  <div class="up-in">
  <span>fallen from power [акция]</span>
  <hr>
  <span><b>Ведомые</b>: Грешники города Лост Спрингс, чьи воспоминания о прошлой жизни, по каким-то причинам, могут пробиться сквозь завесу новой, адской жизни. Сколько бы ни старались демоны, сколько бы раз они ни пытались стереть остатки их памяти, она, рано или поздно, возвращалась к ним, попади ведомый в знакомую ситуацию, встреть он те же лица, попади в знакомое место. Поэтому демоны нашли интересных выход из ситуации: одарить ведомых губительными способностями. Способностями, для обуздания которых приходится тратить почти все свои силы и время. И нет у них сил на поиск истины.<br>
    Персонажи акции проходят по стандартному шаблону, но получюают от администрации графические плюшки и дополнительные грешки (денежное поощрение).
  </span>
  <hr>
  <a href="https://lsdevotee.rusff.me/viewtopic.php?id=29">придержать персонажа</a>
  </div>
</div>
  
<div class="ac-bg"></div>
</div>
</center>