[html]<div class="vkladka">
<input type="radio" name="inset" value="" id="vkl_1" checked>
<label for="vkl_1">правила</label>
<input type="radio" name="inset" value="" id="vkl_2">
<label for="vkl_2">персонажи</label>
<input type="radio" name="inset" value="" id="vkl_3">
<label for="vkl_3">имена</label>
<input type="radio" name="inset" value="" id="vkl_4">
<label for="vkl_4">обучение</label>
<input type="radio" name="inset" value="" id="vkl_5">
<label for="vkl_5">хронология</label>
<div id="svk_1">
<div class="mza">правила и организация</div>
<div class="mpz">чё по сути?</div>
<div class="mtt">коты-воители, старый лес, события книг не учитываются.</div>
<div class="mpz">чё по профилю?</div>
<div class="mtt">никнейм — имя персонажа с заглавной буквы, аватар — внешность персонажа, личный статус и текст под личным званием заполняется на усмотрение игрока, личное звание заполняется амс после принятия.</div>
<div class="mpz">чё по активности?</div>
<div class="mtt">семь дней отсутствия без предупреждения — профиль под снос, персонаж выводится из игры. страдать над анкетой можно сколько угодно. оформление постов и частота отписи на усмотрение игроков. перед созданием твинка нужно предупредить амс.</div>
<div class="mpz">чё по остальному?</div>
<div class="mtt">флуд и пиар в положенных местах, конфликты решаются через средства личной связи.</div>
<div class="mza">рандомный фак</div>
<div class="mtt"> ► персонажи не ограничены в действиях ничем, кроме логики и обоснуя. да, можно устраивать революции, войны, перевороты, но каждое действие влечёт за собой последствия.<br>
► королев в списках нет — фактически они не покидают свою прежнюю должность и продолжают по мере сил выполнять обязанности.<br>
► среди воителей распространено предвзятое отношение к нечистокровным, иногда выражающееся в их прямой дискриминации.<br>
► в племенах нет другого вероисповедания, кроме звёздного племени. публичное отрицание звёздного племени может разблокировать clown outfit в глазах соплеменников. <br>
► неверующий воитель не может видеть во снах звёздных предков, получать знамения. после смерти его душа исчезает.<br>
► котёнка посвящают в оруженосцы не позднее шести лун, в противном случае это говорит о его слабом здоровье или понесённом наказании. оруженосца могут посвятить в воители раньше двенадцати лун за особые заслуги или позже, если он провалил испытание.<br>
</div>
</div>
<div id="svk_2">
<div class="mza">грозовое племя</div>
<div class="mtt">предводитель —
<br>
глашатай —
<br>
<br>
целитель —
<br>
ученик целителя —
<br>
<br>
воители —
<br>
оруженосцы —
<br>
<br>
котята —
<br>
старейшины —
<br>
</div>
<div class="mza">племя ветра</div>
<div class="mtt">предводитель —
<br>
глашатай —
<br>
<br>
целитель —
<br>
ученик целителя —
<br>
<br>
воители —
<br>
оруженосцы —
<br>
<br>
котята —
<br>
старейшины —
<br>
</div>
<div class="mza">речное племя</div>
<div class="mtt">предводитель —
<br>
глашатай —
<br>
<br>
целитель —
<br>
ученик целителя —
<br>
<br>
воители —
<br>
оруженосцы —
<br>
<br>
котята —
<br>
старейшины —
<br>
</div>
<div class="mza">племя теней</div>
<div class="mtt">предводитель —
<br>
глашатай —
<br>
<br>
целитель —
<br>
ученик целителя —
<br>
<br>
воители —
<br>
оруженосцы —
<br>
<br>
котята —
<br>
старейшины —
<br>
</div>
</div>
<div id="svk_3">
<div class="mza">а — б — в — г</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
<div class="mza">д — е — ё — ж — з</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
<div class="mza">и — к — л — м</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
<div class="mza">н — о — п — р</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
<div class="mza">с — т — у — ф</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
<div class="mza">х — ц — ч — ш</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
<div class="mza">щ — э — ю — я</div>
<div class="mtt">[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
[x] имя — имя — имя <br>
имя — имя — имя <br></div>
</div>
<div id="svk_4">
<div class="mza">грозовое племя</div>
<div class="mtt">пары ученик-наставник:<br>
... — ... <br><br>
свободные ученики:<br>
... <br><br>
свободные наставники:<br>
... <br><br>
бывшие пары:<br>
... — ... <br><br>
</div>
<div class="mza">племя ветра</div>
<div class="mtt">пары ученик-наставник:<br>
... — ... <br><br>
свободные ученики:<br>
... <br><br>
свободные наставники:<br>
... <br><br>
бывшие пары:<br>
... — ... <br><br>
</div>
<div class="mza">речное племя</div>
<div class="mtt">пары ученик-наставник:<br>
... — ... <br><br>
свободные ученики:<br>
... <br><br>
свободные наставники:<br>
... <br><br>
бывшие пары:<br>
... — ... <br><br>
</div>
<div class="mza">племя теней</div>
<div class="mtt">пары ученик-наставник:<br>
... — ... <br><br>
свободные ученики:<br>
... <br><br>
свободные наставники:<br>
... <br><br>
бывшие пары:<br>
... — ... <br><br>
</div>
</div>
<div id="svk_5">
<div class="mza">00.00</div>
<div class="mtt">► <a href="ссылка">ссылка</a> — событие<br>
► <a href="ссылка">ссылка</a> — событие<br>
► <a href="ссылка">ссылка</a> — событие<br></div>
<div class="mza">00.00</div>
<div class="mtt">► <a href="ссылка">ссылка</a> — событие<br>
► <a href="ссылка">ссылка</a> — событие<br>
► <a href="ссылка">ссылка</a> — событие<br></div>
</div>
</div>
<style>
.vkladka { width: 100%;
padding: 0px;
margin: 0px 9%; }
.vkladka>input { display: none; }
.vkladka>div {
display: none;
text-transform: lowercase;
margin: 10px 0px 10px 0px!important;
border: 1px #cccccc solid;
border-radius: 4px!important;
width: 500px;
padding: 20px;
overflow: auto;
height: 400px;
}
.vkladka>label {
display: inline-block;
width: 62px;
padding: 10px 10px 10px 10px!important;
border: 1px #ccc solid;
color: #444642;
font: 300 7px arial black;
text-transform: uppercase;
letter-spacing: 1px;
margin: 5px 0px 5px 17px!important;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
.vkladka>input:checked + label {
color: #dcda92;
background: #444642;
}
#vkl_1:checked ~ #svk_1,
#vkl_2:checked ~ #svk_2,
#vkl_3:checked ~ #svk_3,
#vkl_4:checked ~ #svk_4,
#vkl_5:checked ~ #svk_5 { display: block; }
</style>[/html]