Код:
<style type="text/css">
/*TITLE FOR CLAIMS*/
.chclaimstitle{width: 620px; height: 60px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #e4fac4; position:absolute; left:50px; top:0px}
/*DESCRIPTION FOR CLAIMS*/
.chclaimsdesc{background:#e4fac4; width:580px; min-height:15px; padding:25px 25px 25px 25px; position:absolute; top:-45px; font-family:arial; font-size:10px; color:#444; line-height:11px; text-align:justify; text-transform:lowercase; opacity:0; z-index:5; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.chclaimstitle:hover{cursor:help}
.chclaimstitle:hover .chclaimsdesc{top:45px; cursor:help; opacity:1; -webkit-transition:top 1.3s ease,opacity 1s ease; -moz-transition:top 1.3s ease,opacity 1s ease; -o-transition:top 1.3s ease,opacity 1s ease; transition:top 1.3s ease,opacity 1s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
/*BOX FOR TEXT*/ 
.chch {background:#e4fac4; width:590px; height:30px; padding-bottom:20px; position:absolute; top:110px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.chfemale {background:#e4fac4; width:590px; height:140px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:420px; overflow-y:auto; overflow-x:hidden}
.chmale {background:#e4fac4; width:590px; height:200px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:180px; overflow-y:auto; overflow-x:hidden}
/*TEXT THAT HOVER CHANGES*/
.chcharname, .chchardesc{font-family:arial; font-size:8px; line-height:22px;letter-spacing:2pt; text-transform:uppercase}
.chcharname{background:#5aced5; color:#444; width:60px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1}
.chchardesc{background:#5aced5; color:#444; width:205px; height:20px; text-align:center; display:block; position:absolute; top:0px; left:0px; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
.chcharname:hover .chchardesc{cursor:default; color:#444; opacity:1; -webkit-transition:opacity 0.2s ease,color 1.5s ease; -moz-transition:opacity 0.2s ease,color 1.5s ease; -o-transition:opacity 0.2s ease,color 1.5s ease; transition:opacity 0.2s ease,color 1.5s ease}
.chtitle { width: 620px; height: 30px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;}
.chtitle2 { width: 620px; height: 30px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;}
/*END OF CSS FOR CLAIMS SITE TEMPLATE*/
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
background: #577e01;
color: #FFF;
padding: 10px 10px;
bottom: 1px;
right: 5;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
position: absolute;
bottom: -1px;
right: 5px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
display: block;
}
</style>
<center><div style="width: 550px; border: 4px solid #5aced5; background: #e1eeee url(http://funkyimg.com/i/JmdY.png);">
<div style="width: 500px; padding: 15px;"><div style="background: #e1eeee; width: 500px;">
<div style="font-family: courier new; font-size: 8px; line-height: 6px; padding-left: 4px; padding-right: 4px; padding-top: 2px; letter-spacing: 1px; text-transform: uppercase; width: 400px; padding-bottom: 6px; text-align: justify; color: #a1a1a1; width: 392px;">

</div>
<center><img class="postimg" src="http://funkyimg.com/i/JnLX.png"></center><br>

<font style="font-size: 28px; font-family: Comic Sans Ms; color: #aa0f05; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>WEREWOLF</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>WE MUST BE KILLERS CHILDREN OF THE WILD ONCE<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/JnhW.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="100%" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#802722">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>Оборотень — существо, обладающее способностью превращаться из человека в животное.
Сильные оборотни (в большинстве случаев — альфы) могут полностью превращаться в животное или принимать облик более могущественного зверя, имеющего сходные черты с этим животным. В человеческом облике оборотни обладают сверхъестественными способностями и силами, в несколько раз превышающими людские. Новообращённые и неопытные оборотни теряют контроль над своими силами под воздействием полной луны. В полнолуние они дерутся с представителями своего вида, убегают в лес и убивают попадающихся им людей и животных для того, чтобы поесть. Повлиять на «сорвавшихся» может только их альфа, но и ему придётся затратить на это немало усилий. Оборотни попытаются убить его. Оборотень может контролировать процесс обращения в полнолуние, удерживая свою человеческую сущность с помощью так называемого «якоря». Якорем для оборотня может быть любое сильное чувство (любовь, ненависть, жажда мести) или близкий человек. На полнолуние приходится пик способностей оборотня. На следующий день он более уязвим. Его силы возрастают и убывают согласно лунному циклу. Лунное затмение полностью лишает оборотня способностей.
<table><tr><td><i><b>α - alfa</i></b>
<br>- - - - - - - - - 
<br>Альфа — лидер стаи оборотней. Самый сильный, стойкий и опытный оборотень. Его сила заключается в количестве бет. Альфу можно узнать по вспыхивающей красным радужке глаз.</td><td><i><b>β - beta</i></b><br>- - - - - - - - - 
<br>Бета — в стае были обращены укусом его альфы, но беты могут выбирать себе стаю. Если бета привязывается к другому альфе, он имеет право уйти за ним. Окрас радужки беты — золотой, если бета никогда не убивал. После убийства глаза беты светятся голубым. Их сила зависит от опыта, личных качеств и возраста.</td><td><i><b>Ω - omega</i></b><br>- - - - - - - - - 
<br>Омега — одиночка. Это ушедшие из стаи или потерявшие стаю оборотни. Омеги слабы и долго не живут. Кроме того, они теряют контроль над своими силами, и, чем дольше находятся вне стаи, тем и внешне, и поведением больше похожи на зверей.</td></tr></table></center>
</div>
   </td>
   </tr>
   </table>

<br><font style="font-size: 28px; font-family: Comic Sans Ms; color: #41aacd; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>KITSUNE</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>TRICKSTER FOX SPIRIT<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/Jniv.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="440px" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#41aacd">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>Кицунэ описываются как обманщики, которых совершенно не волнуют такие понятия, как хорошо или плохо.
<br>- - - - - - - - - - - - - - - - - - - - - - - - 
<br><i><b>Аура Кицунэ.</b></i>
<br>Кицунэ невозможно узнать или заметить невооруженным взглядом. Но если же вы воспользуетесь цифровым фотоаппаратом или любым приспособлением для того чтобы выслеживать оборотней, то вы заметите огненную оболочку вокруг объекта. Оболочка [аура] имеет форму лисы с большими заостренными ушами и мордой. В одном из эпизодов Дерек Хейл объяснил это тем, что молодые кицунэ еще не умеют скрывать свою истинную природу, что значит, если кицунэ уже не так уж молода вам будет весьма тяжело понять кто же она. 
<br>- - - - - - - - - - - - - - - - - - - - - - - - 
<br><i><b>Виды Кицунэ.</b></i>
<br>Существует тринадцать видов кицунэ. Лишь пятеро были отмечены в сериале: небесная, дикая, океан, гром, пустота.</font></center>
</div>
   </td>
   </tr>
</table>
<br><font style="font-size: 28px; font-family: Comic Sans Ms; color: #00b062; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>KANIMA</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>HOMICIDAL LIZARD<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/JnEL.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="100%" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#00b062">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>Канима - оборотень представляющий собой ящера. Канима одного роста с человеком, покрыта чешуей, имеет длинный цепкий хвост и может подняться по стене, как некоторые разновидности ящериц. Его когти длинные и выделяют яд, который может парализовать жертву в течение нескольких часов.
После превращения канима ищет хозяина, а когда находит его, то получает все его сильные и слабые стороны. Хозяин управляет канимой, одной мысли хозяина о смерти какого-либо человека достаточно, что бы канима исполнила его пожелание.
Канима - вид оборотня, от превращения в которого можно избавиться. Но для этого нужно сильное эмоциональное воздействие. К примеру - любовь.</center></font>
</div>
   </td>
   </tr>
   </table>

<br><font style="font-size: 28px; font-family: Comic Sans Ms; color: #0f5171; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>BANSHEE</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>YOU'RE PSYCHIC? I'M SOMETHING<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/JnHE.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="100%" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#0f5171">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>Банши - девушка предвестница смерти. Ее пронзительный крик можно услышать на расстоянии в километры. Своим криком она может призвать на помощь в случае опасности, а так же, чтоб сосредоточиться, отключиться от внешнего мира и прислушаться к голосам, которые может слышать только она. Это шепот других банши и уже погибших людей, они оповещают девушку о скорой смерти и могут привести ее к тому месту, где кто-то умрет. Так же девушка может услышать чей-то определенный шепот, но для этого ей нужна вещь связанная с этим человеком.</center></font>
</div>
   </td>
   </tr>
   </table>


<br><font style="font-size: 28px; font-family: Comic Sans Ms; color: #8fae64; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>DRUID</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>WISE OAK<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/JnL8.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="100%" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#8fae64">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>
<br>- - - - - - - - - - - - - - - - - - - - - - - - 
<br><i><b>Друид</i></b>
<br>"Друид" на гэльском языке означает "мудрый дуб".
В мифологии сериала «Волчонок», друиды выступают в качестве советников, посланников волчьих стай. 
Эта связь сформировалась в Древней Греции после того как король Ликаон и его сыновья были превращены в волков Зевсом.
Друиды обладали способностями смены облика и, хотя они не могли отменить проклятие, они учили Ликаона как из волка в человека и обратно. 
<br>- - - - - - - - - - - - - - - - - - - - - - - - 
<br><i><b>Дарак</i></b>
<br>В то время как друид означает "мудрый дуб" и указывает на преданность к философии и религии, Дарак означает "темный дуб" и обозначает извращение убеждений друида.
<br>- - - - - - - - - - - - - - - - - - - - - - - - 
<br><i><b>Неметон</i></b>
<br>Словом неметон описывают священное пространство друида. 
Неметон существует лишь за пределами Бикон Хиллз. Однажды это было большим священным деревом, но все, что осталось теперь это пень и большая корневая система, которая вросла в подвал заброшенного дома.
Остатки дерева могут поглощать мощность жертвоприношений и друиды могут использовать эту силу по-разному.</center></font>
</div>
   </td>
   </tr>
   </table>

<br><font style="font-size: 28px; font-family: Comic Sans Ms; color: #938ba4; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>WOLFSBANE</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>АКОНИТ<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/JnLB.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="100%" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#938ba4">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>Аконит - ядовитое растение со сверхъестественной силой. В зависимости от использования оно может как убить оборотня, так и излечить его. Яд волчьего аконита охотники используют для пропитывания стрел и приманки для хищников
</center></font>
</div>
   </td>
   </tr>
   </table>

<br><font style="font-size: 28px; font-family: Comic Sans Ms; color: #cdcdcc; text-shadow: #897336 1px 1px 0px; padding-bottom: -20px; font-style: italic;"><center>WILD ASH</center></font> <font style="color: #99a8ab; font-family: Times New Roman; font-size: 9px; letter-spacing: 3px; text-shadow: #dde5e7 1px 1px 0px;"><center>РЯБИНА<center></font>
<center><img class="postimg" src="http://funkyimg.com/i/JnLC.png"></center>
<tr>
   <td colspan="2">
<table border="2" cellspacing="2" cellpadding="2" width="100%" style="background-color:#e1eeee; color:#4b3c30"; bordercolor="#cdcdcc">
   <tr>
   <td><div align="justify">
<font style="font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #322626; text-align: justify; overflow: auto; text-shadow: #eaeae8 1px 1px 0px;"><center>Рябина - дерево, обладающее сверхъестественной силой против оборотней. Оборотень, которого заточили в круг обсыпанный пеплом рябины не может из него выбраться, а так же рябина и изделия сделанные из нее лишают оборотня всей сверхъестественной силы.
</center></font>
</div>
   </td>
   </tr>
   </table>