Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900' rel='stylesheet' type='text/css'>
<style>
.miricredit { width: 510px; text-align: center; text-transform:uppercase;  line-height: 26pt; font-family: calibri; font-size: 7px; letter-spacing:1px;} .miricredit a { color: #aaa; }

.contentshape2::-webkit-scrollbar-thumb {background-color: #fff; height: auto; border: 1px solid #fff }
.contentshape2::-webkit-scrollbar-track { background-color: #fff; height:10px; width:1px; border: 2px solid #fff;}
.contentshape2::-webkit-scrollbar { background-color: #fff; height: 0px; width:4px; border: 2px solid #fff;}

 .tabss {
position: relative;  
width: 500px;
height: 370px;
border: 30px solid #ddcbd6;
padding: 0px; 
background-color: #ddcbd6;}

.labelbg { position: relative; top: 371px; left: -30px;
width: 500px; height: 35px; background-color: #ddcbd6; padding: 2px 60px 0px 0px;}

.tabb {float: left;}

.tabb label {display: block; position:relative; cursor: pointer;
width: 110px; height: 12px; text-align: center; 
font-family: playfair display; 
color: #d0b6c3; margin-right: 11px;
font-size: 15px;
letter-spacing: 0.7px;
text-transform: none;
padding: 18px 2px 10px 2px; font-style: italic;
position: relative;
top: 325px;
left: 70px;}

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

.contentt {
position: absolute;
top: 0px;
left: 0px;
width: 450px; 
height: 320px;
padding: 20px;
border: 3px double #a77f95;
background-color: #d0b6c3; opacity: 0; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;
}


.contentshape1 {width: 240px; height: 360px; border-right: 1px solid #eee;
position: relative; top: -40px; left: -40px;
}
.contentshape2 {width: 255px; height: 340px; color: #785c37; font-family: playfair display; font-size: 11px; text-align: justify; position: relative; top: -20px; left: -23px; overflow: auto;
}

hr { width: 217px; color: #cebac6; border: none; }

.contentshape2 .multi-txt { width: 225px; color: #554964; font-family: playfair display; font-size: 11px; letter-spacing: 0.5px; text-align: justify;  position: relative; left: 18px; line-height: 140% }

[type=radio]:checked ~ label {color: #a77f95;border-bottom: 1px solid #a77f95; }

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

.letter-1 {float: left; font-family: playfair display; font-style: italic; font-size: 33px; color: #554964;  padding: 0px 11px 0px 11px; line-height:110%; }

.contentshape2 .name-short { position: relative; left: 8px; width: 240px; font-family: playfair display; font-size: 24px; line-height: 135%; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; text-align: center;  color: #554964; margin-bottom: -4px; }

.contentshape2 .name-long { position: relative; left: 7px; width: 240px; font-family: playfair display; font-size: 23px; line-height: 140%; font-weight: bold; letter-spacing: 0.3px; text-align: center;  color: #554964;  margin-bottom: -4px; margin-left: 0px; text-transform: uppercase;}

.tabb label:before {content: ""; display: inline-block; margin-right: 5px; height: 1px; background-color: #a77f95; width: 12px; vertical-align: middle;}
.tabb label:after {content: ""; display: inline-block; margin-left: 5px; height: 1px; background-color: #a77f95; width: 12px; vertical-align: middle;}

</style>

<center>
<div class="tabss">
<div class="labelbg"></div>

<div class="tabb">
<input type="radio" id="tabb-1" name="tabb-group-1" checked>
<label for="tabb-1">f.a.q</label>
<div class="contentt">
<table cellspacing="0" cellpadding="0">
<tbody><tr><td>

<img src="http://funkyimg.com/i/2q6Bt.png" class="contentshape1"></td>

<td><div class="contentshape2">
<div class="name-short">f.a.q</div>
<div class="multi-txt"><i><hr><center>ask me.</center><hr></i>

<br><b>— Здравствуйте, не могли бы вы подсказать мне, где я нахожусь?</b>
<br>—  Спешу сообщить тебе, что ты находишься в крупнейшем промышленном городе Южной Кореи — Ульсане. На дворе сейчас 2017 год. Рейтинг нашей ролевой nc-21, жанр — альтернативная реальность.
<br><b>—  А не могу ли я приехать к вам из америки или любой другой страны?</b>
<br>—  Да, можете. Однако помните, что иностранцев достаточно мало, зачастую это просто туристы, которые не остаются в стране надолго.
<br><b>— А что если у меня есть брат/сестра-близнец?</b>
<br>— Знаешь, у нас запрещены близнецы. Расстроился? ну что ты, не надо. Ведь ты все еще можешь найти себе брата или сестру, да и в мире существуют и реальные близнецы, даже среди к-поп айдолов.
<br><b>— Хорошо, а если просто брат/сестра? Как быть с фамилией?</b>
<br>— Искать знаменитость с такой же или придумывать причину для различия.
<br><b>— Заметил, что у вас есть сюжет, а значит, будут и квесты. Обязательно ли принимать в них участие?</b>
<br>— Конечно не обязательно, друг мой. Но помни, что развитие сюжета влияет на нашу реальную жизнь, так что, в какую сторону может повернутся конфликт между нашими кастами, решать только вам. И... еще момент, за участие в квестах вас ждут плюшки!
<br><b>— Я слышал, что в этом городе существует какая-то особенная система. Вы можете рассказать о ней подробнее?</b>
<br>— Да, в Ульсане действует система разделения на четыре касты, которые соответствуют четырем основным районам города. Эти касты — элита, средний класс, богема и гетто. Подробнее о кастах вы можете прочитать <a href="https://inequalityofsouls.rusff.me/viewtopic.php?id=10">здесь</a>.
<br><b>— Эти районы, в которых проживают касты — закрытые? Я не смогу ни выйти из своего района, ни попасть в чужой?</b>
<br>— Нет, тут тебе повезло. Все районы открыты для посещения абсолютно всем без исключения. Прогуливайтесь по районы элиты, цокая языком на заоблачные цены; устраивайте косплейные вечеринки с богемой и рискните быть обворованным в гетто. 
<br><b>— Неужели общество никак не противостоит социальной несправедливости, сложившейся в городе?</b>
<br>— Нет, мой юный друг, терпение людей не безгранично. Некоторые люди верят, что смогут сделать свою жизнь и жизнь других лучше, превратив жизнь других в ад. А некоторые просто жаждут лишней крови. В ульсане таких людей называют аконитами. Это террористическая организация, появившаяся в Ульсане не так давно, но успевшая порядком обеспокоить власти города и его жителей (особенно тех, которым есть, что терять). Разумеется, городу необходима была сила, которая могла бы оказать сопротивление террористам. Так, при поддержки верхов, был создан взвод 147. Подробнее об организациях читайте <a href="https://inequalityofsouls.rusff.me/viewtopic.php?id=11">здесь</a>.  
<br><b>— Так террористы — это еще одна каста?</b>
<br>— Террористы — это особая организация, куда могут войти представители из любой касты, которые недовольны жизнью и жаждут перемен.
<br><b>— Я могу самостоятельно выбрать свою касту?</b>
<br>— Да, разумеется вы вольны выбирать. Но помните о том, что администрация в праве попросить вас изменить какие-то факты из вашей анкеты, чтобы персонаж соответствовал выбранной касте. Помните, что элита не может быть бедной и необразованной, а гетто читать Шекспира в оригинале. 
<br><b>— Могу ли я сменить касту или же перейти в другую? Если да, то каким образом?</b>
<br>— Любой переход из одной касты в другую решается с администрацией проекта в индивидуальном порядке. Если вы по каким-то причинам решили перейти из одной касты в другую - обращайтесь с этим к администрации. 
<br><b>— Разрешены ли у вас вторые и последующие роли? И если да, то какова ваша политика их приобретения?</b>
<br>— Да, на нашей ролевой игроки могут иметь две и более роли, но имеются определенные условия. Во-первых, вы должны иметь определенную сумму на счету, для покупки второй роли. Во-вторых, у вас должно быть в наличии по крайней мере 10 игровых постов, чтобы администрация проекта могла быть уверена в вашем серьезном подходе к игре.<p>


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

 
</td></tr></tbody></table>
</div></div>

<div class="tabb">
<input type="radio" id="tabb-2" name="tabb-group-1">
<label for="tabb-2">rules</label>
<div class="contentt">
<table cellspacing="0" cellpadding="0">
<tbody><tr><td>

<img src="http://funkyimg.com/i/2q6Bt.png" class="contentshape1"></td>

<td><div class="contentshape2">
<div class="name-short">rules</div>
<div class="multi-txt"><i><hr><center>read me.</center><hr></i>

<br><b>0. Общий раздел</b>
<br>0.1. Соблюдение всех правил, перечисленных в данной теме, обязательно. Незнание правил не освобождает от ответственности.
<br>0.2. Рейтинг проекта nc-21, что подразумевает наличие насилия, подробного описания эротических сцен, нецензурной лексики. Администрация форума не несет ответственности за психику несовершеннолетних.
<br>0.3. Проект создан, чтобы получать удовольствие, расслабляться и хорошо проводить время в компании людей с общими интересами, связанными с миром ролевых игр, поэтому старайтесь держать личные конфликты в отдельных беседах, не вынося их на всеобщее обозрение. Ролевая игра — не место для решения проблем личного характера.
<br>0.4. Если вы обратили внимание на ошибки или неточности в мат. части, то будем рады и благодарны, если вы укажете нам на них. Мы с удовольствием исправим недочеты, чтобы игрокам было комфортно находится на просторах проекта. 
<br>0.5. Мы вложили в этот проект душу и просим вас уважать наш труд и не использовать текстовую или графическую информацию данного проекта, а также любую другую информацию, присутствующую на этом форуме.
<br>
<br><b>I. Регистрация</b>
<br>1.1. Регистрируясь на данном проекте, вы подтверждаете, что ознакомились с правилами, согласны с ними и будете руководствоваться пунктами данной темы в дальнейшем. 
<br>1.2. Перед регистрацией советуем обратиться к f.a.q. проекта, чтобы свести дополнительные вопросы к минимуму.
<br>1.3. Перед регистрацией необходимо придержать внешность. Сделать это можно по указанному в гостевой шаблону. Внешность придерживается сроком на три дня. Продлить ее можно дважды на такой же срок. 
<br>1.4. Используемое вами на проекте имя — это имя и фамилия той знаменитости, чью внешность вы берете. Регистрация имен происходит строго на английском языке и в три слова. 
<br>1.5. Регистрация на форуме не бронирует вам внешность автоматически.
<br>1.6. Если ваш персонаж состоит с кем-то в родстве, то его имя и фамилия остаются неизменными. Это правило введено, чтобы среди игроков не было путаницы. 
<br>1.7. Мы абсолютно лояльны к НЕ азиатским внешностям. Если у вас есть любимчики среди европейцев, вы можете смело играть ими у нас, но оповестив перед этим администрацию. Ограничения в количестве имеются и устанавливаются администрацией.
<br>1.8. Близнецы разрешены только в том случае, если они действительно существуют, например: Daeryong и Soryong из группы Tasty.
<br>1.9. При регистрации на форуме персонажа из «нужных» автор заявки непременно будет об этом оповещен.
<br>
<br><b>II. Анкетирование</b>
<br>2.1. Анкета заполняется строго по указанному в специальной теме шаблону.
<br>2.2. В случае необходимости администрация может исправить грубые ошибки или нелогичности в истории вашего персонажа. Помните: в 20 лет персонаж никак не может стать владельцем крупного бизнеса, а также врачом и представителем прочих профессий, требующих длительное обучение в университетах. На исправление анкеты дается четыре дня, в противном случае она сносится в архив. Администрация оставляет за собой право отказать игроку в принятии.
<br>2.3. Все пункты в шаблоне анкеты обязательны к заполнению. Если у вас нет возможности подобрать по размеру картинку в шаблон, то вы можете обратиться за помощью к администрации. 
<br>2.4. Название темы вашей анкеты строго по заданному шаблону: name suremane, цифра y. o. [каста]. Просим проверять анкету на предмет ошибок и опечаток в любых текстовых редакторах или же самостоятельно, но сознательно. Мы не будем привязываться к каждой запятой, но на очевидные ошибки обязательно обратим внимание.
<br>
<br><b>III. Профиль</b>
<br>3.1. Когда вашу анкету примут, пройдитесь по всем темам, указанным в посте проверяющего: так вы сможете быстрее вступить в игру, а другие игроки, соответственно, поймут, кто вы есть и с чем вас кушать.
<br>3.2. На аватаре должна быть изображена внешность вашего персонажа. Максимальный размер аватара в пикселях — 180×180. 
<br>*3.3. В подписи разрешено ставить не более трех маленьких (100х100 и меньше) и не более двух больших изображений. Картинки, превышающие 150 пикселей в высоту, ставить в подпись запрещено. Громоздкие подписи рекомендуется прятать в спойлер.
<br> <u>Прим.</u> Если чужие подписи съедают ваш трафик, зайдите в профиль -> отображения и снимите галочки с соответствующих пунктов.
<br>3.4. После принятия анкеты вы в обязательном порядке должны заполнить «личное звание» в специальной теме.
<br>
<br><b>IV. Игра</b>
<br>4.1. На написание первого поста отводится неделя после принятия. Если пост не написан в течение недели, идет занесение в черный список, выносится предупреждение. На оповещение амс о причинах, мешающих вам приступить к игре, или на отпись поста дается еще неделя, по истечению которой, если не было ничего предпринято, профиль удаляется.
<br>4.2. Если игрок не появляется на форуме в течение одной недели без предупреждений, администрация имеет право освободить его внешность. Максимальный срок отсутствия — две недели, с учетом, что вы отметились в теме «уход и отсутствие». Если же в вашей жизни произошло чп, переезд, сессия, максимальный срок отсутствия — месяц. Администрация форума имеет право отказать в продлении срока отсутствия, если после выхода из «лоу», вы не отписали ни одного поста. 
<br>4.3. Если игрок не отписал ни одного поста в течение двух недель, то его имя вносится в список на удаление. На написание поста дается еще неделя. В противном случае профиль игрока удаляется, внешность становится свободной.
<br>4.4.  В случае, если игрок после регистрации не написал анкету в течении трех дней без уважительных причин и предупреждения о них администрации проекта, мы в праве удалить ваш профиль без предупреждения. 
<br>4.5. Игроки имеют право писать посты от любого лица и с любой буквы, однако просим прогонять свои посты, как и анкеты, через текстовые редакторы и не перескакивать с лица на лицо. Лимит или минимальное количество символов в игровых постах на нашем форуме отсутствует.
<br>4.6. Вторую роль может взять только тот игрок, который имеет один завершенный эпизод от основного профиля. С его счета также снимается определенная сумма.
<br>
<br><b>V. Реклама</b>
<br>5.1. Реклама только взаимная и осуществляется со специального профиля в специально отведённой теме.
<br>5.2. Реклама в темах и разделах, которые никак не относятся к данному действию, строго запрещена.
<br>5.3. Унижающий и оскорбляющий другие проекты рекламный контент тут же удаляется.
<br>5.4. Заключение партнёрства форума любой тематики с нашим проектом возможно только в определённой теме.<p>

<br><font size="1">* - дополнено 23.04.2017</font>
</div></div></div></div>

 
</td></tr></tbody></table>
</div></div>

<div class="tabb">
<input type="radio" id="tabb-3" name="tabb-group-1">
<label for="tabb-3">admin</label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<tbody><tr><td>

<img src="http://funkyimg.com/i/2qBwV.png" class="contentshape1"></td>

<td><div class="contentshape2">
<div class="name-short">admin</div>
<div class="multi-txt"><i><hr><center>explore me.</center><hr></i>


<b>Bogum</b><br>
<i>текстовик, организатор, доводчик</i><br>
Самое серьезное и логичное звено команды. Всегда поможет с сюжетом и разрешит конфликтную ситуацию. Но, что самое важное, он — главный по принятию анкет, и если в процессе возникают вопросы, обращайтесь к нему.<br><br>

<b>Changseon</b><br>
<i>массовик-затейник, организатор, немного шарит в кодах</i><br>
Скидывает в админку кучу идей вне зависимости от их качества и осуществимости, чем крайне озадачивает остальных. Если у вас творческий кризис и затор - обращайтесь, поможет так, что даже запутаетесь в итоге. Также заполняет списки, проверяет тему с вопросами, вынося интересное на общий суд, может помочь заполнить ненавистный код.<br><br>

<b>Tiffany</b><br>
<i>текстовик, помощник, талисман команды</i><br>
Мягкий и спокойный человек, если вы склонны закрываться, стесняться и не знать, куда бы так приткнуться, чтоб почувствовать уют — это к ней. Помогает остальным в делах, берет на себя заботы о куче текста, который нужно написать с душой, иногда принимает анкеты.<br><br>

<b>Joongki</b><br>
<i>графист, дизайнер, кодер</i><br>
Отвечает за всю визуальную составляющую на ролевой, знает каждый код и каждый элемент. Поможет, если что-то поехало. Оденет, если не занят прорвой задач, которые постоянно на него сваливаются. 

</td></tr></tbody></table>

</div>
</div>
</td></tr></tbody></table>

</div></div></div>
<div class="miricredit"><a href="http://cttw.jcink.net/index.php?showuser=7588"><font style="text-transform:uppercase; font-family:calibri; font-size:10px; color:#cebac6;">window blues</a></div></center>

</center>