[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> Уровень доступа: 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://forumupload.ru/uploads/001b/fb/3e/2/115253.png"></center>
orig.?<br>
Пол: мужской<br>
Дата рождения: 2105 07 11<br>
Возраст: 19<br>
Рост и вес: 174, 68 кг<br>
<br>
Семейное положение: неженат<br>
Должность/Статус: студент 2 курса, факультет Тактической подготовки<br>
Ник в чате академии: gamer413<br>
<br>
Отличительные признаки
<br>
Цвет глаз: голубые<br>
Цвет волос: светло русые, платиновые<br>
Татуировки/Шрамы/Пирсинг/Пигментация: тату на плече – мелкое дерево-бонсай. <br>
</div>
<div class="body-left-2"><br>
Среднего роста, подтянутый, в хорошей физической форме, кожа светлая, не сутулится, смотрит прямо, на зрительный контакт идет легко, движения спокойные, уравновешенные, до плавных далеко – но никто не идеален. Цвет волос неопределенный, почти блондин, серый такой. Глаза не слишком выразительные, абсолютно не яркие, смотрит как сквозь две стекляшки – черт его знает, что там думает. Улыбка широкая, дружелюбная, легко появляется и легко же пропадает. Дурных привычек типа барабанить по столу пальцами или грызть ногти нет.
</div>
<div class="body-left-3">
► Феромоны<br><br>
Применение: пассивная, применяется на других, область применения – чужие легкие и вдох в полном объеме. Радиус действия - максимум 50 метров - чем ближе объект, тем сильнее воздействие. Чем дальше - тем сильнее рассеиваются феромоны. Следовательно, если Райан сидит в начале актового зала, в конце никто не почувствует никакого воздействия. Только несколько рядов рядом с ним.<br><br>
Ограничения: когда Райан испуган, напряжен, возбужден, рассержен или испытывает любые другие сильные эмоции (все, кроме спокойствия), его кожа выделяет специфические феромоны. Попадая в легкие любого существа, способного дышать (и не ограниченного в этом деле противогазом), вызывает неконтролируемое ощущение сильной симпатии по отношению к Райану, нежелания причинять ему вред, желания защищать и так далее. Так как каждый по-разному относится к объекту своей симпатии, разумеется, отношение может выражаться по-разному. Чем ближе объект находится к Райану, тем сильнее и быстрее на него подействуют феромоны. Чем дольше пробудет рядом – тем активнее подействуют феромоны, вплоть до неконтролируемого возбуждения и чуть ли не желания сожрать. В прямом смысле.
<br><br>
Описание способности: очень сильно зависит от эмоционального фона носителя. Если Райан спокоен и сосредоточен – способность просто не проявится. Как бы он ни хотел кого-то обаять именно вот прямо сейчас.
</div>
<div class="body-left-4">
► Пирокинез <br><br>
Применение: активная, применяется на других. Область применения – до сих пор в целях освоения способности и самозащиты. Радиус действия – от непосредственно перед собой до 100 м. <br><br>
Ограничения: контролирует способность целиком и полностью. По мере желания самого Райана, внутренняя температура тела резко возрастает (скорость возрастания идет на миллисекунды), после чего кисти рук, вытянутых перед собой или просто направленных вперед или вверх, нагреваются настолько, что происходит закономерное возгорание кислорода в воздухе (следовательно, в безвоздушном пространстве эта способность не сработает, так же не сработает, если руки сцеплены, скажем, за спиной). В зависимости опять же, от желания самого носителя способности, минимум – искры на пальцах, огненные «фигурки», шары, рой огненных «ос» и так далее (направленность – к конкретному объекту или предмету возгорания). Максимум пока неизвестен, но уже сейчас способен вызывать огненную «волну», идущую от него по прямой и охватывающую все предметы и объекты на своем пути.
<br><br>
Описание способности: по мере того, насколько широк был радиус действия, насколько мощна волна пламени и прочее, происходит откат в форме «ломки» - головная боль, головокружение, желание получить положительные эмоции и «подзарядиться» от кого-то рядом. В переносном, моральном смысле. Все это в качестве и количестве своем зависит от количества и качества «выплеснутого» огня.
</div>
<div class="body-left-5">
Успеваемость: ???
<br><br>
самолюбивый, эмоциональный, не злой и не добрый – все по настроению и личному отношению. Вот кем невозможно назвать, так это спокойным или серьезным (поэтому пассивная способность периодически фонит нон-стоп). Не жестокий, но может повести себя жестко, потом, возможно, будет жалеть, а, может быть, и нет. Не умный, скорее, сообразительный и хитрый, не злопамятен, но если обидится действительно серьезно – это надолго. Легко переходит из одного самочувствия в другое, неплохо чувствует окружающих, не умеет ненавидеть – слишком энергозатратно. Вообще, редкостный лентяй во всех смыслах.
</div>
<div class="body-left-6">
*Родился в Вильнюсе, в одной из обеспеченных (для этого региона), семей. Отец занимался поставками оборудования, мать вела домашнее хозяйство и доводила до ручки отца, устававшего от любовниц, любовников (он был за разнообразие) и матери, которую почему-то положение дел не устраивало. В конечном итоге, закономерный развод, пришедшийся на детство Райана. Его рождение планировалось намного раньше, когда брак еще… был. Однако он родился и с этим надо было что-то делать.
*В садик не ходил – с ним занимались дома, благо у отца денег хватало (ребенок жил на две новые семьи сразу, учась тому, что все лгут (с)). В школе проблем не было – он откровенно лениво относился к учебе, больше интересуясь тем, что с ним стало внезапно происходить – когда начала проявляться первая, пассивная способность, которую было действительно невозможно заметить. Мальчик стал популярным и отношение к нему улучшилось? Ну так это и к лучшему же, лидером растет.
*В то время, когда проявилась вторая способность, Райана уже взяли под наблюдение. В то время, которое он проводил в очередной раз в семье отца, к нему (точнее, к отцу) наведались специфические гости, объяснившие, что его сыну действительно необходимо сменить место обучения. Отец дураком не был и собственное спокойствие ценил куда больше, чем сына от первой жены. В очередной раз убедившись, что «все лгут», Райан, не слишком охотно, однако вполне понимая, что сопротивление бесполезно, направился в интернат. А после - в Академию.<br><br>
Секретная информация: иногда, довольно часто, накатывает ощущение, что вот-вот сойдет с ума – настолько сильно неприятие окружающих, настолько категорически не умеет и не может доверять, даже в мелочах. Понимая, что в обществе таким способом не выживешь, тщательно скрывает это, скрывать удачно помогают феромоны, и это успокаивает.
</div>
</div>
[/html]
Отредактировано Ryan Osborn (2023-12-20 21:31:45)
