В данной акции представлены каноничные персонажи из сериала "Сверхъестественное".
Код:
<!--HTML-->
<center>
<table>
<tr>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RVpq.png);">
<div class="hoveraz">
<div class="alpty">
Бобби Сингер
</div>
<div class="etyf">
<br>Друг семьи Винчестер. Охотник
<br><b>Выглядит как:</b> Jim Beaver
<br><b>Дата рождения:</b> 12 августа 1950 г. (48 лет)
<br>Роберт Стивен «Бобби» Сингер — охотник, эксперт демонологии и мифологии. «Второй отец» для Винчестеров. У Бобби имеется огромная библиотека со старыми книгами, из которых он черпает информацию. Вырос в неблагополучной семье. Его отец Эд Сингер был пьяницей и домашним тираном, постоянно избивавшим жену и сына за каждую мелочь. Во время одной из таких ссор, когда Эд унижал и собирался побить жену, маленький Бобби взял винтовку и предупредил отца, что убьёт его, если он еще раз тронет его или мать. Но Эд не внял предупреждениям сына, и Бобби выстрелил отцу в голову, а потом спрятал тело. Мать, как вечная жертва мужа-тирана, упрекала сына за его поступок. Это в дальнейшем отразилось на жизни Бобби, он уверовал, что станет плохим отцом, и запил, а также не хотел заводить детей, что послужило причиной размолвок с женой. Бобби стал охотником после смерти жены, которая умерла по вине вселившегося в неё демона. Она была одержима, и это вынудило Бобби убить её. Он Знаком с Джоном Винчестером и помогает ему присматривать за мальчишками, пока Джон на охоте.
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RXFo.png);">
<div class="hoveraz">
<div class="alpty">
Руфус Тёрнер
</div>
<div class="etyf">
<br>Охотник
<br><b>Выглядит как:</b> Steven Williams
<br>Охотник, который помог Бобби Сингеру, когда его жена, Карен Сингер, была одержима демоном. Он изгнал демона и познакомил Бобби с миром сверхъестественного. Они охотились вместе в течении многих лет до тех пор, пока в Омахе во время охоты не умерла женщина, очень важная для Руфуса. После этого инцидента они разошлись.
Как и у большинства охотников, у Руфуса есть свои тайники и укромные убежища.
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RXG6.png);">
<div class="hoveraz">
<div class="alpty">
Эллен Харвелл
</div>
<div class="etyf">
<br>Владелица бара "Дом у дороги", охотница
<br><b>Выглядит как:</b>Samantha Ferris
<br>Эллен — владелица бара, где постоянно собираются охотники. Долгое время она и её муж Билл дружили с Джоном Винчестером, пока в 1995 году Билл не погиб во время совместной охоты с Джоном. С тех пор Джон, так и не простивший себя за смерть Билла, держался от Эллен подальше. Джон и Эллен не разговаривали в течение длительного времени до его смерти. За четыре месяца до смерти Джона Эллен отправила ему голосовое сообщение, сказав, что может помочь ему с Желтоглазым.
У женщины есть дочь - Джо, которой сейчас 13 лет.
</div>
</div></div></div>
</td>
</tr>
<tr>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RZ33.png);">
<div class="hoveraz">
<div class="alpty">
Джим Мёрфи
</div>
<div class="etyf">
<br>Пастор, друг семьи Винчестер
<br><b>Выглядит как:</b>Dominic Cooper
<br>Джим — пастор в церкви, расположенной в Голубой Земле, Миннесота. Джон доверяет ему и, уезжая на охоту, оставляет маленьких Дина и Сэма под его присмотром. В подвале прячет большой арсенал оружия охотника на нечисть.
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RZ4C.png);">
<div class="hoveraz">
<div class="alpty">
<s>Дин Винчестер</s>
</div>
<div class="etyf">
<br>Старший сын Джона Винчестера. Охотник
<br><b>Дата рождения:</b> 24 января 1979 г. (19 лет)
<br><b>Выглядит как:</b> Brock Kelly
<br> Был назван в честь своей бабушки по материнской линии — Дианы Кэмпбелл. С тех пор как он вынес из горящего дома своего младшего брата, считал себя ответственным за его судьбу, защищая и оберегая Сэма любыми средствами, даже ценой своей собственной жизни. В детстве мечтал стать пожарным, но судьба, в лице отца, распорядилась иначе. Дин стал охотником на нечисть. На жизнь зарабатывает виртуозной игрой в бильярд и махинациями с кредитными картами. Отец частенько оставляет его с младшим братом, уходя на охоту, где может задерживаться по несколько дней. Случается что в их доме (т.е номере мотеля, где они останавливаются) не бывает даже элементарной еды. А последние крохи Дин отдает младшему брату, заботясь о нем словно родная мать. Благодаря отцу Дин приобрёл качества, необходимые настоящему борцу с «нечистой силой»: он меткий стрелок, умеет обращаться с оружием и знает практически всё о сверхъестественных существах, с которыми приходится сражаться. Дин отличается своим чувством юмора, которое не покидает его даже в самых безвыходных ситуациях. Часто за иронией Дин пытается скрыть настоящие чувства. Если Сэм всегда говорит о том, что чувствует и что его тревожит, то Дин предпочитает держать всё в себе. Ему совсем нелегко говорить о своих чувствах открыто, он предпочитает просто отшутиться. Дин испытывает повышенный интерес к женскому полу и постоянно флиртует с девушками. Он абсолютно не уважает власть и готов пойти на что угодно ради дела, поэтому у него проблемы с законом и полицией. Представляясь чужими именами, Дин часто называет имена рок-музыкантов. Большой поклонник кино, особенно помешан на вестернах, знает по именам всех актёров и фильмы, в которых они играли. Любит поесть, что очень часто можно наблюдать во многих эпизодах сериала. Боится летать на самолётах, поэтому предпочитает путешествовать на автомобиле.
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RZ4B.png);">
<div class="hoveraz">
<div class="alpty">
Сэм Винчестер
</div>
<div class="etyf">
<br>Полное имя - Сэмуель, в честь деда. Младший сын Джона Винчестера.
<br><b>Дата рождения:</b> 2 мая 1983 г. (15 лет)
<br><b>Выглядит как:</b> Colin Ford
<br>С самых юных лет Сэм не знает оседлой жизни. У него нет ни дома, ни постоянного места учебы, но, несмотря на это, он умудряется хорошо учиться, много читает и, вообще, очень любознательный мальчик.
В отличие от брата, Сэм не послушный солдатик, всецело подчиняющийся воле отца. Работа, которую навязывает им отец, не вызывает у него восторга. Он мечтает стать нормальным человеком, забыть о существовании сверхъестественного или хотя бы притвориться, что никогда о нем не слышал. По характеру Сэм, в значительной мере, пошел в отца, такая же целеустремленность и неуступчивость, и из за этого они часто ссорятся. Сэм очень умный, за это Дин нередко называет младшего брата зубрилой и ботаном. В отличие от брата, Сэм очень уважает закон, и любое противозаконное действие вызывает у него протест. Сэм не любит лгать и чувствует себя неловко, когда приходится это делать, даже во имя спасения человеческой жизни.
</div>
</div></div></div>
</td>
</tr>
</table>
</center>
<link href='https://fonts.googleapis.com/css?family=Oswald|Poppins' rel='stylesheet' type='text/css'>
<style>
#alipz {
width: 190px;
height: 230px;
overflow: hidden;
border: 7px solid #FFFFFF;
box-shadow: 4px 4px 4px #EBEBEB;
border-radius: 3px;
}
.hoveraz {
width: 190px;
height: 230px;
background-color: #FCFCFC;
position: relative;
top: 190px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transform: rotate(0deg);
}
#alipz:hover .hoveraz {
top: 0px;
transform: rotate(360deg);
}
.alpty {
padding: 13px;
height: 14px;
color: #FFF;
text-align: center;
background-image: url('http://i.imgur.com/eYDxsWO.png');
font-family: Oswald;
font-size: 22px;
line-height: 14px;
text-transform: uppercase;
}
.etyf {
font-family: georgia;
font-size: 11px;
padding: 12px;
height: 170px;
margin: 0px auto;
width: 161px;
background-color: #FAFAFA;
overflow: auto;
color: #222;
border-left: 5px solid #333;
text-align: justify;
line-height: 100%;
}
.txpf {
font-family: courier new;
font-size: 9px;
text-transform: uppercase;
color: #222;
background-color: #FAFAFA;
padding: 3px;
}
.twpt {
font-family: Oswald;
font-size: 25px;
text-transform: uppercase;
color: #FFF;
background-image: url('http://i.imgur.com/eYDxsWO.png');
padding: 24px;
width: 575px;
}
.etyf b {
font-size: 12px;
color: #222;
text-shadow: 2px 1px #D5D4D4;
}
.etyf i {
font-size: 12px;
color: #222;
text-shadow: 2px 1px #D5D4D4;
}
</style>
