Буду мерещиться тебе в темноте.

[html]
<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>

<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">


<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>

<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>

<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность</label>

<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://i.imgur.com/LKdKEJv.png"></center>
He Tian – 19 Days <br>
Пол: мужской<br>
Дата рождения: 27.08.2103<br>
Возраст:20<br>
Рост и вес: 190/91<br>
<br>

Семейное положение: холост<br>
Должность/Статус: студент 3 курса факультета Тактической подготовки<br>
Ник в чате академии: Сa$pеr<br>
<br>
Отличительные признаки
<br>
Цвет глаз: тёмно-серые<br>
Цвет волос: черные<br>
Татуировки/Шрамы/Пирсинг/Пигментация: мелкие шрамы от потасовок, остальное пока отсутствует.

</div>

<div class="body-left-2">
На первый взгляд он кажется шкафом: высокий, с крепким телом, наглой рожей и привычкой нависать над душой у тех, кто ниже хотя бы на пару сантиметров. Глаза нетипично узкие - видимо, где-то там в истоках родословной все-таки были азиаты. Оттуда же и темные волосы средней длины, мягкие, но лучше без спроса не прикасаться. Ухмылка дерзкая, губы тонкие, нередко разбитые, как и костяшки пальцев. Он вообще весьма подвижный и не любит слишком узкую одежду - даже джинсы, и те выбирает посвободнее. Тело же должно дышать. По этой же причине преимущественный его гардероб составляют спортивные вещи, но не абы какие, а фирменные, так как образ мажора нужно как-то поддерживать.

<div class="body-left-3">
► Излом материи<br><br>
Применение: способность активная, применяется на себя и на другие одушевлённые и неодушевлённые объекты; на себе работает силой мысли, на других - только через прикосновение.
<br><br>
Описание способности: умение перемещать молекулы одного объекта сквозь молекулы другого безо всякого между ними взаимодействия. А если упростить, то с помощью излома Доминик может проходить через любые предметы и организмы словно призрак . Иногда кажется, что он даже визуально просвечивается в местах соприкосновения с объектом, но это бред восприимчивой людской фантазии, не более. Кроме самого себя, может также применять способность на предметы или живых существ, с которыми соприкасается.<br>
- Так как способность активная и полностью контролируется, есть возможность применять её избирательно - не на всё тело целиком, а только частично. То есть на любую отдельную часть своего тела или даже внутренний орган.<br>
- Если способность активирована, то область применения становится неосязаемой - за неё невозможно схватить, по ней невозможно ударить, Работает и в обратную сторону, для пример: Доминик сам не может схватить что-либо или ударить рукой, если она под действием способности. Для этого придётся возвращать кисть в обычное состояние, а постоянное включение-отключение способности сильно изматывает физически, так как требует большого самоконтроля.<br>
- Хоть это и кажется ему самому отчасти мерзким, может буквально пощупать чужие внутренности. Особенно это пригождается ему на миссиях: когда зверюга не хочет дохнуть от снаряжения, всегда можно украсть у неё сердечко. Буквально.
<br><br>
Ограничения:<br> - Как только нарушается тактильный контакт, эффект от способности тут же пропадает. Именно поэтому лучше не брыкаться, если Доминик вдруг тащит вас, например, сквозь периметр здания - можно неудачно застрять неумной головой в толстой стене и задохнуться.<br>
- По той же причине отсутствия кислорода, Доминик и сам не может долго находиться полностью погруженным в другой объект (стены, землю, монстров). Единовременный лимит в режиме непрерывной полной активации - около двух минут, потом требуется перерыв. При точечной активации (рука, нога), нагрузка несущественная и в отдыхе почти не нуждается.<br>
- За одно перемещение может провести с собой полностью только один живой организм, если его объемы не превышают Доминика более, чем в два раза. Или пронести на себе, но тут уже лимиты стоит измерять возможностями Доминика - утащить вес больший, чем он в состоянии поднять/дотащить волоком, не получится.<br>

</div>

