[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: auto;
position: relative;
}
.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: auto;
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> Уровень доступа: A </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://forumupload.ru/uploads/001b/08/6d/11/16482.png"></center>
Love and Deepspace - Sylus<br>
Пол: Мужской<br>
Дата рождения: 09.09.2090<br>
Возраст: 31 <br>
Рост и вес: 196/88<br>
<br>
Семейное положение: холост<br>
Должность/Статус: секретарь ректора<br>
Ник в чате академии:storm_shadow<br>
<br>
Отличительные признаки
<br>
Цвет глаз: карие<br>
Цвет волос: платиновый блондин<br>
Татуировки/Шрамы/Пирсинг/Пигментация: не имеет
</div>
<div class="body-left-2"><br>
Высокий молодой мужчина спортивного телосложения, с широкими плечами, длинными ногами, узкими бедрами и развитой мускулатурой. Осанка ровная, привык держаться с достоинством и на дистанции. Движения уверенные, жестикулирует умеренно, голос повышает крайне редко. Предпочитает удобную одежду темных тонов, любимые цвета - черный, темно-красный, темно-зеленый. Обладает острым слухом и зрением. С обонянием дела обстоят хуже, а на вкусовых рецепторах и вовсе природа отдохнула - не отличит блюдо из столовского синтезатора от приготовленного шефом ресторанного шедевра. Не тактильный, не любит, когда к нему прикасаются чужие люди.
</div>
<div class="body-left-3">
► Кристаллокинез<br><br>
Применение: активная способность, используется в основном в бою для атаки и/или защиты.<br><br>
Ограничения: радиус поражения - 28 метров. Активно может использовать кристаллокинез в течении примерно 30 минут, нанося максимальный урон. С перерывами и не в полную силу - дольше, но в совокупности не более 2 часов, после чего концентрация падает и необходимо время, чтобы восстановить контроль и силы. В моменты отката может ощущать физическую слабость, головокружения, сильный озноб. Обычного до такого состояния себя никогда не доводит.<br><br>
Описание способности: способен управлять кристаллами <a href="https://forumupload.ru/uploads/001b/08/6d/11/310813.jpg">красного алмаза</a>, придавать им разную форму. Гесс формирует из кристаллов зеркала, острые лезвия, щиты (реже другие формы), используя их для разведки/анализа происходящего, точечной атаки, урона по площади или защиты. Кристаллические лезвия и зеркала тонкие и острые, но очень хрупкие. Гесс может регулировать форму, размер, количество, скорость движения и угол наклона кристаллов. Они способны рассекать и очень прочные препятствия (из дерева, камня, бетона, стекла, тонкой стали), но их прочности хватает только на один удар. После каждой атаки приходится создавать новые кристаллы. <br>
Формы кристаллов:<br>
Зеркала: каждое зеркало представляют собой призму в форме ромбоэдра. Их может быть множество - от 1 до 100, и они могут быть разного размера. Способен создавать и большее количество зеркал, но одновременно контролировать способен только дюжину. Остальные обычно использует в качестве прикрытия или удара по площади, задавая им определенный вектор движения.<br>
Зеркальные лезвия: длинные тонкие кроваво-красные кристаллические лезвия. Лезвия могут быть разной длины - в среднем 30-70 см.<br>
Щит: кристаллы красного алмаза образуют полупрозрачный барьер, который может защитить Гесса и стоящего (-их) рядом с ним. Щит способен выдержать один очень мощный удар или небольшую серию менее сильных ударов, но он слишком хрупкий, быстро разрушается, рассыпаясь в пыль.
</div>
<div class="body-left-4">
► Ментальный щит <br><br>
Применение: пассивная, не требует активации<br> <br>
Ограничения: работает в полную силу, только если Гесс в хорошей физической форме, сыт, здоров и выспался. То есть, почти никогда. Сопротивляемость ментальным атакам снижается при утомляемости, сильном голоде, недосыпе. <br><br>
Описание способности: защищает от ментальных манипуляций с сознанием, чтения мыслей и контроля менталистов.
</div>
<div class="body-left-5">
Неразговорчивый интроверт. В проявлении открытых признаков дружелюбия замечен не был. Обычно высказывается исключительно по существу - серьезно, лаконично и только, если сильно попросят. У Гесса плохо с чувством юмора, получше обстоят дела с иронией и сарказмом. Улыбается редко. Часто намеренно делает вид, будто считает себя умнее всех в этой комнате (выглядит в этот момент соответственно - самоуверенный тон, заносчивый вид, протокольная рожа), чем может изрядно бесить окружающих. Расчет прост - не одним же телепатам уметь проникать в чужие головы, а в состоянии раздражения люди намного хуже контролируют сказанное и свои реакции. <br>
Манипулятором, лжецом, отменным актером и интриганом… мог бы стать, если бы видел в этом для себя смысл и желал власти или признания. Однако карьеризм Гесса совершенно не интересует, каких-то высоких амбиций у него нет и в помине. В своем обычном состоянии, когда ситуация не требует демонстрации особых навыков, прямолинеен, честен, часто плохо чувствует личные границы, но чтобы он решил намеренно кого-то задеть, нужно сильно постараться его достать. <br>
В основном, все, что делает, продиктовано исключительно личным интересом или интересами дела, которым на данный момент Гесс занят. Эгоист и прагматик. Имеет четкую систему моральных ценностей, но не общепринятую, а свою собственную. Агностик, само понятие религии считает крайне вредоносным, отрицательно относится ко всему, что подразумевает под собой попытки подавлять сознание с помощью навязанных идеалов. Собственно, никогда не пылал чрезмерным усердием и излишней преданностью по отношению к “великому делу” Охры. <br>
Несмотря на то, что, предав Охру, предложил свои услуги Вирид, их дело также не считает своим и безукоризненно правым. В итоге не принял ни одну из сторон. В Вирид передает только то, что считает необходимым. <br>
У Гесса мало друзей, много работы и практически нет личной жизни. Его сексуальные связи спонтанны и непродолжительны. Превыше всего ценит индивидуальность, внутреннюю силу и способность мыслить здраво. Интуитивно тяготеет к темпераментным и ярким личностям, переживая с их помощью некоторые эмоции, на которые не способен сам. <br>
</div>
<div class="body-left-6">
Свою семью не помнит, а если быть совсем точным - отказывается помнить. Способность пробудилась довольно рано, лет в семь, и родители, которые и сами были измененными на службе Охры, без особого душевного трепета отдали сына в интернат. Поначалу он еще пытался поддерживать с ними связь, но по прошествии года понял, что это бесполезно. И вычеркнул их из жизни, приняв очевидный факт, в этом мире он может рассчитывать только на себя. И за каждую ошибку придется заплатить очень дорогую цену. <br>
Жизнь в интернате, а после в академии, не казалась ему ни хорошей, ни плохой. Он приучил себя мыслить другими категориями. Он не думал о том, нравится ли другим, не фантазировал о жизни после учебы, как его однокурсники, не бегал за девчонками, да и вообще больше времени проводил в библиотеке или в зоне для тренировок, чем с друзьями. Успеваемость у него всегда была выше средней, а к правонарушениям он в принципе никогда склонен не был, поэтому характеристику получил блестящую, что позволило рассчитывать на неплохое распределение. Гесс не признает законы и авторитеты, но прекрасно понимает, для чего они нужны и чему служат, поэтому вполне способен временно принять правила игры. Проблем с командой у него не было, как и особой любви. Он приходил, делал свою работу и уходил со сцены, предоставляя другим пожинать лавры. Сорвался он всего один раз, когда поддался эмоциям и потерял над собой контроль, но этот случай останется в его памяти на всю жизнь, так как частично по его вине погибла почти вся команда.<br>
После работал с другими командами, без нареканий. Свою работу выполняет исключительно хорошо, в чужую не лезет. На хорошем счету у Охры, поэтому, когда встал вопрос, кого назначить соглядатаем при Фрайдее, выбрали его. Куда делся предыдущий, Гесс узнал, только когда приехал в академию. На данный момент работает на должности секретаря ректора четвертый год. Дополнительно никакие предметы не ведет, так как очень быстро понял, что Дэй Фрайдей - так еще заноза в заднице, и худший начальник, который у него был. На плечи Гесса свалилась вся ректорская и секретарская документация, а также остальные обязанности высокого руководства академии, на выполнение которых у него теперь уходит все рабочее время. Свободное, впрочем, тоже. <br>
<br><br>Секретная информация: <br>Способен на сильные чувства, но старается подавлять их в себе, насколько это возможно.<br>
Уже более пяти лет работает на Вирид, и вся его репутация “хорошего послушного мальчика” - сплошной фарс и попытка убедить Охру в своей лояльности. Является глазами и ушами Вирид в академии, но вербовкой агентов не занимается, чтобы не привлекать к себе внимания. <br>
Считает Сиену и Охру раковой опухолью, от которой необходимо избавиться. Впрочем, в качестве хирурга Вирид не видит из-за радикальности их взглядов.<br>
Виновен в смерти последнего действующего начальника СБ академии (май 2123 года), который официально считается пропавшим без вести.
</div>
</div>
</div>
</div>
[/html]
