Код:
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marvel|Oswald|Wire One' rel='stylesheet' type='text/css'>
<style type="text/css">
.hl { opacity:0; margin-top: -50px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; width: 440px; height:70px; padding:15px; text-align: justify; background-color:#fafafa; font-family:calibri; line-height:90%; overflow: auto;}
.hl:hover {opacity:0.9; margin-top:10px;}
.dpim {width: 470px; height: 100px;background-color: #e2fdff; border: 3px double #add8dc; background-image: url(http://funkyimg.com/i/HW5X.png);}
.dpim:hover .hl {opacity:0.9; margin-top:-10px;}
</style>
<style type="text/css">
.canonhov { opacity: 0.0; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; background: #e2feff; color: black; font-family: Tahoma; text-align: justify; width: 200px; height: 130px; padding: 5px; }
.canonhov:hover { opacity: .90 }
</style>
<style type="text/css">
#canon-list { width: 410px; padding: 10px; }
#canon-list .canonname { width: 200px; padding: 2px; background-color: #c9f8fc; text-align: center; font-family: georgia; font-size: 13px; color: #20908e; text-shadow: 1px 1px 0px white; font-style: italic; }
.canonquick { width: 200px; height: 5px; background-color: #c9f8fc; text-align: center; font-family: georgia; font-size: 10px; color: #eee; }
#canon-list .canoninfo { width: 200px; font-family: Tahoma; font-size: 11px; line-height: 11px; color: black; text-align: justify; margin-bottom: 5px; }
</style>
<style type="text/css">
.text {background: white; color: black; width:350; height: 80px; padding-left:10px; padding-right:10px; overflow:auto; transition-duration: .9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; opacity: 0.0; }
.text:hover {opacity: 0.9;}
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background-color: #d5f0f6; }
::-webkit-scrollbar-thumb { background-color: #2789a1; }
</style>
<center>
<div style="width: 480px; background-color: #43cec3; border-top: 1px solid #18988d; border-left: 1px solid #18988d; border-right: 1px solid #18988d; border-bottom: 1px solid #18988d; color: white; padding: 5px;">
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; color: white; letter-spacing: 5px; margin-bottom: -10px;">where you been? he said</div>
<div style="font-family: Oswald; font-size: 50px; letter-spacing: 2px; text-align: center; margin-top: -5px;">ASK ANYTHING</div>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; color: #b6b6b6; margin-top: -76px;" class="text"><b>мы уже любим вас.</b><br>
<b>DECADANCE</b><br>
<b>тематика</b>: реал-лайф<br>
<b>система игры</b>: эпизодическая<br>
<b>время и место нашего действа</b>: параллельно с реальностью, пригород денвера, колорадо, соединенные штаты<br><b>1.</b> внешности держим всего три дня.<br><b>2.</b> имена и фамилии подаются вместе и холодными. это пункт необязательный. кому очень уж хочется, что отпишитесь. <br><b>3. имена могут повторяться! фамилии тоже.</b> пусть только без паталогии, но однофамильцы вполне реальная история. только в одном маленьком городке их немного, серьезно.</div>
</div>
</center>
<center><div style="width: 480px; height: 600; background-image: url(http://shizoo-design.de/stuff/patterns/412.png); background-repeat: repeat; border-left: 5px solid #18988d; border-top: 5px solid #18988d; border-right: 5px solid #18988d; border-bottom: 5px solid #18988d; margin-top: 10px; padding: 30px;">
<center><div style="background-color: #e2fdff; border-left: 3px double #add8dc; border-top-left-radius: 20px; border-top: 3px double #add8dc; border-right: 3px double #add8dc; border-bottom-right-radius: 20px; border-bottom: 3px double #add8dc; padding: 10px;">
<center><div style="width: 320px; background-color: #c9f8fc; border-bottom: 1px double #add8dc; border-left: 1px double #add8dc; border-top: 1px double #add8dc; border-right: 1px double #add8dc; text-transform: uppercase; font-size: 40px; font-family: Oswald; letter-spacing: 2px;">decadance</div>
<div style="position: absolute; width: 320px; background-color: #c9f8fc; margin-top: -30px; margin-left: 67px; font-style: verdana; font-size: 8px; text-transform: lowercase; letter-spacing: 3px;">you build your paradise</div></center>
<center><div style="width: 320px; text-align: justify; font-style: normal; height: 100px; overflow: auto;">вы сами строите свой рай. если вам хочется чего-то, то воплотите мечты в реальность. лучше места, чем денвер, вы не найдете. даже не пытайтесь.
<br>
если душа просит уюта, то ваше место здесь.
если окружающий мир разочаровывает вас, будь то счета за электричество, злая соседка снизу или удушливые испарения от радиоактивных грибов, что проросли на клумбе, то ваше место здесь.<br>
если вы сбились с ног, ища место, где нет мордобоя-каждый-божий-день-час-минуту, то ваше место здесь.<br>
если вы просто хотите проводить вечера с бокалом терпкого вина, смотря новую серию гриффинов, то ваше место <b>здесь</b>.</div></center>
<div style="width: 320px; background-color: #c9f8fc; border-left: 1px double #add8dc; border-top-left-radius: 10px; border-top: 1px double #add8dc; border-right: 1px double #add8dc; border-bottom-right-radius: 10px; border-bottom: 1px double #add8dc; border-bottom-left-radius: 10px; border-top-right-radius: 10px; padding: 5px; margin-top: 5px; text-align: center;">
<center><div style="font-family: georgia; font-size: 13px; color: #20908e; text-align: center; text-shadow: 1px 1px 0px white; font-style: italic;">удивительные и невероятные</div></center>
<span class="tooltip"><a href="ссылка"><b>abigail</b></a><em><img src="http://funkyimg.com/i/HJBL.jpg"><br><b>эбигейл чейз</b><br></em></span> ● <span class="tooltip"><a href="ссылка"><b>kate</b></a><em><img src="http://funkyimg.com/i/HQQG.png"><br><b>кэтрин риддл</b><br></em></span> ● <span class="tooltip"><a href="ссылка"><b>rose</b></a><em><img src="http://funkyimg.com/i/HQQH.png"><br><b>розалия руссо</b><br></em></span> ● <span class="tooltip"><a href="ссылка"><b>jane</b></a><em><img src="http://funkyimg.com/i/HQRz.png"><br><b>джейн сноу</b><br></em></span></div>
</div></center>
<div style="height: 15px;"></div>
<div class="dpim"><div style="padding-top:10px;"></div>
<div class="hl">
<center><div style="font-family: georgia; font-size: 17px; color: #20908e; text-align: center; font-style: italic; font-weight: bold; letter-spacing: -2px; word-spacing: 3px;">we are searching for ...</div></center>
мы ищем тебя, человек. [нужные, которых пока что нет]
</div>
</div>
<div style="height: 15px;"></div>
<div style="background-color: #e2fdff; border-left: 3px double #add8dc; border-top-right-radius: 20px; border-top: 3px double #add8dc; border-right: 3px double #add8dc; border-bottom-left-radius: 20px; border-bottom: 3px double #add8dc; padding: 10px;">
<center>
<div id="canon-list">
<table>
<tr>
<td>
<div class="canonname">внешности</div>
<div style="width: 200px; height: 140px; background-image: url(http://funkyimg.com/i/HTGM.png); "><div class="canonhov">
<div style="width: 170px; height: 120px; padding: 5px; text-align: justify; font-family: Tahoma; font-size: 10px; line-height: 11px; color: black; overflow: auto;">
<br>
<br>
<br>
</div>
</div></div>
<div class="canonquick"></div>
</td>
<td>
<div class="canonname">имена//фамилии</div>
<div style="width: 200px; height: 140px; background-image: url(http://funkyimg.com/i/HTGN.png);"><div class="canonhov">
<div style="width: 170px; height: 120px; padding: 5px; text-align: justify; font-family: Tahoma; font-size: 10px; line-height: 11px; color: black; overflow: auto;">
margaret black для <b>афия мухтаровна</b><br>
<br>
<br>
<br>
</div>
</div></div>
<div class="canonquick"></div>
</td>
</tr>
</table>
</div>
</div>
</center>
</div>
</div></center>
