Бабочка

[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> Уровень доступа: D </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/329/854469.png"></center>
Honkai: Star Rail | Aventurine<br>
Пол: мужской<br>
Дата рождения: 11.09.2098<br>
Возраст: 26<br>
Рост и вес: 174 см, 7 кг<br><br>
Семейное положение: свободен<br>
Должность/Статус: сотрудник отдела снабжения: до починки купола – разнорабочий; параллельно и после - член поисковых операций<br>
Ник в чате академии: butterfly<br><br>

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

<div class="body-left-2"><br>
Посмотришь на Джейми – ничего примечательного. Среднего роста, но невысок и худощав. Астеник, что поддерживает свой мышечный скелет регулярными тренировками. Малый вес Джейми вызван врожденными мутациями в его теле: в мышцах наблюдается чрезмерное содержание молекул кислорода, замещающих часть тканей; кости также пористые и необычного состава – ученые пока не подобрали ему названия. Двигается Доу так, будто экономит силы, но обладает быстрой реакцией и хорошей координацией. Отлично прыгает и лазит; благодаря своей первой способности и весу, подняться по стене, цепляясь за небольшие выступы и пробежать по узкой ограде крыши – не проблема; упасть с высоты и не поломаться – не вопрос; прыгнуть выше головы, дома и вот той вышки – тоже.<br>
Джейми сложно сильно ударить, как сложно ударить летающую по ветру пушинку - скорее оттолкнет в сторону от чужой руки.<br>
Много улыбается «дежурной» вежливой улыбкой. Взгляд редко прямой, чаще, во время беседы – в плечо, скулу – куда угодно, только не в глаза – или беглый, бросил и отвел.<br>
Волосы подстрижены до плеч. Вид, в целом опрятный и аккуратный. Одевается неброско и удобно, если иного не требует задание. Иногда носит серьгу в левом ухе, любит солнечные разноцветные очки.
</div>

<div class="body-left-3">
► Легкость бытия<br><br>
Применение: активная способность, применяется на других и себя.
<br><br>
Описание способности: <br>
При использовании способности может уменьшать вес как живых, так и неодушевленных предметов.
<br><br>
Максимальный вес: с 10 центнеров до 10 граммов в течение 10 минут - после этого будет без сознания несколько суток.
Без последствий: со 100 килограммов до 1 грамма - в течение 100 минут.
Себя: до 1 грамма в течение 5 часов.
<br><br>
В среднем максимальное время, сколько может уменьшать чужой вес за раз - это 5 часов в сутки, данное время может делить частями.
<br><br>
Ограничения:<br>
Выраженное визуальное сопровождение способности: вокруг Джейми и того или тех, чей вес уменьшен, начинает кружиться рой из разноцветных, полупрозрачных бабочек. Бабочки не более чем оптическая иллюзия - их могут увидеть даже те измененные, кто имеют защиту от действия чужих способностей на себя.
<br>
Откат:<br>
более 100 и до 300 кг – легкая слабость, крепатура мышц;<br>
от 300 до 500 кг – усиление мышечной боли, умеренная слабость;<br>
от 500 до 700 кг – выраженная мышечная боль, выраженная слабость, невозможность ходьбы;<br>
от 700 до 1000 кг – значительно выраженная мышечная боль; значительно выраженная слабость; невозможность сидеть и стоять;<br>
более 1000 кг – потеря сознания.

</div>

► Хлопай ресницами <br><br>
Применение: активная способность, на окружающих.<br>
<br>
Описание способности: вызывает чувство симпатии и расположения к Джейми. <br>
Максимальное время действия «очарования» у человека, которому было сделано «внушение» – до 30 минут.<br><br>

Ограничения:<br>
Для активации требуется зрительный контакт не менее 30 секунд для «внушения» чувства симпатии или очарования. Далее воздействие на человека не требуется.<br>
"Очарование" возможно снова задействовать не ранее чем через час (время считается с момента предыдущего зрительного контакта).<br>
Максимальное безопасное количество людей за сутки – трое.<br>
При превышении количества (от четырех до десяти раз или людей) развивается сенсорная перегрузка с непереносимостью звуков и мигренью.<br>
При превышении десяти раз/людей – потеря или спутанность сознания до трех-пяти суток.
<br><br>
</div>

<div class="body-left-5">
Я запишу слова – и, вроде бы, ничего.<br>
И в пустоте вспыхнет на миг
<br><br>
Если открыть старую характеристику Академии и пробежаться глазами, то Джейми идеальный саппорт: спокойный, вежливый, приветливый и мягкий; легок на подъем, быстр на дело, схватывает на лету, но не инициативен; не ноет, не противоречит; подстроится и рта не откроет. Скучный как пустая тетрадь - не за что зацепится – что напишешь, то и будет. Тот студент, что всегда сидит где-то на первых рядах, хорошо сдает предметы, но глаз не цепляется – как выйдет из аудитории, забудешь.
<br><br>
Сотри файл и забудь.
<br><br>
Джеймс действительно спокойный – не отнять. Терпеливый – часто себе во вред – все надеется, что другого попустит. Будешь драконить – устанешь раньше, чем вспыхнет. Но если объявил вендетту, то как та игуана, будет преследовать до победного. Принципиальный, но гибкий в рамках своей морали. Не делит мир на черное и белое. Старается выслушать, прежде чем что-то решить. Не верит «людям с трибун» на какой бы стороне не был. Гуманист – всегда постарается минимизировать насилие; но убьет (не проверено), увидев угрозу для близких людей. К смерти своей относится легко, склонен к самоповреждающему поведению, если требуется для дела. Живет по принципу: заткнись и делай; но не распространяет его на других. Заботлив с теми, кто слабее, младше или уязвимее. Лжет как дышит – совесть спит и не возникает. Быстро учиться, старается нахватываться разных знаний – никогда не знаешь, что пригодится. Интроверт, быстро истощается в больших компаниях; уж точно не Данко – вдохновлять и зажигать не умеет, но может организовать и успокоить. Скрытен, больше слушает, чем делится. Близкий круг небольшой, но стабильный. Рефлексии предпочитает дело. Не любит, когда шумно и суетно. Любит читать, круг интересов достаточно разнообразен – трудно угадать, что скрывается за матовой обложкой.
<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>
И все же на втором курсе его замечают. Хвалят как собирает информацию и слухи, быль и небыль, как ловко располагает к себе людей. Правда — вот загвоздка – менталистов обходит стороной. Паук разговаривает и раскладывает по фактам, а Джеймс в ответ торгуется: поймали, хорошо, понял - я вам всего себя, с сердцем и печенью, а вы маме поможете, нечего ей до пенсии в интернате работать; она нежная душа, впишется как за меня, а Охра заметит и по голове не погладит. Вы мне доказательства, что она в безопасности, я вам – верой и правдой. Джеймсу все равно, на кого работает Паук или сам по себе. Заключает сделку и успевает до Красной недели.
<br><br>
Красная неделя превратила его интернат в обломки и пепел, а в Академии появились новые студенты. Беженцы. Джейми вызывается помочь – как всегда. Так у него появлился сосед - Стивен Хилфигер – и, в будущем, близкий друг.
<br><br>
После выпуска Джеймса распределили в Рио. Работа на складе, периодически – поисковые миссии. Непыльные задания, тихий быт. Идеальное прикрытие для «подработки» от Паука.
<br><br>
Все рассыпалось, когда Джейми отказывает на корпоративе начальству начальства. Тот слово «нет» понимает плохо, еще хуже воспринимает насмешки приятелей. Через два дня у Бабочки поправленная характеристика и перевод в штрафбат. Шок сменяется раздражение, следом приходит вина.
<br><br>
Подвел
<br><br>
В штрафбате свои порядки и законы – на грани фола. Чтобы отстоять себя – ошпарь кипятком в душевой и тех, кто руки тянет, и себя. Раз отскочить не успел. Всех вылечат, все от Кэпа получат – по справедливости. А если не смог – молчи – утром можно и не проснуться. Ситуацию спас Элли – Соул не любит, когда мешают спать. Позже бабочка утаскивает новоприбывшую Франки к ним в угол «тихушников».
<br><br>
У вертолетной площадки, куда их отправили умирать – ведь задача, выданная руководством, судя по брифингу, даже не прикидывается выполнимой - Бабочка блефует как никогда в жизни. Он не думает, выживет ли сам – но хочет, чтобы Франки и остальные убрались прочь.
<br><br>
В плену прикидывается не ветошью, но тряпочкой: полезной и не опасной.
<br><br>
Вернувшись в Академию, радуется выжившим; счастлив, что цел Стиви. И приступает к работе.
<br><br>
Секретная информация: <br>
– в сети Паука «имя» Джеймса – Пастух.<br>
– о второй способности знает Паук, и, может быть, еще несколько человек.<br>
– за годы после выпуска создал самодостаточную небольшую (около двадцати человек) информирующую сеть в Рио, работающую по типу «дерева», где «ветви» никак не контактирует друг с другом. В настоящем надеется, что хотя бы ее часть осталась функциональна, а люди - живы. <br>
– не в курсе какая у него ориентация, так как «я – отдельно, тело – отдельно». Во время работы в Рио изредка использовал последнее как инструмент для достижения цели.
<br><br>