[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/6/194643.png"></center>
original art<br>
Пол: женский<br>
Дата рождения: 01.07.2103<br>
Возраст: 20 лет <br>
Рост и вес: 1.65, 47 кг<br>
<br>
Семейное положение: не замужем<br>
Должность/Статус: Студентка 3 курса, факультет кризис менеджмента<br>
Ник в чате академии: Amalisa <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>
В пограничном состоянии, когда она становится достаточно яркой, настолько что может осветить целый стадион, а тело утрачивает половину своей плотности и веса, физические атаки действуют на нее в половину своей силы. Но стоит только отвлечься, теряет контроль над свечением, становится уязвима к любого рода атакам.
</div>
<div class="body-left-4">
Успеваемость: до 2 курса была низкая, к началу 3 курса - старается улучшить успеваемость.<br><br>
Светлая, милая, обаятельная, дарит всем тепло и обнимашки. Вероятно слегка наивная, ну или делает вид наивности, когда ей это выгодно. Легкомысленность старается оставить позади, но иногда все же проскакивает. Не нарушает личные границы того, кто не любит или не жалует тактильные контакты, включая (тем более) обнимательные. Сладкоежка, о фигуре не волнуется. Тело Лисс всегда немного светится, из-за чего её прозвали Светяшкой. Ее свет, независимо от его интенсивности, не имеет собственной температуры, Он красив, и очарователен, она не умеет скрывать эмоции, которые подсвечиваются определенным цветом:<br>
~В обычном состоянии её свечение белое.<br>
~Грустит или в плохом настроении - свечение окрашивается в серый цвет; <br>
~В хорошем настроении, радуется, смеется, - свечение красноватое; <br>
~Чем-то довольна (удовольствие/эйфория) - свечение оранжевое; <br>
~Злиться/в гневе - свечение темно-синее; <br>
~Когда страшно/напугана - свечение становится бесцветным; <br>
~При плохом самочувствие - свечение бледно голубое; <br>
~при болезни - сиреневый<br>
~ смущение - фиолетовый<br>
~ паника - аквамариновый <br>
~ волнение/переживание - бирюзовый <br>
Постоянно находится с теми кто ее любит, ну или по крайней мере симпатизирует. На негатив в свою сторону не обращает внимание, скорее она его преобразовывает в энергию, свет которым делится. При этом свое плохое настроение или свою злость не может преобразовать. Никогда не откажет в помощи и готова помочь всем кто заблудился во тьме или на грани.Всегда ищет светлые стороны в тех или иных поступках. Лисс хочет быть тем, кто спасает других, дарит свой свет и надежду. И вероятно когда нибудь она поступит на службу в Охру.
</div>
<div class="body-left-5">
При рождении у девочки было двойное имя, но все ее знают как Лисандра, она же Лиса, или Лисс. При каких обстоятельствах осталось только одно имя, к сожалению неизвестно. Вероятно при неразберихи с документами, а может ещё по какой причине. Родилась Лисандра в довольно обеспеченной семье, родители души не чаяли в своей дочери, так как она была единственным ребенком. С самого детства Лисс была довольно светлым, дружелюбным ребенком.<br>
В 4 года, когда дома было много гостей, собрались на какой-то праздник. Кто-то из гостей грубо оттолкнул девочку от себя, так как она мешалась ему, да ещё и лезла обниматься. Девочку это сильно расстроило, и она спряталась в своей комнате. После родители ей объяснили, что не стоит обнимать всех подряд, ну или по крайней мере лучше спросить разрешения. Но тот гость больше не появлялся в их доме, так как мама и папа, не стали терпеть такое отношение к их дочери, и ему дословно объяснили, как не нужно себя вести. <br>
Играя во дворе с ребятами, Лисандра впервые сталкивается с задирой, но вместо того, чтобы обидеться на него, девочка дразнится показывая ему язык и убегает. Конечно он ее догнал и легонько толкнул, но сразу же извинился, так как она ему понравилась, конечно был награждён обнимашками, хоть и не ожидал. Стал ее другом и защитником от других хулиганов. Позже его родители переехали, и она больше не видела его.<br>
Когда тело девочки стало светится, ее поместили в интернат, другие измененные на нее смотрели с осторожностью, там-то она и получила прозвище Светяшка. С ней в комнате никто не хотел находиться, так как её на тот момент еще неяркое свечение раздражало других девочек, но потом привыкли и даже как-то сдружились. Обижать её никто не обижал, скорее шептались за спиной, и держались в стороне, недоумевая. Бывало, что пользовались ее наивностью, но никогда серьезно не обижали. Кажется до перевода Лисандры в Академию, она переобнимала весь интернат, ну по крайней мере тех, кто хотел быть обнятым, ну и те, кто нуждался в поддержке и добром слове. Девушка вместо слов дарила тепло и обнимашки и они улыбались, переставали грустить. При ее живой мимике и неумению скрывать эмоции каждый второй в интернате знал, настроение Лисандры. Уже будучи на первом курсе в Академии часто не удомевали почему она в зависимости от эмоции меняла свое свечение на другой цвет, со временем конечно тоже привыкли, распознали. Самые внимательные быстро распознали. Учиться не желала от слова совсем, постоянно отвлекалась, из-за чего ее не брали не на одну из миссий, так как она могла подвести всю группу и даже быть съеденой монстром. Огорчало ли Светяшку это обстоятельство? Вероятно нисколько, но так она не научится управлять своим светом. Нагоняи за неуспеваемость получала постоянно, но как-то было пропущено мимо ушей. Как-то вечером незадолго до отбоя девушка шла по темному коридору к своей комнате, и кто-то из вероятно старшекурсников, решили над ней пошутить, но шутка вышла из под контроля. Напугав Лисс настолько что она потеряла свое свечение, обесцветилась сливаясь со стеной. Это и стало переломным моментом к концу второго года. Ведь она хочет стать героиней и дарить всем свой свет и тепло. Вытаскивая из тьмы заблудших, а значит нужно улучшить свои оценки и взять свой свет под контроль. И пусть живая мимика и неумение скрывать эмоции останутся, разве это плохо?? Да и пусть она освещает весь мир своим красновато -то оранжевым светом. А кому не нравится или предпочитают темноту, пусть проходят мимо.
<br><br>
Во втором семестре третьего курса перевелась на факультет кризис менеджмента. <br><br>
Секретная информация: Боиться, что потеряв контроль сольется полностью со своей способностью, утратив физическое тело.
</div>
</div>
</div>
</div>
[/html]
- Подпись автора
