[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> Уровень доступа: 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/fb/3e/259/86926.png"></center>
AI генерация автором<br>
Пол: мужской<br>
Дата рождения: 05.11.2093<br>
Возраст: 30<br>
Рост и вес: 178, 76
<br><br>

Семейное положение: Холост<br>
Должность/Статус: Сотрудник Службы Безопасности<br>
Ник в чате академии: Ogawa_Sama<br>
<br>
Отличительные признаки
<br>
Цвет глаз: Тёмно-карий<br>
Цвет волос: Чёрный <br>
Татуировки/Шрамы/Пирсинг/Пигментация: Отсутствуют. Все проколы на нём моментально зарастут, шрамов не останется, татуировки вытравятся из кожи сами собой.<br>
</div>

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

</div>

    <div class="body-left-3">
► Ментальный блок<br><br>
Применение: Пассивная способность, применяется на себя, радиуса применения не имеет.<br><br>
Описание способности: Полная блокировка любых попыток воздействия чужих ментальных способностей. Действует всегда, даже во сне. Действует только на себя.<br><br>
Ограничения: Из побочных эффектов к способности прилагаются хронические мигрени.<br>

</div>

    <div class="body-left-4">

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

</div>

    <div class="body-left-5">
Норман – холодный человек себе на уме, рациональный, дисциплинированный и исполнительный. Нареканий по службе не имеет, в Академии также находился в числе тех, кто не создавал проблем и блестяще справлялся с предлагаемыми ему дисциплинами. Трудоголик, которому во всём хочется быть лучшим.<br>
На деле довольно эмоционален, хоть и хорошо это скрывает. Прячет своих демонов глубоко взаперти, носит маски. Эгоистичен, имеет свои мотивы, в своих действиях чаще всего руководствуется выгодой. По своей натуре человек не злой, но горделивый. В общении может быть резким, грубым и неприятным, особенно если ему от собеседника ничего не нужно.<br>
Имеет серьёзную обиду на мир, ненавидит изменённых и себя самого, но признаёт правила игры, им предложенные.
</div>
   

  <div class="body-left-6">
Выходец из очень богатой семьи, родом из Оттавы. Норман планировал жить свою лучшую жизнь и вкушать плоды уготованного ему наследства, однако мутации внесли в эти планы свои коррективы.<br>
Способность к защите от ментального воздействия практически никак не проявлялась, да и как узнать о её существовании, когда вокруг нет никого, кто мог бы её задействовать? Однако ускоренная регенерация, проявившаяся в четырнадцать, уже была тем, что могло броситься в глаза. Разумеется, своего единственного сына чета Огава отдавать Охре не собиралась. В ход шли многочисленные взятки и откупы, и им удавалось скрывать Нормана вплоть до его семнадцатилетия, после которого из-за маленькой оплошности он был изъят из семьи и отправлен в приют для изменённых.<br>
Норман недолюбливал Охру ещё на этапе пряток, но после попадания в приют это чувство трансформировалось в ненависть. Он ненавидел саму систему, лишившую его роскошной безбедной жизни, он ненавидел других изменённых, странных и сложных, он ненавидел сам себя, за то, что никак не мог отказаться от этой ноши. Однако в какой-то момент к нему пришло понимание, что бороться с воздушными мельницами и лезть на крест, чтобы его распяли, как мученика, он не хочет. Он всё ещё желал комфортной жизни, а также – избавиться от Охры. Поэтому первый год буйного сопротивления и бунта, которые происходили с ним в приюте, закончился его добровольным вхождением в Академию. Из смутьяна Норман превратился в пай-мальчика, сладко улыбающегося нужным людям и оттачивающим свои навыки до безупречного. Он понял, что, будучи тактиком, не хочет рисковать своей задницей и предпочтёт пойти по иному пути. В Службе Безопасности он мог хорошо обустроиться, получить комфортные условия жизни, а также – много полезной информации, которой потом можно было бы воспользоваться. Норман решил, что будет держать своего врага максимально близко. На крайний случай, если оказать Охре сопротивление так и не получится, Норман рассматривает вариант с тем, чтобы залезть внутри системы повыше, и уже оттуда найти способ вырваться из неё, вернуться в семью и получить наконец свое законное наследство.
<br><br>
Секретная информация:- Прекрасно владеет навыками боя и стрельбы, однако предпочитает холодное оружие. Просто и со вкусом.<br>
- Не верен Охре и желает всё в ней к чёртовой матери сломать.<br>
- Из-за постоянно работающей болезненной регенерации, психика Нормана решила защититься весьма изящным образом, начав переплетать между собой боль и удовольствие. Да, Норман – ярко выраженный мазохист.<br>
- Мазохизм и садизм – две стороны одной монеты. Садистическими чертами Норман также обладает, и холодное оружие предпочитает, потому что им очень приятно резать плоть. Не безумец, причиняет боль с абсолютно холодным рассудком.<br>
- Любит в людях чувство стиля.
</div>
[/html]

Подпись автора

Хронология