[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://i.ibb.co/PxHg86H/naomi-345.jpg"></center>
Faith Connors / Mirror’s Edge<br>
Пол: женский<br>
Дата рождения: 13.05.2101<br>
Возраст: 22<br>
Рост и вес: 170, 55 <br>

<br>
Семейное положение: не замужем<br>
Должность/Статус: студентка, 4 курс, саппоры.<br>
Ник в чате академии: YourFcknNightmare <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>
Описание способности: Способность видеть и слышать то что происходит в других помещениях.

</div>

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

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

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

  <div class="body-left-6">
Наоми росла в эмигрантской семье, переехавшей в Америку когда она была совсем юной. Потом они неоднократно переезжали уже с одного конца мегаполиса в другой район. Поначалу новые впечатления казались увлекательными, но вскоре это стало раздражать: никак не было возможности привыкнуть к окружению, завести друзей. Понять о чём долго спорили родители было непросто: Наоми покинула родину слишком юной, а родители в моменты особо ожесточённых споров переходили на диалект, сложный для их дочери. Или же он был выбран специально, уже каким-то образом узнав о способности Наоми слышать сквозь стены? Так или иначе, всё стало ясным в одну злополучную ночь, когда за ними пришли. За ними — и за ней, Наоми. Оказалось, что целью переездов были бесконечные игры в прятки с Охрой, в которых было почти невозможно победить. Наоми отправилась в интернат, а её родители… по самым невинным догадкам, могли быть лишены родительских прав или как минимум возможности общаться с ней, а более страшные догадки хотелось поскорее прогнать из головы. В любом случае, был пару писем, а затем связь прервалась — навсегда.<br>
Как тут было не возненавидеть грозную, могущественную организацию, и всё с ними связанную? Впрочем, других изменённых Наоми ненавидела не меньше. Обязательно среди них были успешные, с иголочки одетые, и говорящие без тени акцента на английском, красавчики и красотки. Должно быть, свою эмоциональность Наоми унаследовала от родителей, и легко лезла в драку, не будучи к ней готовой. Результаты таких стычек научили думать чуть больше над своими словами, и вести регулярные тренировки, постоянно держать себя в тонусе, быть готовой ко всему.
Ко всему. Можно ли было быть готовой к такому подарку судьбы, как сбой неусыпного контроля Охры, появление изменённых не знающих никаких границ и пределов? <br>
Будучи наивной, идеалистичной, и максималисткой, она легко поверила в рассказы о намерениях кучки экстремистов снести все контролирующие органы и дать возможность изменённым жить без всевидящего ока и сдерживающей печати. Подлило масла в огонь и то что до их интерната донеслись лишь отголоски бури, вызванные другими последователями главного экстремиста, не способные на такой масштаб мясорубки как он сам. Но и увиденного своими глазами хватило, чтобы разувериться во всех лживых идеалах. Любые шрамы готовы были затянуться после той страшной недели, кроме главного — воспоминания о том, как и сама передала кому-то из приспешников карту одного из этажей. А потом не осталось ничего кроме ненависти, ко всем вокруг, и больше всего к тому, кому вздумала по своей дурости помогать. Пусть всё горит. И эта злосчастная карта, и этот вход через который больше не пройдёт ни этот ублюдок, ни любой другой. Такими были последние мысли, когда огненный шар, тогда ещё нестабильной способности заставлял полыхать задний вход в интернат, до тех пор пока губы окончательно не посинели, и прибывший элитный отряд не нашёл её в таком состоянии. <br>
…<br>
Наоми уж точно была не единственной, кому требовалось лечение и восстановление прежде чем она смогла продолжить обучение. К счастью, в ненавидимый интернат возвращаться уже не пришлось — после более чем годового перерыва её ждала Академия, и вместо северной Америки — южная. Наоми больше не питает иллюзий о каком-то идеальном движении, способном победить всевидящее Око, да и осознает что какие-то ограничения и контроль нужны — пусть и по прежнему не питает большой любви к Охре. И даже осторожно симпатизирует «зелёным» - до тех пор, пока речь не идёт о вырезании самих же изменённых налево и направо. <br>
После колебаний между факультетом тактиков и саппорта, всё же делает выбор в пользу последнего. <br>
Зачастую не доверяя до последнего окружающим её людям (зато уж если сблизилась с вами, то от неё будет уже не отделаться), обожает всевозможные технологические устройства и электронные технологии. Потому что в самом деле её это увлекает, а не только из надежды что это когда-то поможет уйти от контроля, или наоборот спастись от ещё одного нападения - от такого зарекаться не стоит.<br>
Порой мастерит какие-то девайсы, сомнительного предназначения на коленке сама. Не исключает для себя в будущем должность техника — если возьмут, конечно.
<br><br>

Секретная информация:

</div>
 
</div>
</div>
</div>
[/html]

Отредактировано Naomi Katomu (2023-11-06 23:17:48)

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

И при свете Луны, под кокосовой пальмой
Сидеть и читать дневники Лоры Палмер