[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/fb/3e/6/978819.png"></center>
Loki/The Scandinavian God<br>
Пол: М<br>
Дата рождения: 11.06.2076<br>
Возраст: 48<br>
Рост и вес: 192 см / 83 кг<br>
<br>
Семейное положение: разведен<br>
Должность/Статус: декан Кризис менеджмента<br>
Ник в чате академии: LOVEson<br>
<br>
Отличительные признаки
<br>
Цвет глаз: жёлтые с огненным отливом<br>
Цвет волос: красные и это первый redflag<br>
Татуировки/Шрамы/Пирсинг/Пигментация:
один выразительный косой шрам на рыжем лобке и ещё один довольно заметный за ухом, ведущий от линии волос к левой скуле. Множество мелких ссадин и шрамов — обычное дело. Немного веснушек на лице, плечах, груди и на бёдрах. Серьга в правом ухе.
</div>
<div class="body-left-2"><br>
Его сложно пропустить в толпе, потому что Локи обычно выглядит как спизженная из магазина подарочная бутылка вискаря, обмазанная хейтерскими комментариями и слюнями многочисленных поклонников. Когда все стояли в очереди за счастьем, этот тип стоял за стилем. А потому его абсолютно невозможно ни увидеть, ни даже представить в трениках или в чём-то скучном. Больше глиттера, больше бурлеска! Его наряды — каждый как произведение искусства. Иногда так посмотришь, и даже не веришь, что мужик может напялить такое. А он может! Он и не такое может! <br>
Худощав, белокож. Порой прям так бледен, что кажется вот-вот и пора звонить в скорую. Но лучше подождать, конечно, скорее всего ему просто холодно.<br>
Ручищи, кстати, не смотря на свой хрупкий вид — ну, чисто пальцы пианиста! — довольно сильные, цепкие. Как сдавит — мало не покажется.<br>
Выглядит чуть моложе своих лет. Не брезгует макияжем. Любит и глазки чёрным подвести, и блёстками облепиться. А губы его всегда лоснятся от гигиенической помады.<br>
Ко всему, Локи ещё и благоухает. Если он где прошёлся — это прям очень легко понять по длиннющему шлейфу выразительного цветочно-мускусного аромата, словно кто-то в клумбу накончал.
<br>
</div>
<div class="body-left-3">
► Создание иллюзий<br><br>
Применение: активная, прям очень активная. Радиус действия — 100 метров. <br><br>
Ограничения: для активации ему нужно хорошо сконцентрироваться и детально представить картинку, которую он собирается передать в разум другого существа (кстати, не только человека). Для чего так же нужен зрительный контакт. Чем дальше объект — тем, соответственно, сложнее передать ему отчётливый образ, однако, тут дело больше в концентрации самого владельца способности. А так же в ментальной силе того, на кого она направлена. <br>На кого-то тупого и упрямого, с проблемами собственного воображения, она будет действовать достаточно топорно, а вот на личность творческую, легко поддающуюся внушению — идеально. У последней такие вертолёты будут — что можно ощутить и запах, и текстуру и даже звуковые галлюцинации. <br>
Локи эту способность свою обожает, но вот побочка от неё не из приятных — пониженное давление и сильные головные боли. Можно, конечно, компенсировать медикаментами, но если использовать режим чародея более 15 минут — то могут и не откачать уже. Так что минуты ему в среднем вполне достаточно.<br><br>
Описание способности: Создаёт в голове другого живого существа яркие визуальные образы, не отличимые от реальности. Чем чувствительнее и восприимчивее объект — тем многограннее ощущения. Вкус, звук, тактильные ощущения, запах — это тоже всё реально, однако сработает далеко не на всех.
</div>
<div class="body-left-4">
► Аморфизм <br><br>
Применение: активная способность, область действия — в пределах 3 квадратных метров.<br><br>
Ограничения: плотность газообразной формы очень зависит от внешней температуры. Например, в горячем помещении рассеиваемость будет максимальной, в холодном — едва-едва. Не способен просачиваться сквозь совершенно закрытые двери, но банальной замочной скважины ему вполне достаточно. Поддерживает газообразное состояние до часа. Но это прям максимум. В среднем — минут 5 ему вполне достаточно, особенно если использовать в комплекте со второй способностью. Для активации ему достаточно просто подумать о лёгком газике и не попасть при этом под сквозняк.<br><br>
Описание способности: Аморфизм — превращение тела в газообразное вещество. Локи превращается в бесцветный газ в горячем помещении и в тёмную непонятную субстанцию — в холодном. В очень холодном — даже сложно понять обратился ли он или даже не пытался (по сути будет второе).
Может превращаться как весь целиком, так и фрагментарно, перемещая отдельные части тела в виде газа в пределах действия способности.
</div>
<div class="body-left-5">
Артистичный, манерный, уверенный в себе мужчина без комплексов. Быстрые, даже резкие, движения выдают в нём натуру эксцентричную, вспыльчивую. Неожиданно низкий, хрипловатый голос в моменты эмоционального накала тут же становится мерзко-писклявым, истеричным. Может запустить чем попало даже в самого ректора, если тот попадёт под горячую руку.<br>
Любит испытывать студентов на прочность, устраивая изощрённые розыгрыши, запугивать, наводить суету. <br>
Его моральный компас не то, что барахлит, он так давно сломан и проёбан с концами, что не стоит даже пытаться взывать к его морали. Её просто нет. <br>
Влюбчив. Ужасно. Может импульсивно втрескаться в какую-нибудь студентку или преподавателя и месяцами преследовать со своими навязчивыми предложениями руки и сердца. Естественно, временно. На длительные привязанности он не способен. <br>
Однако, если дать ему шанс — может быть внезапно очень мил и романтичен. В любом случае, пусть короткий, но яркий роман с ним может обернуться крайне незабываемым опытом.
</div>
<div class="body-left-6">
Отпрыск непристойно богатого семейства, корнями уходящего так далеко в историю европейского капиталистического процветания и кровосмешения, что там уже не просто голубая кровь, а прям денежно-валютная. Тяжкий труд в его генетическом коде не был прописан изначально, прям вот с базовых настроек. Он баловень, он принцесса, единственный любимый сыночек своей холодной матери с замашками императрицы вселенной. И такого же прекрасного недружелюбного отца. С пелёнок маленького Локи целовали в попочку буквально все — от челяди до важных чинуш. Умилялись, нахваливали. Прочили место в Мировом правительстве.
<br><br>
Для последнего всё прям было налажено: и батя — не последний человек в "Охре", и неординарный ум родовитого отпрыска, и приятная внешность, и, конечно же, нескромные семейные сбережения. Всё подпортила лишь вторая способность, внезапно проявившаяся в пиздюковском возрасте. Да, именно вторая. Первую, как ни странно, мелкому Локи успешно удавалось скрывать. Потому что врал он аки боженька:<br>
— Кто разрешил тебе есть шоколад?<br>
— А это не шоколад!<br>
И честный взгляд невинных глаз превращал воду в вино, а ложь в чистейшую правду.<br>
Честно признаться, с первой способкой у него были все задатки на духовного лидера. Но вот вторая! Вторая всё портила. Вторую было сложно скрыть и ещё сложнее контроллировать. Когда обычные подростки пили колу в Маке и бурно отрыгивали, Локи сам превращался в отрыжку. Стрёмную шо мама не горюй. <br>
Хорошо, что воспитывалось высокородное чадо не где-нибудь, а в частном котедже, и данный конфуз наблюдали лишь очень избранные люди без имени и без могил.
<br><br>
Когда отец узнал, он очень сильно расстроился. А к тому времени как раз было модно провинившимся малолеткам "татушки" набивать с загадочным "М"-статусом. Тут уж сам Локи воспротивился. "Я же — Локи Лавсон, — говорит, — У меня инициалы совсем другие. Мне эта херня не подходит, папань, делай чо хочешь, но хрен я позволю тело своё расчудесное непотребщиной марать." И как начался подростковый бунт, как пошла сепарация. Батя аж с трудом откупился, но сыночку своего корзиночку не бросил. Всё же единственная кровиночка и офигеть какое пятно на репутации семьи. Сошлись на том, что татуху ему как бы набьют, но и не набьют. Такая вот метка Шрёдингера.
<br>
А потом было дорогущее обучение в колледже для фриков. И хоть Локи там звёзд с небес не хватал, но карьера Лавсона старшего как раз в тот период в гору пошла. Сиена, Охра, развитие мировой культуры — бизнес прям попёр. Так что, воспользовавшись положением, пока батя сильно занят и всем стало как-то не до семьи, умный сынуля бегом прихватил скромный запас будущего наследства, да и драпанул в путешествие по миру. Вот уж где была настоящая свобода! В дороге Локи писал книги, строгал детей, разбивал семьи и бизнесы, а когда баблишко стало заканчиваться — пытался с горя писать картины и даже играть в кино. Но всё ему быстро наскучивало.
<br>
Пока кризис среднего возраста судьба не привела его в академию. И вот тут-то пошло как по смазке. Наконец-то Локи проникся своим истинным призванием в жизни. Критические ситуации, молодые студентики, и беспощадная нехватка кадров из-за идиота в новостях...ммм... Вот где было ему разгуляться да проявить себя на все 200%!
<br><br>
Секретная информация: ✔️ Раним, обидчив, добродушен и пиздец как заботлив.<br>
✔️ Имеет скрытый фетиш на тех, кто выше по рангу.<br>
✔️ Метка на левой лопатке офигеть какая настоящая, хотя сам Локи до конца в это не верит — ему приятнее думать, что папка его любит.
</div>
</div>
</div>
</div>
[/html]
Отредактировано Loki (2023-10-26 14:38:58)
- Подпись автора
