Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
<style type="text/css">
#xmenapp { width: 600px; height: 723px; position: relative; overflow: hidden; color: #FFFFFF; }
#xmenapp .sptfapp { -WEBKIT-TRANSITION: 1S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1S ALL EASE-IN-OUT; O-TRANASITION: 1S ALL EASE-IN-OUT; position: absolute; right: 0px; top:0px; width: 600px; height: 600px; z-index: 5; }
#xmenapp:hover .sptfapp { -WEBKIT-TRANSITION: 1S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1S ALL EASE-IN-OUT; O-TRANASITION: 1S ALL EASE-IN-OUT; top: -600px;}
.xmenappback { width: 600px; height: 600px; }
.tabs {
position: relative;  
width: 600px;
height:  600px;
}

.tab {
float: left;
}

.tab label {
width: 200px; text-align: center;
height: 10px; display: block;
background-color: #150C00;
text-transform: uppercase;
font-family: 'Quicksand';
padding: 10px;
margin-left: -1px;
position: relative;
left: 85px;
top: 5px;
bottom: 5px;
margin-right: 5px;
}

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

.content {
position: absolute;
top: 28px;
bottom: 0px;
left: 0px;
right: 0px;
color: #000000;
}

[type=radio]:checked ~ label {
background-color: #573B17;
z-index: 2;
}

[type=radio] ~ label ~ .content {
display: none;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
display: block;
}
</style>

<center>
<div id="xmenapp"><div class="xmenappback"><div class="sptfapp">
<div style="font-family: 'QuickSand'; position: relative; margin-top: -550px; font-size: 25px; text-align: center; text-transform: uppercase; color: #FFFFFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;">first middle last</div></div>

<center><div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">ИСТОРИЯ</label>
<div class="content">
<center><table>
<tr>
<td><div style="font-size: 16px; font-family: Quicksand; margin-left: 30px; border: 0px;"><a href="http://celtictiger.rusff.ru/viewforum.php?id=6">► ДЕЙСТВУЮЩИЕ АКЦИИ</a><br><a href="http://celtictiger.rusff.ru/viewtopic.php?id=31#p134">► ХРОНОЛОГИЯ И КВЕСТЫ</a></div><div style="width:270px; height: 150px; border: solid #573B17 2px; background-image: url('http://funkyimg.com/i/2BEp6.gif');"></div></td>
<td>
<br>
<div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px; ">ЖАНР: КРИМИНАЛ</div><br>
<div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">РЕЙТИНГ: NC-17</div><br>
<div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">МАСТЕРИНГ: СМЕШАННЫЙ</div><br>
<div style="width: 250px; height: 12px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase;  text-align: center; padding: 5px;">ЭПИЗОДИЧЕСКАЯ СИСТЕМА</div><br>
<div style="width: 250px; height: 14px; background-color: #573B17; color:#ffffff; font-family: 'QuickSand'; text-transform: uppercase; text-align: center; padding: 5px;">ЛИМЕРИК, ИРЛАНДИЯ | 1920</div><br>
</td>
</tr></table></center>

<div style="font-family: 'QuickSand'; font-size: 20px; text-align: center; text-transform: uppercase; color: #150C00;">
сюжет</div>
<center>
<div style="width: 600px; height: 411px; font-family: helvetica; font-size: 11px; text-align: justify; overflow: auto; ">
<b><i>Д</i></b>обро пожаловать в Лимерик, город-графство на западном побережье Ирландии, страны, раздираемой противоречиями и жаждой свободы. Разбитый на сферы влияния уличных банд, после опустошительной Первой мировой войны Лимерик восстанавливается, на обугленных остовах сооружая центр сосредоточения городской казны — западный железнодорожный узел. <i>Шаннон</i> — река, поделившая город на части, стала естественной границей для тех, кто продолжает воевать, вернувшись домой.<br>
<b>Южный Лимерик</b> — окраина города и сосредоточение его главных производственных ресурсов в руках профсоюзной системы, защищающей нищету рабочего класса. Они бедны и голодны, их труд недооценён, а его плоды пожинаются бессердечными политиками и продажной полицией. Отсюда берут своё начало массовые выступления недовольных горожан, здесь рождаются мысли о революции.<br>
<b>Западный Лимерик</b> — историческая часть города, прибежище английских лордов и ирландских лоялистов. Богатые усадьбы и лучшие пабы среди уличного сброда. Здесь вершится суд, в котором власть принадлежит знатным, здесь карают чужих и непохожих, здесь за каменными стенами прячутся те, кто главенствует над судьбой народа.<br>
<b>Северный Лимерик</b> — два куска земли, заключенные в границы реки Шеннон и поделённые Ривер Абби. <i>Кинг Айленд</i>, райское прибежище англиканской церкви, и <i>Лоуэр Парк</i>, отданный во владения нищенствующему католичеству.<br>
<b>Восточный (центральный) Лимерик</b> — сердце города и местоположение развивающегося железнодорожного узла. Самое спорное, богатое и неспокойное место по правую руку от Шеннон, где за место под переменчивым ирландским небом борются банды и целые семьи, сыновья которых только вчера вернулись с войны.<p>

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

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">FAQ</label>
<div class="content">
<div style="font-family: 'QuickSand'; font-size: 20px; text-align: center; text-transform: uppercase; color: #150C00; padding: 5px; padding-top: 21px;">часто задаваемые вопросы</div>
<center>
<div style="width: 550px; height: 627px; font-family: helvetica; font-size: 11px; text-align: justify; overflow: auto; padding: 3px; ">
<p><b><i>Куда я попал?</i></b>
Вы в городе Лимерик, Ирландия, 1920-ый год.<p>

