<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">

<div id="guest-main">
<p class="guest-title">ДОБРО ПОЖАЛОВАТЬ!</p><br>
<p class="guest-title-2">МЫ РАДЫ ПРИВЕТСТВОВАТЬ ВАС НА ТАЙМС-СКВЕР</p>

<div class="guest-list">
<guest-name>имя ||  имя  <guest-data>00.00</guest-data></guest-name>
</div>


<div class="guest-description">
<p class="guest-description-text">
Ролевая живет в режиме <b>реального времени</b>, сейчас на календаре <b>декабрь 2020 года</b>.
Обитаем мы в городе Нью-Йорк, но проживать и вести игру можно в любой точке мира.
<br>
<br>Тип игры эпизодический; сюжет отсутствует; мастеринг пассивный; рейтинг NC-21; открывались без теста.
<br>
<br>По вопросам можно обращаться к: <a href="http://timess.rusff.me/profile.php?id=3">Джейд</a>, <a href="http://timess.rusff.me/profile.php?id=4">Камилле</a>, <a href="http://timess.rusff.me/profile.php?id=5">Фрэнку</a>
<br>
<br>Внешность за <b>гостями</b> держим <b>сутки</b>. Внешности за <b>зарегистрированными</b> пользователями придерживаются на <b>трое суток включительно</b> с возможностью продления один раз еще на трое суток. Если вы не укладываетесь в этот срок, то снова внешность можно будет придержать спустя одни сутки сроком на трое суток. Далее внешность за вами не придерживается.<br>

<b>Игроки</b> могут <b>выкупить</b> внешность. Подробности в банке.
<br>
<br>Не забываем вставлять шаблон в код и кидать ссылку на банк, если у вас выкуп <img src="http://sd.uploads.ru/qs9KU.png">
</p>


<div id="text1" style="font-size: 0px;">
<pre>&lt;guest-name&gt;имя внешности ||  ваше имя  &lt;guest-data&gt;дд.мм&lt;/guest-data&gt;&lt;/guest-name&gt;</pre>
</div>
<button onclick="copytext('#text1')" class="face-code-guest" title="нажми, чтобы скопировать код">скопировать шаблон</button>
</div>


</div>



<style>
#guest-main {
    width: 840px;
    height: 473px;
    background: url(https://i.imgur.com/g4YNgGk.png);
    background-size: 100%;
    margin-top: -15px;
    margin-left: 35px;
}

.guest-title {
    position: relative;
    top: 25px;
    left: 343px;
    font-family: roboto;
    font-size: 16px!important;
    color: #f3f3f3;
    font-weight: bold;
}

.guest-title-2 {
    position: relative;
    top: 2px;
    left: 275px;
    color: #a2b5ce;
    text-transform: uppercase;
    font-size: 11px!important;
}

.guest-list {
    width: 265px;
    height: 200px;
    position: relative;
    left: 520px;
    top: 85px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 20px;
    padding-right: 17px;
}

guest-name {
    font-size: 11px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    background-color: #a2b5ce;
    width: 250px;
    height: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    display: block;
    padding-left: 5px;
    margin-bottom: 10px!important;
    color: #f5f5f5;
    letter-spacing: 0.3px;
}

guest-name a, .guest-description-text a {
    color: #a2b5ce!important;
}

