[html]<!-- Стиль для вкладок в постах (done by Kolobdur) -->
<style>
.tablet {
background-image: url(https://forumupload.ru/uploads/001b/ce/b4/4/104993.png);
width: 700px;
height: 920px;
margin-left: 20px;
}
/* Строка имени */
.stim {
width: 578px;
border: 1px;
border-color: #000;
background-color: #959D9F;
font-family: Oswald;
text-align: center;
position: absolute;
margin-top: 40px;
margin-left: 55px;
text-transform: uppercase;
}
.tabbed > input {
display: none;
}
.tabbed > label {
width: 100px;
margin-top: 110px;
margin-left: 43px;
margin-bottom: -90px;
display: block;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: Oswald;
text-size: 20px;
text-transform: uppercase;
}
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {cursor: pointer;z-index: 1;}
/* Оформление */
/* Оформление неактивного переключателя */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {
background: transparent;
color: #191970;
height: 30px;
}
/* Оформление активного переключателя и при наведении */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover,
.tabbed > input:checked + label {
background: #A02223 !important;
color: azure !important;
}
/* Оформление поля с контентом */
.tabs-body {
background: transparent;
color: #000;
}
/* Даем имена переключателям и полю с контентом */
/* Имя поля с контентом */
.tabs-body {grid-area: tabs-body;}
/* Имена переключателей слева */
#nav-left-1 {grid-area: nav-left-1;}
#nav-left-2 {grid-area: nav-left-2;}
#nav-left-3 {grid-area: nav-left-3;}
#nav-left-4 {grid-area: nav-left-4;}
#nav-left-5 {grid-area: nav-left-5;}
#nav-left-6 {grid-area: nav-left-6;}
#nav-left-7 {grid-area: nav-left-7;}
#nav-left-8 {grid-area: nav-left-8;}
#nav-left-9 {grid-area: nav-left-9;}
#nav-left-10 {grid-area: nav-left-10;}
.tabs-body {
width: 470px;
position: relative;
}
.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: 470px;
height: 726px;
padding: 10px;
z-index: 0;
margin-top: 110px;
margin-right: 55px;
text-align: justify;
overflow: auto;
}
/* Переключатели */
/* Слева */
#nav-left-1:checked ~ .tabs-body > .body-left-1,
#nav-left-2:checked ~ .tabs-body > .body-left-2,
#nav-left-3:checked ~ .tabs-body > .body-left-3,
#nav-left-4:checked ~ .tabs-body > .body-left-4,
#nav-left-5:checked ~ .tabs-body > .body-left-5,
#nav-left-6:checked ~ .tabs-body > .body-left-6,
#nav-left-7:checked ~ .tabs-body > .body-left-7,
#nav-left-8:checked ~ .tabs-body > .body-left-8,
#nav-left-9:checked ~ .tabs-body > .body-left-9,
#nav-left-10:checked ~ .tabs-body > .body-left-10,
/* Справа */
#nav-right-1:checked ~ .tabs-body > .body-right-1,
#nav-right-2:checked ~ .tabs-body > .body-right-2,
#nav-right-3:checked ~ .tabs-body > .body-right-3,
#nav-right-4:checked ~ .tabs-body > .body-right-4,
#nav-right-5:checked ~ .tabs-body > .body-right-5,
#nav-right-6:checked ~ .tabs-body > .body-right-6,
#nav-right-7:checked ~ .tabs-body > .body-right-7,
#nav-right-8:checked ~ .tabs-body > .body-right-8,
#nav-right-9:checked ~ .tabs-body > .body-right-9,
#nav-right-10:checked ~ .tabs-body > .body-right-10 {
transform: translateY(0px);
transform: translateX(0%);
opacity: 1;
z-index: 1;
}
input[id^=nav] ~ .tabs-body > div[class^=body] {
}
</style>
<!-- В пост. Только слева. (done by Kolobdur) -->
<style>
.tabbed {
display: grid;
grid-template: /* навигация слева и поле */
"nav-left-1 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-2 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-3 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-4 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-5 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-6 tabs-body tabs-body tabs-body tabs-body" 1fr
/* Коллонки */
/ 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
</style>
<div class="tablet">
<div class="stim"><td> Ребе́кка Ра́уккис <br> Уровень доступа: E </div>
<div class="tabbed">
<!-- Навигация слева -->
<!-- Слева 1 -->
<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>
<!-- Слева 2 -->
<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>
<!-- Слева 3 -->
<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>
<!-- Слева 4 -->
<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>
<!-- Слева 5 -->
<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>
<!-- Слева 6 -->
<input type="radio" name="tabs-body" id="nav-left-6">
<label for="nav-left-6">Биография</label>
<div class="tabs-body">
<!-- Контент вкладок слева -->
<div class="body-left-1">
<center><img src=" https://forumupload.ru/uploads/001b/fb/ … center>
Jane Doe/Zenless Zone Zero<br>
Пол: женский<br>
Дата рождения: 31.03.2103<br>
Возраст: 21<br>
Рост и вес: 170 см, 55 кг<br><br>
Семейное положение: не замужем/в активном поиске<br>
Должность/Статус: Студентка 4 курса факультет кризис менеджмента<br>
Ник в чате академии: Satre}{<br><br>
Отличительные признаки<br>
Цвет глаз: серо-зелёный<br>
Цвет волос: чёрный. Выкрашены в градиент от чёрного к красному<br>
Татуировки/Шрамы/Пирсинг/Пигментация: <br>
Два прокола в левом ухе. Также левое ухо слегка надорвано. Все эти особенности видны и на человеческих ушах.</div>
<div class="body-left-2"><br>
Стройная. Формами не обделена. Прекрасно осознаёт свою привлекательность и всячески её подчёркивает. Ботинки на высокой платформе, короткие шорты подчёркивающие узкую талию и выделяющие бёдра, топ и короткая куртка - всё это нужно чтобы привлечь внимание.<br>
Всегда ухожена, волосы густые, в основном короткие, но сзади есть длинный "хвост".<br>
А вот колготки почти всегда рваные, если только не новые, но и те скоро порвутся, хвостом зацепит или ещё как-нибудь двинется так, что колготки не выдержат и разойдутся. Но ведь это тоже привлекает внимание, так что менять Ребекка их не спешит. <br>
Взгляд почти всегда с лёгким прищуром и будто сверху вниз (да, даже если она ниже вас) Кажется, что она хитро улыбается, замышляя что-то, пусть это и не всегда так. Сама Ребекка говорит, что это просто лицо у неё такое "хитрое".<br><br>
Движения быстрые, но плавные, будто перетекающие одно в другое.</div>
<div class="body-left-3">
► В чём сила? <br><br>
Применение: Активная. На окружающих в радиусе слышимости. Продолжает действовать на тех, кто попал под её влияние, но вышел из радиуса слышимости до тех пор, пока способность не будет отключена.
<br><br>
Описание способности: <br>
Заставляет всех, кто слышит слова Ребекки воспринимать их за чистую правду и не может усомниться в этом, пока способность активна. После деактивации способности попавший под влияние может ещё раз переосмыслить услышанное и уже самостоятельно решить, верить этому или нет. В связи с этим Ребекке всё равно приходится тщательно выбирать слова, чтобы они звучали как можно более убедительно. <br>
Может использоваться не только для обмана, но и для мотивации кого-то. Например фраза "У тебя всё получится" может реально заставить сделать человека то, на что он не мог решиться.<br><br>
Ограничения:<br>
Может применяться неоднократно в течение дня, но общая продолжительность действия не должна превышать 3 часов в сутки. Попытка превысить этот лимит грозит головной болью, слуховыми галлюцинациями и невозможностью трезво мыслить (бред, несвязная речь, попытки отвечать на слуховые галлюцинации).<br><br>
</div>
<div class="body-left-4">
► Зооморфизм - Крыса <br><br>
Применение: Активная. На себя.<br>
<br>
Описание способности:<br>
Частичное превращение в крысу (уши, хвост). При этом хвост является полноценной пятой конечностью, которой Ребекка может активно пользоваться как в быту, так и в бою. Способности к полной трансформации не имеет.<br><br>
Ограничения:<br>
Главное - не спать, во сне способность не работает. Непрерывно поддерживать частичную трансформацию можно около 16 часов, но чем дольше способность активна, тем сильнее аппетит и сексуальная возбуждённость. Так что питаться по пять раз в день для Ребекки стало нормой. Также, после отключения способности могут начаться фантомные боли в хвосте (которого уже нет) и проблемы с координацией движений, что может выражаться как в лёгкой неуклюжести, так и вплоть до невозможности нормально ходить не рискуя упасть при каждой попытке сделать шаг. Чтобы повторно активировать способность нужно хорошо выспаться.<br><br>
</div>
<div class="body-left-5">
Успеваемость: выше среднего<br><br>
Ответственная. Самоуверенна, иногда даже излишне. Но вот трудолюбивой её не назовёшь. Берётся за какое-то дело, если видит в этом выгоду для себя. Бескорыстно помогает только очень близким людям. <br>
К незнакомым людям относится с недоверием и не спешит открываться, но уверенно играет открытость, чтобы расположить их к себе, при этом не брезгуя пользоваться своей первой способностью. <br>
Если обстановка накаляется, старается сгладить углы, чтобы не дошло до конфликта, но если до него доходит, то в обиду себя не даст, как в словестной перепалке, так и в драке. Хотя словами она в такой ситуации больше пытается разозлить соперника, чтобы тот первым полез в драку. <br>
С близкими людьми искренне открыта, всегда выслушает и может быть даже предложит какой-то вариант действий. Но вот если вам нужен тот, кто просто выслушает и успокоит, то это не к ней. Считает, что с проблемой надо разбираться, а не просто на неё жаловаться. <br><br>
Любит фильмы старой цивилизации, которые пересматривала в Джаспере по несколько раз. Мечтает узнать как можно больше о старой культуре. <br>
Искренне ненавидит Охру и считает, что её надо уничтожить любым способом, а всех, кто с ней не согласен считает недалёкими. <br><br>
Несмотря на вызывающую внешность, и наигранную открытость одобрения окружающих она не ищет, внимание - да, но не одобрение. Одобрение она получит потом от того, кто ей самой понравится.</div>
<div class="body-left-6">
Отец Ребекки, будучи изменённым, ненавидел режим Охры всем сердцем. Однако действовать в одиночку он не собирался. Он был расчётливым и умел выжидать. После окончания академии, он остался в Цюрихе работать там в местной службе безопасности. Там же и познакомился с будущей матерью Ребекки. После образования Вирид он становится их информатором. <br><br>
В 2103 рождается Ребекка, пока она совсем маленькая скрывать её смысла нет. <br>
В 2105 отец отправляет свою жену и маленькую дочь в недавно восстановленный Джаспер. По официальной версии и жена и дочь погибли вследствие несчастного случая. <br><br>
Ребекка росла без отца, так как тот остался в Цюрихе сливать инфу об Охре Вириду. Периодически весточки и небольшие подарки от него приходили, хоть и вживую она его никогда не видела, если не считать самого раннего детства, но она, естественно, этого не помнит. <br><br>
Первая способность проявилась в 6 лет, но понять её суть было весьма непросто. В какой-то момент Ребекка начала замечать, что при определённых условиях окружающие верят каждому её слову, что бы она ни говорила. Но ей быстро и доходчиво объяснили, что обманывать нехорошо. С тех пор она применяет эту способность с особой осторожностью. Это даже побудило её в будущем начать изучать психологию, чтобы понимать, как думают люди. <br>
В этом же возрасте Ребекка начала обучаться самозащите. Особенно ей понравился рукопашный бой. Позднее, после проявления второй способности, она даже разработала собственную технику с активным использованием хвоста. <br>
С 10 лет стала периодически помогать маме, которая работала в местном баре. <br>
Вторая способность проявилась в 11 лет. Ребекка в очередной раз помогала маме в баре, обе руки были заняты и тут рядом стоящий стакан начал падать. Ситуация казалась безвыходной, но тут способность и проявилась, Ребекка ловко поймала стакан внезапно появившимся хвостом. Позднее она ещё долго училась им нормально пользоваться и пытаясь продлить действие способности как можно дольше. Резко возросший аппетит списывали на растущий организм. А всё остальное она старалась скрывать, да и как раз период полового созревания, так что вряд ли бы кто-то удивился. <br>
Ребекке настолько понравилась новая способность, что пользовалась она ей как можно чаще, даже если в этом не было необходимости. Таким образом она в совершенстве научилась владеть хвостом но была и обратная сторона: к 20 годам она стала чувствовать себя неполноценной, если способность неактивна. Да и ходить ей теперь без балансировки с помощью хвоста крайне тяжело. В лучше случае её походку в таком состоянии можно назвать "крайне неуверенной".<br><br>
С 15 лет Ребекка в компании сверстников стала выбираться за границы города, чтобы пошариться по ещё не восстановленным частям города и добыть что-нибудь интересного или отточить боевые навыки в реальном бою с местной флорой и фауной. Также активно помогала фермерам, фермы которых располагались за чертой города. В свободное время продолжала помогать маме в баре. <br><br>
Зелёное откровение стало для Ребекки настоящим праздником. Да ещё и сразу после дня рождения. Считай подарок. <br>
В Академию Ребекка решила отправиться не только, чтобы получить новые знания, но и найти новых людей, которых можно было бы сподвигнуть к более активной поддержке Вирида. К тому же, учитывая обстоятельства, это должно быть несложно. <br><br>
Секретная информация: <br>
Мечтает пробиться в верхушку Вирида, чтобы командовать операциями и положить Охре конец. Окончательный и бесповоротный. И построить идеальный мир для изменённых и людей, где все будут жить в мире и без угнетения. Говорить об этом в открытую она, конечно, не будет.
Скрывает, что её повышенная сексуальная возбуждённость по вечерам, это побочка от её зооморфизма. Настолько, что уже сама почти поверила, что это у неё просто организм такой.<br><br>
</div>
[/html]