Код:
<!--HTML--><style type="text/css">
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>
.canonspace { height: 140px; }
.canonlayer {background-color: #b9aed3; font-size: 14px; padding-top: 6px; font-family: 'Monda', sans-serif; padding-bottom: 5px; color: #FFFFFF; text-align: center; text-decoration: uppercase; white-space:normal; border-top:3px double #ffffff; border-bottom:3px double #ffffff; line-height: 13px; letter-spacing: -1px; background-image: url(http://s5.uploads.ru/t/dZK61.png); }
.canonrper { font-size: 7px; text-transform: uppercase; letter-spacing: -1px; font-family: 'Monda', sans-serif; }
.canonmain { letter-spacing: -1px; padding: 4px; text-transform: none; font-family: 'Monda', sans-serif; line-height: 11px; font-size:12px; text-align: justify; overflow: auto; height: 141px; background-image: url(http://i.imgur.com/ONtflUl.png); }
#canons { width: 150px; height: 150px; white-space:normal; border:3px double #000000; position: relative; overflow: hidden; -webkit-box-shadow: outset 1px 1px 2px 1px #861313; box-shadow: outset 1px 1px 2px 1px #861313;}
#canons .how { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; top: 0px; bottom: 0px; width: 150px; height: 150px; }
#canons:hover .how { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1.0S ALL EASE-IN-OUT; O-TRANSITION: 1.0S ALL EASE-IN-OUT; top: -170px; }
#canonspan { color: #f93609; font-family: 'Monda', sans-serif; font-weight: bold; }
.canonmain b { color: #09889b; font-weight: 800; }
.canonmain i { color: #9a2222; }
.cansize { background-size: 150px 150px; }
</style>
<table cellspacing="1" cellpadding="1">
<tr>
<td>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://sh.uploads.ru/t/ArIfZ.gif); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Король Швеции
<div class="canonrper">Gary Oldman</div></div></div></div><div class="canonmain">
<P>
Король был замешан в нешуточном секс-скандале в 2010 г. вышла скандальная книга "Карл XVI Густав: монарх поневоле", авторы которой в красках рассказывают об оргиях, в которых участвовал шведский монарх, о его визите в стриптиз-клуб и связях с преступным миром, а также о связи с известной шведской певицей.
</div></div></center></td>
<td>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://s0.uploads.ru/t/xtO0g.gif); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Королева Сильвия
<div class="canonrper">Michelle Pfeiffer</div></div></div></div><div class="canonmain">
<P>
Эгоистичная и очень властная женщина. Сильно занята репутацией монархии и семьи. Против её упразднения. До брака она была простолюдинкой. Родила в браке троих детей. Королева Швеции активно работает в области помощи инвалидам, она — председатель Свадебного Королевского фонда, средства которого идут на исследования, помогающие спортсменам-инвалидам. Возглавляет Международный Детский Фонд.
</div></div></center></td>
<td>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://sa.uploads.ru/t/5WpSZ.gif); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Кронпринцесса (занята)
<div class="canonrper">Alexandra Park</div></div></div></div><div class="canonmain">
<P>
Полное имя Линнея Ингрид Алиса Дезире, герцогиня Вестерготландская ( род. 14 июля 1987 года в Стокгольме) — наследница шведского престола, дочь короля Швеции Карла XVI и королевы Сильвии, старшая сестра принца (имя) и принцессы (имя). Её в прессе называют "Линноргией" за её разгульную жизнь, встречи с подозрительными парнями, принятие огромной массы алкоголя и наркотиков. Сильно любит короткие платья, духориться и наносить тонну косметики. Хорошие взаимоотношения с отцом и сестрой. Однако частые ссоры с матерью, которая конкурирует с дочкой. Хотя всё-таки в глубине души она хорошая, очень ранимая и недоверчивая.
</div></div></center></td>
</tr>
<tr>
<td>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://s5.uploads.ru/t/FG6ZQ.gif
); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Герцог Вестерготландский(занят)
<div class="canonrper">Tom Austen</div></div></div></div><div class="canonmain">
<P>
Будущий супруг кронпринцессы Швеции Линнеи . Он на четыре года старше своей возлюбленной. Бывший военный, и не принадлежит к какой-либо аристократической семье.
</div></div></center></td>
<td>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://sd.uploads.ru/t/j9Rdw.gif
); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Принцесса (придержана)
<div class="canonrper">Katie McGrath</div></div></div></div><div class="canonmain">
<P>
Дочь короля Швеции Карла XVI Густава и королевы Сильвии. Занималась верховой ездой на профессиональном уровне. Участвовала в конных соревнованиях. Является членом конно-спортивного клуба Faeltrittklub в Стокгольме. В апреле 1998 года завоевала в соревнованиях в Кёниге второе место и серебряный кубок. В соревнованиях она участвовала под именем Анны Свенсон, чтобы не вызывать лишнего ажиотажа среди публики и прессы.
Любит путешествовать.
</div></div></center></td>
<td>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://s2.uploads.ru/t/jf5yp.gif
); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">Принц Карл Филлип
<div class="canonrper">Alexander Skarsgård</div></div></div></div><div class="canonmain">
<P>
Шведский принц. Не женат. Он второй ребенок и единственный сын правящего короля Карла XVI и королевы Сильвии. Имеет полный титул Его Королевское Высочество принц Карл Филипп Шведский, герцог Вермландский.
</div></div></center></td>
</tr>
</table>
$2")
}}
