[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> Уровень доступа: A </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/264/977874.jpg"></center>
Арты нейросети<br>
Пол: женский<br>
Дата рождения: 01.03.2083<br>
Возраст: 41 лет<br>
Рост и вес: 175 см, 65 кг
<br><br>
Семейное положение: сверху свободна<br>
Должность/Статус: сотрудник службы безопасности. Работает с отстающими студентами<br>
Ник в чате академии: Медуза<br>
<br>
Отличительные признаки
<br>
Цвет глаз: голубой<br>
Цвет волос: пепельный<br>
Татуировки/Шрамы/Пирсинг/Пигментация:<br> - множество различных татуировок по всему телу (руки, спина, бёдра)
<br>- шрамы скрыты под татуировками
<br>- пирсинг: по 3 сережки в каждом ухе, септум <br>
</div>
<div class="body-left-2"><br>
Высокая и стройная девушка. Глаза голубые и холодные, словно лёд. Волосы пепельного цвета. Кожа почти что фарфоровая, но макияж делает своё дело и хотя бы появляется румянец. Что касается прически, то здесь вечно Джессика что-то придумывает, так как из-за способностей может ходить сегодня с каре, а завтра с косой до пояса. Но пока что остановилась на практичной, как она считает, причёске - длинные волосы, заплетенные в дреды. Из одежды, чаще всего, предпочитает классический стиль, который подчеркивает её фигуру - брюки, рубашки, пиджаки. Да, её стиль частенько смахивает на мужской, но на женской фигуре даже костюм-тройка смотрится идеально. Что касается обуви - это тяжелые, грубые ботинки, которыми можно убить при большом желании. Редко носит аксессуары, кроме пирсинга.
</div>
<div class="body-left-3">
► Живые волосы<br><br>
Применение: Активная, применяется на других<br><br>
Описание способности: Джессика может отращивать свои волосы и управлять ими как угодно. Ими ничего не чувствует, сами волосы крепкие, как сталь и режут плоть, как масло - легко и непринужденно. Может сделать волосы как мягкими, так и твёрдыми, пушистыми и даже острыми, как ножи. Может управлять каждым волосом отдельно и всей копной сразу.
<br><br>
Ограничения: <br>
Особенных движений/жестов не нужно для активации, стоит лишь представить, что она собирается сделать своими волосами. Вытягиваться волосы могут на расстояние не более двадцати метров. Поднять или удержать вес получится в пределах 200 килограмм, больший вес пока не осилила. Если волосы отрезать, сбрить или сжечь, то отрастают обратно в течении часа. В момент управления всей массой волос может разделить ее на 3-5 частей "лоз".<br>
А управляя волосками - то максимум 30-50 одновременно.
</div>
<div class="body-left-4">
► Теневая марионетка <br><br>
Применение: Активная, применяется на других
<br><br>
Описание способности:<br><br>
Девушка захватывает противника тенями, лишая возможности двигаться. Так же тени, словно щупальца, могут окутать противника, закрыв ему глаза и погрузить в полную темноту. Тени могут перемещать противника, если того пожелает Джессика, а противник в свою очередь будет чувствовать лишь окаменелое тело, не в силах пошевелить и мизинцем. <br>
Привыкла обращаться к теням «мои девочки».<br><br>
Активная, применяется на себя<br>
Девушка может окутать себя тенями, чтобы защититься от внешних угроз. Угрозы просто растворяются в тени и не достают до девушки, оставляя её целой и невредимой.
<br><br>
Ограничения:
<br><br>
Для активации требуется тень, сила мысли и допустимое расстояние - 170 метров. Удерживать может любого противника не более 15 минут. За сутки получится использовать способность три раза. В общей сумме - 45 минут, которые могут разделиться на разные промежутки времени. <br>
Удерживать может любого противника за исключением тех, кто обладает защитой от ментального контроля.<br>
Единовременно может удерживать не более трех целей.<br>
Побочные эффекты: из-за большой нагрузки на глаза, с помощью которых Джессика поддерживает контакт с тенью, часто лопаются сосуды. Это объясняет моменты, когда девушка ходит с повязкой на одном глазу или на обоих. <br><br>
Защита тенями может длиться без перерывов 30 минут или разбиться на разные промежутки времени. 30 минут - ограниченное количество времени за сутки. <br>
Не может одновременно использовать защиту тенями и удержание. <br>
Побочные эффекты: головокружение.
<br><br>
</div>
<div class="body-left-5">
Джесс из простых девушек, в плане речей - прямая как шпала, даже через чур прямолинейна, но ничего с собой поделать не может. Она откровенна всегда и чаще всего это излишне. А что поделать, если ложь и лесть она с трудом воспринимает и уж тем более не хочет выпускать что-то подобное из своего рта! Намёков не понимает в упор, тонкие игры слов и разума - так же не её конёк. Всегда говорит как есть, всё в лицо, потому что «крысятничать» - это не про Джессику. У неё то ли отсутствуют, то ли сведены к минимум такие вещи как совесть, тактичность и стыд. Она не поймёт за что на неё обиделись, если она бабу жирной назвала, например, когда та и правда жирная. Только факты и ничего кроме фактов. Правда, за свой язык частенько расплачивается косыми взглядами или выговорами, но это лишь страшилки от начальства, которые её совсем не пугают. <br>
Утешать её тоже просить не стоит, такого явления она просто не понимает и прямо заявляет "чо ты ноешь, слабак, сдохни раз так хреново, проблем то?". Есть вопрос, есть ответ - для неё всё вот так просто. Нет сомнений, переживаний и волнений на пустом месте, да и зачем на подобное тратить своё время и нервы? Есть проблема - решай, а не сопли жуй!<br>
Жёсткая, суровая, доминантная личность, которая у многих не складывается в общий пазл при такой внешности, как у неё. Есть лишь несколько людей, с которыми она может общаться совсем иначе, словно её подменили, но таких единицы.<br>
Постоянно поправляет тех, кто произносит её фамилию иначе: «- ударение на третий слог. Ларамииии».
</div>
<div class="body-left-6">
- Родилась и выросла в семье военных, где отец не очень-то был рад появлению девочки на свет, ведь планы были уже построены на долгие годы вперёд и в них фигурировал мальчик. Высокий, крупный, сильный парень, который смог бы продолжить дело отца, воевать и дальше нести с гордо поднятой головой звание «из семьи военных». Хотя, это больше похоже на клеймо. Но родилась девочка, которая являлась полной противоположностью всего задуманного и пришлось работать с тем, что есть.<br>
- Эта «работа с тем, что есть» вышла более, чем удачной, как оказалось: девочка росла, становилась копией своего отца, потому что всегда хотела получить от него чуть больше любви и внимания, поэтому впитывала от него всё, словно губка. Думала, что он это заметит и наконец-то погладит по голове со словами «моя девочка, ты так похожа на меня. Ну точно моя».<br>
- Ничего из задуманного девочкой не вышло, когда её первые способности проявились и отец решил, что это знак и пора уже избавиться от девчонки. В один из дней мужчина напился и начал психовать, ругаться с матерью и почти что ударил её, но что-то пошло не по плану. Вновь. Джессика была свидетелем их ссоры и в момент удара остановила отца тенью. Просто закричала и просила остановиться, когда мужчина наступил на тень и застыл. Стоял, как вкопанный и тогда впервые в жизни Джессика увидела страх в его глазах. Страх и сожаление, что не избавился от неё раньше.<br>
- Охра уже на следующий день была на порок дома, отец довольным оскалом выпроваживал девочку из дома, а мать только отводила глаза в сторону, мол «не моё, ничего не знаю».<br>
- В интернате у девочки изначально были проблемы со способностями, а точнее с моментом контроля - Джесс просто не всегда понимала, как их можно контролировать и не давать им «своевольничать», но быстро начала учиться и из статуса «проблемная» ушла в «отличницы». <br>
- Позже открыла для себя вторую способность с контролем волос, но на тот момент ей казалось это какой-то глупостью и чем-то бесполезным, но тогда она ещё не знала до чего возможно развить эту способность. <br>
- в Академии так же была отличницей и отлично ладила со всеми, правда, не всегда ей говорили «спасибо» за её прямолинейность, ну это уже совсем другая история. <br>
- К своим годам успела побывать в нескольких горячих точках и не умереть, за что отдельное спасибо способностям, которые её пару раз смогли выручить.<br>
- Курировала героев, там же познакомилась с акулой Сэмом и была его начальником.<br>
- Позже осталась в Академии в первую очередь, как сотрудник безопасности и уже во вторую, как наставник для отстающих студентов. С собой в Академию утянула и Сэма, чтобы того не лишили головы, так как он представлял собой угрозу, хотя на деле люди просто боялись его. Всё, лишь страх страх обычных людей чуть не лишил его головы.
<br><br>
Секретная информация: ну прячет она за маской своей суровости очень чуткое и нежное создание, подумаешь. Что тут такого? Зачем открываться и потом страдать от этого?
</div>
[/html]
Отредактировано Jessica Laramie (2024-09-10 11:22:16)