Код:
<left><style type='text/css'>
.teenage { position: relative; width: 568px; height:586px; clear: both; }
.dirtbag { float:left; }
.dirtbag label { height: 20px; width: 95px; position: relative; top:10px; left: 10px; display:block; background-color:#222; color:#d2d2d2; font-family:garamond; font-size:12px; text-transform:lowercase; font-style:italic; line-height:20px; letter-spacing:2px; }
.dirtbag [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.baby { position: absolute; top: 60px; bottom: 10px; left: 10px; right: 10px; width: 380px; height:516px; overflow:auto; padding: 0px; text-align: justify; color: black; font-family: georgia; font-size: 10px; opacity:0; }
.dirtbag [type=radio]:checked ~ label { z-index: 2; background-color:#d2d2d2; color:#222; }
.dirtbag [type=radio]:checked ~ label ~ .baby { z-index: 1; opacity:1; }
.iron { margin-left:20px; margin-top:20px; width:290px; height:auto; max-height:506px; padding:25px; background-color:#d2d2d2; opacity:.8; overflow:auto; }
.maiden a { font-family:garamond; font-size:12px; text-transform:lowercase; font-style:italic; line-height:150%; color:#222; display:block; }
</style><center>
<div style='width:568px; height:586px;'><div style='width:568px; height:586px; background-image:url(https://forumstatic.ru/files/0014/43/7f/47183.png);'><div class='teenage'>
<div class="dirtbag">
<input type="radio" id="dirtbag-1" name="dirtbag-group-1" checked>
<label for="dirtbag-1">темный сад</label>
<div class="baby">
<div style='margin-left:20px; margin-top:50px; width:350px; height:40px; background-color:#d2d2d2; color:#222; font-family:great vibes; font-size:35px; line-height:40px; text-align:center;'>Темный Сад</div><div style='margin-left:20px; width:300px; height:210px; background-color:#222; color:#d2d2d2; font-family:calibri; font-size:10px; letter-spacing:1px; text-align:justify; line-height:125%; padding:20px;'> Шелковистая зеленая трава под ногами, ярко-голубое небо над головой. Сладкий запах роз и звуки разливаемого шампанского. В этом мире, похожем на сказку, перемешалось всё – принцессы и священники, феи и драконы, ведьмы и рыцари, мессии и предатели. Любовники прячутся в глуби сада, принося в жертву сами себя на древних алтарях во имя любви. Воины собственной кровью омывают ноги божеств, восхваляя войну и смерть. Время остановилось, превратив всё вокруг в дурманящий и безумный сон. В Темном Саду все желания – это яд, который отравляет людей, становится реальностью, ведет к безумию и разрушению. <br> <br>
Внимание! Только участники с крепкой психикой допускаются в этот раздел. Если вы сомневаетесь в своей психологической стойкости, просьба избежать посещения этого мира.</div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-2" name="dirtbag-group-1">
<label for="dirtbag-2">shippers</label>
<div class="baby">
<div class='iron'><div class='maiden'>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=34563'>001. A HELL RAISIN' SUGAR.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=37101'>002. THE SUN WAS NOT ENOUGH.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=41400'>003. YOU CAN ONLY LEAN ON ME FOR SO LONG.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=46863'>004. GIRL ANACHRONISM.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=49549'>005. ALMOST FELL FOR MY GIRL.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51111'>006. PAINTING FLOWERS FOR YOU.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51068'>007. WE'LL NEVER BE ROYALS.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51300'>008. DON'T DRINK THEIR POISON.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51633'>009. STOP CRYING YOUR HEART OUT.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51634'>010. STRAWBERRY SWING.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=52133'>011. CHILD OF WAR.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=52602'>012. YOU KNOW WHERE THE CITY IS.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=53771'>013. MY BEAUTIFUL GIRL.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=54059'>014. WE WERE MADE LIKE TOWERS.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=54205'>015. GOODNESS GRACIOUS. - new</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=54219'>016. TIRED OF SLEEPING ALONE. - new</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=54649'>017. MAKE SURE THEY GET YOUR GOOD SIDE. - new</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=55960'>018. REPTILIA. - new</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=55961'>019. FEAR OF SLEEP. - new</a>
</div></div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-3" name="dirtbag-group-1">
<label for="dirtbag-3"> КРАСНАЯ ШАПОЧКА И ВОЛК</label>
<div class="baby">
<div class='iron'><div class='maiden'>Вначале она была невинной, - такой прекрасной и чистой, словно созданной специально для того чтобы ты ее совратил. Ты вложил нож в ее руку и научил убивать. Ты сломал ее и заново создал, чтобы она смогла стать достойным партерном и соперником тебе. Теперь ее душа такая же черная, ядовитая и пропитанная кровью, как и твоя. Вы оба несете смерть. Кровавые любовники-убийцы, под стать друг другу. На ваших губах яд, в ваших сердцах убийство. Вы слышите, как бьются сердца других и запах крови достигает вас раньше любого другого запаха. Вы обольстите и съедите живьем любую невинную душу. Вы хищники и единственный способ спастись – бежать как можно дальше от вас.
</div></div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-4" name="dirtbag-group-1">
<label for="dirtbag-4">signatures</label>
<div class="baby">
<div class='iron'><div class='maiden'>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=36445'>001. AN EASY MIRACLE.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=48709'>002. SHOT IN THE DARK.</a>
</div></div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-5" name="dirtbag-group-1">
<label for="dirtbag-5">im</label>
<div class="baby">
<div class='iron'><div class='maiden'>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=46885'>001. WINGS.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=47805'>002. KISS YOU IN RETURN.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51644'>003. I'M FAKING GLORY.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=52134'>004. SEVEN DEVILS.</a>
</div></div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-6" name="dirtbag-group-1">
<label for="dirtbag-6">cell phones</label>
<div class="baby">
<div class='iron'><div class='maiden'>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=47797'>001. LE PAPILLON.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=48708'>002. MEND A BROKEN BONE.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51800'>003. ONLY ME AND MY DISGRACE.</a>
<a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showtopic=51801'>004. THERE WAS NO SOUND.</a>
</div></div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-7" name="dirtbag-group-1">
<label for="dirtbag-7">skins</label>
<div class="baby">
<div class='iron'><div class='maiden'>
<a href='http://louisskintest1.b1.jcink.com'>001. UNMENTIONABLES. - NOT FOR USE</a>
<a href='http://louisskintest2.b1.jcink.com'>002. STRAY ITALIAN GREYHOUND. - NOT FOR USE</a>
<a href='http://louisskintest3.b1.jcink.com'>003. WON'T SIT STILL. - NOT FOR USE</a>
<a href='http://louisskintest4.b1.jcink.com'>004. WE'LL NEVER BE ROYALS. - NOT FOR USE</a>
<a href='http://louisskintest6.b1.jcink.com'>005. CHANGE MY MIND. - NOT FOR USE</a>
<a href='http://louisskintest7.b1.jcink.com'>006. TAKE A PIECE OF ME. - NOT FOR USE</a>
</div></div>
</div>
</div><div class="dirtbag">
<input type="radio" id="dirtbag-8" name="dirtbag-group-1">
<label for="dirtbag-8">расы</label>
<div class="baby">
<div class='iron'><div class='maiden'>
<div style='text-align:center; font-family:garamond; font-size:12px; text-transform:lowercase; font-style:italic; line-height:150%; color:#222; display:block;'> В каждом мире имеется свои возможные расы, из которых вы можете выбрать себе роль;
</div></div>
</div></div>
</div>
</div></left>