Код:
<!--HTML--><div class="htmldemo">
<div class="htmldemo">
<style type="text/css">
.korpus > div, .korpus > input { display: none; }
.korpus {text-align: center;
padding: 10px;
border-top: 30px;
}
.korpus label {
padding: 5px 5px;
border: 3px #7e7e7e;
border-style: double;
box-shadow: inset 1 0 0px 3px #7e7e7e;
line-height: 29px;
background-color: #eaeaea;
cursor: context-menu;
position: relative;
bottom: -3px;
background: #///;
font-size: 10px;
font-style: inherit;
font-family: sans-serif;
}
.korpus input[type="radio"]:checked + label {
border-bottom: 2px solid #51929f;
}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7) {
display: block;
padding: 15px;
border: 3px #7e7e7e;
border-style: double;
background-color: #eaeaea;
box-shadow: inset 0 0 0px 0px #67552f;
text-align: justify;
width: 520px;
height: 180px;
overflow: auto;
overflow-x: hidden;
}
</style>
<div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"><label for="vkl1">Культура — Образование</label>
<input type="radio" name="odin" id="vkl2"><label for="vkl2">Гос. служба</label>
<input type="radio" name="odin" id="vkl3"><label for="vkl3">Услуги</label>
<input type="radio" name="odin" id="vkl4"><label for="vkl4">Развлечения</label>
<input type="radio" name="odin" id="vkl5"><label for="vkl5">Студенты</label>
<input type="radio" name="odin" id="vkl6"><label for="vkl6">Криминал</label>
<div><center><font size="1" color="#778899" face="Century Gothic">некоммерческие предприятия, культура, искусство, образование, наука и пр.</font><br><hr>
▶Лектор при мед.университете — Miles Myers<br><hr>
▶Писатель — Zakaria Haase<br><hr>
▶Владелец конно-спортивной школы — Sanny Rush<br><hr>
▶Начинающий писатель — Wanda Zalewska<br><hr>
</center></div>
<div><center><font size="1" color="#778899" face="Century Gothic">правоохранительные органы, военные, ггс и пр.</font><br><hr>
▶Полицейский (лабораторный отдел, патологоанатом) — Miles Myers<br><hr>
▶Стажер в архивах участка — Kevin Reed<br><hr>
▶Диспетчер экстренной службы 911 — Margaret Wrynn<br><hr>
▶Помощник шерифа — Ulrich Maier<br><hr>
▶Сотрудник агентства национальной безопасности США — Amber Ravencroft<br><hr>
</center><br></div>
<div><center><font size="1" color="#778899" face="Century Gothic">бытовые услуги, домашний персонал, питание, медицина, недвижимость, торговля, фото-услуги и пр.</font><br><hr>
▶Владелец тату салона, подпольный врач — Kwon Ji Min<br><hr>
▶Помощница в тату-салоне — Lisa Godfrey<br><hr>
▶Владелец эко-ресторана и ветеринарной клиники — Sanny Rush<br><hr>
▶IT-специалист — Richard Nash<br><hr>
▶Автомеханик — Jeff Clathermont<br><hr>
▶Автомеханик — Melissa Licht<br><hr>
▶Модель, фотограф, порноактер и порнорежиссер — Istvan Meszaros<br><hr>
▶Официантка в казино — Cecile Celeste<br><hr>
▶Судебно-медицинский эксперт/Патологоанатом при клинике Meio — Damien Underwood<br><hr>
▶Фотограф (работа с моделями) — Christian Bauer<br><hr>
▶Библиотекарь — Wanda Zalewska<br><hr>
</center></div>
<div><center><font size="1" color="#778899" face="Century Gothic">туризм, развлекательные центры, клубы, телевидение, игорный бизнес, мода, музыка, радио и пр.</font><br><hr>
▶Менеджер в подпольном клубе боёв без правил — Julius Kreutz<br><hr>
▶Стример — Choi Siwon<br><hr>
▶Видеоблогер — Adele Blake<br><hr>
▶Журналистка — Margaret Wrynn<br><hr>
▶Владелец кафе «Brightwood», интернет "one man band" исполнитель B.Kits — Nick Lockwood<br><hr>
▶Вокалист рок группы «NAMELESS» — Adam Lee<br><hr>
▶Барабанщик рок-группы «NAMELESS» — Choi Siwon<br><hr>
▶Журналист — Alan Ray<br><hr>
▶Тату модель — Кассандра Борн<br><hr>
▶Альтернативная модель — Nathaniel Dixon<br><hr>
</center></div>
<div><center><font size="1" color="#778899" face="Century Gothic">учебное заведение + курс + подработка (если есть)</font><br><hr>
▶Студент — Rick Lowresce<br> <hr>
▶Студент — Mikael Maier<br> <hr>
▶Студентка — Cecile Celeste<br> <hr>
▶Студентка — Margaret Wrynn<br> <hr>
▶Студент — Max Wittenkeller<br> <hr>
</center></div>
<div><center><font size="1" color="#778899" face="Century Gothic">группировка "Saints" — терроризм, торговля оружием, киллеры.</font><br> <hr>
▶Террорист — Ryan Lester<br> <hr>
▶Террорист — Charles Harrison<br> <hr>
▶Наемник — Mark Fry<br> <hr>
▶Киллер — Julius Kreutz<br> <hr>
▶Киллер — Rick Lowresce<br> <hr>
▶Торговец оружием — Boris Yurinov<br><hr>
<br> <hr>
<font size="1" color="#778899" face="Century Gothic">группировка "Thieves" — наркоторговля, аферисты, воры. </font><br> <hr>
Cпециалист по взысканию проблемной задолженности — Salome Noury<br> <hr>
Вор-карманник, драгдилер — Richard Christomancy<br> <hr>
Руководитель по курированию операций по хищениям в крупных масштабах — Bianca Mancini<br> <hr>
<br><hr>
<font size="1" color="#778899" face="Century Gothic">группировка "Nation" — работорговля, проституция, шуллеры и картежники. </font><br> <hr>
▶Глава группировки — Beatrice Gentile<br><hr>
▶Цепной пёс, специалист по решению проблем — Joseph Born<br><hr>
▶Консультант — Istvan Meszaros<br><hr>
▶Помощник главы, администратор казино — Noel Cross<br><hr>
▶Сутенёр — Damian Coleman<br><hr>
▶Проститутка в борделе — Chester Welch<br><hr>
▶Проф.картежник и шулер — Damien Underwood<br><hr>
<br> <hr>
<font size="1" color="#778899" face="Century Gothic">вольнонаемные</font><br> <hr>
▶Хакер — Mikael Maier<br><hr>
▶Наёмный снайпер — Adele Blake<br><hr>
▶Информатор — Jack Estrin<br><hr>
</center></div>
<div><center>.</center></div>
</div>
</div></div>
