Покажи мне шоу

[html]
<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>

<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> Уровень доступа: F </div>

<div class="tabbed">


<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>

<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>

<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>

<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>

<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>

<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/3e/335/461236.jpg"></center>
Link Click — Xia Fei<br>
Пол: мужской<br>
Дата рождения: 1.04.2104<br>
Возраст: 20 лет<br>
Рост и вес: 188 см, 80 кг<br><br>
Семейное положение: холост<br>
Должность/Статус: студент 3 курса, тактическая подготовка<br>
Ник в чате академии: lets_play<br><br>

Отличительные признаки<br>
Цвет глаз: золотистый<br>
Цвет волос: русый<br>
Татуировки/Шрамы/Пирсинг/Пигментация: <br>
Шрамы — россыпь светлых шрамов на руках и лице<br>
Пирсинг — два колечка в хряще правого уха и бровь
</div>

<div class="body-left-2"><br>
Райли всегда выглядит так, будто только что вылез из чьей-то постели и не успел привести себя в порядок. Светлые волосы небрежно растрёпаны, на тонких губах — вечная ухмылка, одежда в лёгком хаосе: закатанные рукава рубашек, расстёгнутые верхние пуговицы, куртка завязана вокруг талии. Тело у него высокое и крепкое, но совсем не массивное — в нём больше скорости, чем упрямой физической силы. Широкие плечи, рельефные мышцы, едва прикрытые облегающей одеждой. Движения быстрые, но контролируемые; впрочем, не всегда — иногда что-то идёт не так и он впечатывается лбом в дверной косяк или невольно налетает на людей. Любым стульям он предпочтёт подоконник, подлокотник кресла или стол, заваленный бумагами; любое бездействие занимает постукиванием пальцев, потягиванием и перебиранием деревянных бусин на браслете.
<br><br>
Кожа у него загорелая, и оттого заметней шрамы на руках и лице — небольшие, давно зажившие, словно тысяча маленьких историй “и тогда я дал ему в морду”.
</div>

<div class="body-left-3">
► Импульс<br><br>
Применение: активная, только на себя
<br><br>
Описание способности: <br>
Ускоряет своё тело для сверхчеловеческой скорости. Райли может в этом состоянии двигаться, атаковать и уклоняться так быстро, что для окружающих он превращается в размытый силуэт. Рефлексы и восприятие тоже ускоряются. Длительность — до 2х минут подряд, но чаще используется как серия рывков из обычного состояния в импульс и обратно.
<br><br>
Ограничения:<br>
Чем дольше используется способность, тем сильнее она истощает тело и тем жёстче наступающий потом откат — замедление движений, потребность в тишине и бездействии. Мозг тоже перегружается, что может вызвать головокружение. Чаще побочные эффекты не падают Райли на голову все разом, а растягиваются во времени, превращая его в замедленную и слегка пошатывающуюся версию самого себя.
<br><br>

</div>

► Тебе слабо?! <br><br>
Применение: активная, только на других <br>
<br>
Описание способности:<br>
Внушает людям желание что-то сделать, но не прямым приказом, а через усиление их собственного желания доказать что-либо. Эта способность не контролирует разум напрямую, а подталкивает людей к смелым, безрассудным или вызывающим поступком. Сама суть поступка определяется контекстом (сидящий в засаде захочет выйти и всех перестрелять; шпион — радостно заявить, что все дураки и повелись на его уловки) или задаётся самим Райли, который говорит, к примеру “ты бы никогда не решился на такое!” — и желание решиться становится очень сильным.
<br><br>
Ограничения:<br>
Работает при прикосновении или взгляде в глаза. Делает уязвимыми к эффекту “тебе слабо!” эмоциональных и вспыльчивых людей, но апатичные и хладнокровные — почти не поддаются влиянию. Не даёт полного контроля: эффекту можно сопротивляться, хоть это и не просто. Не действует вовсе на обладателей ментального щита.
<br><br>
</div>

<div class="body-left-5">
Успеваемость: скучает на теоретических предметах и получает искреннее удовольствие от практики, что отражается на оценках. И всё же результаты всегда выше среднего — может долго ничего не учить, а потом браться за дело в последний вечер или выехать за счёт харизмы и импровизации.
<br><br>
Наглый, дерзкий и ехидный, словно всегда ищет, с кем бы вступить в шутливый конфликт. При этом не злой: искренне расстраивается, если кому-то становится плохо от его шуток, и никогда не обижает тех, кого считает слабее себя. Сперва нарывается, потом думает; и чаще приходит к выводу “отлично нарвался, хочу ещё”.
<br><br>
С удовольствием участвует в любой симпатичной движухе, любит шалости и приключения. Готов прийти на помощь даже малознакомому человеку (а другу — тем более) просто от лёгкой скуки и желания покрасоваться.
<br><br>
Бесстрашный, и от этого — неосторожный. Не может устоять перед хорошей дракой, спором или вызовом, словно сам на себя при рождении наложил собственную способность. Импульсивность и скорость реакций делает его отличный бойцом, но средненьким подчинённым: даже уважая лидера, он может сорваться и сделать всё наперекор, потому что “захотелось”.
<br><br>
Использует флирт как способ общения, легко обольщает людей — но только тех, кому симпатичен хаос. Спокойных же скорее раздражает; но раздражать их обожает, поэтому, заметив очередного “зануду”, он выводит его на эмоции до тех пор, пока тот наконец не взорвётся.
<br><br>
Несмотря на подобное поведение, не был замечен в отношениях (в том числе краткосрочных) с кем-либо за все годы учёбы.
</div>

