[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> Уровень доступа: D </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/256/80983.jpg"></center>
That time i got reincarnated as a slime| Diablo<br>
Пол: мужской<br>
Дата рождения: 25.05.2089<br>
Возраст: 35 лет<br>
Рост и вес: 187 см/ 86 кг
<br><br>

Семейное положение: холост<br>
Должность/Статус: секретарь мистера Уэйна<br>
Ник в чате академии: Kuro<br>
<br>
Отличительные признаки
<br>
Цвет глаз: черный полностью с желтым зрачком<br>
Цвет волос: черный, пара прядей на челке окрашены в красный и золотистый цвет. <br>
Татуировки/Шрамы/Пирсинг/Пигментация: приметных отметин не теле не имеется.<br>
</div>

    <div class="body-left-2"><br>
Высокий статный мужчина худощавого телосложения. Идеальная выправка, правильная осанка и выверенные жесты присущи с детства. Никакой спешки, трясущихся рук, нервного смеха и прочих глупостей Куро себе не позволяет. Отличается своеобразным и несколько вычурным стилем с налетом театральности - рубашки с пышными воротниками, узкие брюки, пиджаки по типу фрака, атласные ленты вместо галстука, броши, запонки и идеально начищенные туфли. Причем появлялся в подобных образах практически всегда, за исключением тренировок в спортивном зале, считая что именно так должен выглядеть идеальный представитель элиты. Увы, после переворота пришлось перейти на одежду попрактичнее, но по-прежнему предпочитает темные оттенки. Иногда берет с собой трость для усиления впечатления и для практических целей (но не на работу). Голос тихий, вкрадчивый, немного картавит. Походка размеренная и плавная, не тороплив, но и не медлителен. Считает в высшей степени бестактным повышать голос, излишне хмурится и раздражать окружающих плохим настроением. Годами тренировал приветливое выражение лица и легкую улыбку. Но все же не может контролировать взгляд. При гневе черные глаза Куро будто полыхают (а без защитных линз буквально дымятся), а также весьма заметно поджимаются губы.
</div>

    <div class="body-left-3">
► Черный дым<br><br>
Применение: на других, активная<br><br>
Описание способности: Представляет собой разновидность автогении. Куро способен выделять специфическую субстанцию в виде густого черного газа. В зависимости от состояния и пожеланий владельца концентрация и плотность вещества меняется от легкого тумана до усиленного эффекта дымовой шашки. Легко сможет окутать тьмой пространство в пределах 10 метров и дезориентировать соперника. Плотный дым способен прожечь ткань одежды, вызвать резь в глазах, тошноту, повреждения кожи (волдыри, шрамы) и головную боль.<br><br>

Ограничения: применение двух способностей одновременно невозможно. "Когти" тяжелые и не годятся для долгого боя - рука не выдержит. Предел использования 10 минут в день. Иначе откинется, как и со второй способностью.
<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>
— До 10 лет Куро учился в обычной школе в престижном районе. Способности никак не проявлялись. Но и без этого хватало  приключений. Куро вел типичную жизнь старосты и ботинка, будучи тем ребенком, которого ценят учителя, но не жалуют ровесники. Мальчишка рос, учился себя вести, со временем ситуация несколько сгладилась, но все же Тетцуо успел несколько раз серьезно подраться и даже попал в больницу накануне выпускного в начальной школе. Собственно, в палате у полуживого Куро и проявилась первая способность, заставившая глаза навсегда почернеть. Врачи долго не думали и сообщили в Охру. Очнулся Тетцуо уже в медицинском блоке интерната для измененных.<br>
— Попав в специализированное учреждение, Куро испытал дикий ужас и желание покончить с собой. Ребенка почти месяц изучали и проводили эксперименты, чтобы составить подробное досье и установить предел действия первой способности. Семье о его местонахождении сообщили также лишь через месяц. Мистер Тетцуо был очень горд, ведь Куро обладал полезной способностью, применимой для боя и убийства. А матушка, погоревав, занялась воспитанием младшей дочери. Ведь сын все равно обязан учится в интернате, в дальнейшем поступить в академию, и вообще неизвестно когда вернется.<br>
— Куро пришлось учиться фактически заново жить и искать новые цели существования. В интернате среди опасных измененных Тетцуо быстро вспомнил об уроках этикета, выдержке и дисциплине. Он решил строго придерживаться правил поведения, признав необходимость приспособиться к обстановке и не тосковать о родных и доме. Куро с головой окунулся в тренировки и занятия, не пропуская ни одно из них. Боевая подготовка давалась Тетцуо очень тяжело. Он чувствовал себя жалким и слабым, но все же старался продолжать и не опускать руки, часто находя мотивацию и примеры для подражания среди учащихся более старшего возраста. <br>
— В 14 лет у Куро проявилась вторая способность с когтями, позволившая стать увереннее в себе. Но овладеть ей оказалось куда сложнее, чем первой. Сначала Тетцуо ломал запястья в попытках проделать дыру даже в фанере. Но за полгода наловчился и приноровился использовать когти не хуже газа. Прочные лезвия оказались эффективными для внезапных атак. За четыре оставшихся года Тетцуо успел натренировать приемы использования способностей в связке, одну за другой. Приходилось также идти на компромиссы и учиться работать в команде, благо задача у всех общая - выжить на миссиях.<br>
— Поступив в академию в 18 лет, Куро продолжил свой путь в обучении и совершенствовании необходимых навыков. Правда добавилось множество новых предметов, включающих монстрологию, планирование операций и тактическую подготовку. Тетцуо вновь почувствовал себя глупым и потерянным мальчишкой, не способным ничего усвоить. Однако на пути новоиспеченного стратега встретился некий молодой и трудолюбивый студент. Куро несколько раз пересекался с этим старшекурсником и восхищался его упорством и железной волей. Звали этого человека Дэймон Уэйн. Или, как прозвал его Тетцуо про себя "мистер Уэйн".<br>
— До близкого знакомства, а уж тем более совместной работы оставалось еще много лет. Да и честно говоря, Куро не стремился к близкой дружбе вообще хоть с кем-то. Он нашел для себя множество других полезных занятий и активностей, став например старостой и вступив в дисциплинарный комитет на третьем курсе. Все благодаря упорству и внутренней работе над собой.<br>
— На втором курсе начались боевые миссии, где потребовалась практическая отработка полученных знаний. Пришлось работать еще упорнее и быстрее. По интересному совпадению Тетцуо применил вторую способность для убийства в первый раз именно для спасения мистера Уэйна. Ситуация стандартная - отряд из студентов прислали на помощь к другому отряду. Чудовище хотело подкрасться сзади и убить мужчину, а Куро вовремя оказался рядом. "Будьте осторожнее, мистер Уэйн", - сказал тогда Тетцуо, узнав давнего знакомого. Но нет, оба все еще не работали вместе. Слишком рано.<br>
— Жизнь шла своим чередом, позволив Куро не погибнуть, что может считаться неплохим достижением. Он закончил академию и получил распределение в боевой отряд. Работая бок о бок с новой командой, Тетцуо побывал в разных уголках мира. На одной из миссий Куро познакомился со своим будущим партнером. Встречаться полноценно мужчины не могли в силу объективных обстоятельств, но так или иначе судьба свела их в Вильнюсе, где отношения перешли в желаемую плоскость. Также спустя некоторое время Куро наконец-то смог познакомиться поближе с мистером Уэйном, ведь они пересеклись на службе. Тетцуо словно отрабатывал долг перед тем, кто вдохновил когда-то на внутренние изменения и не сдаваться, прикрыв его спину еще несколько раз. Узнав и печальном случае с гибелью боевого отряда, Куро сразу же последовал за мужчиной в академию и устроился вначале секретарем в отдел снабжения. Они словно поменялись местами. Теперь была очередь Тетцуо помочь и оказать поддержку мистеру Уэйну, насколько это представлялось возможным, став спустя время его личным секретарем.
<br><br>
Секретная информация:  скрывает сексуальные предпочтения и личную жизнь в принципе.

</div>
[/html]

Отредактировано Kuro (2024-08-31 14:15:59)