[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> Уровень доступа: - </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/7/975968.png"></center>
Artist:아영<br>
Пол: м <br>
Дата рождения: 7 января<br>
Возраст: 32<br>
Рост и вес: 183, 80<br>
<br>
Семейное положение: холост<br>
Должность/Статус: оперативник Мадженты<br>
<br>
Отличительные признаки
<br>
Цвет глаз: светло-голубой<br>
Цвет волос: рано седеющий брюнет<br>
Татуировки/Шрамы/Пирсинг/Пигментация: ни в чем себе не отказывает (два прокола под губой, проколоты уши, руки в татуировках, есть несколько шрамов, полученных до 14 лет)
</div>
<div class="body-left-2"><br>
Рослый и крепкий парень, внушающий доверие одной физиономией. Волосы до плеч, часто убирает в хвост. Есть заметные родинки на лице и предплечьях. Походка часто прыгучая, беззаботная, но заметно замирает и твердеет шаг, как только переключается на задания. Имеет дурную привычку хрустеть пальцами, стучать по поверхностям и разбрасывать везде волосы. Одевается, как бог пошлет. Любитель экспериментов, старается пережить различный опыт, так что может в разведке и в сари по Индору пройтись, прикрывая щетину платком. Частенько пахнет специями и ароматическими палочками. При работе за компьютером носит очки.
</div>
<div class="body-left-3">
► Вьюга<br><br>
Применение: активная способность, применяется на других, широкий радиус действия, способен покрыть несколько районов города<br><br>
Описание способности: вызывает резкое похолодание и выпадение осадков, начинается с морозного покалывания кожи и редких снежинок, затем затягивает область крупными хлопьями снега, ослепляя противника, и после ветер усиливается, заворачивая снег вьюгой, вызывая растерянность, панику, обморожение и т.д.
<br><br>
Ограничения: для активации необходимо лишь желание. Максимальный срок действия по большой площади - двое суток от первой снежинки до другой во время затихания, минимальный - час. По меньшей площади, считай по мелкому радиусу вокруг себя, длительность способности увеличивается вдвое, позволяя покинуть место применения без свидетелей. Откат требует столько же времени на восстановление, сколько длилась вьюга.
</div>
<div class="body-left-4">
► Замедление урона <br><br>
Применение: пассивная, применяется на себя<br><br>
Описание способности: любые нанесенные травмы дают о себе знать через сутки, он может бегать с ножами в животе, с дыркой в голове, не испытывая боли
<br><br>
Ограничения: срабатывает автоматически, длительность 24 часа, за которые ему стоит поискать людей, способных к лечению; откат ускоряет возможные последствия травм, за 24 часа промедления - 4-6 часовой откат, когда способность не будет работать, меньший срок промедления - меньше время блокировки.
<br><br>
</div>
<div class="body-left-5">
По характеру, скажем, не рафинад. Заметно, что мать недолюбила, отец недоласкал. Его нельзя назвать конфликтным, просто другой, на своей волне восприятия. Любит цеплять, проверяя выдержку, но не прыгает выше головы. Притуплено чувство страха и самосохранения, однако и не дурак, трезво оценивает опасность, когда надо - прижимает жопу. Равнодушен к чужим успехам, но промахи возбуждают в нем язвенный аппетит. Может резко повысить голос, если кто-то перейдет ему дорогу. Особенно на таракана. Иногда проявляет себя романтиком, иногда дотошным занудой, - многогранен, как снежинка. Любит юморить с постным лицом, в меру общительный. Строгий к тем, кто проявляет себя неразумно. Каких-либо тесных отношений не заводит.
</div>
<div class="body-left-6">
Первое имя дают родители.
<br><br>
У Сивера оно появилось в пять лет с обретением первой способности. До этого его называли второй сын и только так. Он родился в Индоре, в семье состоящей в преступной группировке сектантской направленности. В секте устойчивые правила:<br>
❄️ Смерти нет, есть только перерождение в сильную версию себя. Поэтому Сивер не боится ни умирать, ни убивать.<br>
❄️ Если кто-то не может осознать свою силу, ему стоит в этом помочь.<br>
❄️ Если силы нет - твой путь один и это перерождение. Здесь буквально убивают детей и жестокость оправдана.
<br><br>
Второе имя дает враг.
<br><br>
Химеш - это второе имя. В свои пятнадцать его отправляли на бандитские разборки, и из них он выходил всегда целым и невредимым, как божественное воплощение Химават - владыки снега, защитника Гималаев. В девятнадцать его выловила Охра. Расстрелянный после разборки с новой группировкой, он шагал по темной улице и вызывал помощь семьи, вот только семью тоже прижали и пришлось уходить своими силами. По кровавым следам его и заметили. Он спокойно отдался на милость людей в форме, планируя воспользоваться врачебной помощью, а затем сбежать и затеряться, однако в академии Индора ему, на удивление, понравилось. Если сравнить со своим прежним домом, то в ней Сивер получил и объемные знания о реальном мире, и вещи, которых никогда не видел, и опыт применения способности. Решив закрыть историю своей семьи, Сивер дал наводку на расположение группировки, однако это совсем не месть или попытка круто изменить свою жизнь, поступок - свидетельство преданности своей вере. Выживет сильнейший. Его позиция по жизни стала привлекательной для ректора академии Индора - Элизабет, а её умение убеждать - для Сивера. Так он стал ее ассистентом, проверенным человеком из десятков других таких же.
<br><br>
Когда в академию пришел Апостол и стер ее с лица земли, Сивер был из тех, кто открывал ворота и добивал страдающих. Милость в том, чтобы позволить им переродиться. Он был опьянен кровью и борьбой, и совершенном опустошен гибелью лидера. Элизабет утверждала, что стоит верить и ждать, и однажды спаситель вернется. Вероятно она называла спасителем уже кого-то другого, а Сивер оказался не самым смышленым малым, потому ему такой расклад не нравился. Но делать что. Элизабет позвали работать в академию в сельве, Сивера она затянула с собой. Он человек надежный и все еще преданный организации. В новой академии он сперва выполнял роль ее помощника, затем устроился комендантом в общежитие преподавателей для лучшего сбора информации.
<br><br>
После последних событий Сивер исчез без следа, укрываясь в Индоре, вместе с членами Мадженты. Возвращение Апостола преисполнило его в слепой вере, поэтому Сивера можно застать за молитвами и подношению свечей к организованному им месту поклонения. В этом занятии он не одинок. Сивер является частью сети.
<br><br>
Секретная информация: В большой семье у Сивера было три брата и две сестры, после красной недели считается, что в живых остался он один. Но это не точно.
</div>
[/html]
Отредактировано Siver Himesh (2024-11-23 20:58:07)
