[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> Уровень доступа: E </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/514435.png"></center>
ориджинал<br>
Пол: мужской<br>
Дата рождения: 2102.11.07<br>
Возраст: 22 год <br>
Рост и вес: 182/75<br>
<br>
Семейное положение: холост<br>
Должность/Статус: студент 5 курса факультета «Стратегическое планирование и конфликтология»<br>
Ник в чате академии: Fire-L<br>
<br>
Отличительные признаки
<br>
Цвет глаз: серый<br>
Цвет волос: темный шатен<br>
Татуировки/Шрамы/Пирсинг/Пигментация: вокруг кисти левой руки, переходя на предплечье, как браслет, обвивается татуировка латинскими буквами «Non progredi est regredi» («Не идти вперед, значит идти назад»)<br>
</div>
<div class="body-left-2"><br>
Вытянутое лицо с острым подбородком, аккуратный нос, густые, всегда будто взлохмаченные волосы, гладкая кожа. Ничего особенного во внешности Лео выделить было бы нельзя, если б не проницательный, немного дерзкий взгляд, выдававший едкий характер.<br>
Спина прямая, точно к ней привязана палка или же - парень носит корсет, придавала Бренару высокомерный вид.<br>
Регулярные тренировки нарастили на его костях довольно прочные мышцы.<br>
Обычно носит мундир, иногда даже тогда, когда разрешалось переодеваться в casual.<br>
Заметно, что за внешним видом Бренар следит.
</div>
<div class="body-left-3">
► Абсорбция памяти<br><br>
Применение: пассивная способность, применяется на других. Действует при прикосновении к открытой части тела другого человека. <br><br>
Описание способности:Обладатель может «считывать» события, улавливая сопутствующие им мысли и эмоции донора в прошлые моменты жизни, независимо от желания последнего, да и своего - тоже.<br><br>
Ограничения: Это становится возможным, когда Бренар эмоционально «настроен» на человека – т.е. либо питает к нему некие эмоции, неважно – хорошие или плохие. Если же просто мимоходом с кем-то соприкоснулся, то считывания не происходит.<br>
Промежуток доступных воспоминаний – от одного часа до полугода.<br>
Не может «прочесть» людей с ментальным блоком.
</div>
<div class="body-left-4">
► Блокирование способностей <br><br>
Применение: активная, применяется на других. Работает на расстоянии до 50 метров, охватывая угол 90 градусов перед обладателем способности.
<br><br>
Описание способности: Активируется концентрацией внимания на пространстве, где располагаются те, чьи способности нужно заблокировать. Технически это выглядит так: обладатель способности выбрасывает перед собой руки с открытыми ладонями, обозначая периметр воздействия. Способность работает не только на открытой местности и при визуальном контакте.<br><br>
Ограничения: Единовременно воздействие на один объект может длиться не более 30 минут. После завершения воздействия способности возвращаются к объекту воздействия через 5 минут. Чем больше объектов, способности которых нужно заблокировать, тем короче время воздействия. Например, 1 человек – 30 минут, 2 человека – 15 минут, 3 человека – 10 минут и т.п. Одновременно можно заблокировать до 4 человек.<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>
Секретная информация: Он точно хищник - всегда настороже. Весь пропитан недоверием и потому - в постоянной готовности отразить любое нападение: неважно, физическое или вербальное. Возможно, именно эта его черта характера отразилась на развитии активной способности блокировки.
<br><br>
</div>
</div>
[/html]
Отредактировано Leo Brenar (2024-03-20 16:22:29)
