[hideprofile][html]<style>

.punbb {
  margin-left: 0px !important;
  border: none!important;}

html > punbb {margin-left: 0px !important;
outline: 0px solid #c8d6e1!important;}

.container {margin: 0 auto; overflow: hidden; text-align: center;   font-size: 1.2em;}
a{text-decoration: none}

#faq-links {padding: 10px 20px}

#faq-links div {
    color: #aeaeaf;
cursor: pointer;
    font-weight: 700;
    text-transform: capitalize;
    margin: 11px 0;
    background: #fff;
    height: 20px;
    box-shadow: 2px 2px 2px #c8d6e1;
}

.faq-group {
    padding: 0 20px 40px 20px;
    position: relative
}

.faq-group div {
    font-weight: 700;
    text-align: center;
}

.faq-group hr {
        border: 0;
    border-top: 1px solid #606060;
    clear: both;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

.faq-group:after {
    top: 33%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #63819b;
border-width: 15px;
  margin-left: -15px
}

.faq-accordion>li  {
    border-top: 1px solid rgba(198, 198, 198, 0.4);
    color: #666;
    padding: 1.125em 0
}

.faq-accordion li a {
    color: #444!important;
    padding: 1.125em;
}

.faq-accordion > li:last-child {
    border-bottom: 1px solid rgba(198, 198, 198, 0.4);
}

.faq-accordion > li > a:before {
    content: 'В:';
    padding-right: 0.313em
}

.faq-accordion > li > a:after {
    color: #2a4562;
    content: '+';
    float: right;
    font-weight:300;
    margin-right: 1.25em;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
            transform: scale(2);
    overflow-y: hidden;
}

.faq-accordion > li > a.expanded:after {
    color:  #ff1c00;
    font-weight:300;
    margin-right: 1.25em;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
            transform: scale(2);
}

.faq-accordion > li > a.expanded {font-weight: 700; opacity: 1 !important}

.faq-content {
    background-color: #ececec;
    margin: 20px 0 -20px;
}

.faq-content p:before {
    content: 'О:';
    color: #ff1c00;
    float: left;
    font-weight: 700;
  margin-right: .5em
}

.faq-content p {
    margin: 0 1.2em;
    padding: 1.250em 0;
text-align: justify;

}

.faq-hide {display: none}

.faq-selected {
    color: #49494b!important;
-webkit-transition: all 1s ease;
         transition: all 1s ease;
}

.slide-left{

-webkit-animation-name: slide-left;
  -moz-animation-name: slide-left;
  animation-name: slide-left;

-webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;

   
-webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;

}

@-webkit-keyframes slide-left {
0% {
    -webkit-transform: translateX(150%);
}
50%{
    -webkit-transform: translateX(-8%);
}
65%{
    -webkit-transform: translateX(4%);
}
80%{
    -webkit-transform: translateX(-4%);
}
95%{
    -webkit-transform: translateX(2%);
}   
100% {
    -webkit-transform: translateX(0%);
}
}

@-moz-keyframes slide-left {
0% {
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
            transform: translateX(150%);
}
50%{
    -webkit-transform: translateX(-8%);
    -moz-transform: translateX(-8%);
            transform: translateX(-8%);
}
65%{
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
            transform: translateX(4%);
}
80%{
    -webkit-transform: translateX(-4%);
    -moz-transform: translateX(-4%);
            transform: translateX(-4%);
}
95%{
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
            transform: translateX(2%);
}   
100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
            transform: translateX(0%);
}
}
@keyframes slide-left {
0% {
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
            transform: translateX(150%);
}
50%{
    -webkit-transform: translateX(-8%);
    -moz-transform: translateX(-8%);
            transform: translateX(-8%);
}
65%{
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
            transform: translateX(4%);
}
80%{
    -webkit-transform: translateX(-4%);
    -moz-transform: translateX(-4%);
            transform: translateX(-4%);
}
95%{
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
            transform: translateX(2%);
}   
100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
            transform: translateX(0%);
}
}

#post {
background: #fbfbfb;
    font-size: 1.2em;
    color: #617f99;
    text-align: center;
    min-height: 175px;
}

#post img{
    width: 354px;
    float: left;
    display: inline-block;
    border: double 3px #c8d6e1;
}
</style>
<script>
/*<p>Pagination part? borrowed from <a href='/JoshBlackwood/'>Joshua Blackwood</a>'s Pen <a href='/JoshBlackwood/pen/yoLBJ/'>yoLBJ</a>.</p>*/

