Код:
<!--HTML-->
<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<STYLE>
#ezabcontainer {background: #; width: 600px; height: 400px; margin: auto; padding: 10px; border-top: solid 10px #1e2312; border-bottom: solid 10px #1e2312; border-radius: 20px; }
.ezabs { position: relative; width: 590px; clear: both; margin: 25px 0px;font-family: 'Oswald'; text-transform: uppercase; font-size: 14px;}
.tab { float: left; }
.tab label { background: #; padding: 5px; margin-left: 1px;
position: relative; color: #; }
.tab [type=radio] { display: none; baseline-tab-shift: true, retrieve;}
.content { position: absolute; top: 28px; bottom: 0px; left: -10px; right: 0px; background: #D5E3BF;
padding: 15px; color: #6C4844; font-family: arial, sans-serif; text-transform: none; font-size: 13px;
text-align: justify; height: 207px; overflow: auto; line-height: 13px; border-radius: 20px 20px 20px 20px; }
[type=radio]:checked ~ label { background: #A9A96A; z-index: 2; }
[type=radio]:checked ~ label ~ .content { z-index: 1;}
</STYLE>
<center><div id="ezabcontainer"><div style="width: 560px; height: 80px; background-position: center right;"><font style=:"font-family: 'Montserrat'; font-size: 12px; text-align: justify;">В этом списке указаны только самые основные профессии, Вы вполне можете указать что-то свое, однако прежде убедитесь, что это будет вписываться в наш мир. Так же Вы можете добавить свою группу, но для этого нужно выполнить два условия, первое - обсудить с кем-то из АМС, второе - иметь не менее двух игроков, желающих там работать. Цифра, указанная рядом с должностью, означает возраст, по достижению которого Вы можете претендовать на нее. </font></div>
<div class="ezabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">
ЛАБОРАТОРИЯ
</label><div class="content">
<center><b>ШТАТНЫЕ РАБОТНИКИ</b></center><br><br>
Глава(50+)<br>
Советник (40+)<br>
Личный помощник главы (25+)<br>
Ученые<br><br>
<center><b>ОХРАНА</b></center><br><br>
Глава охраны(45+)<br>
Заместитель (40+)<br>
Личный помощник главы (25+)<br>
Рядовые<br><br>
</div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">
ЩИТ
</label><div class="content">
<center><font style="font-size:11px;"><b>БЕЗОПАСНОСТЬ</b></font></font></center><br><br>
Глава(40+)<br>
Главы отделов (35+)<br>
Наставники (25+) <br>
Старшие оперативники (30+)<br>
Младшие оперативники (20+)<br><br>
</div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">
МАРОДЕРЫ
</label><div class="content">
<center><font style="font-size:11px;"><b>ГРУППИРОВКА </b></font></font></center><br><br>
расписать<br><br>
<center><font style="font-size:11px;"><b>ОДИНОЧКИ</b></font></font></center><br><br>
расписать<br><br>
</div></div><div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">
ЕЩЕ ЧТО-ТО
</label><div class="content">
<center><b>Организация </b></center><br><br>
Глава организации (40+)<br>
Начальники отделов (35+)<br>
Рабочие (18+)<br><br>
</center>
</center>Код:
<b>Название профессии/занятость</b> - <a href="ссылка на профиль">имя фамилия персонажа на англ </a><br>
