[html]<!-- Стиль для вкладок в постах (done by Kolobdur) -->
<style>
.tablet {
background-image: url(https://upforme.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> Уровень доступа: 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://upforme.ru/uploads/001b/0c/07/2/t646090.jpg"></center>
Jack Frost/Dreamkeepers <br>
Пол: мужской<br>
Дата рождения: 13. 11. 2105<br>
Возраст: 19 лет<br>
Рост и вес: 186 / 80<br><br>
Семейное положение: холост<br>
Должность/Статус: студент 2 курса. Тактическая подготовка<br>
Ник в чате академии: spawn<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>
Мелкие порезы царапины, кровоподтеки исчезают в течении 10-30 минут.<br>
Глубокие ранения, переломы костей, обширные ожоги - от 1 - 7 суток.<br>
Переломы трубчатых костей, повреждения внутренних органов, потерянные конечности - от 7 судок до 1 месяца.<br>
Яды в зависимости от токсичности отравляющего вещества и дозы попавшей в организм. Как пример, от литра самогона выпитого залпом через полчаса останется лишь слабый запах.<br><br>
Ограничения:<br>
Отделенная от туловища голова обратно не отрастет. Вырванное из груди сердце тоже не восстановится. Энергозатратно. Если мелкие ссадины и повреждения проходят без последствий, то более серьезные ранения подрывают самочувствие: слабость, головокружение, тошнота, судороги вплоть до комы. Для восстановления потерянных конечностей и внутренних органов кома неизбежна.<br><br>
</div>
<div class="body-left-4">
► Шейпшифтинг. Бес. (неведома зверушка) <br><br>
Применение: Активная. Применяется на себя..<br>
<br>
Описание способности:<br>
На легком "дамском" парень-симпатяга превращается... А превращается он в нечто зубатое, рогатое с прочными, длинными острыми когтями на огромных, покрытых прочными чешуйками лапах и большими, размашистыми перепончатыми, как у нетопыря, крыльями за спиной. Увеличившееся до трех метров тело, становится мощнее, кожа уплотняется, приобретая прочность шкуры дракона, местами укрепляется еще и чешуёй и роговыми наростами. Гибкий, чешуйчатый двухметровый хвост может использоваться как еще одна лапа. Можно схватить, придушить, ударить, переломать косточки противнику. Крылья тоже не для красоты, вполне функциональны. Ко всем этим прелестям обостряется обоняние, слух, зрение, а так же проявляется ночное зрение. Физическая сила и скорость тоже возрастают в разы.<br><br>
Ограничения:<br>
Для обретения данной формы требуется дополнительная органика извне: трава, деревья с кустами, живность подходящего размера. Человек в качестве живности тоже подойдет. Точнее пара человеков. Расщепленные "доноры" в первоначальное состояние уже не вернутся. Способность может использоваться в течении суток. Откат достаточно мучительный. Болит все так, словно парня асфальтоукладчиком переехало раз пять. Голод и жажда почти нестерпимы. После использования способности Аксель сожрет все, что не приколочено к потолку гвоздями. Что приколочено достанет и сожрет.<br><br>
</div>
<div class="body-left-5">
Успеваемость: (с четверки на троечку. По физ подготовке - отлично.<br><br>
Простой, как вахтерская вертушка и бесхитростный. В меру болтливый, в меру навязчивый, шебутной разгильдяй, в меру добрый, азартный, порой чересчур увлекается, легко вспыхивает, легко отходит, не помнит зла, не мстительный и не ревнивый. Всегда готов прийти на помощь, даже если его помощи никто не просит.</div>
<div class="body-left-6">
Родился Аксель в Вильнюсе шестым ребенком у безработной матери-одиночки. Мама очень любит Бога и своих мужей, которые периодически возникают в её жизни, а потом, после рождения родной кровиночки, уходят "за хлебушком". Рос Аксель как все дети в среднестатистической неблагополучной семье. По воскресеньям вместе с мамой и братьями ходил на службу в церковь рядом с домом. До шести лет за ним была мама и братья с сестрами, потом школа для малоимущих, где он успел отучиться полгода, а потом приют для "особенных" детей.<br>
В приюте и кормили на порядок лучше и учили всему необходимому. Мать в приюте ни разу не появилась, а после и сам Акс уже не вспоминал про мать и братьев с сестрами. Отцом и мамкой одновременно для него стали учетиля и кураторы, братьями - такие же, как он, сироты при живых родителях. В пятнадцать активировалась вторая его особенность. Благо случилось это на экскурсии в дендрарий. Была секвойя - не стало секвойи, а вместо улыбчивого подростка отбившегося от толпы полуголое чудо-юдо, прости Господи. Хорошо, что это не случилось дома, вот бы богобоязненная маменька "обрадовалась" такому сыночке, а так все обошлось испугом окружающих. Но секвойю было жалко.
После восемнадцати Акселя из приюта отправили в Академию.
<br><br>
Секретная информация: <br>
В седьмом классе Акс подглядывал за тридцатилетней учительницей с большими... Большим бюстом, по причине детской влюбленности.<br><br>
</div>
[/html]
Отредактировано Axel Hansen (2025-07-11 20:41:13)