var accordWithPage =  function() {
 
var faqDiv = $('#faq-links div');
 

$(function () {
 
faqDiv.click(function() {
   
  var hideSec = 'faq-hide'; 
      var $this = $(this),
      $id = $this.attr('id'),
      $class = '.' + $('.about-' + $id).attr('class').replace(hideSec, '');

  $('#faq-wrapper').addClass(hideSec);
  $('.about-' + $id).removeClass(hideSec);
  $('div[class*=about]').not($class).addClass(hideSec);
     
});

});

$(function () {
 
        var select = 'faq-selected';     
 
        faqDiv.click(function () {

        if ($(this).hasClass(select)) {
            $(this).removeClass(select);
        } else {
            $('#faq-links .faq-selected').removeClass(select);
            $(this).addClass(select);             
        }
    }); //faq link selected
});

 
 
//Accordion
 
$(function () {
 
  var expand = 'expanded';
  var content = $('.faq-content');
        //FAQ Accordion
        $('.faq-accordion > li > a').click(function (e) {
            e.preventDefault();
        if ($(this).hasClass(expand)) {
            $(this).removeClass(expand);
//          $('.faq-accordion > li > a > div').not(this).css('opacity', '1');//returns li back to normal state
            $(this).parent().children('ul').stop(true, true).slideUp();
        } else {
//            $('.faq-accordion > li > a > div').not(this).css('opacity', '0.5');//dims inactive li
            $('.faq-accordion > li > a.expanded').removeClass(expand);
            $(this).addClass(expand);
            content.filter(":visible").slideUp();
            $(this).parent().children('ul').stop(true, true).slideDown();
        }
    }); //accordion function

    content.hide();

});
 
}

accordWithPage();

/*$(function () {
   $("#faq-links div").click(function () {
    $('.slide-left').fadeOut( "slow", "linear" );
     $('.slide-left').fadeIn( "slow", "linear" );
    }); //faq link fade in and out
  }); //document ready*/
</script>

<div class="container">

<div id=post><img src="https://media.tenor.com/mpOMAJpsf3EAAAAC/aesthetics-anime.gif"><b>F.A.Q.</b><br><br>Список часто задаваемых вопросов разделен по темам. Нажимайте по панелькам, чтобы перемещаться по разделам. </div>
<div id="faq-links">
    <div id="service" class="faq-selected">В каком мире играем</div>
    <div id="installation">Как играем</div>
    <div id="plan">Что играем</div>
    <div id="features">Как оформляем</div>
</div>

<div id="faq-wrapper" class="about-service">

<div class="faq-group">
        <div class="slide-left">
            <div>В каком мире играем</div>
        </div>
    <hr>
</div><!--faq-group-->
<div class="slide-left">
              <div  class="faq">
                 <ul class="faq-accordion">

                    <li>
                        <a href="#">О чем ваша ролевая?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>С одной стороны, в центре событий - исекай, где люди становятся невольными участниками игры в принцев и принцесс и должны стать победителями, чтобы после смерти в этом мире вернуться в реальность и дожить положенный срок там. <br>С другой стороны, мир, в который эти ребята исекайнулись, намного больше, это полноценный фэнтези мир со своей географией, политикой, культурой и прочими особенностями, так что можно будет поиграть и типично фэнтезийные истории, даже не подозревая о существовании игры</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Bacon ipsum-->

                    <li>
                        <a href="#">То есть можно играть как за "исекайщика", так и за коренного жителя этого мира?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Да, вполне. Хоть за короля, хоть за крестьянина, хоть за рыцаря, хоть за безумного ученого.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Beer ipsum-->

                    <li>
                        <a href="#">А за русалку/оборотня/вампира/иное волшебное создание?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>За разумное - да. Только это будет, например, не столько вампир, сколько человек, который был проклят ведьмой, специализирующейся на магии крови, и т.д. А вот за пегасов, мантикор, василисков и тому подобные магические создания играть нельзя.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Carey ipsum-->

<li>
                        <a href="#">А что с магическими артефактами?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Если коротко, то есть три типа артефактов. Первый тип - ведьмовские артефакты - они не теряют своей магии и продолжают существовать даже после смерти создательницы, но могут быть использованы только людьми с магическими способностями. Второй тип - артефакты принцесс, которые могут быть использованы и простым человеком, однако после смерти принцессы или окончания игры они исчезают. Третий тип - зачарованное оружие и предметы принцев; они могут быть использованы только принцами-создателями (то есть Артур сможет использовать Экскалибур, а принц Чарминг - нет) и теряют свойства после смерти создателя или окончания игры.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Carey ipsum-->

<li>
                        <a href="#">Можно ли взять какого-нибудь знаменитого человека из реальности/знаменитого "попаданца"/литературного-сказочного героя?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Нет. Но можно создать персонажа с похожей историей, таким образом адаптировав всё под реалии форума.</p></div>
                            </li>
</ul>
                    </li>
<li>
                        <a href="#">А как работает "чутье" друг друга у наделенных магией персонажей?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Ведьмы и драконы чуят как друг друга, так и игроков; игроки никого не чувствуют, потому не знают, что их ждет впереди.</p></div>
                            </li>
</ul>
                    </li>

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



        <div class="about-installation faq-hide">

<div class="faq-group">
        <div class="slide-left">
            <div>Как играем</div>
        </div>
    <hr>