<div class="body-left-6">
Родители Райли были законопослушными людьми среднего достатка, каких полным-полно в Рио. У них и без него было 3 ребёнка — он родился четвёртым и стал для всей семьи настоящей головной болью. Шумный и непоседливый, он раз за разом сбегал из детской кроватки и отправлялся на поиски приключений. Никто бы сильно не расстроился, если бы он погиб от своей глупости — но он каким-то чудом выживал. Упав с лестницы, не скатился вниз головой, как полагается 5летнему ребёнку, а в мгновение ока оказался внизу, испуганный, но невредимый. Раздразнив соседскую собаку до того, что она порвала цепь и рванула вперёд, намереваясь его сожрать — убежал от неё с невозможной для детёныша скоростью. Вскоре стало понятно: это не везение, а проснувшаяся способность — и родители, облегчённо вздохнув, сдали его Охре. Так начался интернат.
<br><br>
Там были драки, но были и друзья, а скучная учёба сменялась шалостями. Несколько раз он сбегал — без плана и даже желания жить как-то “иначе”, просто от отвращения к самой идее: заперт. В конце концов ему пригрозили активацией печати, и пришлось выражать своё недовольство в более законных для интерната формах.
<br><br>
Когда ему было около 13, "мелких" вроде него кошмарила шайка подростков постарше. Они обижали тех, кто младше и слабее, заставляли других выполнять за них грязную работу и скучную домашку. Райли тоже позвали к ним — и это считалось большой честью. Но он отказался. Ему вовсе не нравилась жёсткая иерархия, которой придерживалась шайка, называя одного из своих “вожаком” и “лидером”, да и в унижении слабых он не видел особой прелести — то ли дело дать в морду тому, кто старше и сильнее!
<br><br>
Подростки всерьёз рассчитывали на его помощь, и потому обиделись на отказ. Они окружили его толпой, намереваясь проучить. Увы, острый язык Райли и проснувшаяся вторая способность превратили обычную драку в нечто более неприятное. Однако это его не сломило. Вернувшись в группу, он стал ещё громче, ехиднее и смелее. Он без стеснений использовал свою способность, чтобы провоцировать драки и устраивать хаос, а дрался теперь беспощадней прежнего.
<br><br>
В красную неделю он неистово с кем-то дрался — но его вырубили, как только поймали. "Импульс" перегрузил его тело до полного оцепенения, и хватило одного удара по голове, чтобы Райли рухнул на пол и провалялся там до самого конца. Придя в себя на больничной койке, он узнал, что потерял в этой битве многих друзей, и пообещал себе стать сильнее, чтобы подобного — не повторилось.
<br><br>
Через несколько лет он поступил в Академию, став взрослее и злее. Но, как ни странно, учёба не только научила его нормально драться и управлять своей яростью, но и смягчила его характер, подарив ему новых друзей.
<br><br>
С возрастом в его подколах появились нотки игривости, а в поведении — откровенный флирт. И тем не менее, хотя желающих попробовать что-либо с ним было довольно много, Райли ловко избегал подобных связей, держа людей на расстоянии. Лишь к третьему курсу он перестал шарахаться от случайных прикосновений — но по-прежнему не позволял никому что-либо больше этого.
<br><br>
Охру он презирал с первых дней в интернате, и потому с удовольствием вступил с ней в апрельскую битву. В ней он добыл пару новых шрамов и пьянящее чувство свободы. Понимая, что и дальше таких, как он, не оставят в покое, он продолжил учёбу, чтобы дать отпор каждому, кто посягнёт на его независимость или обидит его друзей.<br><br>
Секретная информация:<br>
● Грызёт всякие штуки. Колпачки от ручек, соломинки, крышки от бутылок – если у него что-то в руках, он может начать это кусать.<br>
● Обожает животных. Завидует зооморфам. Хотел бы превращаться в огромную лохматую собаку.<br>
● Разговаривает во сне.<br>
● Миллион очков с цветными стёклами на все случаи жизни.<br>
● Не любит одиночества; предпочёл бы иметь личного слугу или брата-двойника, который везде бы за ним ходил.<br>
● Из-за ускоренного метаболизма любые вещества действуют на него быстрее и сильнее, включая алкоголь, снотворное и яды.<br>
● Боится врачей и терпеть не может лечиться.
</div>
[/html]