Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:400,900' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://static.tumblr.com/gezmuyb/bRDnptdr9/steverogers.css"><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'>
<style type="text/css">
.cookie-two { cursor: url(http://www.themesltd.com/cursors/random/tiny_cursor.png), auto; width: 540px; padding: 15px; background-color: ##fff3db; border: 4px solid #fff; outline: 1px solid #ccc; }
.cookie-one { width: 492px; height: 494px; padding: 18px; background-image: url(http://subtlepatterns.com/patterns/crossword.png); border: 5px solid #fff; outline: 1px solid #f7f7f7; }
.cookie-ten { position: relative;    width: 540px; height:  494px; clear: both; overflow: hidden; }
.cookie-eleven { display: block; }
.cookie-eleven label { cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto; display: block; width: 50px; height: 50px; padding: 5px; border-radius: 100%;  background-color: #fff;  border: 1px solid #f7f7f7; position: relative; left: 190px; background-color: #fff; margin-bottom: 10px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
.cookie-eleven label img { opacity: 0; position: relative; top: -20px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-eleven [type=radio] { display: none;    baseline-tab-shift: true, retrieve; }
.cookie-twelve { position: absolute; bottom: 0px; right: 0px; top: 0px; background: white; padding: 9px; width: 400px; left: -420px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; border: 1px solid #f7f7f7f7;  }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label { background: white; opacity: 1; z-index: 2; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } 
.cookie-ten .cookie-eleven [type=radio]:checked ~ label img { opacity: 1; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label ~ .cookie-twelve { z-index: 1; left: 0px; }
.cookie-three { border-radius: 100%; width: 50px; height: 50px; background-color: #000; }
.cookie-blue { width: 50px; height: 50px; background-color: #B5D8EB; border-radius: 100%; }
.cookie-orange { width: 50px; height: 50px; background-color: #FFC8BA; border-radius: 100%; }
.cookie-green { width: 50px; height: 50px; background-color: #93DFB8; border-radius: 100%; }
.cookie-pink { width: 50px; height: 50px; background-color: #FFBDD8; border-radius: 100%; }
.cookie-purple { width: 50px; height: 50px; background-color: #E3AAD6; border-radius: 100%; }

.cookie-four { font-family: arial; font-size: 20px; text-align: center; line-height: 100%; color: #fff; font-weight: bold; position: relative; top: 15px; }
.cookie-five { width: 150px; height: 250px; padding: 9px; border: 1px solid #f7f7f7; background-image: url(http://subtlepatterns.com/patterns/crossword.png); }
.cookie-six { width: 210px; padding-right: 5px; font-family: source sans pro; font-size: 11px; text-align: justify; line-height: 95%; color: #777; height: 409px; overflow: auto; margin-right: 10px; }
.cookie-six::-webkit-scrollbar { width: 10px; }
.cookie-six::-webkit-scrollbar-track { background-color: #fff; }
.cookie-six::-webkit-scrollbar-thumb { background-color: #fff; border: 1px solid #eee; }

.cookie-seven { letter-spacing: -3px; font-family: raleway; font-size: 42px; text-transform: uppercase; font-weight: 900; line-height: 100%; text-align: center; }
.cookie-eight { font-family: raleway; font-size: 10px; text-transform: uppercase; line-height: 100%; font-weight: 400; text-align: center; letter-spacing: 1px; margin-bottom: 10px; color: #999; }
.cookie-cblue { color: #B5D8EB; }
.cookie-corange { color: #FFC8BA; }
.cookie-cgreen { color: #93DFB8; }
.cookie-cpurple { color: #E3AAD6; }
.cookie-cpink { color: #FFBDD8; }
.cookie-nine { width: 170px; height: 127px; font-family: raleway; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; line-height: 100%; color: #999; overflow: hidden; margin-top: 12px; text-align: justify; }
.cookiecredit { cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;  padding: 5px 19px; max-width: 300px; border: 1px solid #eee; font-family: source sans pro; font-size: 9px; text-transform: uppercase; text-align: center; line-height: 100%; color: #B5D8EB; background-color: #fff; margin-top: 10px; }
</style>
<center>
<div class="cookie-two">
<div class="cookie-one">
<div class="cookie-ten">

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-8" name="cookie-eleven-group-2" checked>
<label for="cookie-eleven-8"><span class="hint--left" data-hint="abcd"><div class="cookie-blue"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cblue">ABCD</div>
<div class="cookie-eight"></div>
<br><b>Adam G. Sevani</b> - <a href="http://denverspride.rusff.ru/profile.php?id=19">Felix Johnson</a>
<br><b>Amber Heard</b> - <a href="http://denverspride.rusff.ru/profile.php?id=3">Syberia Lauda</a>
<br><b>Analeigh Tipton</b> - <a href="http://denverspride.rusff.ru/profile.php?id=36">Melissa Whitley</a>
<br><b>Armie Hammer</b> - <a href="http://denverspride.rusff.ru/profile.php?id=9">Lincoln Weisz </a>
<br><b>Ashley Benson</b> - <a href="http://denverspride.rusff.ru/profile.php?id=71">Yvonne Weisz</a>
<br><b>Brett Dalton</b> - <a href="http://denverspride.rusff.ru/profile.php?id=74">Ashley Charleston</a>
<br><b>Carey Mulligan</b> - <a href="http://denverspride.rusff.ru/profile.php?id=22">Prudence Lichtenberg</a>
<br><b>Chris Evans</b> - <a href="http://denverspride.rusff.ru/profile.php?id=12">Alex Cooper</a>
<br><b>Deepika Padukone</b> - <a href="http://denverspride.rusff.ru/profile.php?id=5">Maya Perez</a>
<br><b>Dj Cotrona</b> - <a href="http://denverspride.rusff.ru/profile.php?id=13">Diego Perez</a>
</div>

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-9" name="cookie-eleven-group-2">
<label for="cookie-eleven-9"><span class="hint--left" data-hint="EFG"><div class="cookie-orange"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-corange">EFG</div>
<div class="cookie-eight"></div>
<br><b>Eiza Gonzalez</b> - <a href="http://denverspride.rusff.ru/profile.php?id=47">Esméralda Rodriguez</a>
<br><b>Elizabeth Olsen</b> - <a href="http://denverspride.rusff.ru/profile.php?id=10">Anne Hawke</a> 
<br><b>Emily Blunt</b> - <a href="http://denverspride.rusff.ru/profile.php?id=66">Valerie Bennett</a>
<br><b>Eva Longoria</b> - <a href="http://denverspride.rusff.ru/profile.php?id=44">Kate Whitley </a>
<br><b>Freya Mavor</b> - <a href="http://denverspride.rusff.ru/profile.php?id=62">Chelsea Whitmore</a>
</div> 
</div>

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-10" name="cookie-eleven-group-2">
<label for="cookie-eleven-10"><span class="hint--left" data-hint="hijk"><div class="cookie-green"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cgreen">HIJK</div>
<div class="cookie-eight"></div>
<br><b>Henry Cavill</b> - <a href="http://denverspride.rusff.ru/profile.php?id=35">Zachary Wainwright</a>
<br><b>Holland Roden</b> - <a href="http://denverspride.rusff.ru/profile.php?id=64">Rosalie Johnson</a>
<br><b>Ian Somerhalder</b> - <a href="http://denverspride.rusff.ru/profile.php?id=82">Kilian Gray</a>
<br><b>Ingrid Olerinskaya</b> - <a href="http://denverspride.rusff.ru/profile.php?id=79">Mayah Cordova</a>
<br><b>Isla Fisher</b> - <a href="http://denverspride.rusff.ru/profile.php?id=68">Jessica Lewis</a>
<br><b>Jai Courtney</b> - <a href="http://denverspride.rusff.ru/profile.php?id=14">Kurt Weller</a>
<br><b>Jake Gyllenhaal</b> - <a href="http://denverspride.rusff.ru/profile.php?id=45">Adam McKnight</a>
<br><b>Jamie Dornan</b> - <a href="http://denverspride.rusff.ru/profile.php?id=58">Franklin Whitley</a>
<br><b>Julianne Hough</b> - <a href="http://denverspride.rusff.ru/profile.php?id=61">Christina Summers</a>
<br><b>Karen Gillan</b> - <a href="http://denverspride.rusff.ru/profile.php?id=78">Shokola Coffey</a>
<br><b>Katie McGrath</b> - <a href="http://denverspride.rusff.ru/profile.php?id=18">Eleanor Lichtenberg</a>
<br><b>Katrina Kaif</b> - <a href="http://denverspride.rusff.ru/profile.php?id=20">Ida Armstrong</a>
</div>
</div>

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-11" name="cookie-eleven-group-2">
<label for="cookie-eleven-11"><span class="hint--left" data-hint="lmn"><div class="cookie-pink"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cpink">LMN</div>
<div class="cookie-eight"></div>
<br><b>Leighton Meester</b> - <a href="http://denverspride.rusff.ru/profile.php?id=7">Sydney Norton</a>
<br><b>Liam Hemsworth</b> - <a href=http://denverspride.rusff.ru/profile.php?id=63>William Austin</a>
<br><b>Michael Fassbender</b> - <a href="http://denverspride.rusff.ru/profile.php?id=17">Erich Lichtenberg</a>
<br><b>Nina Dobrev</b> - <a href="http://denverspride.rusff.ru/profile.php?id=83">Alice Cohen</a>
</div> 
</div>

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-12" name="cookie-eleven-group-2">
<label for="cookie-eleven-12"><span class="hint--left" data-hint="opqr"><div class="cookie-purple"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cpurple">OPQR</div>
<div class="cookie-eight"></div>
<br><b>Richard Madden</b> - <a href="http://denverspride.rusff.ru/profile.php?id=28">Clyde Lichtenberg</a>
<br><b>Ryan Gosling</b> - <a href="http://denverspride.rusff.ru/profile.php?id=16">Jackson Lauda</a>
<br><b>Rosie Huntington-Whiteley</b> - <a href="http://denverspride.rusff.ru/profile.php?id=26">Gabrielle Whitley</a>
</div> 
</div>

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-13" name="cookie-eleven-group-2">
<label for="cookie-eleven-13"><span class="hint--left" data-hint="stuv"><div class="cookie-blue"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cblue">STUV</div>
<div class="cookie-eight"></div>
<br><b>Scott Eastwood</b> - <a href="http://denverspride.rusff.ru/profile.php?id=8">Scott Valentine</a>
<br><b>Sebastian Stan</b> - <a href="http://denverspride.rusff.ru/profile.php?id=70">Markus Filding</a>
</div>
</div>

<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-14" name="cookie-eleven-group-2">
<label for="cookie-eleven-14"><span class="hint--left" data-hint="wxzy"><div class="cookie-orange"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="http://funkyimg.com/i/23zDT.jpg" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-corange">WXYZ</div>
<div class="cookie-eight"></div>
<br><b>Willa Holland</b> - <a href="http://denverspride.rusff.ru/profile.php?id=25">Patricia Reeves</a>
</div>
</div>

</div>
</div>
</div>
</center>
Код:
<br><b>внешность на англ.</b> - <a href="ссылка на профиль">имя персонажа</a>