[hideprofile][html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="https://i.imgur.com/FssHjxi.jpeg"></div>
    <div class="spiritfirsttitle">Добро пожаловать
      <subtitle>в Москву</subtitle></div>
    <div class="spiritfirsttext"><subtitle>русреал ★ москва ★ наше время</subtitle>
      <about> Она притягивает как магнит - город больших возможностей и больших денег. Тот, кто решил покорить столицу, должен быть сильнее ее. Этот город не прощает слабостей и не верит слезам. Но чем ярче внешний блеск этого города, тем темнее его оборотная сторона. </about></div>
  </div>
 
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">О городе</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">вопросник</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">Внешности</label>

    <section id="content-tab1">
        <p>
Москва - это символ успеха, благополучия, состоятельности, самодовольства и элитарности. Это мир самых богатых мужчин и шикарных женщин, самой дорогой земли и самых роскошных особняков, изысканных автомобилей и эксклюзивных нарядов. Но «русский Беверли-Хиллз» - это только одна сторона жизни. Есть и другая - наполненная человеческими драмами, непростым бытом, напряженными отношениями. Не зря говорят: «Большие деньги - это большие проблемы». Большие деньги - это чувство тревоги, беспокойные ночи, неизбежные завистники и корыстные женщины. Большие деньги - это дорогие игрушки, которыми часто оказываются сами люди.
        </p>
    </section> 
    <section id="content-tab2">
        <p>
<b>Ребята, куда я вообще попал?!</b><br>
- Вы находитесь на форуме «Моя Москва». Реал-лайф в Москве.<br><br>
<b>А скажите, какой рейтинг у проекта? Вдруг мне захочется отыграть сцену с высоким рейтингом, а у вас это запрещено.</b><br>
- Рейтинг проекта - NC-21, поэтому можно отыгрывать сцены любого характера, вплоть до убийства или изнасилования (конечно, по предварительной договоренности с партнером).<br><br>
<b>Круто! Я осмотрелся немного, очень понравилось. Хочу к вам! На сколько можно придержать внешность?</b><br>
- Прекрасно! Проходи, не стой на пороге. Внешности придерживаются на 3 дня, если не успеваете за 3 дня, но хотите играть, напишите в гостевую, чтобы вам продлили придержание вашей внешности, еще на 5 дней<br><br>
<b>Я девушка, но мне безумно хочется отыграть сурового мужчину, возможно ли это?</b><br>
- Конечно, кросспол в нашей ролевой приветствуется. Так что не скрывайте свои истинные желания и скорее воплощайте их в жизнь.<br><br>
<b>Не могу определиться с ролью, что же мне делать?</b><br>
- Напишите в гостевую, посмотрите наши акции или напишите в тему хочу к вам и вас кто-нибудь обязательно заберет
<b>Окей, а как на счет зарубежных внешностей? Или здесь только российские можно?</b><br><br>
- Мы решили не вводить это ограничение, так что можешь выбрать звезду из любой страны.<br><br>
<b>Моя любимая внешность занята, всегда играю только ею... Может я заделаюсь близнецом?</b><br>
- Можешь попробовать. Предложи такой вариант игроку с твоей любимой внешностью. Но если он откажется от столь близкого родственника, тебе придется выбрать что-то другое, у нас не индийский сериал, где разлученные близнецы гуляют по одному городу<br><br>
<b>У меня паника, не пришел пароль, что делать?</b><br>
- Обратитесь в гостевую, любой из администраторов по мере возможностей поможет вам.<br><br>
<b>Возможна ли смена внешности и роли, если у меня игра не начата?</b><br>
- Если вы еще не начали игру можно сменить внешность совершенно бесплатно и без одобрения членов АМС.<br><br>
<b>Как дела обстоят с отпусками?</b><br>
- У нас все очень просто. Максимальный срок лоу - месяц, но при этом его не может брать новичок, который только пришел на форум и еще не успел оставить ни одного игрового поста. Конечно, мы не звери и можем войти в положение человека, если случилась какая-нибудь беда, поэтому пишите в тему отсутствие/уход из форума до какого числа будете отсутствовать, а если вы не успеваете сделать свои дела, а ваше лоу заканчивается, то вы всегда сможете продлить в этой же теме свое лоу, либо написать любому админу в ЛС<br><br>
<b>Кому нужны эти посты с хронологией и отношениями?</b><br>
- В первую очередь это нужно не админам форума, а лично вам. Для удобства, и воизбежании путаницы. Во-вторую очередь - вашим потенциальным соигрокам. Согласитесь, что посмотрев, с кем в каких отношениях состоит Ваш персонаж, или почитав ваши прошедшие игры, будущему соигроку будет проще понять, что и как с вами можно отыграть. За не заполнение этих постов наказывать Вас никто не будет. Но, не удивляйтесь, когда в процессе игры окажется, что соигрок и знать не знал, что Вы ненавидите кого-то, и что Вы в прошлом эпизоде уже расписали во всех деталях свою ненависть, а он все равно вместо ненависти к себе, увидел симпатию<br><br>
<b>Меня распирает от идей! Хочу еще одного персонажа! Можно?</b><br>
- Можешь взять хоть десять ролей, главное заходи ежедневно с каждого профиля и постарайся быть активным игроком в каждом образе. Но не забывай, что третья и последующая роль можно будет произвести лишь благодаря определенной сумме, которую ты к тому периоду должен будешь накопить.<br>

        </p>
    </section>
    <section id="content-tab3">
        <p>
<center><table layout=fixed width=100%>
<tr>
<td><center><b>Придержанные внешности:<br>
по 00.00</b></td>
<td><center><b>бессрочно</b></td>
</tr>
<tr>
<td><center>
<br>♦ внешность - name surname
<br>♦ внешность - name surname
<br>♦ внешность - name surname
<br>♦ внешность - name surname
</td>
<td><center><br>♦ Andy Biersack - за амс
<br>♦ внешность - name surname
<br>♦ Иван Янковский - за амс
<br>♦ внешность - name surname</td>
</tr>
</table>
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 610px;
height: 520px;
background: #857900;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.2)}

.spiritfirst {float: left;
  margin: 10px;
width: 190px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #D9D1C3}

.spiritfirstpic {margin:auto;
width: 190px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 190px;
color: #dfdfdf;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}
.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
  font-family: pt sans;
font-weight: normal;
color: #cecece;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}
.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute;
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}
.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 190px;
margin: 0px 0 0 0px;
font-family: pt sans;
font-size: 10px;
text-align: justify;
padding: 1px 0px;
  color: #efefef;}
.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}
.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute;
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}
.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 190px;
  font-size: 9px;
  font-family: pt sans;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)}

.spiritsecond {background: #D9D1C3;
width: 389px;
  margin: 10px;
  height: 500px;
  margin-top:9px;
border: 1px solid rgba(0,0,0,.2);
  position: absolute;
  margin-left: 211px
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid;
margin: 0 -3px 0px;
padding: 10px 0px;
font-weight: 600;
text-align: center;
color: #aaa;
background: #D9D1C3;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #dfdfdf;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #888;}
.tabs>label:hover {
color: #888;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
color: #555;
  background: #f1f1f1;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #888;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
display: block;
}
</style>[/html]

<br>♦ внешность - name surname