Код:
[theloop]

<style>
div#mainRulesTown {
    background: url() rgba(0, 0, 0, 0.1);
    width: 104%;
    margin: 0px auto 10px auto;
    padding: 15px 0px 5px;
    /* height: 610px; */
}

div#mainRulesTown h3{
    font-size: 20pt;
    color: #850000;
    font-family: fantasy;
    letter-spacing: 1px;
    width: 95%;
    margin: 0 auto;
    padding: 2px 0px 3px 0px;
    text-align: center;
}
div#mainRulesTown h4{
    font-weight: bold;
    font-size: 6pt;
    text-align: center;
    margin-top: -7px;
    margin-bottom: 7px;
}

div#mainRulesTown hr#onehrRulesTown{
    width: 95%;
    height: 3px;
    background-color: #850000;
    margin: 0 auto;
    border-left: none;
    border-right: none;
    border-color: #000;
    border-bottom: none;
    border-width: 1px;
}

div#mainRulesTown hr#twohrRulesTown{
    width: 95%;
    height: 3px;
    background-color: #850000;
    margin: 0 auto;
    border-left: none;
    border-right: none;
    border-color: #000;
    border-top: none;
    border-width: 1px;
    }
.korpus > div, .korpus > input { display: none; }

.korpus {
    text-align: center;
    padding: 5px;
    width: 684px;
    margin: 0 auto;
}

.korpus label {
    /* padding-top: 5px; */
    width: 337px;
    /* margin-right: 3px; */
    padding-top: 5px;
    /* width: 158px; */
    /* text-align: right; */
    vertical-align: middle;
    height: 24px;
    font-family: tahoma;
    letter-spacing: 1px;
    background: url() rgb(111, 111, 111);
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    color: #c7cacd;
    /* font-size: 8pt; */
    margin: 0px 0px 3px 0px !important;
    z-index: 999;
}

