[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: 470px;
position: relative;
}
.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: 470px;
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/814639.png"></center>
Oberon/Fate<br>
Пол: Мужской<br>
Дата рождения: 2118, июнь 4<br>
Возраст: 6 лет <br>
Рост и вес: Человек: 182 см, 71 кг. Форма монстра: 14 метров в длину, размах крыльев 28 метров, вес 650 кг. <br>
<br>
Семейное положение: Неженат. <br>
Должность/Статус: Студент, курс 2, факультет Саппортов.<br>
Ник в чате академии: Cut1e_Asi<br>
<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>
Ограничения: Для полной трансформации требуется примерно 10-20 секунд, однако чтобы сделать частичную трансформацию требуется около минуты. Но в любом из вариантов требуется около полу часа для обратной трансформации. Действует трансформация бессрочно. При трансформации в бабочку он не может говорить и издает только стрекочущие звуки, также все трансформации имеют неприятные ощущения.
<details><summary>Форма бабочки</summary><img src="https://forumupload.ru/uploads/001b/fb/3e/281/455586.jpg"></details><br><br>
</div>
<div class="body-left-4">
► Феромоны <br><br>
Применение: Активно-пассивное, на окружающих. <br><br>
Описание способности: Вокруг измененного исходят, особые невидимые феромоны. Сами по себе они никак не вредят окружающим, однако стоит их почувствовать любому существу - что обладают обонянием или же его аналогом, они начнут положительно относиться к обладателю данных феромонов, а существа противоположного пола и вовсе могут начать испытывать к нему симпатию и в некоторых случаях половое влечение. Радиус действия распространения феромонов - 10 метров, время действия - 5 минут (в области феромонов бессрочно).<br>
Активное применение: Использовав способность на конкретном существе, если оно было агрессивно настроено, то оно тут же забывает про свою злость и ненависть к обладателю феромонов и оно испытывает странное желание продолжить род с обладателем феромонов, забывая про всё на свете и игнорируя всё вокруг. Действует 5 минут.<br><br>
Ограничения: Действие феромонов в пассивном состоянии ограничено на группу до 10 человек, при использовании активных феромонов действие ограничивается 1 человеком и феромоны перестают работать на двое суток.
<br><br>
</div>
<div class="body-left-5">
Успеваемость: Выше средней.<br><br>
Крайне добрый и отзывчивый "человек". Всегда старается казаться милым и красивым, чтобы к нему относились хорошо и не угрожали его безопасности. Всегда готов помочь тем кто просит помочь, но только это исключительно для того, чтобы расположить к себе человека, но если осознаёт, что это только испортит его отношение к окружающим или тем кто дают ему блага, он откажется помогать, но и никому не станет докладывать, если только не касается чего-то совсем радикального (например убить кого-то из учеников или преподавателей). Учится старательно, чтобы оправдать ожидания академии и охры, однако может легко сменить своих "кормильцев", если те обеспечат ему большую безопасность и блага.
</div>
<div class="body-left-6">
Шесть лет назад монстр насекомого вида оставил свои яйца недалеко от поселения сектантов. Он был одним из тех, кто вылупившись из кладки толпой голодных личинок, ничего не знающих и не ведающих кроме голода и желания выжить, устремился в вентиляционную систему бункера. Он полз в рядах самых последних и смог увидеть растекающиеся слизью личинки уничтоженных собратьев, успел понять крупицами своего зарождающегося сознания насколько бесполезная это затея, пытаться съесть того, кто очевидно сильнее тебя - людей. Именно тогда, у гусеницы, в ужасе спрятавшейся в канализации бункера, зародился идеал - вырасти, чтобы стать как они, те кто так легко способны уничтожить всех его собратьев. Это ли не верх эволюции и демонстрации силы?<br>
Его конечно после нашли, долго скрываться среди нечистот по трубам не получилось, но он настолько сильно дрожал от страха при виде людей обнаруживших его, даже не пытаясь напасть, что его посчитали по своему полезным монстром - монстром, что поглощает мусор и нечистоты и в итоге, временно решает проблему, что делать с отходами, которые всегда неминуемо привлекали к бункеру сектантов других монстров. Его решили оставить, пока он мал и полезен, а после убить как только подрастет... Но вначале его очевидная польза заставляла оттягивать решение о ликвидации, а после когда он внезапно, через год своего подобного существования, окуклился и замер переливающимся монолитом, его временно поместили в защищенную изолированную комнату, максимально удаленную от всех жилых помещений. Решение принятое не из жалости - только практичные соображения - будет ли съедобным родившейся из куколки монстр или способен другим способом принести бункеру пользу? Узнать ответ сектанты не смогли, еще до момента вылупления, скрытый на территории бывшей Японии бункер обнаружили сотрудники Охры. В ходе захвата бункера, большинство сектантов были убиты, а маленькие дети, которые предположительно могли являться измененными, отправлены на перевоспитание в интернаты.<br>
Вылупившегося из куколки ребенка - ничем внешне не отличающегося от человеческого, обнаружили только месяцем позже, когда сотрудники Охры обыскали все закоулки захваченного ими бункера, пытаясь найти и унести все хоть сколько-нибудь полезное и ценное. Тогда сотрудники Охры посчитали, что просто пропустили спрятавшегося ребенка и отправили того в интернат. В интернате быстрый темп взросления “ребенка” списали на еще одну уникальную способность этого конкретного измененного и ориентируясь только на его внешние данные и уровень умственного развития, в возрасте пяти лет отправили учиться в академию. <br><br>
Секретная информация: Никто, абсолютно никто не знает об том, что он нелюдь. Для окружающих его способность - это стрекота, а так же ускоренное взросление. Если кто-то когда-то узнает о том, что он нелюдь он в первую очередь попытается отмахнуться и сказать, что это просто его способность превращаться в насекомое, однако если тот не поверит - придётся испачкать руки в крови, ведь что смогут сделать люди огромному монстру бабочке?
</div>
[/html]
Отредактировано Semi Ashur (2024-10-24 21:13:36)