Код:
<!--HTML-->


<style>



.tabs { position: relative;
width: 460px;
clear: both;
margin: 10px 0px;
font-family: "Oswald";
text-transform: uppercase;
font-size: 14px; }
.tab { float: left; margin-top: -10px;}
.tab label { background: #F0D48E none repeat scroll 0% 0%;
padding: 5px;
position: relative;
color: #060606;
margin-top: -10px; }
.tab [type=radio] { display: none;  baseline-tab-shift: true, retrieve;}
.content {position: absolute;
top: 15px;
bottom: 0px;
left: 10px;
right: 0px;
background: #ECE098 none repeat scroll 0% 0%;
width: 400px;
padding: 15px;
color: #505F2F;
font-family: arial,sans-serif;
text-transform: none;
font-size: 13px;
text-align: justify;
height: 300px;
overflow: auto;
line-height: 13px; }
[type=radio]:checked ~ label { background: #92E490; z-index: 2; }
[type=radio]:checked ~ label ~ .content { z-index: 1;}
.name{width: 350px; height:60px; background:#DEB47E; font-family: 'Oswald', cursive; text-transform: uppercase; font-size: 35px; font-align:center; padding: 20px; opacity:0.0; transition-duration: 0.7s;-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;-o-transition-duration: 0.7s; text-decoration: none; color: #EBD7A5;}
.name:hover {opacity:.0}


.topicbody { width: 536px; height: 640px;  display: block; background: url("http://funkyimg.com/i/21eMF.png") no-repeat scroll left top, url("http://funkyimg.com/i/21eME.png") no-repeat scroll center bottom, transparent url("http://funkyimg.com/i/21eF5.png") repeat-y scroll 0% 0%;} 

.text1{color: #d19a1e; font-family: 'OpenGost Type A;'; font-size: 19px; text-shadow: 0px 1px 0px #fff; text-align: center; background-color: #f0d48e;}

.topicname{color: #d19a1e; font-family: 'OpenGost Type A;'; font-size: 25px; text-shadow: 0px 1px 0px #fff; text-align: center; background-color: #f0d48e;}

.topictext {font-family: 'Tahoma', font-size: 12px; color: #623814; letter-spacing: -0.5px; text-align: left; padding-top: 45px;}

.ams2{position: relative;  width: 300px;  height: 120px; top: 40px; margin-left: 15px; color: #13496c; font-family: 'Tahoma', font-size: 9px; color: #492504; letter-spacing: -1.2px; line-height:100%;}

.zone {    width: 220px;
    height: 400px;
    padding-right: 5px;
    overflow: auto;
    font-family: "times",sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    color: #512E0E;
    margin-top: 2px;
    text-align: center;
    line-height: 100%;
    letter-spacing: 1px;}

.topiczone {
width: 455px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 100%;
letter-spacing: 0px;  
text-align: justify; 
margin-left:40px;
}


.topictitle {
letter-spacing: 0px; 
text-transform:;
 font-weight: ;
color: #a18425;
font-family: 'Lobster';
font-size: 25px;
background-color: #d9b951;
text-shadow: 0px 1px 0px #fff;
text-align: center;}
</style>


<div class="topicbody">
<div class="topiczone">
<br><br><br>
<div class="ams2"><p><span style="color: #FFF;font-family: times;font-size: 11px;line-height: 18px;letter-spacing: 0px;text-transform: uppercase;text-shadow: 1px 1px #000;">
— Всякая игра диктует свои правила, и если хочешь участвовать – будь любезен их выполнять. </span></p></div>
<div class="topictext">
<div class="topicname">ОСНОВНЫЕ ПРАВИЛА</div>
<br>

<div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">
§ I. #important</label><div class="content">

<u> Параграф 1. </u>
<br><b> Общие положения и сведения об игре</b>
<br><b> 1.</b> Проект «Shut up!» основан 05.06.2013 года.
<br><b> 2. </b> Ролевой форум посвящен тематике real-life.
<br><b> 3.</b> Рейтинг игры NC-21. На ролевых постах разрешается описание интимных сцен, актов насилия, а так же использование нецензурной лексики.
<br><b> 4.</b> Система ведения игры эпизодическая.
<br><b> 5.</b> Мы придерживаем внешности/имена для гостей только на три дня (включительно по указанную, в шапке гостевой, дату).
<br><b> 6.</b> Место для разговоров – флудзона форума, а использование офф-топов и прочего в темах для этого непредусмотренных, строго запрещается.
<br><br>
<u> Параграф 2.</u>
<br>     <b> Администрация и модерация  </b> 
<br>      <b>  1.</b>  Администрация не божественный пантеон, мы всегда готовы помогать каждому, в любой, даже самой незначительной проблеме.
<br>        <b>2.</b>  Модераторы – первые помощники администрации. Это те люди, на которых надеются все, как администраторы, так и игроки.
 <br>      <b> 3.</b>  АМС-обязанностями является: развитие форума, оснащение его всем необходимым на протяжении всего его существования, помощь гостям и игрокам (ответы на вопросы, подсказки с выбором роли, с выбором внешности), введение в игровой процесс и помощь с адаптацией новым игрокам.
<br><br>
<u> Параграф 3.</u>
<br>    <b> Авторские права</b> 
<br>      <b>  1.</b>  Копирование нашего контента, без разрешения не допускается.
<br>      <b>  2.</b>  Если же вы смогли получить разрешение администрации, то необходимо в обязательно порядке, указывать копирайт и прямую ссылку на наш проект.
<br>      <b>  3.</b>  Любая текстовая и графическая работа, которая выполнена для этого форума считается его неотъемлемой частью. Это значит, что после ухода или удаления игрока с форума, все, что он сделал для ролевой остается здесь. Убирать никто ничего не будет, само собой авторство остается за тем человеком, который эту работу выполнял.



</div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">
§ II. #selfie
</label><div class="content">
    <u>Параграф 1.</u> 
  <br>  <b>Регистрация и подача анкеты</b> 
    <br><b>1.</b> Регистрируемый ник, должен быть на английском языке и содержать в себе имя и фамилию персонажа именно в той форме, в которой чаще всего к нему обращаются.
    <br><b>2.</b> Если в течении нескольких минут после регистрации на вашу электронную почту не пришел пароль, обратитесь в гостевую за помощью.
   <br><b> 3.</b> За персонажем, держится только одна внешность. Смена ее возможна только в крайнем случае (за определённую плату).
   <br><b> 4.</b> После регистрации профиля вам дается трое суток для заполнения анкеты. Если по истечении этого времени анкета не будет подана, администрация вправе удалить ваш профиль без предварительного уведомления. Для продления сроков написания анкеты, обратитесь к любому из представителей амс в ЛС или отпишитесь в гостевой.
<br><br>
    <u> Параграф 2.</u>
  <br>  <b> Заполнение профиля.</b>
    <br><b>1.</b> После регистрации и принятия вашей анкеты администрацией, игрок обязан заполнить такие организационные темы, как: <a href="http://palmsprings.rusff.me/viewtopic.php?id=1942">лица на аватарах</a>, <a href="http://palmsprings.rusff.me/viewtopic.php?id=1943">имена и фамилии</a>, <a href="http://palmsprings.rusff.me/viewtopic.php?id=13">биржа труда</a>, <a fref="http://palmsprings.rusff.me/viewtopic.php?id=175">личное звание</a>.
    <br><b>2. </b>Аватар участника проекта должен содержать изображение (фото персоны, которая является прототипом для данного персонажа). Изображения животных, нарисованных персонажей - не допускается.
    <br><b>3.</b> Оформление подписи, остается полностью на усмотрение игроков, но мы призываем, не перегружать ее разнообразным количеством анимации больших размеров.
    <br><b>4.</b> После того, как персонаж был полностью оформлен на ролевой, смело можете приступать к игре.
   <br><b> 5.</b> Если же после регистрации, у вас возникли вопросы к администрации в рамках проведения игры или организации проекта, обращайтесь в тему <a href="http://palmsprings.rusff.me/viewtopic.php?id=1544&p=38#p375340">вопросы и предложения.</a>
    <br><b>6. </b>Если у вас возникли обстоятельства, требующие взять временный перерыв или выйти из игры, вы можете смело сообщить об этом в <a href="http://palmsprings.rusff.me/viewtopic.php?id=2032&p=28#p375860">соответствующей теме.</a>
    <br><b>7.</b> Если же вы не предупреждали о своем отсутствии, ваш профиль удаляется спустя две недели, с момента последнего визита на проект.

</div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">
§ III. #game
</label><div class="content">
<b>О правилах ведения игры</b>
<br><b>1.</b> Так как система игры эпизодическая, игрок может вести игру сразу в нескольких эпизодах, как прошлого, так и реального времени. Единственным ограничением являются временные рамки.
<br><b>2.</b> По завершению игры, необходимо сообщить об этом в теме <a href="http://palmsprings.rusff.me/viewtopic.php?id=1544&p=38#p375340">вопросы и предложения</a>, после чего, эпизод закрывается и переносится в архив.
<br><b>3.</b> Писать посты разрешается от любого лица и без всяких ограничений по части объема, главное, чтобы вам было удобно и вас могли понять ваши партнеры по игре.
<br><b>4.</b> Оформление постов:
<br><b>• </b>Действия и описание обстановки в игре;
<br><b>• </b><b>Прямая речь персонажа</b> (непосредственно вашего);
<br><b>• </b><u>Прямая речь ваших соигроков;</u>
<br><b>• </b><i>Мысли вашего персонажа.</i>
<br><b>5. </b>Посты оформляются по всем правилам русского языка. Во избежание критичных ошибок, затрудняющих понимание и восприятие того, что вы пытались передать своим текстом, воспользуйтесь такими программами как MS Word, Language Tool, Spell checker и т.п.


</div></div><div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">
§ IV. #sanctions
</label><div class="content">

       <u> Параграф 1  </u> 
 <br><b>    Права пользователя. </b>
 <br><b>        1.  </b>Вы можете помогать администрации в гостевой, советовать внешности, роли, предлагать интересные варианты персонажей, за это вас никто не осудит.
 <br><b>        2.  </b>Разрешается оказывать посильную помощь игрокам и/или самому форуму (реклама, графика для игроков и т.д.), мы вам будем только благодарны.
  <br><b>       3.  </b>Разрешается регистрироваться не под игровыми никами, если вы хотите связаться с заказчиком нужного персонажа, предварительно сообщив об этом администрации, дабы вас не удалили.
 <br> <br>
    <u>Параграф 2</u>
 <br><b>Категорически воспрещено. </b>
  <br><b>       1. </b> Запрещается оскорбление игроков, в т.ч. амс на почве личных конфликтов, вне игровых локаций.
  <br><b>       2. </b> Запрещается агитация игроков для участия в голосованиях, принятия участия в проектах, несвязанных с нашим, а так же попытки заинтересовать игрока, даже без предоставления ссылок.
 <br><b>        3.  </b>Запрещается рекламная рассылка в лс.
 <br><b>        4.  </b>Категорически запрещается дискриминация игроков по расовому, половому, возрастному, религиозному и прочему признаку.
   <br><b>      5.  </b>Запрещается размещение на проекте материалов (видео и изображений) насильственного и порнографического характера, а так же прочих материалов, противоречащих правилам платформы.
 <br> <br>
   <u> Параграф 3</u>
  <br><b>   Штрафные санкции </b>
  <br><b>       1. </b> За оскорбление участников, администрация может применить наказание в качестве штрафа, предупреждения, бана на определенный срок, вплоть до удаления. При повторе такого рода прецедентов - пожизненный бан и вплоть до удаления.
  <br><b>       2. </b> За рекламную рассылку в ЛС или агитацию участия в сторонних проектах, следует бан на сутки, в случае повтора - удаление.
    <br><b>     3.  </b>Так же при нарушении всех вышеуказанных правил, администрация, вправе выносить наказания в форме предупреждений и штрафов, ориентируясь на собственное усмотрение и отталкиваясь от ситуации, предварительно разобравшись в ней.

</div></div><div class="tab"><input type="radio" id="tab-5" name="tab-group-1"><label for="tab-5">
§ V. #pr
</label><div class="content">
<b>Реклама и партнерство</b>
    <br><b>   1.  </b>Реклама сторонних проектов, разрешается только в специальном разделе с рекламой.
     <br><b>  2.  </b>Разрешается оставлять рекламу только от специального профиля (PR | 0000).
   <br><b>    3.  </b>Регистрация дополнительных аккаунтов для рекламы, не допускается.
   <br><b>    4.  </b>Темы для рекламы создаются администраторами, модераторами или игроками.
   <br><b>    5.  </b>Не разрешается создание тем от профиля рекламного агента.
    <br><b>   6.  </b>Реклама, оставленная у нас на проекте, должны быть строго взаимной, невзаимные рекламы или рекламы без ссылок на нашу у вас, будут удаляться.

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

</div></div>