.korpus label:hover {color: #0b0b0b;}

.korpus input[type="radio"]:checked + label {
    border-bottom: 4px solid rgb(145, 80, 79);
    height: 20px;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2) {
    display: block;
    padding: 5px 5px 5px 0px;
    text-align: justify;
}

.post-content hr {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 0.8em !important;
    border: #91504f solid;
    border-bottom: 0px #91504f solid;
    border-top: 1px #91504f solid;
    background-color: #91504f;
}

</style>


<div id="mainRulesTown">
<hr id="onehrRulesTown">
<h3>Каждый Бледный одарен по-своему</h3>
<h4>но не всем об этом следует знать</h4>
<hr id="twohrRulesTown">



<p style="padding: 10px 17px;">
<b>1. </b>Способности проявляются только у 60% Бледных, принимающих препараты. Гнилые, как и люди, способностями не обладают.<br>
<b>2. </b>Почти в каждом случае способности имеют постоянный характер. Но иногда они проявляются только на определенное количество часов после принятия препарата. В каждом из таких случаев длительность была отлична и зависела от индивидуальных особенностей организма.<br>
<b>3. </b>После того, как Бледный перестает принимать препараты, способности постепенно слабеют, а затем и вовсе пропадают.<br>
<b>4. </b>Способности могут пропадать даже если бледные и не прерывают курс лечения, но пока таких случаев наблюдались считанные единицы.<br>
<b>5. </b>Чем выше доза препарата, вызвавшего способности, — тем сильнее Бледный. Пока эта основная причина возникновения зависимости у пациентов. Однако чем чаще они принимают медикаменты, тем больше возрастает вероятность того, что их состояние станет нестабильным.<br>
<b>6. </b>При резком повышении дозы препарата у испытуемых, получивших способности, появляются симптомы передозировки, напрямую зависящие от способностей, которые проявляет испытуемый.<br>
<b>7. </b>Горожане, как и большая часть сотрудников ИИГиБ, ничего не знают о способностях своих излечившихся и вернувшихся в социум сограждан. Эта информация доступна только ученым с уровнем допуска Х. Так что каждый Бледный должен помнить, что упоминать или использовать свои способности на людях строжайше запрещено — всех нарушителей ждет немедленная изоляция и принудительное лечение в стенах института без права покидать его территорию.<br>
<b>8. </b>Единственные места, где бледные могут поговорить и обсудить свои способности: на еженедельных медосмотрах в институте и на встречах общины.

</p>
<br>
<p style="text-align:center"> <span style=""><i>персонажи в игре</i></span> | <span style="font-weight: bold; color: #850000;"><i>свободные акционные персонажи</i></span></p>



<div class="korpus">
  <input type="radio" name="text1" checked="checked" id="first1"><label for="first1" style="
    text-align: right;
    padding-right: 5px;
"><small>ФИЗИЧЕСКИЕ СПОСОБНОСТИ</small></label><input type="radio" name="text1" id="second1"><label for="second1" style="
    text-align: left;
    padding-left: 5px;
"><small>ПСИОНИЧЕСКИЕ СПОСОБНОСТИ</small></label>
<div style="overflow-y: auto;height: 350px;padding: 10px 5px;/* border-left: 1px #6f6f6f solid; *//* border-bottom: 1px #343e3f solid; */"><br>
<table style="width: 100%;height: 106px;border-spacing: 0px 1px;font-family:arial;margin-top: -20px;">
   <tbody>
<tr><td style="width: 32%;height: 0px;padding: 0px !important;"></td><td></td></tr>
   


   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ОБОСТРЕННЫЕ ЧУВСТВА</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      <a href="">Кола Индиана</a></i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">все пять основных органов чувств максимально обострены – сверхслух, зрение, обоняние и т.д. (максимально по меркам Бледных, т.е. зрение возвращается к нормальному человеческому, возвращается обоняние и способность ощущать боль, хоть и несколько слабее, чем при жизни. Таким образом сильно развитым становится только слух).<br>
<b>Симптомы передозировки: раздражительность, частая головная боль, дальше - периодическая потеря зрения, звон в ушах, чувство, похожее на тошноту</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ПРЫЖКИ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"=""> способность к прыжкам на большую высоту, а также длину.<br>
<b>Симптомы передозировки: объект перестет рассчитывать свои сил, из-за чего легко растянуть или порвать мышцы, а также сломать ноги.</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>   
<tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>СВЕРХСИЛА</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">невероятно мощные и выносливые ткани, позволяющие наносить и выдерживать сильные удары, поднимать тяжёлые предметы. Новичкам нужно быть аккуратнее с подобным Даром и степенью воздействия на предметы и особенно людей: можно ненароком сломать кому-нибудь пальцы при рукопожатии. <br>
<b>Симптомы передозировки: слабость, зверский аппетит, частичная или полная потеря ориентации в пространстве</b> <p></p>
      </td>
    </tr> 
<tr><td><hr></td><td><hr></td></tr>
<tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>БРОНЯ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">увеличенная плотность кожного покрова, за счет которого повреждения от когтей/ножей/зубов оказывают минимум урон. От пули в колено такая способность не защитит, но все же лучше, чем ничего. 
Плотность кожи уникальна для каждого носителя и зависит <br>
<b>Симптом передозировки: зуд по всему телу.</b> <p></p>
      </td>
    </tr> 
</tbody></table></div>




<!----- ПСИОНИЧЕСКИЕ ---->

<div style="overflow-y: auto;height: 400px;/* background: rgba(198, 199, 201, 0.57); */padding: 10px 5px;/* border-left: 1px #6f6f6f solid; *//* border-bottom: 1px #343e3f solid; */"><br>
<table style="width: 100%;height: 106px;border-spacing: 0px 1px;font-family:arial;margin-top: -20px;">
   <tbody>
  <tr style="
"><td style="width: 35%;height: 1px;padding: 0px !important;"></td><td></td></tr>
   <tr style="
">
      <td colspan="2" style="width: 100%; vertical-align: top;">
      <p style="font-size: 11px; text-align: center;"><i>Воздействующие на владеющего способностью Бледного</i></p><br></td>
    </tr>


 <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>АГЛИОКИНЕЗ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">способность контролировать боль человека, усиливать ее или наоборот уменьшать.<br>
<b>Симптом передозировки:сильно занижается порог боли, что по ощущениям приравнивает его к человеческому .</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>БИОНАВИГАЦИЯ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">способность выбирать направление движения с помощью органов чувств и инстинктов.<br>
<b>Симптом передозировки: дислексия.</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>КИБЕРПАТИЯ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">способность мыслить подобно компьютеру, максимально быстро выуживать нужную информацию из своей памяти, выполнять несколько задач одновременно и максимально эффективно работать с компьютерами.<br>
<b>Симптом передозировки: чувство, похожее на тошноту, сильные головные боли, временная потеря способности четко выражать свои мысли (что делает их очень подозрительными в глазах окружающих).</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
  <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ФОТОГРАФИЧЕСКАЯ ПАМЯТЬ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">способность, при которой её обладатель обладает великолепной памятью и способен запоминать информацию любого рода: графическую, текстовую, звуковую и т.д.<br>
<b>Симптом передозировки: периодическая потеря памяти.</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ШЕСТОЕ ЧУВСТВО</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">невероятно развитая интуиция и способность получать недоступную органам чувств информацию о действительности, например, предчувствовать опасность.<br>
<b>Симптом передозировки:  чрезмерно-обостренная чувствительность к малейшим раздражителям.</b><p></p>
      </td>
    </tr>


   <tr>
      <td colspan="2" style="width: 100%; vertical-align: top; ">
      <br><p style="font-size: 11px; text-align: center;"><i>Воздействующие на окружающий мир</i></p><br></td>
    </tr>


<tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>БЛОКИРОВАНИЕ СПОСОБНОСТЕЙ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">способность блокировать чужие способности в радиусе двух метров.<br>
<b>Симптом передозировки: слабость, переходящая в потерю способностей.</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
    <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ПСИОНИКА СТРАХА</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">внушение жертве мыслей, пробуждающих в ней страх. Вызывание у живого существа неконтролируемого приступа внешне беспричинного ужаса, отчего существо перестает адекватно реагировать на происходящее.<br>
<b>Симптомы передозировки: быстро развивающаяся паранойя, мания преследования.</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
 <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>РАСПОЗНАВАНИЕ СПОСОБНОСТЕЙ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">способность ощущать и распознавать чужие способности.<br>
<b>Симптом передозировки: временная или полная потеря способности .</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ЭМПАТИЯ </b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      <a href="">Валери Винстон</a></i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">чтение чужих чувств, эмоций, страхов.<br>
<b>Симптомы передозировки: паранойя, периодическая потеря связи с реальностью.</b><p></p>
      </td>
    </tr>
<tr><td><hr></td><td><hr></td></tr>
   <tr>
      <td style="width: 35%; vertical-align: top; text-align=" left"=""><b>ЭМПАТИЯ ПРИКОСНОВЕНИЙ</b><br>
      <p style="font-size: 11px;"><i>носители:<br>
      -</i></p></td>
      <td style="width: 65%; vertical-align: top;><p style=" font-size:="" 11px;"="">чтение чужих чувств, эмоций, страхов через прикосновения.<br>
<b>Симптомы передозировки: нетерпимость к чужим прикосновениям, периодическая потеря связи с реальностью.</b><p></p>
      </td>
    </tr>

</tbody></table></div>

<p style="
    text-align: center;
    margin: 20px auto -10px auto;
">Если вы не нашли в таблице способность себе по душе — предложите свой вариант админу,<br>возможно вместе мы найдем компромисс.</p>
</div>
<br>
<hr style="width: 95%;
    height: 3px;
    background-color: #850000;
    margin: 0 auto;
    border-left: none;
    border-right: none;
    border-color: #000;
    border-top: none;
    border-width: 1px;"></div>