[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> Уровень доступа: С </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/328/62407.png"></center>
generation art<br>
Пол: девушка<br>
Дата рождения: 11.05.2099<br>
Возраст: 26 лет<br>
Рост и вес: 179-67<br><br>
Семейное положение: одинока<br>
Должность/Статус: разведчик/шпион<br>
Ник в чате академии: kalindzhi<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>
- если устройство запаролено, данные зашифрованы, то требуется примерно в два раза больше времени для доступа, чем обычно <br>
варианты: <br>
временное воздействие: пример - изменяет содержимое документа на час/другой отрезок времени (после ее воздействие пользователь компьютера будет видеть другую, предложенную ему информацию, вместо искомого документа) <br>
постоянное изменение: меняет кусок кода, данные навсегда
<br><br>
Ограничения:<br>
- не может подключиться к устройству, если порты у него в принципе отсутствует<br>
- сессия подключения длится не более часа, между такими сессиями необходим перерыв хотя бы 10 минут, возможно до трех полноценных (удачных) сессий в сутки<br>
- временное воздействие неприятные ощущения - покалывания в кончиках пальцев и волос (да, в них тоже есть чувствительность);<br>
- постоянное изменение может привести к обморочному состоянию после воздействия, головной боли, так как приходится затратить гораздо больше энергии (зависит от объема измененных данных)
<br><br>
</div>
<div class="body-left-4">
► Магнитная стрельба <br><br>
Применение: применяется на живые объекты при фокусировке внимания (если это возможно зрительно) <br>
<br>
Описание способности:<br>
прицельный глаз фокусируется на цели (зрачок приобретает очертания прицела), после этого объект становится "захвачен"; кончик ее оружия (огнестрельное, холодное) наводится на искомый объект - так, между ними образуется определенный магнетизм - сила, энергия, которая заставляет объект выйти из укрытия, высунуться, показаться, пока между оружием и целью не будет четкая ровная линия; если объект начинает сопротивляться - испытывает мучительную боль
<br><br>
Ограничения:<br>
- может удерживать внимание в течение минуты, с перерывами в 5 мин<br>
- дальность действия до 100 м<br>
- не возможно применение на объекты со способностью-защитой от ментального воздействия<br>
- до 10 целей в день<br>
- временное помутнение зрения после использования способности (до получаса)
<br><br>
</div>
<div class="body-left-5">
Закрытая. А потому редко о себе рассказывает. Мало друзей. Ненавидит тех, кто обидел. Испытывает теплую привязанность к тем, кто дорог. <br>Предпочитает работать одна или в общей команде. Не любит шумные компании. Часто вызывается добровольцем на опасные задания. Ей палец в рот не клади.<br>
Слушает древнюю певицу Земфиру, Лакримозу и Рамштайн.
</div>
<div class="body-left-6">
Лета родилась и провела раннее детство в Оттаве.<br>
Мать - медицинский работник.<br>
Отец - программист.
<br><br>
Когда обосновался Джаспер, всю их семью, как преданных и разделяющих идеи Вирида, пригласили и перевезли жить и работать в Джаспер. Где Лета и провела большую часть своей юности.<br>
Отец хотел мальчика (классика…), а потому растил Лету как сына. Учил стрелять, работать с техникой. В одежде - она и сама предпочитала далеко не юбки и платья, и ременную кобуру вместо сумочки для косметики. С детство была с компьютерами на "ты".
<br><br>
Когда Лете исполнилось 16 - она впервые попала на миссию, секретную операцию в Оттаве, в которой учавствовали оба ее родителя. Миссис и мистер Эдельвейсы взяли ее под свою ответственность, давая возможность дочери проявить себя, и не без оснований считая, что её навыки очень пригодятся. А сама она уже на тот момент могла дать фору в стрельбе и взломе компьютерных систем многим взрослым.<br>
Однако, ряд несчастных обстоятельств привел к тому, что большая часть группы погибла, включая мать Леты. Отцу удалось сбежать раненным. Лете уйти от цепких лап Охры не удалось. Долго "бегать" по городу и прятаться она не смогла. Девочку-подростка засекли при использовании способности - попытке проникнуть на один из продовольственных складов. Охровцы схватили ее и поместили в интернат для измененных.
<br><br>
Врожденный талант и способности Леты слишком приглянулись Охре и по достижении совершеннолетия ее направили в элитную Академию в сельве, на факультет связи и информационной поддержки. Который она, не сказать что с легкостью, но успешно заканчивает. Наиболее успешные ученики не раз попадали и на более сложные миссии, в более опасные точки, выполняя особые задания. Тот опыт, через который она прошла за годы учебы в академии - оказался неоценим и позволил закалить характер.
<br><br>
После окончания учебы, Лета остается в академии - вначале ее определяют в службу безопасности хозяйственного сектора. После - переводят в отдел снабжения (разведывательные операции, охота, отлов, добыча ресурсов и информации). Здесь она чувствует себя полезной.
<br><br>
Здесь же в стенах Академии она знакомится с будущим деканом шпионов (в одном из его обликов). С образованием нового факультета - он предлагает ей сотрудничество. Лета соглашается, продолжает выполнять свои прочие рабочие обязанности, но теперь - она шпион.<br><br>
Секретная информация:<br>
происхождение шрамов, говорит: зверь подрал.
</div>
[/html]
Отредактировано Leta Edelweiss (2025-03-11 23:24:13)