guest-name::before {
content: url(https://i.imgur.com/LJHdvTo.png);
padding-right: 10px;
margin-left: 3px;
}

guest-data {
    position: relative;
    top: -45px;
    left: 220px;
    background-color: #8a9bb1;
    width: 30px;
    /* height: 22px; */
    /* padding-top: 5px; */
    /* padding-left: 5px; */
    font-weight: bold;
    font-size: 10px;
    padding: 5px;
    display: block;
}

.guest-description {
    width: 400px;
    height: 290px;
    position: relative;
    top: -180px;
    left: 55px;
}

.guest-description-text {
    width: 315px;
    color: #f3f3f3;
    font-size: 12px!important;
    margin-left: 2px!important;
    margin-top: 2px!important;
    overflow: auto;
    height: 264px;
    padding-right: 6px!important;
}

.face-code-guest {
    width: 160px;
    /* height: 30px; */
    position: relative;
    left: 465px;
    top: -10px;
    background-color: #4e4e4e;
    color: #aac3e5!important;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    font-size: 10px;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
}

.face-code-guest:hover {
    background-color: #8a9bb1;
}

.guest-list::-webkit-scrollbar              { width: 4px;  }
.guest-list::-webkit-scrollbar-track        { background-color: #da8155; }
.guest-list::-webkit-scrollbar-thumb        {     background-color: #864a2b;}

.guest-description-text::-webkit-scrollbar              { width: 4px;  }
.guest-description-text::-webkit-scrollbar-track {background-color: #e9e9e8;}
.guest-description-text::-webkit-scrollbar-thumb        {     background-color: #a2b5ce;}

</style>

<script>
function copytext(el) {
    var $tmp = $("<input>");
    $("body").append($tmp);
    $tmp.val($(el).text()).select();
    document.execCommand("copy");
    $tmp.remove();
}

</script>

<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
<div id="jobs-main">
<span class="jobs-rules-1">ПОЖАЛУЙСТА, УКАЗЫВАЙТЕ место работы персонажа</span><br>
<span class="jobs-rules-2">чтобы добавить своё место работы, укажите название заведения</span>


    <div class="tabs"><input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
    <label for="tab-btn-1">Политика</label>

    <input type="radio" name="tab-btn" id="tab-btn-2" value="">
    <label for="tab-btn-2">ЗАКОН И ОХРАНА ПОРЯДКА</label>

    <input type="radio" name="tab-btn" id="tab-btn-3" value="">
    <label for="tab-btn-3">Медицина и пожарная охрана</label>

 <input type="radio" name="tab-btn" id="tab-btn-4" value="">
    <label for="tab-btn-4">Образование</label>

        <input type="radio" name="tab-btn" id="tab-btn-5" value="">
    <label for="tab-btn-5">Культура и развлечения</label>

     <input type="radio" name="tab-btn" id="tab-btn-6" value="">
    <label for="tab-btn-6">Сфера услуг</label>

     <input type="radio" name="tab-btn" id="tab-btn-7" value="">
    <label for="tab-btn-7">СМИ</label>

     <input type="radio" name="tab-btn" id="tab-btn-8" value="">
    <label for="tab-btn-8">Криминал</label>

     <input type="radio" name="tab-btn" id="tab-btn-9" value="">
    <label for="tab-btn-9">Разное</label>


<div id="politics-j">

<li><div class="spoiler-trigger">Исполнительная ветвь</div>
<div class="spoiler-block">
<b>Мэр</b>: человек
<br><b>Заместитель мэра</b>: человек
<br><b>Общественный адвокат</b>: человек
<br><b>Казначей</b>: человек
<br><b>Президенты боро</b>: человек
<br><b>Главы городских департаментов</b>: человек
</div></li>

<li><div class="spoiler-trigger">Законодательная ветвь</div>
<div class="spoiler-block">
► ГОРОДСКОЙ СОВЕТ
<br>
<br><b>Спикер</b>: человек
<br><b>Лидер большинства</b>: человек
<br><b>Лидер меньшинства</b>: человек
<br><b>Члены совета</b>: человек
</div></li>

<li><div class="spoiler-trigger">Судебная ветвь</div>
<div class="spoiler-block">
► ГРАЖДАНСКИЙ СУД
<br>
<br>должность: человек

<br>
<br>► УГОЛОВНЫЙ СУД
<br>
<br>должность: человек
<br>
<br>► СЕМЕЙНЫЙ СУД
<br>
<br>должность: человек
<br>
<br>► ВЕРХОВНЫЙ СУД ШТАТА 
<br>
<br>должность: человек
</div></li>

</div>


<div id="legal-order-j">

<li><div class="spoiler-trigger">Полиция [NYPD]</div>
<div class="spoiler-block">
► ОТДЕЛ РАССЛЕДОВАНИЙ [участок #...]
<br>
<br><b>детективы</b>: <a href="http://timess.rusff.me/profile.php?id=7"> Ray Halstead,</a> <a href="http://timess.rusff.me/profile.php?id=54">Mary Barrett</a><br>
<b>информатор</b>: <a href="http://timess.rusff.me/profile.php?id=71">Ari Miller</a><br>
<br>
<br>► ОТДЕЛ ПО БОРЬБЕ С ОРГАНИЗОВАННОЙ ПРЕСТУПНОСТЬЮ [участок #...]
<br>
<b>лейтенант</b>: <a href="http://timess.rusff.me/profile.php?id=83">Alice Berkeley</a><br>
<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">ФБР</div>
<div class="spoiler-block">
► ОТДЕЛ 
<br>
<br>должность - человек
<br>
<br>► ОТДЕЛ 
<br>
<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Прокуратура</div>
<div class="spoiler-block">
► ОТДЕЛ 
<br>
<br>должность - человек
<br>
<br>► ОТДЕЛ 
<br>
<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Остальное</div>
<div class="spoiler-block">

<br><b>частный детектив</b>: <a href="http://timess.rusff.me/profile.php?id=20">Benoit Blanc</a>
<br>
<br>► Детективное агентство «Bloodhound»
<br><b>владелец, детектив</b>: <a href="http://timess.rusff.me/profile.php?id=68">Damian Dijkstra</a>
<br>
<br>► Детективное агентство «Sharp Investigation»
<br><b>владелица, детектив</b>: <a href="http://timess.rusff.me/profile.php?id=82">Caitlin Sharp</a>
</div></li>

</div>
    
<div id="medicine-j">

<li><div class="spoiler-trigger">Пресвитерианский госпиталь</div>
<div class="spoiler-block">
► КАРДИОХИРУРГИЯ 
<br>

<br><b>ординатор</b>: <a href="http://timess.rusff.me/profile.php?id=46">Lily Samuel</a><br>
должность - человек

<br>
<br>► НЕЙРОХИРУРГИЯ 
<br>

<br>должность - человек

<br>
<br>► ОБЩАЯ ХИРУРГИЯ 
<br>

<br>должность - человек

<br>
<br>► ТРАВМАТОЛОГИЧЕСКОЕ ОТДЕЛЕНИЕ 
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Медицинский центр Лангон</div>
<div class="spoiler-block">
► КАРДИОХИРУРГИЯ 
<br>

<br><b>кардиохирург</b>: <a href="http://timess.rusff.me/viewtopic.php?id=253#p14084">Dorika Sapari</a><br>

<br>должность - человек

<br>
<br>► НЕЙРОХИРУРГИЯ 
<br>

<br>должность - человек

<br>
<br>► ОБЩАЯ ХИРУРГИЯ 
<br>

<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Маунт-Синай</div>
<div class="spoiler-block">
► КАРДИОХИРУРГИЯ 
<br>

<br>должность - человек

<br>
<br>► НЕЙРОХИРУРГИЯ 
<br>

<br>должность - человек

<br>
<br>► ОБЩАЯ ХИРУРГИЯ 
<br>

<b>хирург-трансплантолог</b>: <a href="http://timess.rusff.me/profile.php?id=73">Cain Lynch</a><br>

<br>
<br>► ТРАВМАТОЛОГИЧЕСКОЕ ОТДЕЛЕНИЕ 
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Пожарный департамент Нью-Йорка</div>
<div class="spoiler-block">
<br>► ПОЖАРНАЯ ЧАСТЬ #... 
<br>

<br>должность - человек

</div></li>


</div>


<div id="education-j">

<li><div class="spoiler-trigger">Средняя школа</div>
<div class="spoiler-block">
<br>

<br>человек
</div></li>

<li><div class="spoiler-trigger">Старшая школа</div>
<div class="spoiler-block">
<b>ученики</b>: <a href="http://timess.rusff.me/profile.php?id=71">Ari Miller</a>, <a href="http://timess.rusff.me/viewtopic.php?id=215">Duncan Baudelaire</a>, <a href="http://timess.rusff.me/profile.php?id=76">Veta Weinberg</a>, <a href="http://timess.rusff.me/profile.php?id=81">Evelyn Scott</a><br>

</div></li>


<li><div class="spoiler-trigger">Колумбийский университет</div>
<div class="spoiler-block">
► НАЗВАНИЕ ФАКУЛЬТЕТА 
<br>

<br>человек
</div></li>

<li><div class="spoiler-trigger">Нью-Йоркский университет</div>
<div class="spoiler-block">
► ФАКУЛЬТЕТ АНТРОПОЛОГИИ И ЛИНГВИСТИКИ

<br><b>преподаватель</b>: <a href="http://timess.rusff.me/profile.php?id=49">Hugo Zapf</a>
<br>
► ФАКУЛЬТЕТ ГУМАНИТАРНЫХ НАУК

<br><b>студенты</b>: <a href="http://timess.rusff.me/viewtopic.php?id=124#p5012">Lipa Apala</a>,  <a href="http://timess.rusff.me/profile.php?id=90">Lorraine Nelson</a><br> <br>
<br>
► ФАКУЛЬТЕТ ЖУРНАЛИСТИКИ

<br><b>студентка</b>: <a href="http://timess.rusff.me/profile.php?id=74">Ruby Matthews</a>, <a href="http://timess.rusff.me/profile.php?id=91">Cherrity Adams</a><br>
<br>
► ЮРИДИЧЕСКИЙ ФАКУЛЬТЕТ

<br><b>студент</b>: <a href="http://timess.rusff.me/profile.php?id=84">Ron Butler</a><br>
<br>
► ИНЖЕНЕРНАЯ ШКОЛА

<br><b>студент</b>: <a href="http://timess.rusff.me/viewtopic.php?id=289">Max Knight</a><br>
<br>

</div></li>


</div>

<div id="media-j">

<li><div class="spoiler-trigger">Кинотеатры</div>
<div class="spoiler-block">
► Regal E-Walk 4DX & RPX
<br>

<br>должность - человек

<br>
<br>► Cinema Village
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Бродвейские театры</div>
<div class="spoiler-block">
<b>актёр</b>: <a href="http://timess.rusff.me/profile.php?id=13">Milos Jovic</a>

<br>

</div></li>

<li><div class="spoiler-trigger">Кабаре</div>
<div class="spoiler-block">

<br><br>► «The Blue Angel»
<br><b>танцовщица</b>: <a href="http://timess.rusff.me/viewtopic.php?id=151">Rocky Jones</a><br>

<br>

</div></li>

<li><div class="spoiler-trigger">Музеи</div>
<div class="spoiler-block">
► МЕТРОПОЛИТЕН-МУЗЕЙ
<br>

<br>должность - человек

<br>
<br>► БРУКЛИНСКИЙ МУЗЕЙ 
<br>

<br>должность - человек

<br>
<br>► МУЗЕЙ ЕСТЕСТВЕННОЙ ИСТОРИИ 
<br>

<br>должность - человек

<br>
<br>► МУЗЕЙ СОВРЕМЕННОГО ИСКУССТВА
<br>

<br><b>куратор выставок в музее современного искусства</b>: <a href="http://timess.rusff.me/profile.php?id=42">Anthea Fleetwood</a><br>

</div></li>


</div>

<div id="services-sector-j">

<li><div class="spoiler-trigger">Отели</div>
<div class="spoiler-block">
<br>► НАЗВАНИЕ ОТЕЛЯ
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Тату-салоны</div>
<div class="spoiler-block">
<br>► НАЗВАНИЕ САЛОНА
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Рестораны</div>
<div class="spoiler-block">
► «CASA RIVAS»
<br>

<br><b>менеджер</b>: <a href="http://timess.rusff.me/profile.php?id=52">Teresa Franco</a><br>
<b>повар</b>: <a href="http://timess.rusff.me/profile.php?id=51">Charles Sutton</a><br>

<br>
<br>► НАЗВАНИЕ РЕСТОРАНА
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Клубы</div>
<div class="spoiler-block">
► THREE WHISHES
<br>

<br><b>директор ночного клуба «Three Whishes»</b>: <a href="http://timess.rusff.me/profile.php?id=43">Theodore Dickens</a><br>


<br>► НАЗВАНИЕ КЛУБА
<br>

<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Бары</div>
<div class="spoiler-block">
<br>
<br>► НАЗВАНИЕ БАРА
<br>

<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Пабы</div>
<div class="spoiler-block">
► «Bootlegger»
<br>

<b>Владелец/бармен</b>: <a href="http://timess.rusff.me/profile.php?id=63">Shawn Carter-Williams</a><br>
<b>бармен</b>: <a href="http://timess.rusff.me/profile.php?id=87">Joyce Toledo</a><br>
<b>официант</b>: <a href="http://timess.rusff.me/viewtopic.php?id=289">Max Knight</a><br>

<br>
<br>► НАЗВАНИЕ ПАБА
<br>

<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Шаверма</div>
<div class="spoiler-block">
► THE HUMMUS & PITA CO.
<br>

<br>должность - человек

</div></li>

</div>

<div id="mass-media-j">


<li><div class="spoiler-trigger" title="[деловая, финансовая; ежедневная]">The Wall Street Journal</div>
<div class="spoiler-block">
► ОТДЕЛ 
<br>

<br>должность - человек

<br>
<br>► ОТДЕЛ 
<br>

<br>должность - человек
</div></li>


<li><div class="spoiler-trigger" title="[многопрофильная; ежедневная]">The New York Times</div>
<div class="spoiler-block">
► НОВОСТИ 
<br>

<br><b>репортер</b>: <a href="http://timess.rusff.me/profile.php?id=4">Camilla Miller</a>


<br>
<br>► КРИМИНАЛ 
<br>

<br><b>редактор, репортер</b>: <a href="http://timess.rusff.me/profile.php?id=16">Addison Bennet</a>
</div></li>


<li><div class="spoiler-trigger" title="[новости, криминал; ежедневная]">New York Daily News</div>
<div class="spoiler-block">
► ОТДЕЛ 
<br>

<br>должность - человек

<br>
<br>► ОТДЕЛ 
<br>

<br>должность - человек
</div></li>

<li><div class="spoiler-trigger" title="[журнал о моде, стиле и обществе]">Harper's Bazaar</div>
<div class="spoiler-block">
<br>
<b>личный ассистент главного редактора «Harper's Bazaar»</b>: <a href="http://timess.rusff.me/profile.php?id=91">Cherrity Adams</a><br>

<br>
<br>► ОТДЕЛ 
<br>

<br>должность - человек
</div></li>

<li><div class="spoiler-trigger" title="[новости]">Fox News Channel</div>
<div class="spoiler-block">
► ОТДЕЛ 
<br>

<br>должность - человек

<br>
<br>► ОТДЕЛ 
<br>

<br>должность - человек
</div></li>


<li><div class="spoiler-trigger" title="[новости]">CNN</div>
<div class="spoiler-block">
► ОТДЕЛ 
<br>

<br>должность - человек

<br>
<br>► ОТДЕЛ 
<br>

<br>должность - человек
</div></li>

<li><div class="spoiler-trigger">Разное</div>
<div class="spoiler-block">
<b>выпускающий редактор (издатель) в Farrar, Straus & Giroux</b>: <a href="http://timess.rusff.me/profile.php?id=60">Jane Cooper</a><br>
<br>
</div></li>


</div>

<div id="crime-j">


<li><div class="spoiler-trigger">Подпольное казино</div>
<div class="spoiler-block">
► НАЗВАНИЕ КАЗИНО
<br>

<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Эскорт-клуб</div>
<div class="spoiler-block">
► НАЗВАНИЕ КЛУБА
<br>

<br>должность - человек

</div></li>

<li><div class="spoiler-trigger">Бойцовские клубы</div>
<div class="spoiler-block">
► НАЗВАНИЕ КЛУБА
<br>

<br>должность - человек

</div></li>


<li><div class="spoiler-trigger">Мошенники, аферисты etc</div>
<div class="spoiler-block">

<br><b>карманница</b>: <a href="http://timess.rusff.me/profile.php?id=12">Christine Crain</a>
<br><b>хакер</b>: <a href="http://timess.rusff.me/profile.php?id=2">Jade Atwood</a>, <a href="http://timess.rusff.me/profile.php?id=36">Adrian Chase</a><br>
<b>угонщик, стритрейсер</b>: <a href="http://timess.rusff.me/profile.php?id=71">Ari Miller</a><br>
<b>киллер</b>: <a href="http://timess.rusff.me/profile.php?id=88">Derek Miller</a><br>
<b>эскорт</b>: <a href="https://timess.rusff.me/profile.php?id=92">Dante Otto Bjorn</a><br>

</div></li>


</div>

<div id="other-j">
► ЧАСТНЫЙ ПРЕДПРИНИМАТЕЛЬ
<br>
<br><b>психолог, инструктор по йоге, волонтер</b>: <a href="http://timess.rusff.me/profile.php?id=41">Natalie Austin</a><br>
<br>
► ИСКУССТВО
<br><br>
<b>художник</b>: <a href="http://timess.rusff.me/profile.php?id=53">Lenny Castaneda</a><br>
<br>
► АВИАЦИЯ
<br><br>
<b>пилот элитного класса</b>: <a href="http://timess.rusff.me/profile.php?id=86">Bartholomew Walker</a><br>
<br>
► СПОРТ
<br><br>
<b>фигурист</b>: <a href="http://timess.rusff.me/profile.php?id=96">Alexandre Leroy</a><br>
<br>

</div>

</div>

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="face-code-jobs">занять вакансию</button></a></strong><div style="font-size: 0px"><pre>&lt;b&gt;должность&lt;/b&gt;: &lt;a href="ссылка на профиль"&gt;Имя персонажа&lt;/a&gt;&lt;br&gt;</pre></div>

</div>

<style>

#jobs-main {
    background: url(https://i.imgur.com/BDWc4Oj.png);
    width: 840px;
    height: 473px;
    background-size: 100%;
    margin-top: -10px;
    margin-left: 35px;
}


.jobs-rules-1 {
    position: relative;
    left: 460px;
    top: 40px;
    font-family: "Roboto Condensed";
    color: rgb(245 245 245 / 92%);
    text-transform: uppercase;
    line-height: 0.6;
    font-size: 12px;
}

.jobs-rules-2 {
    position: relative;
    left: 450px;
    top: 45px;
    font-family: Roboto Condensed;
    font-size: 11px;
    color: rgb(245 245 245 / 88%);
}

.tabs>input[type="radio"] {
display: none;
}

.tabs>div {
display: none;
padding: 10px 15px;
font-size: 16px;
}

#tab-btn-1:checked~#politics-j,
#tab-btn-2:checked~#legal-order-j,
#tab-btn-3:checked~#medicine-j, 
#tab-btn-4:checked~#education-j,
#tab-btn-5:checked~#media-j,
#tab-btn-6:checked~#services-sector-j,
#tab-btn-7:checked~#mass-media-j,
#tab-btn-8:checked~#crime-j,
#tab-btn-9:checked~#other-j {
display: block;
}

.tabs>label {
    padding: 8px;
    margin: 5px 0 0 -8px;
    text-align: left;
    user-select: none;
    font-size: 11px;
    font-family: Roboto Condensed;
    color: #ffffff;
    background-color: #4e4e4ecf;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: bold;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    top: 65px;
    left: 43px;
    position: relative;
    display: flex;
    width: 200px;
    box-shadow: inset 0 0 0px 2px #4e4e4e;
}

.tabs>label:not(:first-of-type) {
}

.tabs>input[type="radio"]:checked+label {
}

.spoiler-trigger::before {
content: url(https://i.imgur.com/vlqLwTr.png);
padding-right: 10px;
margin-left: 3px;
}

#politics-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#legal-order-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#medicine-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#education-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#media-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#services-sector-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#mass-media-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#crime-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}

#other-j {
left: 290px;
    top: -260px;
    position: relative;
    width: 490px;
    height: 290px;
    overflow: auto;
    font-size: 10px;
}


.spoiler-trigger {
    width: 400px;
    padding: 8px;
    font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    color: #f3f3f3;
    display: flex;
    margin: 20px 0 20px 0;
    top: -30px;
    cursor: pointer;
    position: relative;
    background: #4e4e4e;
}


.spoiler-trigger.active{
width: 400px;
    cursor: pointer;
    background: #fbc72a;
}

.spoiler-trigger.active::before {
content: url(https://i.imgur.com/LJHdvTo.png);
padding-right: 10px;
margin-left: 3px;
}

.spoiler-trigger:hover>span{
	border-bottom-style: solid;
}

.spoiler-block{
display: none;
    position: relative;
    top: -35px;
    left: 5px;
    font-size: 11px!important;
    font-family: tahoma;
    color: #4e4e4e;
    letter-spacing: 0.1ex;
    line-height: 150%;
}

.face-code-jobs {
    width: 150px;
    width: 150px;
    position: absolute;
    margin-left: 305px;
    margin-top: -270px;
    background-color: #fbc72a;
    color: #f3f3f3!important;
    text-transform: uppercase;
    padding: 6px 15px 5px 15px;
    font-size: 11px;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
}

.face-code-jobs:hover {
    background-color: #4e4e4ecf;
}

</style>


<script>$(document).on('click','.spoiler-trigger',function(e){e.preventDefault();$(this).toggleClass('active');$(this).parent().find('.spoiler-block').first().slideToggle(300);})
</script>

<!--HTML-->
<div id="face-main">

<div class="face-rules">«name&surname» - это список популярных имен и фамилий; они могут повторяться и не выкупаются</div>

<div class="face-block">

<div class="boys-face">
<alphabet-boys>A — B — C — D</alphabet-boys>

<boys-face>aidan gallagher</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=71">Ari Miller</a></pers-b-name>
<boys-face>benjamin wadsworth</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=49">Hugo Zapf</a></pers-b-name>
<boys-face>brandon flynn</boys-face><pers-b-name><a href="http://timess.rusff.me/viewtopic.php?id=289">max knight</a></pers-b-name>
<boys-face>Caleb Landry Jones</boys-face><pers-b-name><a href="https://timess.rusff.me/profile.php?id=92">Dante Otto Bjorn</a></pers-b-name>
<boys-face>charlie hunnam</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=88">Derek Miller</a></pers-b-name>
<boys-face>chris evans</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=4">Frank Austin</a><occupied-ns>ns</occupied-ns></pers-b-name>
<boys-face>Daniel Craig</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=20">Benoit Blanc</a></pers-b-name>
<boys-face>douglas booth</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=96">alexandre leroy</a></pers-b-name>

<alphabet-boys>E — F — G — H</alphabet-boys>
<boys-face>Ed Westwick</boys-face><pers-b-name><a href=http://timess.rusff.me/profile.php?id=43>Theodore Dickens</a></pers-b-name>

<alphabet-boys>I — J — K — L</alphabet-boys>
<boys-face>Jacob Elordi</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=84">Ron Butler</a></pers-b-name>
<boys-face>Jason Dohring</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=63">Shawn Carter-Williams</a></pers-b-name>
<boys-face>Jesse Lee Soffer</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=7">Ray Halstead</a><occupied-ns>ns</occupied-ns></pers-b-name>
<boys-face>Joel Kinnaman</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=17">Owen Turner</a></pers-b-name>

<alphabet-boys>M — N — O — P</alphabet-boys>
<boys-face>Milos Bikovic</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=13">Milos Jovic</a></pers-b-name>
<boys-face>penn badgley</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=51">Charles Sutton</a></pers-b-name>

<alphabet-boys>Q — R — S — T</alphabet-boys>

<boys-face>Robert Sheehan</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=36">Adrian Chase</a></pers-b-name>
<boys-face>theo hutchcraft</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=73">cain lynch</a></pers-b-name>
<boys-face>timothee chalamet</boys-face><pers-b-name><a href="http://timess.rusff.me/viewtopic.php?id=215">duncan baudelaire</a></pers-b-name>
<boys-face>tom hiddleston</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=86>Bartholomew Walker</a></pers-b-name>

<alphabet-boys>U — V — W</alphabet-boys>

<boys-face>Urs Buhler</boys-face><pers-b-name><a href="http://timess.rusff.me/profile.php?id=68">Damian Dijkstra</a></pers-b-name>

<alphabet-boys>X — Y — Z</alphabet-boys>

</div>

<div class="girls-face">
<alphabet-girls>A — B — C — D</alphabet-girls>
<girls-face>ana de armas</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=52">Teresa Franco</a></pers-g-name>
<girls-face>danielle panabaker</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=46">Lily Samuel</a></pers-g-name>


<alphabet-girls>E — F — G — H</alphabet-girls>

<girls-face>Elle Fanning</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=76">Elizabeth Weinberg</a></pers-g-name>
<girls-face>Emma Mackey</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=74">Ruby Matthews</a></pers-g-name>
<girls-face>gal gadot</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=41">natalie austin</a></pers-g-name>
<girls-face>hannah john-kamen</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=87">Joyce Toledo</a></pers-g-name>
<girls-face>Holliday Grainger</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=75">Sophia Lynch </a></pers-g-name>

<alphabet-girls>I — J — K — L</alphabet-girls>
<girls-face>Inbar Lavi</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=4">Camilla Miller</a><occupied-ns>ns</occupied-ns></pers-g-name>
<girls-face>jessica barden</girls-face><pers-g-name><a href="http://timess.rusff.me/viewtopic.php?id=253#p14084">dorika sapari</a></pers-g-name>
<girls-face>jodie comer</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=60">Jane Cooper</a></pers-g-name>
<girls-face>Kristen Bell</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=82">Caitlin Sharp</a></pers-g-name>
<girls-face>Lauren German</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=83">Alice Berkeley</a></pers-g-name>
<girls-face>lily collins</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=91">cherrity adams</a></pers-g-name>
<girls-face>Lily Loveless</girls-face><pers-g-name><a href="http://timess.rusff.me/viewtopic.php?id=124#p5012">Lipa Apala</a></pers-g-name>
<girls-face>Luca hollestelle</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=90">Lorraine Nelson</a></pers-g-name>

<alphabet-girls>M — N — O — P</alphabet-girls>
<girls-face>margaret qualley</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=42">anthea fleetwood</a></pers-g-name>
<girls-face>Marianne Rendon</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=53">Lenny Castaneda</a></pers-g-name>
<girls-face>Megan Stott</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=81">Evelyn Scott</a></pers-g-name>
<girls-face>Nina Dobrev</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=18">Mia Carter</a><occupied-ns>ns</occupied-ns></pers-g-name>

<alphabet-girls>Q — R — S — T</alphabet-girls>
<girls-face>Reese Witherspoon</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?section=view&id=16">Addison Bennet</a><occupied-ns>ns</occupied-ns></pers-g-name>
<girls-face>Tracy Spiridakos</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=54">Mary Barrett</a></pers-g-name>

<alphabet-girls>U — V — W</alphabet-girls>
<girls-face>Victoria Pedretti</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=12">Christine Crain</a><occupied-ns>s</occupied-ns></pers-g-name>

<alphabet-girls>X — Y — Z</alphabet-girls>
<girls-face>zendaya</girls-face><pers-g-name><a href="http://timess.rusff.me/viewtopic.php?id=151">rocky jones</a></pers-g-name>
<girls-face>Zoe Kravitz</girls-face><pers-g-name><a href="http://timess.rusff.me/profile.php?id=3">Jade Atwood</a></pers-g-name>

</div>

<div class="name-face">
<names-face>male names</names-face>
<names-list>
James [Джеймс]<br>
John/Jon [Джон]<br>
Michael [Майкл]<br>
William  [Уильям]<br>
David [Дэвид]<br>
Lucas [Лукас]<br>
Christopher [Кристофер]<br>
Jonathan [Джонатан]<br>
Thomas [Томас]<br>
Robert [Роберт]
</names-list>

<names-face>female names</names-face>
<names-list>
Emma [Эмма]<br>
Olivia [Оливия]<br>
Emily [Эмили]<br>
Victoria [Виктория]<br>
Elizabeth [Элизабет]<br>
Abigail [Эбигейл]<br>
Clare/Clair/Claire [Клэр]<br>
Anna [Анна]<br>
Alyson [Элисон]<br>
Catherine/Katherine [Кэтрин]
</names-list>

<names-face>surnames</names-face>
<names-list>
Smith [Смит]<br>
Johnson [Джонсон]<br>
Williams [Уильямс]<br>
Jones [Джонс]<br>
Brown [Браун]<br>
Davis [Дэвис]<br>
Wilson [Уилсон]<br>
Adams [Адамс]<br>
Moore [Мур]<br>
Taylor [Тейлор]
</names-list>


</div>

</div>


<div class="button-face-b ">

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="face-code-b">скопировать шаблон</button></a></strong><div style="font-size: 0px"><pre>&lt;boys-face&gt;имя внешности&lt;/boys-face&gt;&lt;pers-b-name&gt;&lt;a href="ссылка на профиль"&gt;имя персонажа&lt;/a&gt;&lt;/pers-b-name&gt;</pre></div>

</div>

<div class="button-face-g">

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="face-code">скопировать шаблон</button></a></strong><div style="font-size: 0px"><pre>&lt;girls-face&gt;имя внешности&lt;/girls-face&gt;&lt;pers-g-name&gt;&lt;a href="ссылка на профиль"&gt;имя персонажа&lt;/a&gt;&lt;/pers-g-name&gt;</pre></div>

</div>
</div>

<style>
#face-main {
    width: 840px;
    height: 473px;
    background-size: 100%;
    background-image: url(https://i.imgur.com/9zCby4Y.png);
    margin-left: 35px;
}

.face-block {
width: 742px;
    height: 255px;
    position: relative;
    top: 133px;
    left: 50px;
}

boys-face {
    position: relative;
    top: -22px;
    background: #97b0d4;
    padding: 2px 10px 3px 5px;
    z-index: 10;
    font-family: Roboto Condensed;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 3px #ffffff8c;
    display: block;
    margin-bottom: -20px!important;
    margin-top: 30px!important;
}

pers-b-name {
    font-size: 11px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    background-color: #97b0d48f;
    padding-bottom: 7px;
    padding-top: 7px;
    display: block;
    padding-left: 5px;
    margin-bottom: 10px!important;
    letter-spacing: 0.3px;
    position: relative;
    top: -5px;
    font-weight: 600;
}

.boys-face a {
    color: #ffffffc7!important;
}

.girls-face a {
    color: #ffffffc7!important;
}

.boys-face a:hover {
    color: #fff!important;
text-shadow: 1px 1px 3px #b0babbab!important;
}

.girls-face a:hover {
    color: #fff!important;
    text-shadow: 1px 1px 3px #c29fb9ab!important;
}

girls-face {
    position: relative;
    top: -22px;
    background: #f5c53b;
    padding: 2px 10px 3px 5px;
    z-index: 10;
    font-family: Roboto Condensed;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 3px #ffffff8c;
    display: block;
    margin-bottom: -20px!important;
    margin-top: 30px!important;
}

pers-g-name {
    font-size: 11px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    background-color: #f5c53b8f;
    padding-bottom: 7px;
    padding-top: 7px;
    display: block;
    padding-left: 5px;
    margin-bottom: 10px!important;
    letter-spacing: 0.3px;
    position: relative;
    top: -5px;
    font-weight: 600;
}


.girls-face::-webkit-scrollbar              { width: 4px; }
.girls-face::-webkit-scrollbar-track        { background-color: #f5f5f5; }
.girls-face::-webkit-scrollbar-thumb        { background-color: #f5c53b;}

.boys-face::-webkit-scrollbar              { width: 4px; }
.boys-face::-webkit-scrollbar-track        { background-color: #f5f5f5; }
.boys-face::-webkit-scrollbar-thumb { background-color: #97b0d4;}

.name-face::-webkit-scrollbar              { width: 4px; }
.name-face::-webkit-scrollbar-track        { background-color: #f5f5f5; }
.name-face::-webkit-scrollbar-thumb        { background-color: #8ea3bf;}


.girls-face {
position: relative;
    left: 269px;
    top: -254px;
    width: 205px;
    height: 255px;
    overflow: auto;
    padding-right: 7px;
}

.boys-face {
position: relative;
    left: 4px;
    width: 205px;
    height: 255px;
    overflow: auto;
    padding-right: 7px;
}

.name-face {
position: relative;
    left: 533px;
    top: -510px;
    width: 205px;
    height: 255px;
    overflow: auto;
    padding-right: 7px;
}


alphabet-boys {
    background: #f3f3f3;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: bold;
    margin-left: 1px!important;
    color: #96b0d4;
    top: 0px;
    text-shadow: 1px 1px #b8c3d2;
    position: relative;
    display: block;
    margin-bottom: 5px!important;
    text-align: center;
}

alphabet-girls {
    background: #f3f3f3;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: bold;
    top: 0px;
    text-shadow: 1px 1px #f5d169;
    position: relative;
    display: block;
    margin-bottom: 5px!important;
    text-align: center;
    color: #ffc51a;
}


occupied-ns {
color: #ffffffe8;
    position: absolute;
    left: 176px!important;
    display: block;
    top: 8px;
}

names-face {
    background: #8ea3bf;
    font-size: 13px;
    font-family: arial;
    font-weight: lighter;
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #f5f5f5;
    text-shadow: 0px 1px 0px #6c819c;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 5px!important;
}

names-list {
width: 160px;
    display: block;
    padding-bottom: 7px;
    color: #f3f3f3;
    line-height: 2;
    text-transform: uppercase;
}

.face-rules {
    position: relative;
    top: 30px;
    left: 46px;
    color: #4e4e4e;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 3px;
    border: 2px solid #a7c1d7;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    width: 400px;
}

.face-code {
    width: 150px;
    height: 20px;
    position: relative;
    left: 442px;
    top: -240px;
    background-color: #f5f5f5;
    color: #4e4e4e!important;
    text-transform: uppercase;
    cursor: pointer;
    margin: 5px;
    outline: none;
    font-size: 10px;
    border: 2px solid #f4c847;
}

.face-code:hover {
    background-color: #6d6d6d;
}

.face-code-b:hover {
    background-color: #6d6d6d;
}

.face-code-b {
    width: 150px;
    height: 20px;
    position: relative;
    left: 444px;
    top: -240px;
    background-color: #f5f5f5;
    color: #4e4e4e!important;
    text-transform: uppercase;
    cursor: pointer;
    margin: 5px;
    outline: none;
    font-size: 10px;
    border: 2px solid #aac4e8;
}


.button-face-b {
    display: flex;
        margin-top: -35px;
    margin-left: 180px;
}

.button-face-g {
    display: flex;
    margin-left: 180px;
}

.button-face-b::before {
    content: 'BOYS ››';
    position: relative;
    top: -232px;
    left: 440px;
    color: #aac4e8;
    font-family: Roboto Condensed;
    font-weight: bold;
    font-size: 12px;
}

.button-face-g::before {
    content: 'GIRLS ››';
    position: relative;
    top: -232px;
    left: 439px;
    color: #f4c847;
    font-family: Roboto Condensed;
    font-weight: bold;
    font-size: 12px;
}
</style>

<!--HTML-->
<div class="woodlawn-main">
<p class="woodlawn-title">Кладбище «Вудлон»</p>
<div class="woodlawn-description">
&nbsp; &nbsp; &nbsp; Кладбище «Вудлон» —  одно из крупнейших кладбищ Нью-Йорка.
Если вы оказались в списке душ, готовых к захоронению, то у вас есть <b>три</b> дня на то, чтобы ваше имя было вычеркнуто из списка <s>(бог постописания очень любит питаться свежими постами, да-да, а мы любим активность)</s>.
Подтверждение можете прислать любому админу из АМС-состава.
<br>
<br><center>Удачи! <img src="http://sd.uploads.ru/qs9KU.png"></center>

</div></div>

<style>
.woodlawn-main {
    margin-top: -14px;
width: 650px;
background-image: url(https://i.imgur.com/5uY2pua.png);
background-size: 100%;
height: 399px;
    margin-left: 20px;
}

.woodlawn-description {
    width: 450px;
    height: auto;
    position: relative;
    left: 69px;
    top: 90px;
    font-family: arial;
    font-size: 11px;
    color: #f3f3f3;
    background-color: #4e4e4e;
    border: 2px solid #292929;
    padding: 30px;
}

.woodlawn-title {
font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
left: 210px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f3f3f3;
}

</style>

<!--HTML-->
<div class="time-search-main">
<p class="time-search-title">ХОТИМ ВИДЕТЬ</p>
<div class="time-search-description">
В этой теме вы можете написать заявку на внешность, которую хотели бы видеть на форуме.<br><br>
<b>Обратите внимание: это не заявка на полноценного персонажа. Вы можете предложить свои варианты, какие видите для персонажа с данной внешностью, но человек, которому приглянется эта внешность, может придумать для него совершенно иную биографию.</b><br><br>
Бронирование внешностей происходит в гостевой. <br><br>
Одна заявка — одно сообщение.
<br></center>
</div>

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="code-box-time">забрать код</button></a></strong><div style="height: 20px; font-size: 0px;"><pre><span>[</span>align=center<span>]</span>
<span>[</span>size=10<span>]</span>— хочу видеть —<span>[</span>/size<span>]</span>
<span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span> <span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span>
<span>[</span>size=10<span>]</span>— внешность на английском —<span>[</span>/size<span>]</span>
<span>[</span>/align<span>]</span>
<span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span><span>[</span>size=16<span>]</span>— ПРЕДЛОЖЕНИЯ ДЛЯ ПЕРСОНАЖА —<span>[</span>/size<span>]</span><span>[</span>/font<span>]</span><span>[</span>/align<span>]</span>
<span>[</span>table layout=fixed width=100%<span>]</span>
<span>[</span>tr<span>]</span>
<span>[</span>td width=10%<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>td width=80%<span>]</span>
Ваш текст.
<span>[</span>/td<span>]</span>
<span>[</span>td width=10%<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>/tr<span>]</span>
<span>[</span>/table<span>]</span></pre></div>

</div>

<style>
.time-search-main {
    width: 650px;
    height: 399px;
    background-image: url(https://i.imgur.com/JbCHraG.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -14px;
    margin-left: 20px;
}

.time-search-description {
    width: 450px;
    height: auto;
    background: #a2b5ce40;
    outline: 2px solid #a2b5ce;
    outline-offset: -2px;
    position: relative;
    left: 85px;
    top: 100px;
    font-family: arial;
    font-size: 11px;
    padding: 10px;
    color: #4f5256;
}

.time-search-title {
    font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
    left: 245px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f5f5f5;
}

.code-box-time {
    position: relative;
    top: 130px;
    left: 270px;
    background: #e1e5ec;
    padding: 6px;
    border: 1px solid #a2b5ce;
    outline: none;
    font-size: 11px;
    color: #4f5256;
    text-transform: uppercase;
    font-weight: bold;
    cursor: copy;
}

.code-box-time:hover {
    background: #f3f3f3;
    border: 1px solid #7c8898;
    cursor: copy;
}

.code-box-time:active {
    background-color: #a2b5ce;
    color: #f3f3f3;
}

</style>

<!--HTML-->
<div id="ask-main">
<div class="ask-title">ВОПРОСЫ И ПРЕДЛОЖЕНИЯ</div>

<span class="ask-description">
В этой теме вы можете задать интересующие вас вопросы, а также попросить перенести темы. 
</span>

<div class="ask-title">f.a.q.</div>

<p class="faq-ask">
<br><b>— Не работают плюсы, уведомления, не приходят уведомления на почту. Что делать?</b>
<br>Это проблемы с платформой. Мы не в силах это исправить и нужно ждать, когда все починят.
<br>
<br><b>— Почему мой эпизод снесен в архив?</b>
<br>В архив сносятся эпизоды, в которых не было постов месяц и больше. Поднимаются эпизоды только со свеженаписанным постом по вашему требованию.
<br>
<br><b>— Почему внешность моего персонажа носит кто-то другой?</b>
<br>Смотри правила п.3.2.
<br>
<br><b>— Я могу взять еще персонажа?</b>
<br>Да, можете. Вам нужно прочитать в правилах п.7.2.  и спросить разрешения в этой теме.
<br>
<br><b>— Не могу найти тему наград/подарков.</b>
<br>Мы не используем награды и подарки.
</p>

</div></div>

<style>

#ask-main {
    width: 580px;
    height: auto;
    margin-left: 50px;
    background: #f5f5f5;
    border: 5px solid #a2b5ce;
}

.ask-description {
    height: auto;
    font-family: Roboto Condensed;
    font-size: 12px;
    color: #7497c5;
    margin-left: 120px;
    display: block;
    width: 350px;
    letter-spacing: 1px;
    line-height: 1.7;
    text-align: center;
}

.ask-title {
    width: 550px;
    font-family: Roboto Condensed;
    font-size: 17px!important;
    position: relative;
    left: 10px;
    color: #f5f5f5;
    letter-spacing: 1px;
    text-transform: uppercase;
    top: 18px;
    background: #a2b5ce;
    margin-bottom: 40px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}

.faq-ask {
    width: 490px;
    height: auto;
    position: relative;
    top: -10px;
    left: 50px;
    margin-bottom: 30px!important;
    color: #7692b7;
}

</style>

<!--HTML-->
<div id="main-bank">

 <div class="tabs-bank">
   <input type="radio" name="tab-bank" id="tab-bank-1"  value="" checked>
    <label for="tab-bank-1">Начало</label>

    <input type="radio" name="tab-bank" id="tab-bank-2" value="">
    <label for="tab-bank-2">Время на форуме</label>

    <input type="radio" name="tab-bank" id="tab-bank-3" value="">
    <label for="tab-bank-3">Таблица</label>

 <input type="radio" name="tab-bank" id="tab-bank-4" value="">
    <label for="tab-bank-4">Посты</label>

        <input type="radio" name="tab-bank" id="tab-bank-5" value="">
    <label for="tab-bank-5">Активность</label>

<div id="start">
<start>Заполненная анкета: 100$</start>
<start>Заполненная анкета на нужного: 150$</start>
<start>Оформленные отношения: 5$</start>
<start>Оформленная хронология: 5$</start>
</div>


<div id="time-times">
<start>За месяц с даты регистрации: 50$</start>
<start>За полгода с даты регистрации: 100$</start>
<start>За каждый год с даты регистрации: 500$</start>
<start>За каждые 24 часа [Провел на форуме]: 20$</start>

<start>Подача заявки на нужного: 10$</start>
<start>Хотим видеть: 5$</start>
<start>Приведи друга: 20$</start>
<start>Приведи 3-х друзей [после принятия их анкет]: 100$</start>
</div>

<div id="active-table">
<start>Активист недели: 10$</start>
<start>Эпизод недели: 20$</start>
<start>Дуэт недели: 10$</start>
<start>Пост недели: 20$</start>
</div>

<div id="posts">
<start>Создание эпизода: 20$</start>
<start>Первый пост: 20$</start>
<start>Закрытый эпизод: 30$</start>
<start>Пост от 2 001 до 3 000 символов: 30$</start>
<start>Пост от 3 001 до 4 000 символов: 100$</start>
<start>Пост от 4 001 до 5 000 символов: 200$</start>
<start>Пост от 5 001 до 6 000 символов: 300$</start>
<start>Пост от 6 001 до 7 000 символов: 400$</start>
<start>Пост от 7 001 до 8 000 символов: 500$</start>
<start>Пост от 8 001 до 9 000 символов: 600$</start>
<start>Пост от 9 001 до 10 000 символов: 700$&nbsp;&nbsp;&nbsp;<span style="font-size: 12px; user-select: none;" title="И далее по той же системе до бесконечности">⚠</span></start>
</div>

<div id="active">
<start>Один уникальный аватар в общей галерее: 20$</start>
<start>Графический комплект в подарок: 60$</start>
<start>Создание личной темы: 20$</start>
<start>Один закрытый уровень в игровой системе: 50$</start>
<start>Одно выполненное игровое задание: 20$</start>
<start>Попадание в номер газеты: 20$</start>

<start>Создание соцсети: 20$</start>
<start>Один пост в соцсети: 10$</start>
<start>Участие в марафоне — один пост в соцсети: 30$</start>

<start>Каждые 250 сообщений: 50$</start>
<start>Каждые 250 оставленных плюсов: 40$</start>
<start>Каждые 250 полученных плюсов: 30$</start>
<start>Один пост с рекламой: 5$</start>
<start>Один голос / клик в топе с отметкой в теме: 10$</start>
<start>Один отзыв в топе: 50$</start>
<start>Поставить наш баннер  (<a href="https://i.imgur.com/yZpDn6K.png">тык</a>  или  <a href="https://i.imgur.com/TKkBDSS.png">тык</a>)  в подпись на Photoshop: Renaissance: 200$</start>
<start>Поставить наш баннер  (<a href="https://i.imgur.com/yZpDn6K.png">тык</a>  или  <a href="https://i.imgur.com/TKkBDSS.png">тык</a>)  в подпись на Live Your Life: 200$</start>
<start>Поставить наш баннер  (<a href="https://i.imgur.com/yZpDn6K.png">тык</a>  или  <a href="https://i.imgur.com/TKkBDSS.png">тык</a>)  в подпись на artishock: 200$</start>

<start>Пополнение фонда форума:
1 кредит - 10$&nbsp;&nbsp;&nbsp;<span style="font-size: 12px; user-select: none;" title="полученные средства будут использоваться на отключение рекламы и продвижение ролевой">⚠</span></start>
<start>100 баллов - 10$&nbsp;&nbsp;&nbsp;<span style="font-size: 12px; user-select: none;" title="менее актуально, т.к. реклама отключается только за кредиты, а эти две валюты между собой не конвертируются">⚠</span></start> 
</div>

</div>
</div>


<div class="attt">
<span class="attention">⚠&nbsp;Перевод денежных средств с профиля на профиль комиссией не облагается&nbsp;⚠</span></div>
<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="code-bank">забрать деньги</button></a></strong><div style="font-size: 0px"><pre>— за что получаем деньги
— доказательства (ссылка, скрин и тд)
— было + начисляем = <span>[</span>b<span>]</span>стало<span>[</span>/b<span>]</span></pre></div>

<style>

#main-bank {
    background: url(https://i.imgur.com/yyIOAo0.png);
    background-size: 100%;
    width: 850px;
    height: 585px;
    margin-top: -10px;
    margin-left: 30px;
}

.attention {
position: relative;
    top: -137px;
    left: 250px;
    text-transform: uppercase;
    font-size: 9px!important;
    color: #f3f3f3;
    width: 340px!important;
}

.tabs-bank>input[type="radio"] {
display: none;
}

.tabs-bank>div {
display: none;
padding: 10px 15px;
font-size: 16px;
}

#tab-bank-1:checked~#start,
#tab-bank-2:checked~#time-times,
#tab-bank-3:checked~#active-table, 
#tab-bank-4:checked~#posts,
#tab-bank-5:checked~#active {
display: block;
}

.tabs-bank>label {
padding: 8px;
    user-select: none;
    font-size: 12.5px;
    font-family: Roboto Condensed;
    color: #f3f3f3;
    text-transform: uppercase;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    top: 95px;
    left: 220px;
    position: relative;
    text-shadow: 0px 0px 3px #ffffff99;
    border-bottom: 2px solid white;
}

.tabs-bank>label:not(:first-of-type) {
}

.tabs-bank>input[type="radio"]:checked+label {
background: #ffffff3b;
}

.tabs-bank>label:hover {
background: #ffffff3b;
}

#start, #time-times, #active-table, #active {
position: relative;
    top: 130px;
    left: 130px;
    width: 400px;
}

#posts {
position: relative;
    top: 130px;
    left: 130px;
    width: 400px;
    height: 275px;
    overflow: auto;
    padding-right: 190px;
}

#active {
    position: relative;
    top: 130px;
    left: 130px;
    width: 400px;
    height: 275px;
    overflow: auto;
    padding-right: 190px;
}

start {
    display: flex;
    margin-bottom: 10px!important;
    background: #849fc3;
    color: #f5f5f5;
    font-size: 12px;
    /* text-shadow: 0 0 3px #ffffffc2; */
    padding: 4px;
    width: 565px;
}

start a {
    color: #455c79!important;
}

#active::-webkit-scrollbar              { width: 5px;  }
#active::-webkit-scrollbar-track        { background-color: #849fc3d1;}
#active::-webkit-scrollbar-thumb { background-color: #f5f5f5;}

#posts::-webkit-scrollbar              { width: 5px;  }
#posts::-webkit-scrollbar-track        { background-color: #849fc3d1;}
#posts::-webkit-scrollbar-thumb        { background-color: #f5f5f5;}

.code-bank {
    width: 150px;
    position: relative;
    margin-left: 360px;
    top: -120px;
    background-color: #a2b5ce;
    color: #f5f5f5!important;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    font-size: 11px;
    border: none;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0.8px;
}

.code-bank:hover {
    background-color: #8798af;
    color: #f3f3f3!important;
}

.code-bank:active {
    background-color: #e8e7e7;
    color: #a2b5ce!important;
}

.attt {width: 440px;}

</style>

<!--HTML-->
<div class="lichzv">
<p class="lichzz">ЛИЧНОЕ ЗВАНИЕ</p>
<div class="zvanlich">
Для заполнения лз вам понадобится ссылка на анкету, ссылка на пару (по желанию), ссылка(и) на социальные сети (по желанию).<br><br>

Напоминаем, что внести количество постов в профиль вы можете сами. Профиль - дополнительно - прописываете цифру. Учет не строгий, ведется исключительно вами по собственному желанию.<br><br>

Все банковские начисления производятся в теме банка (чуть позже тут будет ссылка).<br><br>

Соцсеть вы можете создать здесь — <a href="http://timess.rusff.me/viewforum.php?id=8">#ts_live</a> <br><br>

Всего заполняете два шаблона.<br>
Заполнение первого шаблона обязательно, второй и третий код - заполнение ЛЗ, первый вариант с соцсетью, второй без.<br><br>

Не забываем вставлять шаблон в код <img src="http://sd.uploads.ru/qs9KU.png"><br><br></center>
</div>
</div>

<style>
.lichzv {
    width: 650px;
    height: 399px;
    background-image: url(https://i.imgur.com/2v3nBsC.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -14px;
    margin-left: 20px;
}

.zvanlich {
    width: 450px;
    height: 220px;
    background: #a2b5ce1c;
    outline: 2px solid #a2b5ce;
    outline-offset: -2px;
    position: relative;
    left: 85px;
    top: 60px;
    font-family: arial;
    font-size: 11px;
    padding: 10px;
    color: #707a88;
}

.lichzz {
    font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
    left: 240px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f5f5f5;
}
</style>

<!--HTML-->

<div id="marf">

<div class="zmar">ФОТОМАРАФОН #1: НЬЮ-ЙОРК</div>
<br>
<div id="marpost">
<img class="marphot1" src="https://i.imgur.com/yP5wW1U.jpg">
<p class="marwor">И с вами в эфире фотомарафон. Это небольшой флешмоб в социальных сетях, растянутый на несколько дней, количество дней может варьироваться, в среднем примерно 5-7. 
<br><br>
Один день - одно фото с соответствующим хэштегом.
<br><br>
Вы можете выставить несколько фото в один день, если что-то пропустили, или заранее, если знаете, что не будет возможности выставить фотокарточку день в день, но интереснее придерживаться расписания.
<br><br>
Участвовать в марафоне можно и после его завершения. Перейдем к хэштегам:
<br><br>
19.10 день первый: #любимые_места<br>
20.10 день второй: #гуляем_по_НЙ<br>
21.10 день третий: #вид_из_окна<br>
22.10 день четвертый: #любимое_кафе<br>
23.10 день пятый: #мгновения_Нью-Йорка<br></p>
</div></div>