<div class="body-left-4">
Успеваемость: Отличная успеваемость, чего не скажешь о поведении.<br><br>
Доминик из тех парней, которые никогда не лезут за словом в карман. Многие за глаза называют его эгоистом и чсвшником, так как свои желания у него чаще всего в наибольшем приоритете. Он этого и не отрицает, демонстрируя своё превосходство при любом удобном моменте, физически или морально выводя собеседника из равновесия. Это же весело, в конце концов. Впрочем, даже с фокусом на себе и непростым характером он легко вписывается практически в любые компании и охотно идёт на контакт с людьми. Любит шутить и подшучивать, местами саркастично и даже жестко, предпочитает быть в центре внимания. За любой кипиш, кроме голодовки - это особенно про него. Готовит, кстати, весьма бездарно, но при этом неравнодушен к вкусному. Курит, матерится, зажимает мальчиков (но чаще, конечно, одного конкретного) за гаражами теплицами - не самый лучший пример для подражания, если бы его на этом всём спалили. Но он осторожный, планы и намерения свои обычно держит в секрете. Умеет в коллективную деятельность, хотя больше сам себе на уме, не любит системы и правила, зато обожает систематически их нарушать. Ввязывается в драки и не гнушается буллингом ближнего своего, зато учиться умудряется на отлично. Сохраняет удивительный баланс между хулиганьём обыкновенным и любимчиком преподавателей, потому что харизматичный засранец и умеет заговаривать зубы.
</div>

<div class="body-left-5">
Доминик родился в Рио и всю свою жизнь прожил там. Ребёнок весьма обеспеченных родителей, он с малых лет привык получать всё, чего бы ему ни хотелось. Он никогда не вёл счёт деньгам, имея разрешение тратить столько, сколько ему заблагорассудится. Тратит по сей день.<br>
Возможно, останься Доминик обычным парнем в обществе золотой молодёжи Рио, то вырос бы законченным мудаком. А так пока только начинающий. Когда его способность дала о себе знать и начала доставлять проблемы, добросердечные родственники тут же определили его в специализированный интернат для таких же без нужды одарённых детей. От него не открестились, нет, в большой семье он был не первым таким, с изюминкой, и наверняка будет не последним. Радостного в смене обстановки для Доминика было мало, в закрытом учебном заведении практически не нашлось способов повеселиться. Более того, обделённые вне стен интерната дети частенько завидовали тем малым предметам достатка, которые ему удавалось демонстрировать: дорогие шмотки, техника последней модели, возможность достать то, что запрещено, заплатив, кому следует. Кстати, Доминик начал курить еще в четырнадцать и до сих пор не избавился от этой вредной привычки.<br>
Осознав, что одной материальной составляющей для слепого уважения в глазах сверстников мало, Доминик решил добиваться его еще и кулаками. Сила есть, ума не надо - так частенько говорили про него учителя, отчитывая за драки на первых годах обучения. Но Доминику всегда была свойственна жадность. Как это ума не надо? Надо, и взвесьте побольше. Ближе к выпуску из приюта он основательно подтянул свои оценки - и вот дядюшке, занимающему внушительную должность в местной академии, куда Доминика отправляли учиться дальше, уже и не так стыдно за своего племянника.<br>
В стенах академии тоже не обходилось без рукоприкладства, только тут половину тумаков можно было списать на чересчур усердные тренировки. Вопреки ожиданиям, он не пошёл на факультет дядюшки, а выбрал тот, где больше всего жизнь била ключом - тактическую подготовку. Он прикипел душой и телом к тренировкам и, как приличный студент, даже записался в спортивную секцию. Еще в интернате из-за своей способности Доминик получил кличку "Каспер", и в новом учебном заведении она тоже успешно прижилась.
<br><br>
Секретная информация: он никому не рассказывает, но в детстве не умел контролировать способность и иногда проваливался сквозь перекрытия многоэтажных домов (невероятно везло, чаще отделывался испугом и сломанной мебелью). В интернат его как раз отдали, чтобы его научили управляться с силой и он не раскроил однажды об бетон свою черепушку. Однолюб и вообще-то очень заботливый, но это просто демонстрируется не для всех.
</div>

</div>
</div>
</div>
[/html]

Отредактировано Dominic de Lima (2024-06-26 09:11:44)