[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/81/279485.png"></center>
fubuki/one punch man<br>
Пол: девчачий<br>
Дата рождения: 10 ноября 2103<br>
Возраст: 22<br>
Рост и вес: 173 см, 62 кг<br>
<br>
Семейное положение: флиртовая<br>
Должность/Статус: студентка 4-го курса, тактика<br>
Ник в чате академии: quip-girl<br>
<br>
Отличительные признаки
<br>
Цвет глаз: карие<br>
Цвет волос: черные как сердце бывшего<br>
Татуировки/Шрамы/Пирсинг/Пигментация: шрамы на руках от селфхарма и многочисленных драк
</div>
<div class="body-left-2"><br>
Та самая девочка с каре из соседнего падика, если бы в академии были те самые падики. Иногда челка, иногда ее нет, но волосы неизменно подстрижены чуть ниже ушей. Избытком черного компенсирует мрачные взгляды на жизнь: прячет темные глаза за черными очками, прячет шрамы в черных рукавах. Смотрит на мир как будто он виноват (потому что он виноват), смотрит на тебя как будто ты хуйло (ну потому что...) Речь бодрая, резкая, смех громкий. Фигура клевая как в кино. Язвительная, но симпатичная улыбка как приятный бонус.
</div>
<div class="body-left-3">
► Манипуляция магнитными полями<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>
Задиристая, наглая, считает себя чуточку лучше и умнее большинства, точно знает как надо жить и тебя научит, если ты это заслужишь.
</div>
<div class="body-left-6">
Ладно, это случилось со многими из них (из измененных). Нэнси — всего лишь одна из тех, кто побывал в интернате. Не потому что ее родители так хотели на самом деле, а потому что им не дали выбора. <br>
В биографии ее семьи нет ничего такого, что отличало бы ее от других простых семей. Времена непростые выдались так-то для всех. У семьи Миллеров тоже многое шло не так. Приходилось часто менять работы и подработки, перебиваться кое-как с жильем и учебой. Нэнси — третий ребенок в семье из четверых. Со способностями — единственная. И из-за этого — ставшая чужой.<br>
В академии многие поймут эту хрень: вот только что ты обычный ребенок, а теперь всё, все твои планы, вся твоя жизнь идет нахуй. <br>
«Не зли Нэнси, пожалуйста, ты же знаешь, что она...»<br>
«Я не думаю, что моему ребенку стоит учиться в школе с этой...»<br>
«Хотите вы этого или нет, но мы ее забираем...»<br>
Они не хотели.<br>
Они не могли ничего сделать.<br>
Нэнси пришлось научиться быть самой за себя.<br>
В интернате обостренное чувство справедливости и повышенная эмоциональность приводили к частым проблемам и дракам. Много цапалась с другими детьми, ссорилась с учителями. Ну такое, в общем. <br>
С возрастом и обучением Нэнси научилась контролировать и эмоциональный характер, и разрушительные способности, все чаще держит себя в руках и все реже с кем-то ссорится, ведь именно за этим детей приводят в академию, не так ли?
<br><br>
Всякие факты:
<br><br>
— в момент пробуждения способности задела младшего брата, за что до сих пор себя винит, так как думает, что именно из-за этого он такой тупой.<br>
— в интернате была участницей (но не зачинщицей!) инцидента — в драке между Нэнси и мальчишкой-уебком пострадали зрители, их раскидало магнитной волной и прибило металлоломом. О судьбе некоторых детей, который увезли на лечение, ей так до сих пор ничего неизвестно.<br>
— считает сдерживающую печать благом, а мужиков — придурками.
<br><br>
Секретная информация: ведет дневник, в который вписывает имена и обстоятельства про всех тех, кто на ее взгляд поступил несправедливо — не только по отношению к ней, но и по отношению к кому-то еще. Рядом оставляет свободную колоночку, чтобы описать, как именно в перспективе отомстила. Есть там и студенты академии — у кого-то простые промахи, а кто-то серьезно накосячил. Для простых промахов придумывает простую месть — вроде «пустить нелепые слухи» или «удачно подколоть». Для серьезных косяков вынашивает планы мести, но понимает, что осуществить их в академии под присмотром пока вряд ли реально. Конечно, есть «самый главный враг» — один хер из интерната. Однажды она его найдет.
</div>
</div>
</div>
</div>
[/html]
Отредактировано Ellie Miller (2023-11-11 14:36:02)
- Подпись автора
