[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://i.postimg.cc/hGFNfDVB/image.jpg"></center>
Uta Takahiro/Tokyo Ghoul<br>
Пол: мужской.<br>
Дата рождения: 2.12.2096.<br>
Возраст: 28 лет.<br>
Рост и вес: 177 см и 57 кг.<br>
<br>
Семейное положение: холост.<br>
Должность/Статус: куратор студентов 1-ого курса и миссий. <br>с апреля 2124 - полевой командир Мадженты.<br>
Ник в чате академии: Relativity.<br>
<br>
Отличительные признаки
<br>
Цвет глаз: красный.<br>
Цвет волос: белые (из-за альбинизма), окрашенные в чёрный.<br>
Татуировки/Шрамы/Пирсинг/Пигментация: тело покрыто множеством татуировок (самая крупная, в форме солнца, красуется на груди), уши и лицо украшены пирсингом.<br>
</div>
<div class="body-left-2"><br>
Высокий долговязый мужчина. Придерживается неформального стиля в одежде, украшениях и обуви; иногда, шокирует окружающих классическими костюмами. Длинные волосы укладывает на правую сторону и собирает в хвост (с левой стороны – выбривает). Красит ногти на руках чёрным лаком. Глаза густо украшает чёрной подводкой. Походка – быстрая, плавная, бесшумная, осанка – прямая, голос – спокойный, мягкий, хрипловатый.
</div>
<div class="body-left-3">
► Альтернативная реальность<br><br>
Применение: активная способность, применяется на себя или на других, радиус действия варьируется по желанию пользователя от нескольких метров до пятисот метров, максимум. <br><br>
Ограничения: для активации необходимо иметь в поле зрения цель(и) и, в течении пяти минут концентрироваться на визуальном представлении её(их) в выбранной точке. Время действия зависит от концентрации: если ослабляется она, то ослабляется и способность, постепенно возвращая субъект(ы) в привычную реальность. Действует только на живых организмов. После отката способности, изменённый нуждается в физическом и моральном отдыхе, в течение суток, лучше всего – во сне. Побочный эффект: при длительном использовании, изменённый утрачивает связь с объективной реальностью, расплачиваясь зрительными галлюцинации.
<br><br>
Описание способности: погружение сознания человека в придуманные миры. Новые реальности сохраняют физические законы объективного мира, отличаясь причудливым и вычурным видом.<br>
1) Механикус – реальность, состоящая из множества бесконечно крутящихся шестерёнок и воздуха.<br>
2) Страна чудес – реальность идеальных садов и аллей деревьев в геометрически приятных формах. Длительное пребывание может вызвать привыкание.<br>
3) Ахерон – реальность из твёрдой поверхности и парящих в воздухе железных кубов.<br>
4) Бесконечный лабиринт – зиккурат с бесчисленными лестницами, туннелями и комнатами.
</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>
Вредная привычка: курение.
</div>
<div class="body-left-6">
Единственный ребёнок семьи Хоул быстро превратился в объект многих надежд и планов. Повзрослев, он должен бы сменить своего родителя на посту руководителя энергетической компании. Смышлёный, наблюдательный, общительный и активный, Фрэнк воспитывался штатом педагогов, возглавляемым отцом и матерью, с первостепенной целью: подготовить отпрыска к наследованию. Готовое положение в обществе – что нужно для счастья? (Кому богатое семейство было обязано своим высоким статусом и материальным состоянием, мальчик не знал. Интересовался, уже будучи, подростком, однако, так и не смог выяснить, несмотря на доверительные отношения в семье). Большая, со вкусом обставленная квартира, в центральном районе, друзья из одного социального круга, развивающие игры, много острого и сладкого на ужин, но строгий режим дня и многочисленные наставления для прочного осознания своего места и ответственности, приобщение к эстетической картине мира (со стороны матери) – так и проходили бесконечные дни, пока не пробудилась первая способность.<br>
Теперь, мальчик развлекался, изменяя кусочки реальности под себя, погружая окружающих в красочные выдуманные миры, где что-то то пропадало, то проявлялось. Его мысли трансформировали действительность в размере личной комнаты, а через несколько лет, достигли всего жилища, меняя цвет, размер, сами предметы, позволяя устраивать розыгрыши для ничего не ожидающих родственников. Прагматичному отцу это не нравилось, и он часто обещал отправить сына туда, где мальчик ещё устанет забавляться с чужим сознанием, но будет поздно. Свою угрозу он никогда не выполнял, зато ограничил количество людей, знающих об изменённом, и строжайше запретил выкидывать всякие фокусы при посторонних. Он открыто рассказал, что их ждёт, в случае обнаружения этой силы. Для учителей и друзей, Фрэнк вынужден был тщательнейшим образом сохранять тайну о своём умении и вести себя, словно обычный ребёнок. Когда взыграли гормоны и эмоции стали неуправляемыми, а пинок мяча отправлял игрушку в продолжительный полёт, разрушая преграду, обещание стало мечтой. Мечтой «сплавить отпрыска в элитную академию». До совершеннолетия, изменённый не покидал надёжного укрытия, формируя привычку досконально изучать местность, от скуки. В восемнадцатый день рождения, сломавшись под давлением своего секрета, юноша сам сдался Охре. <br>
В элитной академии всё оказалось совсем не так, как парень ожидал, к чему привык. Его общительность выветрилась, уступив место задумчивости, появилась первая вредная привычка, заимствованная у немногочисленных друзей. Фрэнк не любил распространяться о происхождении, стараясь заминать подобные разговоры при любой возможности. Он тяжело переживал расставание с родными, не понимая этих запретов на общение. Родители переводили деньги на его счёт. Парень воспринял это, как предательство, как возможность откупиться и забыть, что, в свою очередь, добивало психическое состояние ещё сильнее.<br>
В первую неделю обучения парень перекрасил волосы и сменил стиль одежды полностью, чтобы скрыться. Не помогло, но новое отражение в зеркале юноше очень понравилось. На факультете кризис-менеджмента он сумел полностью погрузиться в управление способностями, год за годом смягчая нрав, не имел пропусков и усердно старался постигать смысл направления. Это, правда, не отменяло факта циничного отношения к выполнению миссий и маниакального желания сражаться, просто, чтобы стать сильнее. Хоул выпускал пар, чудом умудряясь оставаться в живых, зато, осознал ценность собственной жизни и научился получать полное удовлетворение от собственной природы. Свободное время Фрэнк проводил в кулинарном клубе, или за изготовлением кожаных фенечек, а территорию академии, вскоре, выучил всю, нарушая режим ночными вылазками, привыкая мало спать. Так было легче принимать не придуманные грёзы, а суровую реальность. <br>
После выпуска, несостоявшийся наследник богатого семейства, наладил удалённый контакт с родителями, но остался там, где, обрёл новый дом: став куратором студентов, после личной инициативы. Деятельность оказалась ему по душе: наблюдение, анализирование, отчёты. Любопытство в отношении обучающихся и коллег, теперь, проявлялось на полную катушку. Видеть, в кого превращаются новые студенты академии, как они справляются с собой и адаптируются к гармонии, сродни медитации.
<br><br>
Дезертировал из Академии в апреле 2124.
Секретная информация: Стесняется своего альбинизма.<br>
Переживает за студентов, как за самого себя. Понимает их непростую ситуацию и старается помочь, но незаметно. <br>
Интересуется истинными причинами создания «Охры» и поиска изменённых, осознавая огромную и, зачастую, разрушительную силу, оказавшуюся в руках таких же, как он.<br>
Стремится приспособить родные способности под мирное существование.
</div>
</div>
</div>
[/html]
Отредактировано Frank Howl (2023-12-12 19:20:39)
