[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
"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/20/301914.jpg"></center>
Dan Heng (+Imbibitor Lunae) / Honkai: Star Rail<br>
Пол: м<br>
Дата рождения: 15.06.2104<br>
Возраст: 20 лет<br>
Рост и вес: 173 см / 71 кг <br>
<br>
Семейное положение: холост<br>
Должность/Статус: студент 3 курса факультета связи и информационной поддержки <br>
Ник в чате академии: Water dragon<br>
<br>
Отличительные признаки
<br>
Цвет глаз: голубые<br>
Цвет волос: коричневый<br>
Татуировки/Шрамы/Пирсинг/Пигментация: нет
</div>
<div class="body-left-2"><br>
Среднего роста, худощавый и подтянутый, Тао скорее вынослив, чем силен. В спорте предпочитает техники на выносливость и скорость, силовым. Волосы часто короткие, но при активации способности они значительно отрастают, достигая середины спины. Глаза светлые, почти всегда подведенные в уголках красным карандашом. Тао наплевать на мнение окружающих, он выражает себя так, как ему нравится. Например, он часто использует способность просто чтобы покрасоваться в своем измененном виде. <br><br>
При активации способности внешность слегка меняется. Это не анимализм или что-то вроде того, просто метафизическое состояние, которое помогает ему контролировать свою способность. В этом состоянии его у него проявляются черты дракона - появляются очаровательные чуть изогнутые нефритовые рожки с золотыми кольцами и полу иллюзорный драконий хвост, который вполне осязаем. Одежда меняется на старинный наряд в китайском стиле малахитового с золотом цвета.<br><br>
В повседневной жизни предпочитает комфортную и удобную одежду полуспортивного стиля. Голос негромкий, часто с нотками легкой скуки. Обычно спокойный, но когда заинтересован в чем-то или есть настроение сделать мелкую пакость, в голос добавляются нотки азарта и веселья. Движения обычно неспешны и размеренны, предпочитает спокойное состояние, направленное на сохранение энергии. В чем-то его даже можно назвать лентяем.<br>
</div>
<div class="body-left-3">
► Гидрокинез (управление водой) <br><br>
Применение: активная способность, может управлять большими массами воды, придавая им любую возможную форму и направляя в желаемую точку. Собственно, может делать с водой все, что ему вздумается, кроме изменения ее состояния. Может находить источники воды (чувствует ее наличие и скопление).<br><br>
Ограничения: обязательно требуется источник воды. Даже немного воды хватит, чтобы активировать способность и запустить процесс. После активации способен генерировать большие объемы воды, но без источника совершенно не способен активировать способность. Чем больше объем воды использует, тем больше энергии затрачивается, и соответственно выше контроль требуется.<br><br>
Описание способности: любые виды манипуляции с водой, кроме изменения ее состояния. Манипулировать и использовать может в своих целях только воду, но тут не ограничивается, начиная с морей, рек, озер, и заканчивая дождем, водой из крана или даже просто небольшой фляжкой, даже стакана хватит. Для лучшего контроля создал для себя особую “форму” - <a href="https://forumupload.ru/uploads/001b/fb/3e/8/205689.webp">Дракон, повелитель вод</a>. При активации способности слегка изменяет свой внешний вид, добавляя черты дракона. В атаках часто использует знакомые с детства образы - китайских драконов, лотосы, мечи и тд. </div>
<div class="body-left-4">
► Считывание информации из воды<br><br>
Применение: способен считывать информацию из воды. “Слышать” отголоски разговоров, если те происходили рядом с источником воды, “видеть” образы-отражения. Все, что когда-либо соприкасалось с водой или происходило вблизи источника воды доступно ему в виде информации. Отлично ищет утопленников и утонувшие вещи, а также может чувствовать монстров, таящихся в глубине водоемов.<br><br>
Ограничения: чем дальше от источника воды, где происходили события, тем сложнее разобрать поступающую информацию. В виде картинок может видеть только то, что непосредственно отражалось в воде. Требуется высокий уровень концентрации, чтобы получить четкую “картинку” требуемой информации. При поиске и обнаружении противника, находящегося в воде, расстояние также очень сильно влияет на качество получаемой информации.<br><br>
Описание способности: вода хранит в себе много информации, имеет собственную память, и у носителя способности есть возможность получить эту информацию “открывая” память воды. Способность развилась на основе гидрокинеза, и благодаря такой “сродненности” с водой проявляется значительно сильнее.
</div>
<div class="body-left-5">
Успеваемость: хорошист, знает явно больше, чем хочет показывать, но лень делает свое дело.
<br><br>
Характер в целом спокойный, с обычными для подросткового организма всплесками эмоций. Чаще всего флегматичен ко всему, что его окружает, пока на пути не попадается что-то интересное. Добивается цели упрямо и настойчиво. Не прет напролом, может даже проявить холодность и безразличие, но намерений добиться цели не оставит, просто будет искать пути к ее достижению.
<br><br>
Исполнительный, не рвется командовать, но лишь потому, что старается не брать на себя ответственность. Это не значит, что не может, когда от него требуется, к делу относится серьезно и собранно. Ответственный и старательный, неплохой командный игрок, всегда поможет, поддержит, расскажет, но достаточно ленив, чтобы за пределы своих обязанностей не выходить. Знаний ровно столько, сколько требуется, чтобы не подводить команду на учениях и в миссиях, не стремится прыгнуть выше головы и выбиться в отличники и активисты.
<br><br>
Он надежный товарищ, на которого можно положиться во время миссии или подготовки к докладу, но вот быть душой компании и заводилой на вечеринке точно от него ждать не стоит. Скорее всего он даже не появится на этой самой вечеринке, предпочитая свой собственный комфорт всеобщему веселью. Не большой любитель шумных компаний и активных развлечений. Веселой тусовке предпочтет книгу и чашку чая у себя в комнате. Любит чистоту и порядок. Не страдает перфекционизмом или чем-то типа того, просто предпочитает знать, где можно найти ту или иную вещь, и считает, что для этого следует придерживаться определенных правил в поддержании чистоты. Возможно, просто слишком ленив, чтобы тратить лишнее время и силы на то, чтобы постоянно искать нужные вещи.
<br><br>
Очень любит погрызть чего-нибудь за книжкой. Так может слопать все, до чего дотянутся руки. В еде не привередлив, ест почти все. Очень любит спать, хотя частенько может засиживаться допоздна за домашкой или просто за интересной книгой. Спорт не любит, но продолжает заниматься бегом, скорее по привычке, выработанной еще с детства.
</div>
<div class="body-left-6">
Родился в Чанша, в семье владельца небольшого ресторана. Кроме него в семье было еще трое детей. Старший брат не получил никаких способностей и стал опорой и гордостью отца, наследником их маленького семейного бизнеса. Старшая и младшая сестры получили способности и были отправлены в интернат в возрасте восьми (старшая) и шести (младшая). Сам Тао попал в интернат в возрасте семи лет. Детей сдавали добровольно, родители, как и большинство родственников, относились к той категории людей, что верили всему, что им говорит правительство, а потому считали, что их дети герои, которые однажды обязательно спасут человечество.
<br><br>
Специально ли так было задумано, или просто воля случая, но все трое детей семьи Лунвэй попали в разные интернаты. Тао оказался совершенно в другом городе, далеко от семьи. Только гораздо позже он узнал, что его обе сестры погибли в ту роковую неделю. Их интернаты были стерты с лица земли, и их имен не значилось среди выживших. Стоит признать, что сам Тао никак не отреагировал на это сообщение. Конечно, он понимал, что это его родные сестры, но так вышло, что он их почти не знал. Одну отправили в интернат, когда он был еще слишком мал, а вторая родилась за пару месяцев до того, как он сам отправился в интернат.
<br><br>
Обучение давалось без проблем, но врожденная лень парня не позволяла ему выбиться в активисты класса, как и стать отличником. Его все устраивало как есть. На него не скидывали лишней работы, не требовали слишком многого. Единственное, что всегда вызывало живой интерес, так это его способность. Тут Тао проявлял просто бездну старания и внимательности, чтобы научиться контролировать способность. Детские сказки и легенды о драконах, которые так любил рассказывать дедушка, сыграли свою роль. Тао научился “превращаться” в дракона, живая фантазия мальчика создала свой принцип контроля способности.
<br><br>
Вторая способность появилась в 12 лет. Она дополняла первую, что очень нравилось Тао. К ее развитию он тоже подошел очень старательно и серьезно. Как будто всю сэкономленную с других уроков и дел энергию тратил на развитие и контроль своих способностей. Из интерната выпустился твердым хорошистом с высшим баллом по всем предметам, которые касались способностей.
<br><br>
В академии учится на факультете связи и информационной подержки. Продолжает все так же отлынивать от любого вида работы, которую обычно накидывают активистам. В дисциплинарный комитет не целится, слишком все это энергозатратно и утомительно. Подрабатывает в библиотеке три-четыре часа в неделю, да и то вся его работа сводится к мелким поручениям, вроде принеси-подай-свали и не мешай. Библиотеку любит, там обычно тихо и можно почитать. С удовольствием занимается сортировкой документов в архивах, вот там может закопаться на несколько часов, забывая обо всем.
<br><br>
Год отучился на факультете кризис менеджмента, но потом подал прошение на перевод. Изучив прошение, администрация академии одобрила его.
<br><br>
Секретная информация: не любит признавать даже самому себе, что не питает к людям никаких особых эмоций. Он не социопат, но эмоциональный порог у него значительно выше. Умеет сопереживать, но в этом разум всегда остается выше эмоций. Умеет в симпатию, и даже, возможно, в любовь, просто для осознания этого ему требуется гораздо больше времени (год потребовался, чтобы понять, что докапывается и дразнит соседа потому, что тот нравится хд). Часто не понимает чувств других к себе. Легко может проявлять эмоции, но это часто не соответствует внутреннему зачастую ровному эмоциональному состоянию. Это человек, который в любой ситуации способен анализировать и принимать решения опираясь на логику и разум, а не на эмоции.
</div>
</div>
</div>
</div>
[/html]
Отредактировано Tao Longwei (2023-10-13 19:41:15)
