Код:
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type='text/css'>
#werewolf {
width: 490px;
height: 200px;
overflow: hidden;
padding: 0px 30px 0px 00px;
}
#werewolf .coco {
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
margin-top: 170px;
}
#werewolf:hover .coco {
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
margin-top: 10px;
}</style>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5664013.png);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">reginald bates</div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>реджинальд бейтс — тридцать пять лет — маглорожденный — основатель организации</center> <br><br>
бейтс — возможно, самый опасный человек во всей магической британии на сегодняшний день. великолепный стратег, наделенный и холодным умом, и горячим сердцем, он с мастерством гроссмейстера разыгрывает партию за партией, только вот вместо пешек он предпочитает живых людей. мало кто знает, чем он занимался до 'инквизиции' — мужчина не привык распространяться о своей жизни. пару раз он упоминал, что оба его родителя были маглами, и, кажется, что в хогвартсе он учился на рейвенкло, но, пожалуй, это единственная информация, которую вы сумеете о нем узнать. он не привык демонстрировать свои эмоции, порою кажется, что у него их вовсе нет. возможно, это вас удивит, но поражение министерства магии — не единственное, что беспокоит реджинальда. не меньше он волнуется о своих подопечных, только вот сам он этого никогда не признает. ведь он собрал их всех вместе — это он тенью следил за магическим миром, это он выискивал их, потерявших надежду, живущих лишь мыслью о мести. это он научил их всему — боевой магии, целительству, разведке. они стали семьей для него, семьей, которой у него давно уже не было. и если кто-то из них погибнет, то реджинальд уже не сможет простить это себе. и это не говоря о том, что среди 'инквизиторов' его собственный сын аллен.
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">michael fassbender</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5653773.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">jason frey</div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>джейсон фрей — двадцать три года — полукровный — боевой маг</center><br><br>
когда-то джейсон был неприметным гриффиндорцем — он не был ни звездой квиддича, ни блестящим студентом, ни любимцем компаний. он был самым обычным парнем, слишком много пил, слишком мало беспокоился о будущем. 'ничто не изменит мой мир' – думал он и ошибался. двадцатое марта девяносто восьмого. эту дату он запомнит навсегда. с утра он поцеловал на прощанье мать, похлопал по спине отца и отправился в госпиталь святого мунго, где тогда подрабатывал на полставки. вечером, возвращаясь домой, он не заметил ничего необычного. кроме черной метки, витавшей над их домом. он бросился к входной двери, но было уже поздно. его родители были убиты. он не мог ничего поделать. он пытался выслеживать пожирателей смерти, он мечтал отомстить. но каждый раз он едва успевал доставать палочку, когда в него устремлялся 'круциатус'. он искал смерти, но пожирателям нравилось лишь мучить. когда война закончилась, он решил стать мракоборцем. возпользовавшись статусом стажера, он проник в архивы визенгамота и выяснил, кто именно убил его родителей. узнав, что виновные остались на свободе, убедив судей, что находились под 'империусом', фрей пришел в ярость. недолго думая, он отправился и убил тех, кто оставил его сиротой. увы, магический мир тесен, а юный фрей не ставил перед собой цель скрываться – его вычислили через несколько недель. наказанием стало отчисление из штаба мракоборцев. его возмущению не было предела — как так, ведь он убил тех, кто мучил десятки человек, кто убил столько невинных людей. джейсон понял, что все это время министерство было ничем не лучше пожирателей смерти. и тогда бейтс нашел его. потерявшего надежду, разочарованного, лишившегося смысла жизни. бейтс воспитал из него первоклассного боевого мага. он дал ему новую цель — ни оставить от министерства ни камушка. и теперь джейсон не остановится, пока не восстановит справедливость.
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">aaron taylor-johnson</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5657869.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">moira dervish</div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>мойра дэрвиш — девятнадцать лет — чистокровная — целительница</center><br><br>
милая мойра — полный тоски взгляд, тонкие пальцы и готовность отдать что угодно ради благополучия любимого брата. они росли вместе: инь и ян, анима и анимус. он был ураганом, вечно находил себе проблемы и лишь изредка выходил из воды сухим. она была тихим и спокойным морем, никогда не жаждала внимания к собственной персоне и всегда всем улыбалась. оставив хогвартс за плечами, она стала интерном в госпитале святого мунго, потому что больше, чем брата, любила разве что помогать нуждающимся. и вот теплой улыбкой и тихим голосом она пробила себе путь в свет магической интернатуры. казалось бы, ее мечта сбылась. она помогала спасать жизни каждый день, ее жизнь была спокойна и рутинна — как раз, как она хотела. но нет, милая мойра, стоит подпустить ураган к себе хоть раз, и ты никогда больше не дождешься штиля. одним холодным вечером фрэнк, весь в крови, постучал в дверь твоей крошечной квартирки в косом переулке и, конечно, ты не могла сказать ему 'нет'. ты понимала, что он попал в беду. ты понимала, что, скорее всего, и ты там же окажешься, если не оставишь его на пороге. но нет, ты же хорошая сестра, да, мойра? ты залечила его раны. ты выяснила, откуда они взялись. ты узнала все об 'инквизиции'. и ты поинтересовалась, не нужны ли им целители.
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">Saoirse Ronan</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5651725.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">frank dervish </div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>фрэнк дэрвиш — двадцать шесть лет — чистокровный — боевой маг</center><br><br>
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">aaron paul</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5669132.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">allen bates </div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>аллен бейтс — двадцать один год — сквиб — стратег</center><br><br>
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">dane dehaan</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5639436.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">martha cobb </div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>марта кобб — двадцать восемь лет — чистокровная — боевой маг</center><br><br>
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">EVA GREEN</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5648655.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">agatha matthews </div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>агата мэттьюс — двадцать пять лет — маглорожденная — разведчица</center><br><br>
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">Holland Roden</div>
</div></div></div></div></center></center><BR><BR><BR><center>
<div style="width: 500px; height: 200px; overflow: hidden; background-image: url(http://savepic.net/5653774.jpg);">
<div id="werewolf">
<div class="coco">
<div style="width: 480px; height: 20px; margin-top: 5px;margin-left:10px; margin-right:10px;background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">esther malone </div>
<div style="width: 460px; height: 100px;margin-left:10px;margin-right:20px; padding: 10px; border-top: 0 px; border-bottom: 0px; margin-top: 10px; background-color: #fff; opacity: 0.8; color: #000; text-align: justify; font-family: verdana; font-size: 9px; line-height: 140%; text-transform: lowercase;">
<div style="width: 460px; height: 100px; padding-right: 5px; overflow: auto;">
<center>эстер мэлоун — двадцать девять лет — полукровная — боевой маг</center><br><br>
</div></div>
<div style="width: 480px; height: 20px; margin-left:10px; margin-right:10px; background-color: #000; opacity: 0.8; line-height: 20px; font-family: 'oswald', sans-serif; margin-top: 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; color: #fff; text-align: center;">HAYLEY ATWELL</div>
</div></div></div></div></center></center><BR><BR><BR><center><div style='margin-top:8px; width:450px; text-align: center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'><a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12224'>за основу взят божественный код robb stark с atf</a></div></center>
