[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://forumupload.ru/uploads/001b/08/6d/11/703865.png"></center>
Genshin Impact | Zhongli<br>
Пол: м<br>
Дата рождения: 13.08.2103<br>
Возраст: 20 <br>
Рост и вес: 185 см/80 кг<br>
<br>
Семейное положение: есть брат-близнец <br>
Должность/Статус: студент 4 курса факультета Связи и информационных технологий, член ДК<br>
Ник в чате академии: Кarma
<br>
Отличительные признаки
<br>
Цвет глаз: янтарный<br>
Цвет волос: темный шоколад, концы окрашены в медово-рыжий.<br>
Татуировки/Шрамы/Пирсинг/Пигментация:левое ухо, есть татуировка на правом мизинце в виде красной нитки.
</div>
<div class="body-left-2"><br>
Рост выше среднего, стройный, подвижный и гибкий. Волосы разной длины насыщенного цвета темного шоколада, медово-карие глаза, во время применения первой способности приобретают яркий янтарный оттенок. Внешне привлекательный молодой человек с характерным для примеси азиатской крови разрезом глаз и красивой улыбкой, которую не спешит демонстрировать малознакомым людям, но успешно юзает в ситуациях, когда необходимо добиться своего.
Уделяет достаточно внимания внешнему виду, предпочитает классический стиль, неравнодушен к украшениям.
</div>
<div class="body-left-3">
► Стоп-кадр<br><br>
Применение: Способность активная, применяется на себя и требует большого расхода энергии, если использовать ее слишком часто.<br><br>
Ограничения: Может применяться до 4 раз за 1 час, после чего требуется время, чтобы восстановить силы - поесть, поспать, полежать под ближайшим кустом, пока голова не перестанет кружиться. <br><br>
Описание способности:<br>
ретрокогнитивная способность, которая позволяет в малейших деталях воссоздавать перед мысленным взором любые воспоминания в виде трехмерной проекции. Это помогает как детализировать картину, так и увидеть ее целиком, рассмотреть подробности, которые мозг машинально фиксирует, а сознание не замечает. То же можно проделать и, например, с любой сценой из книги, отчета или научного доклада, реальным объектом, видео или аудиофайлом. Джуну достаточно получить доступ к исходнику один раз (прочитать или увидеть), чтобы после выудить нужную сцену из библиотеки воспоминаний и воссоздать проекцию. После чего он может спокойно с ней работать - определять параметры объектов, рассчитывать расстояния, вычислять траектории и т.д. Способность очень помогает в учебе и на миссиях. Считай, захватил с собой планшет или лап-топ, которому не нужна подзарядка.<br>
Болтают, что у Джуна феноменальная память, но это не так. Ему нет необходимости запоминать все подробно, достаточно, когда понадобится, выудить нужное воспоминание и сосредоточиться на нем. Управлять способностью непросто, Джун учился этому несколько лет, и до сих пор совершенствует навыки контроля.<br>
Во время использования способности Джун какое-то время выглядит как винда, которая зависла в самый неподходящий момент. Одногруппники или члены команды часто испытывают непреодолимое желание потрясти его за плечи. В моменты активации способности он действительно не видит того, что происходит вокруг и становится очень уязвимым.
</div>
<div class="body-left-4">
► Мгновенная Карма <br><br>
Применение: Способность активная, активируется, как на окружающих, так и на самого Джуна. <br><br>
Ограничения: Сильно зависит от эмоционального состояния Джуна и его системы моральных ценностей. Способность плохо поддается контролю. Активируется через прикосновение к незащищенному участку кожи. <br>
<br><br>
Описание способности: <br>
способность работает как "проклятие", обрекая человека на череду неудач, в случае если он проявляет какие-либо признаки агрессивного антисоциального поведения.<br>
Способность послужила причиной появления прозвища - Карма.<br>
Обычно все происходит следующим образом: если кто-то попытается причинить вред самому Джуну или кому-то другому на его глазах, то, если Карме это сильно не понравится и он активирует способность, в следующие 24 часа несчастный агрессор станет самым большим неудачником из всех. Например, ему на голову может свалиться что-то тяжелое или он может поскользнуться на мокром полу, или прилетит в голову мяч, нож или пуля, тут как повезет. Да и вообще может произойти любая неприятность: муха в суп упала, крокодил в ботинок нагадил, коммуникатор поломался. Чистое невезение. Контролировать степень увечий, нанесенных невезением, невозможно. Вполне реально склеить ласты. Человеку просто прилетает за все "нехорошее", что имеет под собой намерение причинить какой-либо серьезный вред. Прилетать может по-разному, но обычно это происходит мгновенно, отсюда и название способности. Способность коварная и может сработать в том числе и против носителя.
Просто так "проклясть" кого-то Карма не может. Если будет пытаться подтасовать ощущения или активирует способность целенаправленно в адрес невиновного, следующие сутки неудачи будут настигать одна за другой не только объект проклятия, но и его самого. В этом случае ему вообще не стоит выходить из комнаты или совершать какие-либо телодвижения. Есть риск получить серьезную травму.<br>
Есть ли возможность избежать Мгновенной Кармы? Есть. Всего лишь нужно в течении суток вести себя аки агнец безгрешный. <br>
</div>
<div class="body-left-5">
Успеваемость: высокая, нареканий по успеваемости и посещаемости не имеет<br><br>
Джун наблюдателен, умеет слушать и слышать, имеет аналитический склад ума и развитое критическое мышление. Не страдает излишним гуманизмом или тягой к справедливости, старается не попадать под власть иллюзий, смотрит на вещи трезво. Ценит в других ум, честность и чувство юмора.<br>
Он требовательный, педантичный, упрямый, не идет на уступки и не дает вторых шансов. Не привык прогибаться или поступаться своими принципами, эгоистичен и уверен в своей правоте. В ссоры и конфликты обычно не вмешивается, предпочитает наблюдать со стороны. И не только потому, что считает, что единой истины не существует, и у каждой стороны своя правда, но еще и потому, что ему куда интересней увидеть, до чего люди могут додуматься сами и на что готовы пойти ради того, чтобы доказать свою правоту.<br>
Секс и флирт считает отличным способ отдохнуть, снять напряжение или переключить мозг, если "система зависла". Любит влиять на нравственные взгляды других людей и разрушать социальные стереотипы.<br>
Уже несколько лет занимается йогой, иногда делает зарисовки в рабочем блокноте или на полях бумажных версий документов, если приходится с ними долго работать. Обычно это примитивные смешные рисунки, очень похожие на детские.<br>
Владеет навыками рукопашного боя, стрелять умеет, но с меткостью большие проблемы. Оружие не любит, использует в крайнем случае. Имеет навыки пилотирования самолета и вертолета, а также вождения наземных транспортных средств.
</div>
<div class="body-left-6">
Джун - старший из близнецов, родился на 15 минут раньше брата, на 1 см выше его ростом и на километр - самомнением. Наполовину азиат, родился в семье врачей, которые мечтали, что сыновья в будущем пойдут по их стопам. Не сложилось. Семью одновременно постигли две катастрофы - когда у младшего брата проснулась способность, пирокинез, он случайно поджег дом. Отец спас сыновей, но жену спасти не удалось. А после Охра забрала близнецов, так как выяснилось, что измененными оказались оба. Причем, сотрудники Охры умышленно поместили братьев в разные интернаты. Так они оказались разделены на несколько лет.<br>
Во время нападения Апостола на интернаты, где обучались измененные, Джун был в медицинском крыле, куда попал вследствии несчастного случая. И только это стечение обстоятельств позволило ему уцелеть. Детство как-то резко закончилось.<br>
Он не хотел переходить еще на год в другой интернат, а попросился на год раньше в Академию. Пришлось сдать несколько сложных тестов и пройти непростое собеседование с сотрудником Охры, но он справился, и спустя пару месяцев уже летел в Южную Америку.<br>
В академии Джун, наконец, встретился с братом и попытался наладить с ним отношения. Несмотря на то, что близнецы учатся на разных курсах и факультетах и являются прямой противоположностью друг друга, их обоих избрали в члены дисциплинарного комитета.<br>
Второй человек из прошлого, с которым Джун встретился в академии, учится с ним на одном курсе. И живет по соседству. Иногда Джуну кажется, что несмотря на то, что от населения земли остались жалкие крохи, мир все еще слишком тесен.
<br><br>
Секретная информация: Арахнофоб, и эта фобия совсем не облегчает ему жизнь во время миссий.<br>
Очень любит брата, но так и не смог простить ему смерть матери. Понимает, что это неправильно, и Джен не виноват, ненавидит себя за эту и испытывает перед братом чувство вины. Из-за чего отношения между близнецами установились болезненно-нездоровые.
Стремится все контролировать, склонен к гиперопеке. Ненавидит брать на себя ответственность за чью-то жизнь, но успешно прикрывает свои страхи эгоизмом.<br>
Любит животных, всегда мечтал кого-то завести, но не вышло. Сейчас уже даже не думает об этом, считает, что не справится.<br>
Мать дала братьям при рождении молочные имена, поэтому брат иногда называет его - Бао. Больше никому так себя называть не позволяет, и морщится каждый раз, когда Джен зовет его этим давно забытым именем.
</div>
</div>
</div>
</div>
[/html]
Отредактировано Jun Foster (2023-11-12 18:36:35)
