Мастер

[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> Уровень доступа: E </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/321/962761.jpg"></center>
аи арт из интернета<br>
Пол: м.<br>
Дата рождения: 19.04.2102<br>
Возраст: 22 года<br>
Рост и вес: 173 см, 70 кг<br><br>
Семейное положение: женат на науке<br>
Должность/Статус: студент 5 курса, инноватор<br>
Ник в чате академии: Мастер<br><br>

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

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

<div class="body-left-3">
► Техноинженерия<br><br>
Применение: активная, применяется на окружающие предметы, радиус действия - 20 метров
<br><br>
Описание способности: Анализирует устройства, разбирая их на составляющие детали, помогает понять принцип работы механизма. Может с расстояния 20 метров понять, из чего состоит устройство, какие детали в него входят, из какого материала они сделаны. Если не видит само устройство, а только его чертеж, то может прочитать его без проблем, запомнить последовательность сборки, и при наличии необходимых деталей собрать. Он не имеет представления о тех деталях, которые не указаны в чертеже. Легко запоминает все, с чем имел дело хотя бы раз. Может починить устройство, которое уже анализировал ранее, так как понимает принцип сборки. Может разобрать и собрать все в точности так, как было в изначальной конструкции (даже без лишних болтиков). Чем сложнее устройство, тем труднее ему разобраться, как заставить его функционировать как надо. Чертежи сильно помогают пониманию принципов работы.
<br><br>
Ограничения: максимальная дальность работы способности - 20 метров. Применение способности перегружает мозг, потому часто страдает головными болями, принимает таблетки. Нуждается в большом количестве глюкозы. При попытке проанализировать слишком сложное многокомпонентное устройство, может схлопотать мигрень до трех дней включительно, а то и потерять сознание. Количество проанализированных устройств зависит от их сложности, количества компонентов и материалов, из которых они состоят. Например, при анализе высокотехнологичного устройства с большим количеством деталей созданных из разных материалов, ему потребуется от 6 до 12 часов отдыха и усиленное питание. В то время как простое устройство созданное из нескольких компонентов одного материала вызовет разве что желание съесть шоколадку и немного отдохнуть.

</div>

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

Ограничения: активируется через прикосновение. Затраты энергии на трансмутацию зависят от размеров предметов, с которыми он работает, и состава материалов. Схожие материалы и небольшой размер расходуют меньше энергии, чем крупные предметы разных материалов. Для трансмутации нужно четко представлять что и во что нужно преобразовать. Имеет две формы – временную (предметы сохраняют структуру около часа), и постоянную. На временную трансмутацию тратится гораздо меньше энергии, чем на постоянную. Частое использование способности сопровождается головными болями и сильным голодом. Перенапряжение при использовании способности (преобразование крупных предметов или совершенно разных материалов) может привести к потере сознания и сильным мигреням. Принципы сохранения массы никуда не деваются (физика работает и тут), но из одного большого предмета можно сделать несколько маленьких, общей массой равной исходному предмету.<br>
Например: для создания пистолета из подручных материалов уйдет несколько минут. Сначала Дин создает отдельные детали, а потом собирает из них пистолет. Может собрать до 10 единиц оружия до появления признаков отката. После чего ему нужно 2-6 часов на восстановление. Но на что-то более серьезное - например, компьютер или машину уходит намного больше времени и требуется дополнительное оборудование для сборки. При наличии всего необходимого может собрать даже вертолет, но за несколько подходов, соответственно на это уйдет несколько дней.
<br><br>
</div>

<div class="body-left-5">
Успеваемость: чуть выше среднего<br><br>
С детства отличался любознательностью и креативным подходом к любой возникающей перед ним проблеме. Когда чем-то увлечен, легко может потерять счет времени, забыть о еде и прочих потребностях организма. Не глуп, может долго ломать голову над очередной задачей, пока не найдет приемлемое для себя решение. Любит головоломки, которыми для него частенько являются новые исследованные механизмы и устройства.
Любит свою семью, даже не смотря на разлуку. Всегда старался не разочаровать родителей, особенно уважает отца, с трепетной любовью относится к матери. Ценит друзей, которых у него не очень много. Никогда не предаст и не подведет товарища. К остальным людям относится одинаково ровно, сдержанно и спокойно. <br>
Прямолинейный, не умеет лгать, но хорошо умеет умалчивать правду. Вообще говорит не часто и мало. Совершенно не агрессивен, почти никогда не повышает голос. Может походить на дикого волчонка, осторожного и недоверчивого, но ровно до того момента, пока не узнает собеседника получше.
Рассудительный и рациональный. Предпочитает работать по четкому плану, а не действовать наобум. Не любит запутанных ситуаций, интриг и хитросплетений. Старается держаться от такого подальше. Часто не понимает намеков и пропускает их, откровенно не замечая. Справедливый, но на рожон не лезет - предпочитает не вступать в конфликты, просто делает для себя выводы и поступает так, как считает правильным.
</div>

<div class="body-left-6">
Родился в одном из неблагополучных районов Чанша. Родители его очень любили и старались дать ему все, что только могли, чтобы он вырос воспитанным и хорошим человеком. Дин любит и уважает своих родителей. Он благодарен им за все их старания, и с ранних лет понимал, что их жизнь за пределами благополучной. Им не повезло, но вины родителей в этом нет. Наоборот, они из кожи вон лезли, чтобы он рос здоровым и мог развиваться, часто экономя на самих себе. Дин не оставлял это без внимания и старался помогать родителям всем, что было в его силах. Никогда не капризничал, всегда без вопросов и уговоров помогал по дому. Рос достаточно самостоятельным и умным мальчиком. С детства начал интересоваться техникой, пытаясь облегчить родителям жизнь. <br>
В 6 лет, как и у многих, у Дина проснулась первая способность - техноинженерия. Анализ, как он сам ее называл. Сама по себе она была не слишком очевидной, а потому заметить и в без того полностью увлеченном различной техникой ребенке способность сразу не удалось. Понимая сложность их жизненной ситуации, он уже к тому времени таскал с улицы какие-то странные штуки, копаясь в них и пытаясь как-то приспособить к работе по дому. Просто увлечение перешло на новый уровень, чинить получалось все лучше, разбираться в разных штуковинах все проще. Но практика и живой ум мальчика полностью оправдывали это, так что осознание до родителей дошло далеко не сразу. <br>
В 10 лет отец начал подозревать в Дине способности. Расспросив мальчика, он только подтвердил свои догадки. А потому, посоветовавшись с женой, стал аккуратно, насколько мог, искать людей, которые могли бы помочь им спрятать сына. В Чанша, особенно в таких бедных районах, как их, многие относились с подозрением и недоверием к Охре и Мировому Правительству. Сложно верить в их красивую ложь, когда тебе есть удается не каждый день. Чета Келли любила сына и желала ему только добра, а потому приняла единодушное решение скрыть его от боевиков Охры. Они запретили ребенку рассказывать о своей способности.<br>
Вторая способность проявилась достаточно поздно, в неполных 14 лет. И ее скрыть уже не удалось бы. Но отец семейства нашел людей, которые согласились тайно вывезти ребенка из города и устроить ему лучшее будущее, пообещав, что в лапы Охры он не попадет. Поговорив с сыном, родители объяснили ему всю ситуацию. Расставание было тяжелым, но Дин уже был достаточно взрослым, чтобы понимать необходимость этого шага. И пообещал себе, что найдет способ позаботиться о родителях и вытащит их из этого ужасного места.<br>
Как часто случается, старшего Келли, находящегося в очень уязвимом положении, обманули. Люди, которые увели Дина, не собирались его отдавать Охре, но и ничего хорошего подростка в одном из селений Сангины точно не ждало. Фанатики собирали детей, чтобы переправить их в одно из своих убежищ, а оттуда дальше в Индор. Но, к счастью, их вовремя вычислил Вирид и перехватил группу ребят, вырвав их из лап сангиновцев.
Пока решали, что делать с пополнением и ждали подходящего транспорта переправить детей в Джаспер, Дин успел притереться в небольшом штабе Вирид в родном городе. И когда пришло время, смог найти правильные слова, чтобы доказать, что здесь он будет полезнее, чем там. Он отлично знал трущобы, неплохо разбирался в механизмах, постепенно овладевал второй способностью. А еще был прилежным и трудолюбивым, тихим и послушным. И очень не хотел уезжать далеко от родителей, хотя и понимал, что им лучше не видеться вовсе.<br>
В Джаспер его все же отправили. Через полтора года, ближе к 16-летию. Их небольшой диверсионный отряд попал в ловушку при очередной чистке Охры. То ли кто-то сдал их, то ли по еще какой причине, о которой Дин не знал, но их штаб накрыли, пришлось срочно всем, кто смог, эвакуироваться. Кто-то отправился на другие точки, кого-то перекинули в другие города. Дин же с очередной партией собранных по городу детей перебрался в Джаспер.<br>
Там он быстро нашел себе занятие. Не отказывал в помощи никому, от простой домашней работы, до чего-то посложнее в ангарах и гаражах. Техника привлекала парня все больше. Его интерес к исследованиям и головоломкам, который стал проявляться еще в Чанша, сейчас же развернулся в полной мере и зацвел на плодотворной почве. Парень пропадал то в ангарах, то в своей комнате за чертежами, которые бесконечно изучал, пытаясь разобраться в новых устройствах. С готовыми схемами это оказалось куда легче, чем в его детстве, когда все приходилось чертить и разбирать самостоятельно, чтобы понять принцип. <br>
Годам к 18 был замечен Миражом, и обосновался в научном отделе Джаспера. С удовольствием брался за новые проекты, изучал все, до чего только мог дотянуться. Нередко доводил себя до изнеможения, но даже это его не останавливало. <br>
Как и остальные молодые люди его возраста иногда сбегал в лес, на разведку, охоту, просто ради интереса. Там продолжал свои тренировки, развивая физические навыки и владение огнестрельным оружием. С этим было проще, собирать из подручных средств оружие научился еще в Чанша, пока был среди диверсионного отряда. Благо, возможность изучить и понять как работает то или иное оружие, находящееся в их распоряжении, у парня была.
После апрельских событий и союза академии с Вирид вместе с остальными был отправлен в академию, где его зачислили на 5 курс нового учебного года. Академия для него представляла огромный исследовательский интерес, давая гораздо большие возможности для развития способностей и пополнения своей базы знаний, чем изученный за шесть лет Джаспер.
<br><br>
Секретная информация: <br>
♦ Предан Вирид, как организации, и всегда готов помочь ее членам, считая их эквивалентом своей семьи. Относится к ним с определенной долей симпатии, легче вступает в контакт. Своих не предаст и не заподозрит в чем-то предосудительном, пока не получит неоспоримые факты данной деятельности.<br>
♦ Знает из личного опыта не только об опасности людей Охры, но и о наличии и не меньшей опасности фанатиков Сангины. К обоим организациям относится настороженно и скорее негативно. Подсознательно ожидает от них удара или подлости. Не доверяет им и предпочел бы держаться подальше.
<br>♦ К Мадженте относится спокойно, без негатива. Во время Красной недели находился в Джаспере, о ее действиях слышал, но не смог сложить определенного мнения из-за отсутствия многих кусочков головоломки. Относится настороженно, как и к любым незнакомым и подозрительным людям. Отношение к ней находится где-то на нейтральной отметке, между положительным к Вирид, и отрицательным и Охре и Сангине.<br>
♦ Не без помощи Миража и Апдейт нашел способ помогать родителям. <br>
♦ Хорошо знаком с Айвори, и мечтает познакомиться с Сарколин. Очень много о ней слышал. Как и о научном комплексе академии. Это одна из причин, почему вообще согласился покинуть Джаспер и отправиться в академию, пусть и только на год.
<br><br>