[html]<style>.body { position: relative; overflow: hidden; width: 350px; height: 300px; padding: 20px;  margin-bottom: 20px; background-color: #000;  color: #fff;  top: 20px; } 

.pagecontainer { background: #000;  width: 75px; float: left;  padding: 1px;  margin-top: -11px;  padding-left: 70px; } 

.pagecontainer label { background-color: #000; padding: 9px; margin-left: 5px; position: relative; text-transform: uppercase; left: -1px;  letter-spacing: 2px; } 

.pagecontainer [type=radio] { display: none; } 

.conttext { position: absolute; top: 40px; bottom: 0; left: 0; right: 0;  background-color: #161a1e; text-indent: 20px; padding: 10px; font-family: 'Alegreya Sans', sans-serif; font-size: 14px; overflow: auto; } 

.conttext::-webkit-scrollbar {width: 4px; background: #000;}
.conttext::-webkit-scrollbar-thumb {background: #5c160c;}
.conttext::-webkit-scrollbar-corner {background: #111;}

.pagecontainer [type=radio]:checked ~ label { background-color: #330000; border: 1px solid #868686; z-index: 2; }

.pagecontainer [type=radio]:checked ~ label ~ .conttext { z-index: 1; }

.textstyle { width: 390px; padding: 35px; color: #fff;  background-image: url(https://69.media.tumblr.com/13db3f5a4a8 … 9_1280.jpg); background-color: #330000;   border: 2px solid #000; font-size: 12px;  font-family: 'Exo 2', sans-serif; text-align: justify; }

.textstyle h1 { text-align: center; font: normal normal bold 35px/100% 'roboto', arial, sans-serif; letter-spacing: 3px;  margin: 10px 0; }

  .textstyle h2 { text-align: center; letter-spacing: 1px; font-size: 12px;  font-family: 'Exo 2', sans-serif; text-align: center; font-style: oblique; text-transform: uppercase; margin: 10px; }

  .textstyle h3 { background-color: #5c160c;  padding: 10px; font-family: 'Exo 2', sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; letter-spacing: 4px; }

.textstyle h4 {background-color: #330000; padding: 5px; text-align: right; font-family: 'Exo 2', sans-serif; }

  .textstyle .mainpole { margin: 30px; }</style>

<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo+2:100i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">

<center>
  <div class="textstyle">
    <h2>Свод правил, ответы на вопросы</h2>
    <div class="mainpole"></div>
    <div style="background:#000; width:390px;" >
      <div class="body">
        <div class="pagecontainer">
          <input type="radio" id="pagecontainer-1" name="pagecontainer-group-1" checked>
          <label for="pagecontainer-1">Правила</label>
          <div class="conttext">
            <h3>Общие правила</h3>
            <br><p>#1. Регистрируясь на проекте, вы подтверждаете, что ознакомились с действующими правилами и обязуетесь не нарушать их. Вы соглашаетесь с тем, что нарушение данных правил карается удалением. И помните, незнание правил не освобождает от ответственности.</p>
            <p>#2.  Высокий рейтинг игры подразумевает использование ненормативной лексики, описание сцен сексуального характера, психологического и физического насилия, высказывание радикальных взглядов, республиканский настрой и жертвоприношения.</p>
            <p>#3. Но не стоит забывать, что любые формы дискриминации, оскорбления и агрессивное поведение по отношению к <i>игрокам</i> (в том числе в зоне флуда) недопустимы. Заметив подобное поведение, администрация выносит вам замечание и пристально следит за тем, чтобы это не повторилось. В случае повторного проявления неуважительного и оскорбительного поведения по отношению к другим игрокам проекта, ваш профиль удаляется.</p>
            <p>#4. В случае отсутствия без предупреждения в течение трех недель профиль (в том числе твинки) удаляется.</p>
            <p>#5. Запрещено использовать рисованные аватары и перегружать подпись графикой и текстом: в подписи допускается не более двух изображений размером 400х200px; максимальный размер аватара — 180х180.</p>
            <p>#6. Свод правил может дополняться и изменяться. Обо всех изменениях администрация будет уведомлять в объявлениях.</p>
            <p>#7. Полное или частичное копирование содержания форума любого характера запрещено и ведет к пожизненному бану. Цитирование материалов проекта должно сопровождаться ссылкой на проект.</p>
           
            <h3>Регистрация</h3>
            <br><p>#8. При регистрации имя и фамилия указываются на латинице с заглавной буквы.</p>
            <p>#9. Повтор имен и фамилий на форуме допускается, исключения составляют те, что закреплены за игроками. Ознакомиться со списком занятых имен и фамилий можно здесь.</p>
            <p>#10. Роль или внешность можно придержать в гостевой сроком на семь дней с возможностью продления на три дня.</p>
            <p>#11. С момента регистрации дается семь дней на написание анкеты. Выложенные анкеты с пометкой «в процессе» будут переноситься в архив сразу же.</p>
            <p>#12. Если игрок не появляется в течении семи дней с момента регистрации, не оставив при этом анкеты, администрация вправе удалить профиль.</p>
            <p>#13. Администрация проверяет анкеты в течение трех дней. Если по какой-либо причине ваша анкета не может быть проверена в этот срок, вы будете заранее уведомлены. Если уведомление вами не получено — напишите администрации, вопрос будет решен в ближайшее время.</p>
            <p>#14. На исправление замечаний дается три дня, по истечении срока анкета переносится в архив, а профиль удаляется.</p>
            <p>#15. Администрация имеет право отказать в принятии анкеты без объяснения причин.</p>
            <p>#16. На форуме категорически запрещён плагиат и копирование чужих анкет. Причины, по которым вы это делаете, нас не интересуют. В случае обнаружения подобного — ваш профиль удаляется без предупреждений.</p>
            <p>#17. До принятия анкеты вы можете оставлять сообщения во внеигровом разделе.</p>
            <p>#18. Регистрировать второго персонажа можно только если начата игра за первого; регистрировать третьего персонажа можно только с разрешения администрации. Администрация вправе запретить вам заводить вторую/третью роль, если вы не справляетесь с уже имеющейся.
            <p>#19. После принятия анкеты необходимо заполнить шаблоны в организационных темах.</p>             
           
                <h3>Игра</h3>
            <br><p>#20. Администрация весьма трепетно относится к грамотной игре, игра должна вестись по правилам русского языка.</p>
            <p>#21. Убивать и наносить увечья другим персонажам без согласия игрока запрещается; это же правило касается NPC и других жителей города — все действия, несущие прямую угрозу жизни, следует согласовывать с администрацией.</p>
            <p>#22. Минимум игровой активности — один пост в месяц в личные эпизоды и альтернативу; минимальная игровая активность в квестах прописывается индивидуально для каждой сюжетной ветки.</p>
            <p>#23. В случае пропуска очереди в квесте в игру внеочередно может вступить ГМ, в случае систематического пропуска своей очереди игрок вычеркивается из квестового эпизода в соответствии с логикой развития событий.</p>
            <p>#24. Администраторский состав следит за ходом игры в том числе за развитием событий в личных эпизодах игроков. Администрация может сделать замечание за несоответствие игровым реалиям. Также за администраторами остается право развить личную линию любого персонажа в сюжетно важную ветку.</p>
           
            <h3>Реклама</h3>
            <br><p>#25. Для рекламы создан отдельный вход, создание дополнительных аккаунтов для рекламных целей производится строго по согласованию с администрацией проекта.</p>
            <p>#26. Реклама осуществляется только в соответствующих темах.</p>
            <p>#27. Реклама должна быть строго взаимной, если при проверке взаимность не подтвердится, реклама будет удалена.</p>
            </div>
        </div>
        <div class="pagecontainer">
          <input type="radio" id="pagecontainer-2" name="pagecontainer-group-1">
          <label for="pagecontainer-2">FAQ</label>
          <div class="conttext"><h3>Общие вопросы</h3>
            <br><h4><i>Можно кратко о вашем форуме?</i></h4>
            <br><p>Можно. 18+, 2018 год, мистика, изолированное поселение на острове Якоби в штате Аляска, окруженное водами залива Тихого океана, не всегда дружелюбными индейцами-тлинкитами, сектантами, психами и преследуемое древним злым духом-людоедом Вендиго.</p>
            <h4><i>А что насчет системы игры и мастеринга?</i></h4>
            <br><p>Cистема эпизодическая, мастеринг в сюжетных квестах активный, в личных — по запросу.</p>
            <h4><i>У вас так много матчасти, с чего мне лучше начать?</i></h4>
            <br><p>С сюжета, конечно же. Если общая идея форума вам нравится и хочется изучить детали, загляните в путеводитель, в котором собрана вся информация, которая может вам пригодиться.</p>
            <h4><i>Кем я могу пойти к вам играть?</i></h4>
            <br><p>Спектр ролей достаточно широк даже в пределах небольшого города: вы можете быть кем угодно, начиная от мэра, шамана, домохозяйки, которая готовит на ужин непослушных детей, чудаковатого смотрителя маяка, уходящей каждые выходные на охоту школьницы или вечно пьяного лесоруба до приезжего туриста, решившего сделать себе сафари по диким местам, или исследователя, которого пока не съели индейцы. Но если не уверены, всегда можно обратиться в «хочу к вам» или написать напрямую кому-либо из администрации, чтобы подобрать и обсудить наиболее актуальную и подходящую именно вам роль.</p>
            <h3>«Я хочу»</h3>
            <br><h4><i>Я хочу основать банду/мафию/крупную компанию в городе, это возможно?</i></h4>
            <br><p>Здесь нет никакой организованной преступности и промышленных магнатов: уже через неделю после их появления в нашем дружелюбном местечке местные наведались бы в гости с дробовиками. Мелкие хулиганы, сектанты, тлинкиты, злые духи — этому городу и без мафии проблем хватает. Зато вы запросто можете открыть свой маленький магазинчик, бар или автомастерскую. Не забудьте заглянуть в локации, чтобы не открыть десятую лесопилку на острове.</p>
            <h4><i>Я хочу, чтобы обо мне никто ничего не знал и не распускал слухов.</i></h4>
            <br><p>Так не получится. Даже если вы ведете себя крайне скрытно, редко показываетесь на глаза и ни с кем не заводите разговор, то это уже станет поводом для слухов. Будьте готовы к тому, что ваше имя может обрасти самыми нелепыми слухами, от которых крайне сложно избавиться.</p>
            <h4><i>А если я буду очень добрым и отзывчивым, самым хорошим, не сказавшим за всю жизнь ни одного плохого слова?</i></h4>
            <br><p>То кто-нибудь наверняка скажет о том, что вы похищаете и насилуете детей в своем подвале. Всем угодить нельзя, кто-то обязательно будет не любить вас, повод для этого не требуется. Не пытайтесь быть идеальным, вы рискуете быть скинутым с моста.</p>
            <h3>Про мистику</h3>
            <br><h4><i>А что насчет Вендиго? Он реален или все это просто страшная сказка индейцев, чтобы пугать детей и приезжих?</i></h4>
            <br><p>Вендиго вполне реален, опасения тлинкитов не основаны на одних лишь суевериях. Но это не означает, что все верят в его существование и не покрутят пальцем у виска, слушая ваши россказни про жуткую фигуру, следящую за вами из леса.</p>
            <h4><i>Так значит, его можно где-то найти, поговорить с ним, попробовать договориться?</i></h4>
            <br><p>К счастью или к сожалению, Вендиго нельзя выследить и найти, его нельзя поймать, нельзя заговорить с ним. Это Вендиго выслеживает и ловит вас. Сектанты же верят, что своими кровавыми обрядами они могут выкупить свою жизнь, принеся кого-то другого в жертву — правда, неизвестно, насколько хорошо работает этот ритуал.</p>
            <h4><i>То есть магия не работает?</i></h4>
            <br><p>Не в привычном нам понимании. Все это балансирует на грани реальности и случайного стечения обстоятельств. Порой игра вероятностей действительно выглядит как магия.</p>
            <h4><i>Получается, у меня могут быть способности? Я могу кидаться фаерболами?</i></h4>
            <br><p>Можете кинуть спичку и спалить дом. На этом ваши магические способности закончатся. Но, возможно, в вас дремлет талант вашей бабки, умевшей говорить с духами, и когда он проявится, одни скажут, что это магия, а другие, что шизофрения.</p>
            <h4><i>Причем тут индейская мифология и карма?</i></h4>
            <br><p>Можете называть это как хотите: божья кара, отдача, справедливость или карма — суть в том, что за все ваши дела вам воздастся по заслугам, ровно как и другим, так что самое время задуматься над тем, что вы делаете.</p>
          </div>
          </div>
               </div>
        </div>
      </div>
    </div></center>
[/html]