Код:
<!--HTML--><div class="postcolor"> <center>

<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style type="text/css">

.loub {
position: relative;  
width: 550px;
height:  550px;
 background-image: url(http://s7.uploads.ru/Ycf6a.jpg); "
  border-bottom: 3px solid #1f364f;
padding: 10px;
;
}

.loutabb {float: left;}

.loutabb label {display: block;
width: 75px; text-align: center;
font-family: calibri; 
color: #efefef; margin-right: 5px;
 font-family: georgia; font-size: 10px; text-transform: uppercase;
letter-spacing: 1px;
background: #32272d;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 7px;}

.loutabb [type=radio] {
display: none;  
}

.loucontentt {
position: absolute;
top: 55px;
left: 15px;
width: 520px; 
height: 400px;
background: #e8e8dc;  border-top: double #302715 3px; border-bottom: double #302715 3px;
padding: 10px;}

[type=radio]:checked ~ label {color: #103B38; background-color: #ffffff; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}</style><div class="loub">
 
<div class="loutabb">
<input type="radio" id="loutabb-1" name="loutabb-group-1" checked="">
<label for="loutabb-1">ФИЛЬМЫ</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 510px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 380px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">A - B - C - D - E </DIV><br>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>DONNIE DARKO</DIV>
<center><b>Frank Anderson</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=82">Фрэнк Андерсон</a>》<br></center>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">F - G - H - I - J </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>INCEPTION</DIV>

--<br>  


</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">K - L - M - N - O</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>KUNG FURY</DIV>

<center><b>Kung Fury</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=73">Кунг Фьюри</a>》<br></center>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">P - Q - R - S - T</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>SHERLOCK BBC</DIV> 
<b>sebastian moran.</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=107">себастьян моран</a>》<br>
</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">U - V - W - X - Y - Z</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>WHAT'S YOUR NUMBER?</DIV>

<b>Colin Shea</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=77">Колин Ши</a>》<br>
</DIV></div>
</div>
</div>
 
<div class="loutabb">
<input type="radio" id="loutabb-2" name="loutabb-group-1">
<label for="loutabb-2">СЕРИАЛЫ</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 510px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 380px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">A - B - C - D - E </DIV><br>


<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> <div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>DARK ANGEL</DIV>

<center><b>Alec</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=100">Алек</a>》<br>
<b>Ben</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=101">Бен</a>》<br>
<b>Max Guevara</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=14">Макс Гевара</a>》</center>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">F - G - H - I - J </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center;"> 
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>GLEE</DIV>
<b>sam evans</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=109">сэм эванс</a>》<br>
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>GOTHAM</DIV>
<b>Selina Kyle</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=38">Селина Кайл</a>》<br>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">K - L - M - N - O</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">P - Q - R - S - T</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;text-align: center"> 
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>SUPERNATURAL</DIV>
<b>Castiel</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=36">Кастиэль</a>》<br> 
<b>Dean Winchester</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=5">Дин Винчестер</a>》<br>
<b>Gabriel</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=59">Габриэль</a>》<br>
<b>Kali</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=105">Кали</a>》<br>
<b>Sam winchester</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=16">Сэм винчестер</a>》

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>TEEN WOLF</DIV>
<b>Allison Argent</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=7">Эллисон Арджент</a>》<br>
<b>Lydia Martin</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=8">Лидия Мартин</a>》<br>
<b>malia tate</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=86">малия тейт</a>》<br>
<b>Stiles Stilinski</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=51">Стайлз Стиллински</a>》<br>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>THE STRAIN</DIV> 
<b>Mr Quinlan</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=91">Мистер Квинлан</a>》<br>
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>THE ORIGINALS</DIV>

<b>Niklaus Mikaelson</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=13">Никлаус Майклсон</a>》<br>
<b>Rebekah Mikaelson</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=53">Ребекка Майклсон</a>》<br>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>THE VAMPIRE DIARIES</DIV>

<b>Kai Parker</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=11">Кай Паркер</a>》<br>
<b>Katherine Pierce</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=6">Кэтрин Пирс</a>》<br>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">U - V - W - X - Y - Z</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV>
</div>
</div>
</div>
 
<div class="loutabb">
<input type="radio" id="loutabb-3" name="loutabb-group-1">
<label for="loutabb-3">КОМИКСЫ</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 510px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 380px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">A - B - C - D - E </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">F - G - H - I - J </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center;"> 
---

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">K - L - M - N - O</DIV><br>
<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;text-align: center"> 
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">MARVEL</DIV>
<b>Bruce Banner</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=57">Брюс Бэннер</a>》<br>
<b>Bucky Barnes</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=20">Баки Барнс</a>》<br>
<b>Natasha Romanoff</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=104 ">Наташа Романофф</a>》<br>
<b>Steven Rogers</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=3">Стивен Роджерс</a>》<br>
</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">P - Q - R - S - T</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center">

---

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">U - V - W - X - Y - Z</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;text-align: center;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>The League of Extraordinary Gentlemen</DIV>
<b>Hawley Griffin</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=84">Хоули Гриффин</a>》<br>
</DIV>

</div>

</div>
</div>


<div class="loutabb">
<input type="radio" id="loutabb-4" name="loutabb-group-1">
<label for="loutabb-4">КНИГИ</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 510px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 380px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">A - B - C - D - E </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">F - G - H - I - J </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>HARRY POTTER</DIV>
<b>Olivia Urquhart</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=71">Оливия Уркхарт</a>》<br>
<b>Scorpius Malfoy</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=72">Скорпиус Малфой</a>》<br> 

</DIV><br>

<div style="width:510px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">K - L - M - N - O</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;text-align: center"> 

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">P - Q - R - S - T</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center">
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>Peter Pan</DIV>
<b>Wendy Darling</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=113">Венди Дарлинг</a>》<br>
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>STAR WARS: EXPANDED UNIVERSE</DIV>
<b>jaina solo</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=103">джейна соло</a>》<br>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>THE HUNGER GAMES</DIV>
<b>Katniss Everdeen</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=33">Китнисс Эвердин</a>》<br>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>The League of Extraordinary Gentlemen</DIV>
<b>Hawley Griffin</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=84">Хоули Гриффин</a>》<br>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">U - V - W - X - Y - Z</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV>

</div>

</div>
</div>

<div class="loutabb">
<input type="radio" id="loutabb-5" name="loutabb-group-1">
<label for="loutabb-5">ИГРЫ</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 510px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 380px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">A - B - C - D - E </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;text-align: center;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>ASSASSIN'S CREED</DIV>

<b>juno</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=99">юнона</a>》<br>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>DEVIL MAY CRY</DIV>

--<br>

<div style="font-weight:bold;line-height:125%; font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>DRAGON AGE</DIV>

<b>Anders</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=50">Андерс</a>》<br>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">F - G - H - I - J </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>INFAMOUS: SECOND SON</DIV>
<center><b>abigail walker</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=62">абигейл уокер</a>》<br>

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">K - L - M - N - O</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px; text-align: center;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>KΛVINSKY</DIV>
<b>Kavinsky</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=82">Кавинский</a>》<br>
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>MASS EFFECT</DIV>

<center><b>Garrus Vakarian</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=44">Гаррус Вакариан</a>》<br>
<b>Jack</b> ~ 《<a href="ссылка на профиль">Джек</a>》<br>
<b>Jane Shepard</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=32">Джейн Шепард</a>》</center>

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>METAL GEAR SOLID</DIV>

<center>--<br></center>
</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">P - Q - R - S - T</DIV><br>
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>THE ELDER SCROLLS</DIV>
<center>--</center>
<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---
</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">U - V - W - X - Y - Z</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV>

</div>
</div>
</div>

<div class="loutabb">
<input type="radio" id="loutabb-6" name="loutabb-group-1">
<label for="loutabb-6">МУЛЬТЫ</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 510px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 380px; overflow: auto; text-align: justify; text-transform: lowercase;"> 

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">A - B - C - D - E </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">F - G - H - I - J </DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;  text-align: center;"> 
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>EVER AFTER HIGH</DIV>

<b>lizzie hearts</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=108">лиззи хартс</a>》<br>
</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">K - L - M - N - O</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">P - Q - R - S - T</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>SAILOR MOON</DIV>
<center><b>Mistress 9</b> ~ 《<a href=http://legendarium.f-rpg.ru/profile.php?id=22>Мистресс 9</a>》<br>
<b>Hotaru Tomoe</b> ~ 《<a href=http://legendarium.f-rpg.ru/profile.php?id=22>Хотару Томое</a>》<br>
<b>Usagi Tsukino</b> ~ 《<a href="http://legendarium.f-rpg.ru/profile.php?id=56">Усаги Цукино</a>》<br></center>
</DIV><br>

<div style="width:500px;background-color:#32272d;font-weight:bold;line-height:125%;border-bottom: 4px solid #83735b;font-size:15px;font-family:geneva;color:#FFF;text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;">U - V - W - X - Y - Z</DIV><br>

<div style="width: 500px;text-align:justify;text-transform:lowercase; font-family: arial; font-size:10px; color: #000; letter-spacing: 1px;"> 

---

</DIV>
</div>


</div>
</div>
</div></center>  </div>

Добавить фандом:

Код:
<div style="font-weight:bold;line-height:125%;font-size:15px; font-family:geneva; color:#FFF; text-shadow: #000 1px 1px 2px;text-transform:uppercase; text-align: center;"><br>НАЗВАНИЕ ФАНДОМА НА АНГЛ.</DIV>

Добавить персонажа:

Код:
<b>имя персонажа на англ.</b> ~ 《<a href="ссылка на профиль">имя персонажа на русс.</a>》<br>