[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/79/t729317.png"></center>
Original Art<br>
Пол: мужской<br>
Дата рождения: 15.07.2100
<br>
Возраст: 25 года <br>
Рост и вес: 174 см, 70 кг<br>
<br>
Семейное положение: холост<br>
Должность/Статус: Преподаватель философии в Кризис менеджмент “криэйтеры”<br>
Ник в чате академии: Midas<br>
<br>
Отличительные признаки
<br>
Цвет глаз: бледно-голубой<br>
Цвет волос: белый<br>
Татуировки/Шрамы/Пирсинг/Пигментация:множество пирсинга на ушах
</div>
<div class="body-left-2"><br>
Видно этого мальчика удача поцеловала в макушку. Эдриан оказался довольно симпатичным юношей несмотря на свой патогенный дефект. Так получилось, что его кожа бледного цвета, волосы белые, а глаза, едва можно уловить их голубой оттенок. Однако, научился не жаловаться, наоборот, недостаток превратился в особенность. Из-за дефекта гена, природные условия почти злейшие враги. Летом может обгореть, зимой обветрить кожу, поэтому спасается кремами. Глаза тоже до невозможности податливы и с трудом переносят яркие цвета и открытое солнце. Да и зрение его шалит, поэтому практически всегда находится в линзах или спасается очками. Это же не повод пропускать вечеринки с неоновыми огнями!<br>
Волосы не стали исключением, они тоже у юноши белоснежные. Как-то еще с детства решил их не обрезать, поэтому на данный момент они чуть ниже талии. Любитель сомнительных причесок, хвостик, косички, странные гульки в которых можно найти ручки и карандаши, особенно во время подготовки к занятиям. В основном любит распущенный вариант.<br>
Роста он тоже не большого да и с детства худощав. Зато сейчас любой наряд ему к лицу, особенно если подшить брюки. Насчет одежды вопрос интересный. Считает, что человек диктует моде, что сейчас в тренде. Хоть его любимый стиль это деловой, в его гардеробе чего только нет. Падок на украшения, нравится белое золото и драгоценные камни.
</div>
<div class="body-left-3">
► Рука Мидаса<br><br>
Применение: активная способность, применяется только если носитель прикасается к предмету или к живому существу.
<br><br>
Ограничения:Скорость превращения зависит от внутренних сил носителя. Экстренное создание чревато потерей сознания, в остальных случаях можно отделаться головной болью и звоном в ушах. <br><br>
Описание способности: Сначала на объекте появляется легкое золотое напыление, но следом предмет превращается в металл. Не стоит забывать о весе металла. Довольно активная способность, стоит только подумать о золоте. Скорость превращения предмета или живого существа в золото зависит от физического состояния Эдриана.<br>
Превращение живого существа в золотую статую происходит медленней, чем превращение предмета, так как металл повторяет внутреннюю структуру предмета, заменяя его на металл. Если Эдриан уберет руку, процесс остановится. Обратное превращение возможно, но отнимает очень много энергии. Это не обходимо в течение часа, иначе процесс будет необратимым. При этом живое существо будет ощущать агонию
</div>
<div class="body-left-4">
► Полиграф <br><br>
Применение: активная способность, работающая на расстоянии до 25 метров. <br><br>
Ограничения: Работает только если собеседник отвечает на вопрос, если задает встречный вопрос, то не получится узнать верный ответ. Кроме этого при долгом использовании вопроса носитель способности очень устает, падает давление.<br><br>
Описание способности: Способен распознавать ложь. Для этого Эдриан должен задать прямой вопрос. Если ответ верный, он ничего не почувствует, если отвечающий лжет, это отзовется покалыванием кончиков пальцев.
</div>
<div class="body-left-5">
У Эдриана довольно двуличный характер. Он может поддерживать тебя и даже давать советы, но скорее всего это делает исключительно в личных интересах. Больше денег он любит только собственную индивидуальность. Харизмы у Миноса хоть отбавляй, как и эго, так как он ставит себя выше многих людей, что не могут добиться ничего в жизни и знают, что только жаловаться на свое существование. Правда, сам готов впасть в такое же состояние. Очень тяжело переносит свои личные неудачи. Готов из кожи вон лезть, чтобы добиться должного результата. Каждый день уговаривает себя встать с кровати. Толком не имеет цели и можно сказать, что Эдриан только вступил на путь поиски себя. Нередко можно заметить сомнительные атрибуты, это он так ищет свои хобби. <br>
В трудных ситуациях он всегда собранный и холодный, с легкостью принимает решения, хотя в обычной жизни и не знает, какую лучше выбрать ручку для записей. Его черный юмор отдельная песня, не боится ни черта ни бога. <br>
Можно повториться, сказав, что деньги это самое ценное, что есть, но не зря его назвали Миносом. К слову, сам опаздывает как черт, но когда кто-то заставляет ждать больше десяти минут начинает злиться. Очень много пьет кофе, а еще тот еще сладкоежка. Иногда его след можно поймать из-за тропинки фантиков. Привык жить одним днем, так что тратит деньги, хорошо отдыхает, а потом с утра пьет витамины, чтобы головная боль отступила.
В целом его можно назвать экстравертом, его экспрессия подобна вулкану. Своей энергией и цепляет людей, являясь каким-то социальным магнитом. Очень быстро находит общий язык, да и в целом милый человек, если не начать с ним ругаться и ссориться. Злопамятный, но мстит мелкими пакостями.
На работе Болейн на одной волне со студентами, таких студенты любят. То предлагает посмотреть научный фильм, или же разобрать суждения философа, прочитать с листочка реферат. Когда злится, то заставляет трактаты писать от руки. Преподаватель настроение, переменчивый, как сама философия. Но к контрольным и экзаменам сурово относится, как и к отработкам, иначе студенты на шею сядут.
</div>
<div class="body-left-6">
Его жизнь словно медом намазана. Эдриан родился в самой обычной семьи, его окружало все самое обычное и игрушки и еда. Все изменилось, когда мама нашла в детской слиток золота, правда в виде машинки, тяжелый. Отдали в ломбард и получили довольно приличное состояние. Это сумма стала хорошим стартапом для личного бизнеса. Например, мать открыла небольшой салон красоты, отец скромно открыл несколько ресторанов, как и хотел сделать. Ребенок стал золотым билетом в будущее. Конечно, можно было постоянно сидеть на шеи ребенка, однако, решили, что и сами в состоянии зарабатывать. А такой подарок судьбы просто дал возможность предпринимательской жилки расти. К слову, ребенок с детства тоже не знал проблем в деньгах. Хотя и было подозрительно, что взрослые на золотую ложку спокойно продавали мороженное, но это же их дело!<br>
Родители хоть и объясняли, что лучше не показывать свои силы, однако, ветренность Адриана восхищала. О золотом мальчике очень быстро узнала Охра, которая забрала ребенка в интернат. Именно там Эдриана научили азам финансовой грамотности, чтобы не обесценивал свой дар. Болейну пришлось научиться пользоваться обычной оплатой, оставляя свое золото на крайние нужды. С родителями он больше не общался, но был уверен, что все хорошо. В интернате тоже особых проблем почему-то не возникло. Конечно сначала было трудно, но даже к плохому быстро привыкаешь. <br>
Дальше его жизнь стабильно протекала по всем пунктам обычным маркерам социальной жизни. Особенно понравилось в академии. Да, Болейн отметился там как яркая звездочка на небосводе, и глубоко не знаниями. Хотя оценки по итогу были хорошими, конечно, за него работы писали и домашние задания делали, за исключительные подделки ручной работы. На первом курсе получил свою вторую способность и мог спокойно определить, кто лжет, а кто говорит правду.<br>
Казалось, что время пролетело так незаметно. Куда же после этого следовать? Конечно в учителя. Чтобы не ломать голову выбрал пальцем в небо и выбрал философию. В принципе, выбор ему понравился. Но есть и профессиональная деформация, постоянно цитирует мыслителей.
<br><br>
Секретная информация:
</div>
</div>
</div>
</div>
[/html]
Отредактировано Adrian Boleyn (2023-11-09 15:54:09)
