[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> Позывной: Хилер </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/fb/3e/357/467013.png"></center>
Sasuke Uchiha /Naruto<br>
Пол: Мужской.<br>
Дата рождения: 11.01.2102<br>
Возраст: 27 лет<br>
Рост и вес: 183 см. / 81 кг.<br>
<br>
Семейное положение: Вдовец<br>
Должность/Статус: Медбрат в больнице / Танцор в клубе "Shine"<br>
<br>
Отличительные признаки
<br>
Цвет глаз: Карий.<br>
Цвет волос: Черный.<br>
Татуировки/Шрамы/Пирсинг/Пигментация: У Лино проколоты оба уха. Под правой лопаткой шрам от ожога. Шрам на левой пятке, наступил на гвоздь когда ему было пять лет. На левой стороне шеи татуировка в виде трех запятых в круге. На спине татуировка змеи.
</div>
<div class="body-left-2"><br>
Высокий молодой человек, с атлетическим телосложением. Карие пронизывающие насквозь глаза. Очаровательная улыбка. Черные короткие волосы подстриженные с эффектом легкого беспорядка. Голос подобен морскому бризу в ночное время. Такой-же мягкий, но в тоже время чувствуется эта прохлада. Походка быстрая, расслабленная. В одежде преобладает больше черного цвета. За модой не гноиться носит то, в чем ему удобно. Любит разного рода браслеты и кольца. Постоянно носит на шеи кулон в виде маленькой птички колибри, подаренный женой в честь их первой годовщины.
</div>
<div class="body-left-3">
► Исцеление<br><br>
Применение: Является активной способностью. Применяться как на других, так и на себя. Область применения зависит от места нахожения раны или повреждения на теле.
<br><br>
Описание способности: Ускорение регенерации применяемое, направленное на залечивание разных видов повреждений, как на себе, так и на других. Может заживлять внешние раны, в том числе переломы костей и глубокие ожоги, независимо от степени тяжести. Восстановление после незначительной или умеренной кровопотери. Может исцелять незначительные повреждения внутренних органов. Критические повреждения, такие как потеря конечностей или повреждение нервов и внутренних органов, не поддаются лечению. Хотя потенциально может исцелить любое телесное повреждение, для этого пациент должен быть жив, даже если его жизнь висит на волоске. Если пациент умер, то исцеление невозможно.
<br><br>
Ограничения: Для активации требуется физический контакт, а так же мысленная концентрация, что бы собрать всю энергию в ладонях. После активации способности на руках Лино появляются узоры зеленого цвета. Эти узоры выполняют функцию индикатора затраченной энергии. Чем выше поднимается узор по рукам парня, тем больше энергии тратиться. Когда узоры начинают подниматься выше локтей, Лино постепенно начинает чувствовать боль в теле, чем выше узор тем сильнее боль. Когда узоры переходят на шею, нужно срочно прекращать использовать способность иначе для носителя способности дальнейшее применение закончиться летальным исходом. После использования способности ощущает слабость во всем теле. Ужасное чувство голода, а так же обезвоживание. Максимальное время использования способности 8 часов. После этого времени энергия тратиться под ноль. Повторное использование способности возможно только через сутки.
</div>
<div class="body-left-4">
► Терракинез <br><br>
Применение: Является активной способностью. Применяться исключительно на других. Область применения примерно около 10-15 метров.
<br><br>
Описание способности: Способность управлять землей, ощущать приближение землетрясений и самому вызывать их. Возможность создавать усилием воли камни, грязь и минералы из имеющегося твердого материала органического и неорганического происхождения, непосредственно связанного с землей. При максимальном уровне развития способности - вызов землетрясений до 4-5 баллов по шкале Рихтера, возможность создавать небольшие, но массивные преграды из земли.
<br><br>
Ограничения: Очень энергоемко и вызывает сильную слабость при длительном использовании. Максимальное время использования не более пяти часов. Возможные побочные эффекты кроме усталости: кровь из носа, шум в ушах. Повторное использование способности возможно только через 36 часов после первого использования.
<br><br>
</div>
<div class="body-left-5">
Умный, веселый , целеустремленный молодой человек. Быстро находит общий язык с людьми. Имеет неплохое чувство юмора. Всегда готов прийти на помощь. В целом всегда спокойный и приятный в общении молодой человек. Но как и у всех иногда бывает плохое настроение. Так же его можно разозлить, отчего бывает грубоват в общении. Если сильно задеть его или его близких, может и в глаз дать. Весьма ответственный, всегда выполняет поставленные перед ним задачи точно в срок. Не любит когда кто-то опаздывает, поэтому сам никогда не опаздывает. Привык сам решать свои проблемы. Не будет скрывать если человек ему не нравиться.
</div>
<div class="body-left-6">
- Отец и мать, обычные люди, родом из Оттавы. На момент знакомства с матерью парня, его отец был связан с Вирид. Родился в Оттаве, но вырос в Джаспере. Ему было три года, когда семья перебралась в Джаспер. Причиной стало проявление способности у старшего брата, тогда отец Лино связался с людьми из Вирид и попросил убежище для своей семьи. На данный момент его отец работает в больнице, мать преподает в школе. Так же у Лино есть старший брат, который старше его на пять лет и младшая сестра которая младше Лино на десять лет. Только он и его брат являются обладателями способностей.
<br><br>
- В детстве не был спокойным ребенком и вечно влипал в неприятности. Ссадины, ушибы, переломы - вечные друзья маленького Лино. Больница как дом родной. После проявления первой способности, родители вздохнули с облегчением. Ведь теперь их младший сын, мог сам исцелять свои травмы. Что бы правильно контролировать свою способность, Сантано потребовалось около двух лет.
<br><br>
-С возрастом стал более ответственным. Заинтересовался медициной. Благодаря отцу который еще в Оттаве получил медицинское образование, узнал основы медицины. Стал понемногу помогать отцу в больнице. Совмещал подработку в больнице с работой местного клуба. Где ставились танцевальные представления. Но все же склонялся к тому, что хочет выбрать работу в больнице основным своим видом деятельности.
<br><br>
- В восемнадцать лет, начал работу в больнице Джаспера в качестве медбрата. Его основные обязанности - это перевязка, обработка ран. Наложение швов. Присмотр за послеоперационными больными. Частенько в своей работе использует способность исцеления. Особенно если пациент ребенок.
<br><br>
- В двадцать один год женился на подруге детства Идзуми. Девушка как и сам Лино танцевала в клубе. Но к сожалению девушка умерла во время родов, так же врачам не удалось спасти и ребенка. Лино очень долго не мог принять потерю своей семьи.
<br><br>
-Частенько помогает местным жителям с небольшими проблемами. Его вторая способность очень помогает при строительстве. Практически никогда ничего не требует в замен за свои услуги.
<br><br>
- На данный момент продолжает работать в больнице, иногда танцует в новом клубе. В общем продолжает жить не смотря ни на что.
<br><br>
Секретная информация: <br>
После потери жены и ребенка пристрастился к запрещающим веществам, которые воровал из больницы. Завязал исключительно благодаря старшему брату. Брат единственный человек который знает об этом моменте жизни Лино.
<br><br>
</div>
[/html]
Отредактировано Lino Santana (2025-10-10 13:52:21)