<b><i>Война за независимость Ирландии уже началась?</i></b>
Нет и, возможно, не начнётся, хотя предпосылки к её началу имеются. Ход сюжета в данной игре не всегда соответствует исторической действительности.<p>

<b><i>А если мне хочется сыграть историческую личность?</i></b>
Правила этого не запрещают. Вносить изменения в характер и жизненную линию персонажа - тоже.<p>

<b><i>За кого вообще можно играть?</i></b>
Выбор велик: от простого рабочего до знатного аристократа и от криминального авторитета до католического священника. Лучше сориентироваться вам поможет тема <a href="http://celtictiger.rusff.ru/viewtopic.php?id=2#p7">Роли и вакансии</a><p>

<b><i>Можно ли организовать свою политическую партию или гангстерскую банду?</i></b>
Да, главное придумать и описать в анкете/лс администратору объективные причины их возникновения и существования.<p>

<b><i>Какая в ходу валюта?</i></b>
Старый-добрый фунт стерлингов Британской Короны.<p>

<b><i>Каков антураж мира, где происходят события данной игры?</i></b>
Особенности моды данного времени: <br>
- основные элементы одежды это конечно платья, костюмы прямого покроя;<br>
- в моде плиссировка;<br>
- модное пальто прямого покроя сужающегося к низу и с меховым воротником;<br>
- в моде пижамные брюки и пижамы, в которых в то время ходили на пляж;<br>
- появились первые купальные костюмы для женщин – революция в пляжной моде;<br>
- шилась одежда из более доступных тканей и открытием стал трикотаж;<br>
- в моде спортивный стиль, появляются не только брюки, но и шорты;<br>
- появление классического маленького черного платья Шанель.<br>
Мужской туалет: вытянутый, стройный, атлетичный силуэт. Преобладали короткие стрижки, бородки были менее острыми, стало модным завивать усы.<br>
Дать наиболее красочное описание того времени Вам могут такие фильмы и сериалы как <a href="https://www.google.com/search?q=peaky+blinders&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj15cGnr_jYAhXIiCwKHSnJAgoQ_AUICigB&biw=1366&bih=662">"Острые козырьки"</a>, <a href="https://www.kinopoisk.ru/film/reyli-korol-shpionov-1983-277836/">"Рэйли: Король шпионов"</a>, <a href="https://www.kinopoisk.ru/film/derevnya-2013-723450/">Деревня</a>, <a href="http://www.imdb.com/title/tt0074072/">"Когда причалила лодка"</a>.<p>

<b><i>А что с технической составляющей?</i></b>
Индустриальная революция идёт полным ходом. Автомобилю пророчат великое будущее, а трубы заводов всё выше поднимаются над церковными куполами. Первая мировая война была опустошительной, в городах не хватает мужских рук, и женщин всё чаще можно заметить работающими наряду с сильным полом. Огнестрельное оружие стоит не дёшево, но и не является чем-то уникальным. Неизменными остались ирландские пабы - здесь по-прежнему подают разведённое пиво в алюминиевых вёдрах и тёмный виски к плесневелому хлебу.<p></div> 
</div>
</div>

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