</div>
                 
          <div class="slide-left">     
                 <ul class="faq-accordion">

                    <li>
                        <a href="#">Какой у вас возрастной рейтинг?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Рейтинг игры - 18+.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Bacon ipsum-->

                    <li>
                        <a href="#">Какая у вас система игры - эпизодическая или локационка?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>У нас гремучая смесь. У нас есть два раздела (как две основные задействованные локации), где вы играете в настоящем, а также разделы для флэшбеков и альтернативной игры. Все отыгрывается в эпизодах и вносится в общую хронологию.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Beer ipsum-->

                    <li>
                        <a href="#">Какой у вас будет мастеринг?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Смешанный. В квестах ГМ будет обязательно, в то время как в личные эпизоды вмешиваться он будет только по просьбе игроков.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Carey ipsum-->

<li>
                        <a href="#">Как часто надо писать посты?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>В личных эпизодах вас никто торопить не будет, хотя 1 поста в месяц, будем честны, маловато будет. А в квесте максимальная задержка поста - 7 дней; если три раза так "прошляпите" свою очередь, из квеста вылетите.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Carey ipsum-->
               

<li>
                        <a href="#">А что это за "игровой рандом" при принятии?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Процитирую своего коллегу: "Никогда рандом еще не был так бессилен, как у нас. Работать он будет только там, где игроки сами того захотят. Кроме способностей. Но и тут можно договориться. Если игрок не может решить куда ему примкнуть, то кинем ему кубики на сотню сказок, обрадуем. Если он не может выбрать только страну, имя, пол, место жительства, то можно и тут подсказать. Кому не нужно, тому не нужно".<br>Короче, он будет работать только на "исекайщиков" и на ведьм с драконами. И все пожелания будут учтены, вы только сразу в анкете пропишите их, чтобы не случилось казусов 🤣</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Carey ipsum-->
</ul>
                   
                </div><!--lide-left -->
        </div>

        <div  class="about-plan faq-hide">

<div class="faq-group">
    <div class="slide-left">
    <div>Что играем</div>
    </div>
    <hr>
</div>
            <div class="slide-left">
                 <ul class="faq-accordion">

                    <li>
                        <a href="#">Можно ли отыгрывать гомосексуальные отношения?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Да, можно.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Bacon ipsum-->

                    <li>
                        <a href="#">Можно ли отыгрывать сокрытие пола?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>50 на 50. То есть если Вы - юноша, то Вы, как игрок, вне зависимости от желания, станете принцем при попадании в игру, но в самой игре Вы можете, например, сбежав из дворца от назойливых принцесс, прикидываться девушкой.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Beer ipsum-->

                    <li>
                        <a href="#">Можно ли отыгрывать какие-то особо жестокие сцены?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Да, можно. Но не забывайте, что у всякого поступка есть последствия, которые будут отыграны и/или упомянуты в хронологии ГМ.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Carey ipsum-->
                    </ul>
                </div><!--slide-left-->
        </div>

        <div class="about-features faq-hide">

<div class="faq-group">
    <div class="slide-left">
    <div>Как оформляем</div>
    </div>
    <hr>
</div>
            <div class="slide-left">
                 <ul class="faq-accordion">

                    <li>
                        <a href="#">Под какими никами можно регистрироваться?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Если планируете играть за принца/принцессу (игроков) - реальные имя и фамилия. Если планируете играть за любого другого персонажа, пишите имя и фамилию (если есть) персонажа. Все ники должны быть на английском языке.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Bacon ipsum-->

<li>
                        <a href="#">Можно ли зарегистрироваться под временным ником?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Да, главное - чтобы был на английском языке.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Bacon ipsum-->

<li>
                        <a href="#">На какой срок придерживаются роли/внешности?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Мы придерживаем роли и внешности на 7 дней. Если вы не успеваете дописать анкету, обращайтесь в Гостевую, продлим еще на 7 дней .</p></div>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="#">Какие можно брать внешности?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Рисованные. Это могут быть как персонажи из аниме/манг/маньхуа/вставить нужное, так и простые арты.</p></div>
                            </li>
                        </ul>
                    </li>
                    <!--Beer ipsum-->

                    <li>
                        <a href="#">Какие возможны аватары?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>К аватарам только два требования: первое - размер 180*180; второе - давайте обойдемся без чрезмерной обнаженки и тому подобных вещей.</p></div>
                            </li>
                        </ul>
                    </li>

<li>
                        <a href="#">Что насчет подписей?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>Можно вставить красивую цитату, можно использовать картинку, можно вообще без подписи ходить - всё на ваше усмотрение.</p></div>
                            </li>
                        </ul>
                    </li>

<li>
                        <a href="#">А как посты оформлять?</a>
                        <ul class="faq-content">
                            <li>
                                <div><p>На ваше усмотрение. Главное - чтобы чистого текста, без всяких украшений в виде цитат-эпиграфов или картинок, было не меньше 1500 символов. </p></div>
                            </li>
                        </ul>
                    </li>
                   
                    </ul>
                </div><!--slide-left-->
        </div> <!--about-features faq-hide-->
     </div><!--container-->

[/html]