[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> Уровень доступа: С </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://forumstatic.ru/files/0014/ed/19/94553.jpg"></center>
original <br>
Пол: мужской<br>
Дата рождения: 14.11.2095<br>
Возраст: 29 лет<br>
Рост и вес: 196, 86<br><br>
Семейное положение: холост<br>
Должность/Статус: сотрудник семейного инженерного бюро в Джаспере, временно в академии, как инженер кибербезопасности<br>
Ник в чате академии: YvNko<br><br>
Отличительные признаки<br>
Цвет глаз: голубые (при использовании способности меняются на диапазон оранжево-красного)<br>
Цвет волос: блондин<br>
Татуировки/Шрамы/Пирсинг/Пигментация: <br>
пирсинг на кончиках ушей, на мочке обоих ушей, справа у виска дорисована микросхема с металлическими вставками.</div>
<div class="body-left-2"><br>
Очень хороший, добрый и обаятельный мальчик - убеждена мама.
Высокий, спортивный, красивый, дерзкий, стильный и чертовски горячий - мнение сестринского фан-клуба.
Улыбчивый, общительный, всегда поможет в трудную минуту. “А не сработает, то хоть поржем вместе напоследок” - так говорят друзья.</div>
<div class="body-left-3">
► Электрокинез <br><br>
Применение: активная на выбросе, пассивная на накопление. Применяется на себя (пассивная) и на других (активная).
<br><br>
Описание способности: <br>
в пассивной стадии способность позволяет накапливать электрический заряд при любом контакте с энергоносителями. Заряд сохраняется продолжительное количество времени и в активной фазе может быть использован в качестве зарядного устройства или оружия. Ивон способен преобразовывать накопленный заряд в молнии направленного действия.
<br>
При полном заряде при прикосновении к Ивону можно почувствовать “покалывание” электромагнитного поля - сильнее или слабее, зависит от индивидуальных особенностей организма человека.
<br>
Током спонтанно не бьется, воды не боится, но логично опасается.
<br><br>
Ограничения:<br>
При отсутствии заряда способность не сработает. Сам Ивон заряд не генерирует, обязательно нужен внешний источник.
<br>
При полном заряде “внутреннего аккумулятора” способен находиться в боевом режиме до 30 минут максимум. Бьет не по области, а точечно.
<br>
Способен обесточить здание, подключившись к его энергосистеме. Но это очень опасная затея, так как из-за перегрузок может произойти остановка сердца.
<br><br>
</div>
<div class="body-left-4">
► Data Lakes <br><br>
Применение: пассивная способность<br>
<br>
Описание способности:<br>
позволяет использовать часть мозга как живой накопитель данных, которые могут быть загружены при подключении к электронному устройству напрямую или с помощью другой способности. Считывать и обрабатывать данные Ивон не может, мозг не работает как живой компьютер, только как накопитель.
<br>
Выводить данные может на вирт-окна или мониторы любых устройств, к которым подключается, используя разработанную им бионическую перчатку. Также может передавать данные на свой персональный МФО (семейный девайс-фамильяр).
<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>
Встает рано, практически в ночи, с рассветом занимается йогой, чаще всего на свежем воздухе, но в общем и целом ему не принципиально. Умеет держать баланс как поведения, так и тела. Натренирован, ни одного лишнего движения, постукивания по столу в нервном напряжении - вообще не о Ивоне. Достаточно хорош в медицинской помощи - еще более ловок в инженерном деле. Хранит в своей памяти сотни чертежей, записей и других нужных вещей, с помощью МФО (специальный девайс) может проецировать нужное на экран. <br>
Создал для себя девайс в виде бионической перчатки до локтя, заменяющей ему инструменты, а также способной подключаться к устройствам с помощью трансформирующегося под гнездо устройства пальца перчатки.</div>
<div class="body-left-6">
Родился в 2095 году в Оттаве, первым сыном у молодой француженки и африканца. Хоть и был очень желанным ребенком, так же был причиной жуткого панического страха родителей, что сын проживет точно такую же жизнь как они - его заберут, отдадут Охре, заставят быть оружием. Ни Агата Нкозана, ни Фез не желали такого своему сыну, поэтому искали все возможные варианты, как его защитить. Варианты таяли с каждым днем, но старые интернатские друзья все же не бросили, и в 2108 году, собрав свою семью, Фез Нкозана вывез их по протекции лидеров Вирид в Джаспер, пообещав своей жене, что у них никогда не заберут детей - в семье появились еще две девочки. <br>
Свое обещание отец Ивона сдержал, а также сделал все возможное, чтобы быть полезным Джасперу, тем же занималась и Агата - технические способности позволяли семье оставаться стать одним из главных столпов нового свободного города, все ремонтные работы Джаспера проходили через семью Нкозана. <br>
Ивон вырос среди огромной и шумной семьи, в настолько счастливом детстве, насколько оно могло быть у людей их образа жизни. Ему пели колыбельные перед сном, учили рисовать, писать, готовить, стрелять, сооружать костры, строить временные убежища - все, что веками хранили в семьях его родителей. Та же участь ждала и его сестер, родившихся позднее. Даже со временем, когда сестры создали свои семьи - семья Нкозана просто приняла в свои ряды их избранников и детей, и стала еще больше. <br>
Сестра Ивона, Жюли, обладая способностью создавать технические устройства из кучи разрозненного металла и плат, в свое время сделала для семьи небольшие, похожие на животных, девайсы, подключенные к главному серверу ИИ в доме. Ивону достался небольшой паучок, наделенный искусственным интеллектом, простеньким, но достаточным для мелких поручений. Однако, Жюли преследовала другие цели этим подарком - все фамильяры-девайсы семьи мониторят жизненный цикл своего хозяина и передают сигнал ИИ дома. Так семья следит за своими. Если что-то произойдет, МФО запрограммирован передать на сервер сигнал с координатами и не покинет тела хозяина, пока не потратит последний заряд. <br>
Несмотря на желание отца и средней сестры Жюли, Ивон никогда не мечтал посвятить себя семейному делу - он с удовольствием срывался в исследовательские миссии, пропадая подолгу и только МФО передавало, что он жив, носился по Джасперу, помогая то тут, то там. Жюли, как-то очень неожиданно получившая бразды правления в семье, выносит ему мозг только в путь, что никак Нкозана не мотивирует оставаться дома и выполнять ее поручения (указюльки, как он их называет). <br>
Так что, когда собирался отряд, который должен был отправиться в Академию, Ивон сумел напроситься и туда. Никто не стал его отговаривать. Киберинженер и механик в команде ой как нужен. <br>
Поэтому в Академии Ивон находится со 2 июня текущего года.<br><br>
Секретная информация: <br>
МФО Ивона записывает видео по приказу хозяина, которые он потом загружает в свою память и сохраняет там. В основном, это видео с людьми, которые ему дороги - с родителями, друзьями, сестрами и племянниками. <br>
Фез Нкозана, обладая шаманскими древними умениями, когда-то напророчил сыну, что рядом с ним когда-то будет человек с татуировками. С тех пор он неосознанно обращает внимание на каждого с рисунками по телу и даже считает их привлекательнее всех остальных.<br>
В памяти Ивона хранятся чертежи и технические характеристики всех транспортных средств и других технических изобретений Джаспера. Он очень ценная флешка. Не потеряйте.МФО Ивона записывает видео по приказу хозяина, которые он потом загружает в свою память и сохраняет там. В основном, это видео с людьми, которые ему дороги - с родителями, друзьями, сестрами и племянниками. <br>
Фез Нкозана, обладая шаманскими древними умениями, когда-то напророчил сыну, что рядом с ним когда-то будет человек с татуировками. С тех пор он неосознанно обращает внимание на каждого с рисунками по телу и даже считает их привлекательнее всех остальных. <br>
В памяти Ивона хранятся чертежи и технические характеристики всех транспортных средств и других технических изобретений Джаспера. Он очень ценная флешка. Не потеряйте.<br><br>
</div>
[/html]