Код:
<!--HTML-->
<div class="postcolor"><br><br><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">

<link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">
<style type="text/css">

.cronoviccontainer {
 margin: 15px auto; 
 height: auto;
 width:auto;
 text-align:justify;
 }

.cronovictabs {
 margin: 0px auto; 
 position: relative;
 width: 450px; 
 height:550px;
 padding:10px;
}

.cronovictab {
display:block; 
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.cronovictab label {
 display: block; /* this lets you fix the label dimensions */
 width: 50px;
 padding:4px;
 background: #f7e1e4;
 text-align:center;
 border: 0px solid #ccc;
 margin:5px;
 color:#1e1e1e;
 position: relative;
 font-size:10px;
 text-transform:uppercase;
 border-bottom:1px solid #601004;
 font-family:oswald;
 text-align:center;
 left:-80px;
 top: 145px;
 z-index:5;
  
 }

.cronovictab input[type=radio]:checked ~ label{
 background: #75151e;
 text-shadow: 0px 1px 0px #9fcfdd;
 z-index: 2;
}

.cronovictab input[type=radio] {
 display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.cronoviccontent {
   position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
background: #d8d8d8;
 padding:20px;
 font-family:times new roman;
 font-size:13px;
 letter-spacing:1px;
 text-align:justify;
 overflow:auto;
 border-bottom:5px solid #601004;
 
 }

/* if you want tab transitions they also go here */
.cronovictab input[type=radio]:checked ~ label~.cronoviccontent {
 z-index: 1;
}

.cronoviccontent h1{
 margin:0;
 text-transform:uppercase;
 font-family:oswald;
 font-size:30px;
 color:#601004;
 text-shadow: 2px 2px 0px #dbd8d8;
 background-color:#f3f3f3;
 padding:25px;
  
}

.cronoviccontent h2{
 margin:0;
  font-family:oswald;
 font-size:10px;
font-weight:500;
line-height:180%;
}

.cronoviccontent h3{
 margin:0;
 text-transform:uppercase;
 font-family:oswald;
 font-size:15px; 
 color:#1e1e1e;
 border-bottom: 1px solid #1e1e1e;
padding:6px;
}

.loveinitself {
  font-size:9px;
 font-family:oswald;
  letter-spacing:1px;
}

.loveinitself a {
 text-decoration:none;
 font-weight:500;
 font-family:oswald;
 font-size:10px;
 color:#601004;
 text-shadow: 0px 1px 0px #eaeaea;
  -moz-transition:all 0.4s ease-in-out; 
  -webkit-transition:all 0.4s ease-in-out;
  
}


.loveinitself a:hover{
   color:#601004;
  letter-spacing:2px;
}


.cronoviccontent::-webkit-scrollbar { width: 2px; background: #f3f3f3f; } 
.cronoviccontent::-webkit-scrollbar-thumb { background: #601004; } 
.cronoviccontent::-webkit-scrollbar-corner { background: #caa0aa; }


</style>

<div class='postcolor'> <center><div style="width: 500px; padding: 2px; background-color: #eeeeee; border: 20px solid #201e1f;">

<div style="width: 500px; font-family: georgia; font-size: 30px; text-transform: lowercase;  background-color: #601004; color: #ffffff; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #1a1b26;">Правила</div>
<p>
<br>
<div style="width: 480px; color: #601004 ; text-align: center; text-transform: uppercase; font-size: 9px; font-family: verdana; height: 10px; border-top: 1px solid #8F4C5B; border-bottom: #8F4C5B 1px solid; margin-bottom: 13px; padding-top: 3px; padding-bottom: 5px;">the hunger games: resonance</div>



<div class="cronoviccontainer">

<div class="cronovictabs">


<div class="cronovictab">
<input type="radio" id="cronovictab-1" name="cronovictab-group-1" checked="">
<label for="cronovictab-1">1 раздел</label>
<div class="cronoviccontent">
<center><b> I. Общение на форуме</b> </center><br>
1.1. Общение должно быть вежливым. Запрещена провокация конфликтов.<br>
1.2. Реальное отношение к игрокам не должно отражаться на взаимоотношениях персонажей в игре (не переносите реал в игру и наоборот).<br>


</div>
</div>


<div class="cronovictab">
<input type="radio" id="cronovictab-2" name="cronovictab-group-1">
<label for="cronovictab-2">2 раздел</label>
<div class="cronoviccontent">
<center><b>II. Регистрация и вступление в игру</b></center> <br>

2.1. Перед регистрацией и написанием анкеты ознакомьтесь с Сюжетом, Хронологией событий, F.A.Q., и другими темами гостевого раздела.<br>
2.2. Логин должен состоять из имени и фамилии персонажа (в случае отсутствия фамилии - только имени), написанных на латинице. Запрещена регистрация логинов, состоящих из спецсимволов, а также только из заглавных или только из строчных букв.
Обращаем ваше внимание, что т.к. действие игры происходит на территории бывшей Северной Америки, следует выбирать имена, соответствующие тем, которые были распространены в данной местности. А также обратите особое внимание, что детей в дистриктах преимущественно называли тематическими именами, связанными с ремеслом дистрикта (примеры: Кашмира, Глосс – имена, связанные с предметами роскоши; Финник - гавань на южном берегу Крита). Имена капитолийцев преимущественно латинские.<br>
2.3. Регистрация имен персонажей из других фэндомов (произведений, фильмов, фанфиков, рассказов и др.), и имен реально существующих людей (если это не обусловлено сюжетом игры) запрещена (примеры: Гарри Поттер, Пэрис Хилтон). Если вы хотите взять внешность персонажа из другого фэндома, у него должны быть другое имя и другая фамилия, не совпадающая с именем персонажа фэндома (во избежание ассоциаций с персонажем из другого фэндома).<br>
2.4. Анкета должна быть оформлена в течение трех дней с момента регистрации (аккаунт, не проявляющий активности после регистрации в течение трех дней будет удален). В случае если в течение одной недели после вступления в игру (размещения анкеты, принятой администратором) персонаж не проявил никакой игровой активности (не написал ни одного поста), такой аккаунт тоже будет удален.<br>
2.5. Администрация может отказать в приеме анкеты, если уровень грамотности игрока не соответствует проекту.<br>
2.6. В качестве аватаров персонажей можно использовать статичные или анимированные изображения (запрещены: арты, рисунки).
Обращаем ваше внимание на то, что аватар должен отвечать тематике ролевой игры, внешность персонажа должна соответствовать среде, в которой он вырос. Так, персонаж из двенадцатого дистрикта не может выглядеть как модель с пирсингом, в разноцветных париках. И наоборот - капитолиец не должен выглядеть как представитель бедного района (если он не безгласый работник очистительных систем). Запрещено изменять внешности персонажей из фильма без одобрения АМС.<br>
2.7. В личном звании и подписи запрещено использовать брань и нецензурные высказывания. В подписи разрешено использование мувов и гифов в количестве не более двух штук.<br>
2.8. Регистрация второго персонажа разрешена только активным игрокам по истечении двух месяцев стабильной игры на проекте при согласовании с администрацией, с условиями: игрок будет играть обе роли полноценно, не будет использовать одного персонажа для выгоды другого в игре, не будет играть и флудить сам с собой, поднимать репутацию со своих же профилей и вводить в заблуждение других участников игры, иначе администрация будет вынуждена вызвать психиатрическую помощь.<br>

</div>
</div>


<div class="cronovictab">
<input type="radio" id="cronovictab-3" name="cronovictab-group-1">
<label for="cronovictab-3">3 раздел</label>
<div class="cronoviccontent">
<center><b>III. Организация игры </b></center>  <br>

3.1. Рейтинг игры: 18+<br>
Игра может содержать сцены чрезмерного насилия и жестокости.<br>
3.1.1. Обращаем ваше внимание на то, что АМС не поддерживает повальное увлечение ролевиков слэшем и фэмслэшем, однако запрета на регистрацию гомосексуальных персонажей нет. Но помните, что тематика игры - постапокалиптический мир, борьба против деспотичного государства, выживание в условиях революции, отношения не должны быть на первом месте. С целью сохранения атмосферы игры гомосексуальные отношения между каноничными персонажами, если они не были заявлены в каноне, запрещены.<br>
3.1.2. Запрещены: зоофилия, некрофилия и другие подобные извращения.<br>
3.2. Принцип построения игровой зоны - эпизодический. Игровое время ограничивается конкретным временным промежутком.<br>
3.3. Эпизоды делятся на сюжетообразующие [с] и личные [л], о чем делается пометка в теме эпизода. В целях повышения игровой активности ход игрока, не написавшего пост более пяти суток в сюжетном эпизоде, пропускается.<br>
3.4. Пост может быть написан от любого лица и времени; мысли выделяются курсивом, своя речь жирным шрифтом, чужая речь выделяется подчеркиванием; цветовыделения, уменьшение/увеличение шрифта, смайлы - запрещены.<br>
3.5. Отыгрыш за чужих персонажей запрещен. Отыгрышем за другого персонажа считается, как описание его действий, так и бездействия. Следует избегать совершения большого количества действий в одном посте. Как правило, в посте персонаж совершает два действия (за редкими исключениями, обусловленными игровой ситуацией): <br>1) Реакция на действие соигрока; <br>2) Новое действие, на которое должен/может отреагировать соигрок. Руководствуйтесь логикой.<br>
3.6. Наличие персонажа в акции априори подразумевает его нужность. Создавая заявку на нужного персонажа, вы автоматически берете на себя обязательство при появлении игрока на эту роль взять его как минимум в один отыгрыш.<br>
Обращаем ваше внимание, что внешности по «нужным» не придерживаются автоматически. Если для вашей заявки вам принципиальна конкретная внешность, вы можете бессрочно придержать ее, обратившись в гостевую.<br>
3.7. В игровых темах запрещены оффтоп и флуд (включая спойлеры). Все сообщения и пометки для соигроков оставляйте в теме Обсуждение организационных вопросов.<br>
3.8. Мастеринг игры смешанный. Мастер выступает от лица мастерского персонажа Game Master. Мастер игры оставляет за собой право вмешаться в любой сюжетный эпизод в любой момент игры.<br>
3.9. Следует оформлять игровые ответы грамотно. Не приветствуются не только грамматические и орфографические ошибки, но и отсутствие пробелов после знаков препинания (пользуйтесь программой Word или онлайн проверкой орфографии).<br>
3.10. Размеры поста не ограничены, но не забывайте о своих соигроках – мало кому хочется читать отписки в три строки или же гигантские сочинения объемом с небольшой рассказ. Люди приходят на ролевую играть, а не соревноваться, у кого больше пост.<br>
</div>
</div>



<div class="cronovictab">
<input type="radio" id="cronovictab-4" name="cronovictab-group-1">
<label for="cronovictab-4">4 раздел</label>
<div class="cronoviccontent">
<center><b>IV. Правила взаимодействия персонажей с мастером</b>  </center><br>
4.1. Если мастер вступил в игру, не важно в какой момент отыгрыша (в начале, середине или конце), то с этого момента только мастер полностью руководит окружающим миром и НПС-персонажами.<br>
4.2. Игрокам запрещено описывать действия НПС мастера (нельзя играть за чужих персонажей, даже если это НПС).<br>
4.3. На каждый ход игрока ответом должен быть ход мастера (или НПС т.е. неигровой персонаж). Поэтому, если ваш персонаж предпринял какое-то действие, подождите развития событий. Не описывайте самостоятельно места или события во время игры с мастером, поскольку это является прерогативой мастера, ведь только он владеет сюжетом. Чтобы получить что-то от мастера (какую-то подсказку, или ответный шаг), нужно предпринять для этого какие-то действия.<br>
Примеры:<br>
— Если вы хотите прийти в локацию и осмотреть ее или расспросить о чем-то людей, то вы пишете: «Я зашел и осмотрелся». Мастер сообщит вам, что вы увидели/услышали. Или к вам обязательно подойдет НПС, или обратит на себя ваше внимание, чтобы начать диалог;<br>
— Если вы хотите что-то найти, то вы пишете: «Я открыл шкаф (тумбочку, залез в карман) и стал искать что-нибудь полезное». Мастер сообщит вам, что вы нашли в том месте, где вы ищете (либо сообщит вам, что вы ничего не нашли).<br>
Примечание: <br>
Если вам не хватает полученной информации, сообщите об этом мастеру в организационной теме и попросите дополнить ответ.
4.4. Запрещено делать несколько действий в одном посте, либо описывать разные действия в двух постах подряд, не дождавшись ответа мастера.<br>
4.5. Если в квесте присутствует несколько участников, и один из них написал что-то, на что нужна реакция мастера игры, то все остальные, соответственно, не могут в своих постах описывать события, произошедшие после этой временной точки, но они могут предпринять какие-то действия раньше или одновременно с этим.<br>
</div>
</div>

<div class="cronovictab">
<input type="radio" id="cronovictab-5" name="cronovictab-group-1" checked="">
<label for="cronovictab-5">5 раздел</label>
<div class="cronoviccontent">
<center><b> V. Отсутствие и выход из игры</b></center> <br>
5.1. Лоу не означает полное отсутствие. Как минимум раз в неделю вы должны появляться на форуме, пусть и не проявляя игровой активности.<br>
5.2. Персонаж, не проявляющий игровой активности более одного месяца без предупреждения, будет выведен из игры.<br>
5.3. Аккаунты вышедших из игры персонажей будут удалены.<br>
5.4. Администрация оставляет за собой право самостоятельно распоряжаться дальнейшей судьбой выбывшего из игры персонажа (администрация идет навстречу просьбам игроков, имеющих пожелания относительно вывода своих персонажей из игры).<br>


</div>
</div>

<div class="cronovictab">
<input type="radio" id="cronovictab-6" name="cronovictab-group-1" checked="">
<label for="cronovictab-6">6 раздел</label>
<div class="cronoviccontent">
<center><b> VI. Административные меры</b> </center><br>
6.1. Игрок может быть снят с роли в случае: систематического нарушения правил или/и отказа следовать правилам; несоответствия его уровня грамотности уровню проекта.<br>


</div>
</div>

<div class="cronovictab">
<input type="radio" id="cronovictab-7" name="cronovictab-group-1" checked="">
<label for="cronovictab-7">7 раздел</label>
<div class="cronoviccontent">
<center><b> VII. Реклама</b></center> <br>
7.1. Для рекламы на проекте предназначен специальный раздел, реклама оставленная в не предназначенных для этого местах, будет удалена (реклама в виде поздравлений, оставленная в гостевой, будет перенесена в партнерские темы оставивших ее проектов).<br>
7.2. Реклама, размещенная без ссылки на взаимность, будет удалена.<br>
7.3. Реклама (спам) по ЛС запрещена.<br>


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

<div style="margin: 0px auto; font-family:oswald;width: 300px; text-align: center; font-size: 10px;color:#000000 ;">Администрация форума благодарит Вас за то, что уделили время и прочитали наши правила.<br>
</div>

</div>  </div>