Мистер доктор

[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> Уровень доступа: В </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/253/t432925.jpg"></center>
Gunwoo Beom/The Dangerous Convenience Store<br>
Пол: мужской<br>
Дата рождения: 13.10. 2087<br>
Возраст: 37y.o.<br>
Рост и вес: 190см, 107кг

<br><br>
Семейное положение: холост<br>
Должность/Статус: заместитель главврача по хирургии<br>
Ник в чате академии: mr.dok
<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><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>
В гневе страшен, из-за своей упертости может перейти опасную черту, лишь после осознав что натворил. Благо триггерит его крайне мало вещей, а до такого состояния способен довести и вовсе мизер.
</div>

<div class="body-left-6">
Родился в семье со средним достатком, единственный ребенок. Его воспитывал отец, мать погибла на службе. <br>
Он рос в строгих рамках и неизменно высоких требованиях к себе. Отец хотел вырастить из него достойного человека, способного защитить себя и своих близких. Сам он из-за полученного увечия уже не был способен на подобное и старался компенсировать все свои травмы через сына.<br>
Материал ему попался крайне талантливый и способный, хотя Дэй дважды не оправдал надежд отца, и каждый раз из-за своих способностей. Они не были боевыми или полезными, и в этом заключалось главная претензия отца.<br>
Дэймон был бесполезен.<br>
Обе его способности пробудились тихо и незаметно, хотя отец тщательно следил за этим. К его разочарованию, у его сына не было ничего полезного. И он болен не был полезен.<br>
В Академию его отец отдал без лишних эмоций, совершено не интересуясь жизнью сына.<br>
Совершенно бесполезный.<br>
С момента пробуждения второй способности Дэймон жил с этим клеймом, повешенным на него отцом. Тому было плевать на все успехи сына, на его достижения и заслуги. Дэй из кожи вон лез, был лучшим по всем предметам, по всем дисциплинам, но отец этого не замечал, поставив крест на собственном ребенке.<br>
После того, как весь его отряд был уничтожен, а он сам чудом выжил, получив шрам на шее в качестве напоминания о том дне, его отец окончательно перестал с ним общаться. Факт того, что выжил лишь его сын, окончательно убедил его в том, что его отпрысок ни на что не годен.<br>
Оставленный наедине с собой и отцовским разочарованием, Дэй не сломался под грузом чужих неоправданных ожиданий. Но немного сменил курс.<br>
Если ранее он хотел стать лучшим в убийстве, то теперь он зациклился на спасении жизней. Ему пришлось попотеть чтобы добраться до звания врача, но он не был бы собой, если б не добился желаемого.<br>
На новом месте он, как и всегда, старался стать лучшим из лучших, занимаясь до изнеможения, не только с книгами, но и в зале. Никто из тех, кто его знал чуть лучше, чем по имени и фамилии, не удивился, когда Дэй стал замом главврача хирургии.
<br><br>
Секретная информация: <br>
Любит котов, истории со счастливым концом и вкусно поесть. Особенно ценит сладкую выпечку.<br>
Лучшим отдыхом считает сон до обеда, его легко можно расположить к себе приготовив любую еду. Даже несъедобную. Очень ценит чужую искреннюю и бескорыстную заботу, не обязательно о себе. Ему нравятся наивные, не путать с тупыми, дети и подростки, сохранившие невинный взгляд на жизнь.
Его относительно легко смутить, но крайне сложно это заметить.<br>
Высокий болевой порог, усиленный годами жёстких тренировок. Крайне вынослив.<br>
Хочет спасти всех, особенно тех, кто ему дорог. Не важно какого рода проблемы или трудности для этого придется преодолеть.<br>
Сильный страх утраты и собственной бесполезности. <br>
Оптимист.
</div>
[/html]