<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<style type="text/css">
.dots {
color:#ffe57c;
font-size:12px;
margin-top:-9px;
}
.dotsss {
color:#ffe57c;
font-size:12px;
margin-top:-3px;
}
.rolecss {
text-transform:uppercase;
margin-top:2px;
font-weight: bold; 
font-size:12px;
padding-right:4px;
 letter-spacing: 1px;
}
.fandom {width: 230px; height:18px;margin-left:auto; margin-right:auto; text-align:center; background-color: #21202c;font-size: 15px;  letter-spacing: 1px;padding-bottom: 2px; padding-top:2px;
font-family: fjalla one;
font-style: italic;
text-transform: lowercase;
margin-top:8px;
color: #fff;
 }
.letters {
text-align:center;
font-family: fjalla one;
font-style: italic;
font-size: 18px;
color: #FFF;
background-color: #21202c;
font-weight: bold;
padding-top:2px;
padding-bottom: 2px;
text-transform: uppercase; letter-spacing: 3px;
}
</style>
<div style="margin:auto;">
<!--БУКВЫ A - B - C - D -->
<table cellpadding="0" cellspacing="0">
<tr align=center><td width=40%>
...
</td><td width=10%> <div class="letters">A C<div class="dotsss">•   •   • </div>B D</div> </td>
<td width=40%>
<!--начало диси-->
<div class="fandom"> dc</div>
<div style="overflow-y: auto; max-height: 120px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=36" title="flash, the">Barry Allen</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=30" title="Batman">Bruce Wayne</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=11" title="flash, the">Caitlin Snow</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=13" title="arrow">Dinah Laurel Lance</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=3">harley quinn</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=55" title="DC">John Constantine</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=14" title="">June Moone</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=8" title="supergirl">Kara Danvers</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=9"  title="arrow">Oliver Queen</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=20" title="">Pamela Isley</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=54" title="">Selina Kyle </a></div>
</div>
<!--конец диси-->
<!--начало драгон эйдж-->
<div class="fandom">dragon age</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=5">fenris</a></div>
</div>
<!--конец драгон эйдж -->
</td></tr></table>
<!--КОНЕЦ A - B - C - D -->

<!--БУКВЫ E - F - G - H -->
<table cellpadding="0" cellspacing="0">
<tr align=center><td width=40%>
<!--начало harry potter -->
<div class="fandom">harry potter</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=19" title="marauders">remus lupin</a></div>
</div>
<!--конец harry potter -->


</td><td width=10%> <div class="letters">E G<div class="dotsss">•   •   • </div>F H</div> </td>

<td width=40%>
...
</td></tr></table>
<!--КОНЕЦ E - F - G - H -->

<!--БУКВЫ I - J - K - L -->
<table cellpadding="0" cellspacing="0">
<tr align=center><td width=40%>
...
</td><td width=10%> <div class="letters">I K<div class="dotsss">•   •   • </div>
J L</div> </td>

<td width=40%>

<!--начало katekyo hitman reborn-->
<div class="fandom">katekyo hitman reborn</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=27">Hibari Kyouya</a></div>
</div>
<!--конец katekyo hitman reborn -->


</td></tr></table>
<!--КОНЕЦ  I - J - K - L -->


<!--БУКВЫ M - N - O - P -->
<table cellpadding="0" cellspacing="0">
<tr align=center><td width=40%>
<!--начало марвел-->
<div class="fandom">marvel</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=25" title="">Peter Parker</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=62" title="">Steven Rogers</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=12">Tony Stark</a></div>
</div>
<!--конец марвел -->
</td><td width=10%> <div class="letters">M O<div class="dotsss">•   •   • </div>
N P</div> </td>

<td width=40%>
...
</td></tr></table>
<!--КОНЕЦ  M - N - O - P -->

<!--БУКВЫ Q - R - S - T -->
<table cellpadding="0" cellspacing="0">
<tr align=center><td width=40%>
<!--начало rise of guardians -->
<div class="fandom">RISE OF THE GUARDIANS</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=23">Jack Frost</a></div>
</div>
<!--конец rise of guardians -->
</td><td width=10%><div class="letters">Q S<div class="dotsss">•   •   • </div>R T</div> </td>

<td width=40%>
<!--начало шедоухантерс-->
<div class="fandom">Shadowhunters</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=10">Alec Lightwood</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=48" title="">Clary Fairchild</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=37">Isabelle Lightwood</a></div>
</div>
<!--конец шедоухантерс-->
<!--начало шерлокббс-->
<div class="fandom">sherlock bbc</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=52">John Watson</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=40">molly hooper</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=7">mycroft holmes</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=64">Sherlock Holmes</a></div>
</div>
<!--конец шерлокббс -->
<!--начало скам-->
<div class="fandom">skam</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=41" title="skam">Chris Schistad</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=39" title="skam">Eva Mohn</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=6">noora saetre</a></div>
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=43" title="skam">eskild tryggvason</a></div>
</div>
<!--конец скам -->
</td></tr></table>

<!--КОНЕЦ   Q - R - S - T -->

<!--БУКВЫ U - V - W - X - Y - Z -->
<table cellpadding="0" cellspacing="0">
<tr align=center><td width=40%>
<!--начало дневники вампира -->
<div class="fandom">vampire diaries, the</div>
<div style="overflow-y: auto; max-height: 150px; overflow-x: hidden;">
<div class="rolecss"><a href="http://crosshill.rusff.me/profile.php?id=4">elena gilbert</a></div>
</div>
<!--конец дневники вампира -->

</td><td width=10%> <div class="letters">U X<div class="dotsss">•   •   • </div>V Y<div class="dotsss">•   •   • </div>
W Z</div> </td>
<td width=40%>
...
</td></tr></table>
<!--КОНЕЦ   U - V - W - X -Y - Z-->
<br><br>
</div>