[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> Уровень доступа: F </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/459263.png"></center>
Caelus / Honkai: Star Rail<br>
Пол: мужской<br>
Дата рождения: 13.04.2104<br>
Возраст: 19 лет<br>
Рост и вес: 175 см, 69 кг <br>
<br>
Семейное положение: холост<br>
Должность/Статус: студент 2 курса; связь и информационная поддержка. Подработка в кафе бариста. <br>
Ник в чате академии: меняет по настроению, чаще Йолка<br>
<br>
Отличительные признаки
<br>
Цвет глаз: янтарный<br>
Цвет волос: пепельный<br>
Татуировки/Шрамы/Пирсинг/Пигментация: -
</div>
<div class="body-left-2"><br>
Считает себя весьма среднестатистическим, да и, по правде говоря, не то чтобы когда-то сильно стремился визуально выделиться. Оставаться незаметным и легко теряться в толпе казалось комфортным и самым спокойным вариантом.
<br><br>
Средний рост. Фигура подтянутая, достаточно спортивная, пусть и не может похвастаться бугрящимися мышцами или внушительными габаритами. Много бегает, плавает (хотя только в академии научился) и машет битой чтобы успокоить нервы и прояснить голову, когда уровень стресса превышает уровень лени. Лёгкий, ловкий и гибкий, подвижный. Склонен жестикулировать во время беседы. В одежде предпочитает удобство вычурности, в основном выбирает спортивный неформальный стиль. Крайне неравнодушен к перчаткам и без них чувствует себя голым, да и ладони мерзнут. Пепельные волосы отрастают слишком быстро и почти всегда торчат в разные стороны, перманентно взъерошен.<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>
Описание способности: кратковременный контроль чужого мышления. Способность развившаяся из создания иллюзий и усиливающая их. Может убедить в правдоподобности образов, независимо от их уровня детализации, абсурдности или уместности. Может создать иллюзию, что какая-то идея принадлежит самой цели и сделать её навязчивой мыслью до исполнения или окончания действия способности.
</div>
<div class="body-left-5">
Успеваемость: хорошист
<br><br>
Учиться любит и теоретические занятия всегда проходят на ура, но от предметов, требующих демонстрацию способностей отлынивает, пассивно наблюдая как средний бал в очередной раз летит в пропасть, прежде чем восстать обратно за счёт чего-то другого.
<br><br>
Обладает острым и гибким умом, легко ориентируется в кризисной ситуации и способен быстро принимать решения. Может организовать работу коллектива и проявить лидерские качества, если это необходимо и других кандидатов нет, но предпочёл бы этого не делать и вручить ответственность кому-то другому. Когда понимает, что больше некому становится серьёзен и молчаливо собран, полностью сосредоточен на поиске решения проблемы.
<br><br>
Зато в менее серьёзных ситуациях, когда нервничает не может заткнуться и на минуту, ловкость уходит в минус, может предпринять попытку сигануть прочь, как беспокойная альпака.
<br><br>
Богатая фантазия и очень живое воображение. Слишком живое, если бы кто-то спрашивал мнение Йали на этот счёт.
<br><br>
Испытывает трудности с доверием. По умолчанию дружелюбен и вежлив с окружающими, в целом производит приятное впечатление, но всё это искусственно вежливая дистанция, которую он соблюдает не желая подпускать чужих к настоящим эмоциям и слабостям. Привычка оставшаяся ещё с первого приюта, когда казалось, что если он будет хорошим мальчиком, его заберут, но сильно надеяться не стоило.
<br><br>
Сближение с людьми ему даётся тяжело, подсознательно ожидает подвоха, а непредсказуемость некоторых личностей это только усугубляет. Чувствует себя уязвимым и слишком открытым, когда не может сдержать эмоции. При более близком знакомстве оказывается куда более дерзким и острым на язык, чем кажется на первый взгляд.
<br><br>
Не то чтобы фанатеет от спорта и активности в целом. Куда более охотно провёл бы день окопавшись среди книг и одеяла, но вынужден признать, что физические упражнения куда лучше помогают проветрить голову и сбросить напряжение. В целом очень основательно подошёл к изучению способов успокоиться. В комнате всегда имеются запасы травяного чая, выращивает в горшке травку, завёл несколько умиротворяющих плейлистов и альбом с карандашами. На досуге учится рисовать. Спойлер: получается кошмарно.
<br><br>
Как хомяк постоянно тащит еду в комнату, особенно если она хрустит. Босс на работе постоянно шутит, что он туда устроился только для того чтобы не стоять в очереди за кофе и вкусняхами. Не далеко от правды.
</div>
<div class="body-left-6">
Сколько себя помнит всегда был в приюте. Не знает ни настоящая ли дата его рождения, ни кто его родители. Оставаясь так долго без ответа, со временем эти вопросы и вовсе потеряли актуальность. Приют тоже по-своему семья, а сравнивать ему было не с чем. Порой кого-то усыновляли, порой у кого-то начинали проявляться способности и их увозили куда-то в неизвестном направлении. Куда именно им не говорили, воспитатели отмахивались говоря, что лучше бы им позабыть о них и жить дальше. Йали и жил, скучая по ушедшим и очень надеясь, что его подобная участь никогда не постигнет. И чем ближе было к восьмилетию, тем спокойнее ему становилась. Старшие дети говорили, что если до восьми ничего не произойдёт, то потом тоже не случится. За неделю до дня рождения всё таки случилось. Страшилки из книжки, которую они тайно читали по ночам вырвались на волю.
<br><br>
После инцидента получил маркировку и был отправлен в специализированный интернат. Глаза детей, глядящих на него как на монстра он не забудет никогда. Те, кто ещё вчера его обожали и делились самым сокровенным открестились от него, не желая даже приближаться чтобы попрощаться. За одну ночь не осталось ничего кроме страха.
<br><br>
03.10.2118 Апостол и его приспешники добрались и до их интерната. От того, что прослужило ему домом несколько долгих лет не осталось и камня на камне. Большинство знакомых больше нет в живых, сам Йали только чудом выжил, оказавшись под завалами обвалившегося после взрыва этажа. Восстановление всё же мощная способность, и не обладай один ею один из медиков, принимавших участие в спасательной операции едва ли его бы смогли столь успешно собрать обратно. Собрали. Даже шрамов не осталось, зато воспоминаний, заставляющих вскакивать по ночам с лихвой. Ещё неделя в мед. корпусе под наблюдением и его перевели в один из уцелевших интернатов.
<br><br>
Несколько недель спустя проявилась и вторая способность только ухудшив ситуацию. Никто не пострадал, хотя задиравший его мальчишка сиганув в бассейн из-за его непреднамеренного внушения едва не утонул. Йали только сильнее убедился в том, что каждый раз когда он использует свои способности независимо от того намеренно или нет происходит что-то скверное и решил для себя что лучше бы эту силу похоронить поглубже и больше никогда не доставать. Пусть она и казалась слабой по сравнению с возможностями других детей, быть тем кто сеет страх и вредит другим ему не хотелось.
<br><br>
Предполагалась что кто-то вроде него отбор в Академию не пройдёт и после совершеннолетия его отпустят на все четыре стороны, а там он уже сможет жить самой обычной жизнью, но порядок зачисления был изменён, а с ним и пути отступления отрезаны.
<br><br>
В Академию ему не хотелось, но раз других вариантов всё равно не было, решил извлечь из этого всё, что может. Поступил на факультет кризис менеджмента - самый очевидный выбор для того, кто за столько лет находил множество альтернативных способов решения проблем по максимуму избегая использование способностей. В целом обучение было интересным, открывало много новой информации, хоть и всё чаще загоняло в угол, вынуждая практиковать то, что ему совершенно не хотелось.
<br><br>
Проучился чуть больше года на факультете криэторов, но после попытки зачистки ректорского особняка переосмыслил своё будущее и запросил перевод на факультет саппортов. В данный момент учится принимать свою способность.
<br><br>
Секретная информация: Боится своей способности, но отшучивается, что она слабенькая и ему просто лень напрягаться; о второй так и вовсе не распространяется, воспринимая её как побочный эффект первой.
Подозревает, что однажды рехнётся с таким соседом по комнате. С тех пор как в прошлом году попросил об одном деликатном одолжении, покой ему только снится. Переезжать, впрочем, не торопится.
</div>
</div>
</div>
</div>
[/html]
