[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> Уровень доступа: А </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/159/793545.jpg"></center>
Ищу подходящие арты, сгенерированные АИ<br>
Личные данные
Пол: мужской<br>
Дата рождения: 28.10.2081 <br>
Возраст: 43 года<br>
Рост и вес: 244 см, 181 кг (в человеческом облике так же)<br>
<br>
Семейное положение: холост<br>
Должность/Статус: сотрудник службы безопасности. Работает с отстающими студентами, а также к склонными к бунту и непослушанию.<br>
Ник в чате академии: Jaws<br>
<br>
Отличительные признаки<br>
Цвет глаз: голубые<br>
Цвет волос: брюнет<br>
Татуировки/Шрамы/Пирсинг/Пигментация: имеется множественное количество татуировок по всему телу. Забита вся спина, грудь, плечи и паховая область. Стиль татуировок - узоры коренных племён Австралии - бушменов.<br>
Довольно много шрамов - следы когтей и клыков в основном покрывают спину и плечи гиганта. Часть спинного плавника откусана.<br>
</div>
<div class="body-left-2"><br>
Акула:<br>
Такого парня, как Сэм, трудно не заметить в толпе или не запомнить, как он выглядит. Он ведь, блин, огромная прямоходящая сухопутная акула. И не просто какая-то там рифовая мелкая рыбка, он - король морских просторов – большая белая акула.<br>
Он под два метра в холке, а если смотреть длину его тела вместе с хвостом, итого больше получится. У него мускулистое спортивное телосложение, но особенно заметна ширина плеч и объём грудных мышц. Он кажется массивнее и неповоротливее, чем есть, так как толстая шея почти не видна за его здоровой мордой.<br>
Плоская голова с небольшой горбинкой у носа, огромна, хотя большую часть её занимает именно смертоносная пасть, со множеством острых зубов в несколько рядов. Ярко выраженные жабры по обе стороны шеи. Зато глаза довольно маленькие и смотрятся ещё меньше из-за контраста с огромной головой. Полностью чёрные зрачки с белым крошечным бликом делают его жутковатым соперником при игре в «гляделки». Длинный хвост не только помогает ему ловить баланс и быстро маневрировать в воде, но ещё и является грозным оружием в бою, являясь пятой натренированной конечностью.
Серая шершавая кожа кажется наощупь резиновой. Плотная, прочная и грубая. Живот, грудь, нижняя челюсть и область под хвостом гораздо светлее оттенком, почти белые.<br>
Татуировки видны как в его обличии акулы, так и в человеческом.<br>
P.S. имеет двойной половой орган.<br>Так как он машина для убийства, а в детстве его недолюбили, мягко говоря, то он не очень понимает саму концепцию тактильных взаимодействий. Пожимание рук, объятья и всё в таком же духе его пугают. Он воспринимает это как попытки атаковать или проявить агрессию. Но на самом деле это то, чего ему очень не хватает в жизни.
Так как он машина для убийства, а в детстве его недолюбили, мягко говоря, то он не очень понимает саму концепцию тактильных взаимодействий. Пожимание рук, объятья и всё в таком же духе его пугают. Он воспринимает это как попытки атаковать или проявить агрессию. Но на самом деле это то, чего ему очень не хватает в жизни.
<br><br>
Человек:<br>
Высокий мужчина со светлой кожей и жёсткими чёрными волосами, опускающимися почти до плеч, местами сплетены в косички и дреды. Голубые глаза, квадратная челюсть, борода с усами и взгляд, словно ты на его глазах вырезал всю его семью и только чудо не даёт ему сорваться и убить тебя. Дикий, словом.<br><br>
Голос: Кристофер Джадж (Кратос из "God of war. Ragnarok")
</div>
<div class="body-left-3">
► Ограниченный зооморфизм<br><br>
Применение: Применяется исключительно на себя.<br><br>
Описание способности: Трансформируется в огромного акулообразного монстра, обладающего пугающей физической силой и куда более плотной, чем человеческая, кожей. Он может плавать с поразительной скоростью, а также обладает дополнительно к легким, жабрами.<br>
Его руки деформируются в когтистые ласты, поэтому он не может в этой форме удержать оружие или мелкие предметы. Его оружием становятся острые зубы.<br><br>
Ограничения: для поддержания такой машины для убийства на ходу, ему требуется много есть калорийной пищи.<br>
Если в помещении слишком сухо - кожа начинает трескаться.<br>
В маленьких помещениях неповоротлив и может вынести двери с петель или смять ручку.<br>
Если в воздухе пахнет кровью или палёными волосами/ногтями/кожей, теряет самообладание и впадает в так называемое состояние берсерка. Не различает "своих" и чужих".
</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>
Дополнительно: из-за того, что ему сильно не нравится, когда его кожа сохнет, носит с собой пульверизатор, но очень стесняется пользоваться им на людях. Всегда при себе бутылка с протеиновым коктейлем собственной рецептуры - другим лучше не пить её содержимое.
</div>
<div class="body-left-6">
Родился Сэмми в очень религиозной семье. Его отец - преподобный Блэквотер, был одним из ответственных лиц религиозной секты красных фанатиков. Так что когда у Самуэля начали проявляться первые мутации, его буквально пытала его собственная семья. Вырывали лишние вылезающие зубы, запирали в узких помещениях, оставляли без еды и воды и так далее. Пока на их штаб Сангины не был совершён государственный рейд, который, буквально, спас, к тому времени, уже подростка Сэма из рук его семьи и секты. Потребовалось несколько лет реабилитации, тестов и работы с психиатром, чтобы он смог вернуться в общество. Но это одна из самых главных причин, по которой Самуэль так предан верхушке правления. Они для него семья, они для него герои, они для него - всё.<br>
Он из тех, кто по-настоящему любил свою работу “героем”. А то, что “спасая” своих, он был в крови “плохих” - не важно, ведь ничто не сравниться по вкусу с человеческим мясом. Оно сладкое, а чужой страх так опьяняет. Но от запаха и вкуса крови он каждый раз терял остатки самоконтроля, нападая на всех, кто рядом, не мог думать связно и выполнять более сложные задачи, чем просто “убей всех, кто там будет”.
Точкой невозврата в его карьере стал инцидент, когда он уничтожил не только террористов, но после и беспомощных заложников, потому что, опьянев от крови, не смог остановиться.<br>
Однако, его лояльность Мировому правительству - это не то, от чего можно отмахнуться, в итоге, ему решили подыскать подходящее место для “выхода на пенсию”. Этим местом стала Академия. Акулу назначили в штат СБ Академии, чтобы он защищал учеников, а также стал еще одним “своим” человеком, который вовремя донесет или напишет рапорт, если заподозрит кого-то из учителей или ректора в недостаточной лояльности Мировому правительству.<br>
Теперь он так же охотно, как раньше “спасал”, работает с проблемными студентами в Академии. Его пьянит страх в глазах собеседника, пусть и не так сильно, как вкус крови. Но, что примечательно, со своей работой, в целом, он справляется хорошо. Результат налицо, особенно, когда в ход идут угрозы.
<br><br>
Секретная информация: Так как он машина для убийства, а в детстве его недолюбили, мягко говоря, то он не очень понимает саму концепцию тактильных взаимодействий. Пожимание рук, объятья и всё в таком же духе его пугают. Он воспринимает это как попытки атаковать или проявить агрессию. Но на самом деле это то, чего ему очень не хватает в жизни.
<br><br>
</div>
</div>
[/html]
Отредактировано Samuel Blackwater (2024-01-24 19:59:56)
- Подпись автора