[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> Уровень доступа: Е </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/fb/3e/109/990209.png"></center>
art by solarsistim<br>
Пол: мужской;<br>
Дата рождения: 03.09.2101;<br>
Возраст: 22 года;<br>
Рост и вес: 177 см, 75 кг.<br>
<br>
Семейное положение: не женат;<br>
Должность/Статус: студент 4-го курса, тактическая подготовка;<br>
Ник в чате академии: jerryross.<br>
<br>
Отличительные признаки
<br>
Цвет глаз: серый;<br>
Цвет волос: черный;<br>
Татуировки/Шрамы/Пирсинг/Пигментация: несколько шрамов на теле (руки, торс) после миссий и неудачных использований способности.<br>
</div>
<div class="body-left-2"><br>
Ассиметричное лицо уже не вызывает отвращение при взгляде в зеркало и даже скошенный вправо нос никак не откликается. Волосы, видно, неаккуратно сострижены тупыми канцелярскими ножницами и затылок пробрит наугад, а не под единицу. Все верно, Джерри абсолютно все равно, как он выглядит. Жирный след от ветчины на футболке уже не отстирывается, но у одежды гораздо больше функций, чем просто быть чистой и наглаженной; и вместо новых кроссовок лучше отложить деньги, например, на новую жизнь где-нибудь еще.
</div>
<div class="body-left-3">
► Фазис<br><br>
Применение: активная способность, применяется на себя, радиус ограничен собственным телом.<br><br>
Ограничения: активация по желанию. Длительность фазы неосязаемости до 5 секунд. Повторное использование возможно через 10 секунд. Суммарно за 24 часа можно воспользоваться не более 30-ти раз. После десятого раза использования время длительности неосязаемости резко сокращается до 3 секунд, после двадцатого до 1 секунды. После 30-ти раз использования высокий риск (99,999%) застрять в предметах, что может привести к физическим травмам разной степени тяжести. После 10-го использования на физическом уровне ощущает то, через что проходит и что пролетает сквозь. После 20-го использования снижается концентрация и внимание, падают физические показатели. После каждого использования нарастает головная боль, которую снимают анальгетики. Использование свыше 30-ти раз влечет за собой дезориентацию и потерю сознания.<br><br>
Описание способности:прохождение через материальные объекты, в том числе и живых людей. При должной концентрации можно сделать неосязаемой лишь часть тела, но при неумелом использовании можно застрять в объекте или провалиться под землю.
</div>
<div class="body-left-4">
► Дезинтеграция <br><br>
Применение: активная способность, применяется к неживым объектам.<br><br>
Ограничения:для активации процесса дезинтеграции необходимо постоянно касаться объекта до завершения; прерывание физического контакта приводит к остановке процесса. Дезинтеграция происходит на молекулярном уровне и может продолжаться до распада вещества до атомов, соответственно, разлагать атомы на составляющие не представляется возможным. Максимальная масса объекта, который можно дезинтегрировать – 5 килограмм. Суммарно за 24 часа можно дезинтегрировать не более 8 килограмм. Дезинтеграция нескольких килограмм за сутки проходит практически без последствий (сонливость, раздражительность), далее требуется прилагать больше усилий, а откаты чаще всего проявляются в общем недомогании средней степени тяжести, ознобе, апатии и вплоть до полного оглушения. <br><br>
Описание способности: разрушение объектов путем прикосновения, разложение материи до атомов.
</div>
<div class="body-left-5">
Успеваемость: удовлетворительная.<br>
Джерри никогда не торопится просыпаться, на учебу, заводить друзей. На тот свет тоже, к слову, но у того света на него другие планы. Говорят, взгляд у него такой, ну, с претензией, а у кого не будет претензий к закрытому заведению, где обучают мясо на убой? Вот именно.
<br><br>
Ебаная дыра.
<br><br>
В такой дыре – да и в целом в этом мире – сила ценится больше, чем твоя уникальная самоидентичность, звиняй. Поэтому Джерри не особо задумывается о том, кто он и в чем смысл его жизни – жить и есть смысл. Слишком просто и прямолинейно, никаких тонких материй и внеземных вибраций. Выжил – победил; умер – проиграл. Переплавить это в его голове невозможно, как и подружиться с тем, кто тебя похоронил задолго до встречи.
<br><br>
Джерри из тех, на кого легко и просто вешается ярлык плохого парня, как бирку на палец мертвецу – никакого сопротивления. Он ведь и правда скорее плохой, чем хороший, потому что к 22 годам научился выживать убивая, а вот в чем ценность жизни никто объяснить не потрудился. Он ее и не ценит – твою жизнь, которую запросто обменяет на свою.
<br><br>
Еще Джерри тактилен до одури, наверное отсюда избыточная любовь к набиванию кулаков (вероятнее всего о чью-то жизнь), а останавливаться он не умеет, потому что любит доводить дело до конца. Хорошее качество в совершенно отвратительном контексте. Джерри про это – что-то хорошее в совершенно извращенной форме.
</div>
<div class="body-left-6">
Единственный ребенок в семье обычных трудяг. Доверительных отношений с родителями не имел лет с трех, поэтому держал в секрете свои способности даже от них. Делать это было несложно: сначала в шесть хранишь свою тайну подобно увлекательной игре, а после того, как соседского ребенка забирают в интернат у тебя на глазах – делаешь это на животном инстинкте все последующие годы. И родители тоже хороши, говорили, что всех плохих мальчиков забирают, не будь таким. А что делать, если ты уже такой?
<br><br>
И так, год за годом, прибиваясь к компаниям таких же хитрых подростков, прячешься по подворотням и удивляешься горящим чужим рукам, а своих способностей не показываешь, потому что что-то подсказывает, что добром это не кончится. Компании мелели. Не таких уж хитрых подростков отслеживали по камерам, ловили на горячем и забирали одного за другим. Разве тут выдержишь? Вот и Джерри не выдержал и бросился под фургон, который со свистом проехал сквозь. Стоило ли оно того? На самом деле нет, но осознание этого придет намного позже, после пары лет в интернате и одного года в академии.
<br><br>
Дополнительно: <br>
● первая способность проявилась в шесть лет, в тот самый момент, когда засыпая, словно падаешь и тело дергает в кровати. Джерри тогда и правда упал – провалился сквозь кровать и оказался под ней. <br>
● вторая способность проявилась в четырнадцать лет. В попытке скрыть разбитую кружку, Джерри собирал осколки, которые не успевали резать кожу и превращались в белую пыль. <br>
● в интернате, оказавшись один раз в центре массовой потасовки, в последующем заочно становился зачинщиком всех остальных. Даже если его там не было по факту. <br>
● в академии пытался наладить контакты лишь во время первого курса и после череды неудач забросил это гиблое дело, мечтая наконец перебраться в одноместную комнату. <br>
● в клубах не состоит, однако часто заглядывает в тренажерный зал спортивного и всегда на открытые просмотры киноклуба.<br>
● не по наслышке знает, что такое 3 фаза мощности контроллера. В последний раз даже понравилось. <br>
● не курит, не пьет, не употребляет принципиально.
<br><br>
Секретная информация:
</div>
</div>
</div>
[/html]
Отредактировано Jerry Ross (2023-12-01 07:09:12)
