<!--HTML--><style>@import url(http://fonts.googleapis.com/css?family=Comfortaa|Roboto); .calshibicanon1 * { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Roboto; font-size: 10px; line-height: 10px;}
.calshibicanon1 { clear: right; overflow: auto; margin: 10px auto; padding-bottom: 5px; text-align: center; width: 540px; } 
.csc1-wrapper { float: left; margin: 10px; display: inline-block; width: 250px; height: 450px; text-align: left; position: relative; perspective: 1700px; perspective-origin: 0 50%; } 
.csc1-canon { margin: 0; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } 
.csc1-canon > .csc1-image { overflow: hidden; width:250px; height: 150px; } 
.csc1-canon img { max-width: 100%; display: block; position: relative; transition: transform 0.4s; } 
.csc1-info { position: absolute; top: 0; left: 0; padding: 20px 10px; background: rgba(0,0,0,0.8); color: #7c5353; font-weight: bold; height: 150px; width: 125px; opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); transition: transform 0.4s, opacity 0.1s 0.3s; -webkit-transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -webkit-transition: transform 0.4s, opacity 0.1s 0.3s; }
.csc1-infoh { margin: 0 0 5px 0; padding: 0; color: #FFFFFF; font-family: Comfortaa; font-size: 12px; } 
.csc1-canon:hover .csc1-info { opacity: 1; transform: rotateY(0deg); transition: transform 0.4s, opacity 0.1s; -webkit-transform: rotateY(0deg); -webkit-transition: transform 0.4s, opacity 0.1s; } 
.csc1-text { position: absolute; top: 90px; left: 0; padding: 0px 10px; height: 50px; overflow: auto; width: 100%; overflow: hidden;; } 
.csc1-text a { color: #FFFFFF; font-weight: bold; text-decoration: none; } 
.describe{ font-size: 12px; text-align: justify; font-family: Verdana; overflow: visible;  color: #000000} </style>

<div class="calshibicanon1">
<!--CHARACTER DIV START //-->
<div class="csc1-wrapper">
<div class="csc1-canon">
<div class="csc1-image">
<img src="http://s9.uploads.ru/kZ86a.gif"/>
<div class="csc1-info">
<div class="csc1-infoh"> Octavia Goldwater</div>
<br><span> Capitol </span>
<div class="csc1-specs">
<span>17</span><br>
<span>Vanessa Hessler</span>
</div>
</div>
</div>
</div>
<div class="describe"><br>
Вспомни, как хорошо тебе жилось раньше, когда отец еще занимал должность Министра по делам патритизма. Мистер Голдуотер контролилровал распространение идеологии в стране на протяжении двадцати пяти лет, но не смог справится с птичкой-пересмешницей и ее историей про любовь. И Сноу был весьма недоволен, ведь логика проста: если в стране появляются очаги революции и недовольства, то, значит, что-то пошло не так, и данное министерство не справляется со своими обязанностями. Милая Октавия, отца ты не видела уже больше месяца и не представляешь, когда вы встретитесь в следующий раз. Теперь тебе придется ответить за его промахи, доказать поединком в Голодных Играх, что ты чего-то стоишь и сможешь выйти победителем из борьбы. Но вот незадача: ты – леди, но никак не боец. Ты прекрасно владеешь хорошими манерами, мягким нравом и мелодичным смехом, но никак не ножами и топором. Сможешь ли ты пережить Пир у Рога Изобилия, орудуя своей улыбкой? Или пришло время научиться выживать?</div>
</div>
<!--CHARACTER DIV END //-->

</div>

<!--HTML-->
<div class="calshibicanon1">
<!--CHARACTER DIV START //-->
<div class="csc1-wrapper">
<div class="csc1-canon">
<div class="csc1-image">
<img src="http://s1.uploads.ru/d6psP.gif"/>
<div class="csc1-info">
<div class="csc1-infoh"> Cordelia Norton</div>
<br><span> District 9 </span>
<div class="csc1-specs">
<span>17</span><br>
<span>India Eisley</span>
</div>
</div>
</div>
</div>
<div class="describe"><br>
Скажи, Корделия, перестала ли твоя семья уже оплакивать смерть Алексиса, твоего старшего брата? Он ведь приносил основной достаток в семью, с тех пор как отец получил травму позвоночника. Мать работает на поле, но не сможет одна прокормить и тебя, и младшего брата, и бабушку, и умирающего мужа. Как эгоистично было со стороны Алексиса выйти на площадь и требовать прав и свобод в рупор, сбивать с ног миротворцев и рисовать знамя пересмешницы на всех складах, пытаясь убедить Дистрикт и себя самого, что диктатуру Сноу можно одним щелчком убрать. А теперь твое имя громко произносит сопровождающая, ослепительной улыбкой желая тебе удачи в прямом эфире. Но не принимай ее оскал за проявление доброты; живая ты этой стране уже не нужна. Если повезет, то у Рога будет серп, который поможет тебе балансировать на тонкой грани. Смотри внимательней по сторонам, ведь вас на Арене будет двадцать четыре человека, и кто-то точно направит на тебя свою стрелу.</div>
</div>
<!--CHARACTER DIV END //-->

</div>