[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
/* Коллонки */
/ 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">Способность</label>
<!-- Слева 4 -->
<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Характеристика</label>
<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Биография</label>
<div class="tabs-body">
<!-- Контент вкладок слева -->
<div class="body-left-1">
<center><img src="https://forumupload.ru/uploads/001b/fb/3e/21/569380.png"></center>
Otogi Katsura | Fall in Love False Angels<br>
Пол: жен.<br>
Дата рождения: 17/02/2105<br>
Возраст: 19 <br>
Рост и вес: 155 см. / 45 кг.<br>
<br>
Семейное положение: -<br>
Должность/Статус: Студентка 2 курса факультета Связи и Информационной Поддержки. <br>
Ник в чате академии: wang_a<br>
<br>
Отличительные признаки
<br>
Цвет глаз: янтарные.<br>
Цвет волос: розовые (окрашенные); светлый каштан (природный).<br>
Татуировки/Шрамы/Пирсинг/Пигментация: Шрамы на коленях и левой руке. Происхождение – вероятнее всего, термические ожоги.
</div>
<div class="body-left-2">
Небольшого роста, без выраженной мускулатуры и в целом миниатюрная – в чемодан легко влезет (не спрашивайте, кто проверял и как).
<br><br>
Черты лица мягкие, ничем не примечательные. Когда злится – становятся заметны ямочки на ещё по-детски пухлых щеках.
<br><br>
Непослушные волосы, что спускаются едва ниже плеч, предпочитает заплетать в два хвостика/косички ради удобства.
<br><br>
В одежде предпочитает удобство стилю. Носит практически всё, что попадётся под руку. Чаще всего же можно увидеть в форме академии, либо в чём-то спортивно-повседневном.
<br><br>
Голос высокий, звонкий. Уверенность в нём можно услышать лишь во время очередного спора, уговоров или приступа паясничества.
<br><br>
Двигается осторожно, размеренно, будто постоянно поджидая нечто из-за угла. Имеет привычку закатывать глаза на любое неприятное услышанное слово / замечание.
<br>
</div>
<div class="body-left-3">
► Видение будущего<br><br>
Применение:
<br>
Пассивная (неконтролируемые видения) /активная (контролируемые видения); способность, позволяющая предвидеть события ближайшего будущего.
<br><br>
Описание способности:
<br>
Длительность видения: от 10 до 30 секунд.
<br><br>
Временной промежуток, доступный для предсказания: 1 год в будущее – максимум, два часа вперёд – минимум.
<br><br>
Контролируемые видения можно вызвать прикосновением к предмету/человеку. Неконтролируемые приходят сами.
<br><br>
У каждого прозорливца видения принимают свою форму – кто-то слышит звуки, ощущает эмоции и мысли других людей, кто-то же наблюдает образы. К последним и относится Алекс.
<br><br>
Какие-то из наблюдаемых ею видений бывают довольно чёткими и понятными для интерпретации, иные же являются их полной противоположностью.
<br><br>
Чаще всего типичное для Алекс «предвиденье» - это разрозненные изображения: образы предметов, лица людей, места. Все эти элементы бесполезны по одиночке – их необходимо собрать в единую картину и истолковать. От правильности толкования может… зависеть оценка по контрольной или же чья-то жизнь.
<br><br>
Ограничения:
<br>
Далёкое будущее (дальше промежутка в 1 год) на данном уровне развития способности недоступно.
<br><br>
Сама по себе способность крайне хаотична, может проявляться вне зависимости от желания прозорливца и его воли.
<br><br>
Постороннему невозможно вызвать видение насильно при помощи ментально-контролирующих способностей.
<br><br>
Будущее – многовариантно. При самоприходящих видениях Алекс наблюдает несколько возможных вариантов какого-то одного события. Они сосуществуют ровно до того момента, пока один из них не претворится в реальность.
<br><br>
Если же способность контролируется, то при просмотре будущего, возможно, срабатывает так называемый «эффект наблюдателя», который строго ограничивает развитие какого-то события одним вариантом (к примеру, если вы «подсмотрели», что ваш сосед поскользнётся на банановой кожуре и сломает спину, то теперь он 100% поскользнётся именно на этой кожуре и сломает спину без возможных вариаций в происходящем).
<br><br>
Влияние на организм:
<br>
Предвиденье заставляет организм прозорливца впадать в состояние, подобное REM фазе сна – контроль над телом теряется, мозговая активность усиливается, наблюдаются быстрые движения глазных яблок.
<br><br>
Предсказанное, подобно сновидениям, очень быстро забывается (а потом и не вспоминается вовсе), поэтому в первые минуты после «озарения» необходимо максимально подробно зафиксировать увиденное.
<br><br>
При контролируемом вызове видений наблюдается ментальное и физическое истощение, степень которого зависит от длительности увиденного. Несколько раз подряд использовать способность строго не рекомендуется - могут наблюдаться галлюцинации, головные боли, длительный сон.
<br><br>
Другие изменённые с подобным даром для предвиденья невидимы. Они не появляются в событиях будущего.
<br>
</div>
<div class="body-left-4">
Успеваемость: В списке неуспевающих студентов академии за последний месяц. Посещаемость занятий – около 10%. Сделан выговор.
<br><br>
Явная одиночка и в постоянной компании не нуждается. Может очень быстро уставать от общения. При незнакомых людях держится отстранённо и даже холодно. Чтобы раскрыться для общения и в общении, ей нужно время. Время и взаимно-доверительные отношения.
<br><br>
Совсем другое дело – общение в чате академии. Там-то она и веселится по полной: горы эмодзи и спам – вот её стихия.
<br><br>
В целом отзывчива для тех, кого достаточно хорошо знает, и тех, к кому питает чувства симпатии и доброжелательности.
<br><br>
За годы, проведённые в интернате, развила склонность к скрытному поведению – считает, что «чем меньше люди знают о твоих планах, намерениях и чувствах – тем лучше». Но от Охры никуда не скроешься, сколь ни старайся…
<br><br>
Бестактна. Чувство такта и вежливость – это то, чему в интернатах обычно не учат, оно либо есть с рождения, либо его нет. У Алекс оно напрочь отсутствует – работники её «родного» интерната соврать не дадут, будучи обласканными самыми последними словами посткатастрофного мира.
<br><br>
Бывает вспыльчивой. Может очень быстро и легко «влезать» в конфликтные ситуации и всякого вида разборки (даже кулачные, не посмотрите на её малый рост). Будет отстаивать правильность своей позиции до конца.
<br><br>
Злопамятна. Особый пункт в плане обид у Ванг на Охру, потому-то она наплевательски и относится к учёбе, посещая занятия раз в месяц, если повезёт. Работать в будущем на убийц своих родителей - выше её представлений о собственном достоинстве. Проще уж и не дожить до этого будущего, ведь так?
<br><br>
Впрочем, к «Вирид» особой любви тоже не питает, желая этим идеалистам-пассионариям «сгинуть куда подальше» и как можно скорее.
Любит пошутить и повеселиться время от времени. Нельзя же всю жизнь прожить с кислой миной вместо лица.
</div>
<div class="body-left-5">
Выдержка из личного дела
Мисс Александра Ванг (согласно другим сведениям, полученных из базы данных о изменённых, – числится под другими фамилиями: Вонг, Ван, или Вэн) обучается на первом курсе академии. После распределения была зачислена на факультет связи и информационной поддержки.
<br><br>
Происходит из крайне маргинализированной семьи изменённых – оба родителя состояли в организации радикалов «Вирид», отец злоупотреблял запрещёнными веществами; являлся лудоманом, мать была замечена в пособничестве «зелёным» даже после своего мнимого ухода из организации. (примечание: ликвидированы 15.10.2118).
<br><br>
Семья студентки многократно перемещалась по территории Северной Америки из одного мегаполиса в другой, долго не задерживаясь на месте. Впервые беглецы привлекли к себе внимание властей Оттавы в 2110 году. Очевидцы утверждали, что некий мужчина, пребывая в состоянии алкогольного опьянения, хвастался своим «денежным ребёнком», способным «как в воду глядеть». В соответствии с полученным доносом была осуществлена проверка, однако мужчина успел скрыться вместе с семьёй.
<br><br>
В 13 лет (уже после ликвидации родителей в 2118 году), получила метку «М» и была размещена во временном интернате для изменённых №143 (после 2119 года – в Атланте). Радикальных взглядов не демонстрировала, однако образцовым поведением не отличалась – часто ввязывалась в драки, агрессивно вела себя по отношению к сотрудникам интерната. В обучении должного прилежания не проявляла, тем не менее не отставала в прогрессе от своих сверстников.
<br><br>
Круг общения Алекс состоял из двух-трёх близких сверстников, с которыми у неё было общее увлечение – мобильные игры и приставки. Других хобби у девушки не было – обязательные творческие занятия она пропускала. К общественно-полезным делам всегда равнодушна.
<br><br>
Рекомендуется: психолого-педагогическое сопровождение в первые месяцы пребывания в академии.
<br><br>
Приложение 1.
О способностях.
Первое проявление способности – ~5 лет.
Связано с вышеупомянутым в досье случаем с «денежным ребёнком». Ванг рассказала горе-отцу о комбинации в игре, которую увидела перед глазами. Тому было нечего терять – он поверил и поставил все остававшиеся деньги именно на подсказанную комбинацию. Выиграл.
<br><br>
Второе (красочное со слов самой А.) – 13 лет.
Утверждает, что видела один из вариантов развития событий Красной недели. «Синее лицо апостола в крови. И ещё мужчина. Оба мертвы. Человек у гроба с крестом. Охра выключает свет».
(примеч. Достоверность???)
<br><br>
Проявления второй способности: нет. Возможно отсутствие или запоздалое развитие.
<br><br>
Секретная информация: Заядлый чаеголик.<br>
Всё свободное время проводит либо в телефоне, либо во сне. Третьего почти не дано.<br>
Любимое место для отдыха и сна – библиотека.<br>
Опасается одного строгого преподавателя «криэйтеров», хотя вероятность столкнуться с ним почти нулевая.
</div>
</div>
</div>
</div>
[/html]
