Прогноз погоды

[html]
<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>

<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">


<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>

<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>

<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>

<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>

<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>

<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/6/627828.png"></center>
случайный арт<br>
Личные данные
Пол: мужской<br>
Дата рождения: 13.11.2102 <br>
Возраст: 22<br>
Рост и вес: 194/82<br>
<br>
Семейное положение: в отношениях не состоит<br>
Должность/Статус: студент 5 курса, факультет стратегического планирования и конфликтологии<br>
Ник в чате академии: synoptic<br>
<br>
Отличительные признаки<br>
Цвет глаз: медовый<br>
Цвет волос: каштановый<br>
Татуировки/Шрамы/Пирсинг/Пигментация: проколото левое ухо<br>
</div>

<div class="body-left-2"><br>
Хорош со всех сторон, как ни поверни - спортивный, высокий, энергичный. Черты лица приятные, походка и движения - размашистые, стремительные. В целом очень темпераментный, мимика и жесты выразительные: часто улыбается, заинтересованность проявляет ярко, смотрит в глаза и без проблем нарушает личное пространство собеседника.<br>
В одежде предпочитает смесь стилей, любит аксесуары и украшения. Несмотря на рекомендации учителей, носит браслеты вместе с коммуникатором на правой руке, на левой - часы, и они не просто для красоты, что бы там Бруно ни рассказывал.
</div>

<div class="body-left-3">
► Прогноз погоды<br><br>
Применение: активная способность, зависит от эмоционального состояния<br><br>
Описание способности: Атмокинез - управление погодой, а также всеми возможными атмосферными явлениями, включая изменение влажности и температуры.<br>
Эвора способен использовать манипуляции с погодой в качестве оружия, создавая метели, шторма или грозы, которые могут сжечь противников или помешать их планам.<br>
Чтобы вызвать какое-либо атмосферное явление, Бруно необходимо настроиться, сконцентрироваться и … прочувствовать определенную эмоцию, которую его психика связывает с тем атмосферным явлением, которое срочно понадобилось кастануть. А сделать это по понятным причинам непросто. Способность требует невероятного контроля и концентрации, что в свою очередь жрет ресурсы организма. Чтобы упростить себе жизнь и контроль, на третьем курсе Бруно с помощью кое-кого из учителей создал свою метеорологическую колоду карт, взяв за основу Старшие Арканы Таро (22 карты). Это обычная колода карт, созданная на основе той же технологии, что и “клубничка-психоделичка”, когда контент завязан на пси-волнах того, кто держит в руках карту. Эвора может управлять атмосферными явлениями и без колоды, но в бою или в экстренной ситуации использует именно ее, потому что так проще и быстрей.
Атмосферные явления, которые Бруно способен контролировать. Их 22, по числу карт:<br>
- дождь, ливень, снег, град (осадки, выпадающие на земную поверхность);<br>
- иней, ледяная изморозь (осадки, образующиеся на поверхности земли и предметах);<br>
- дымка, ледяной туман, сплошной туман (туманы);<br>
- метель, снежная мгла (метели);<br>
- пыльная или песчаная буря, мгла, пыльный или песчаный вихрь (литометеоры);<br>
- шквальный ветер, смерч (торнадо), водяной смерч (конвективные явления);<br>
- гроза, молния, полярное сияние (электрические явления);<br>
- мираж, радуга (оптические явления).<br><br>
Ограничения: Так как способность энергозатратная, на долгое время удержать контроль над атмосферными явлениями невероятно сложно. В обычном состоянии способен использовать способность непрерывно не дольше 1-2 часов в сутки. В ослабленном - намного меньше.<br>
Чем более мощное или разрушительное атмосферное явление он вызывает, тем больше времени уходит на создание условий для его возникновения, и тем более кратковременным оно будет. Например, обычный дождь может лить и два часа, в то время как гроза с громом и молниями - максимум продержится 15-20 минут.<br>
Прицельно бить молниями или направлять смерчи Бруно не умеет, он не управляет энергией самого явления (проще говоря, электрокинез, аэрокинез или гидрокинез ему не подвластны), поэтому способен наносить урон только по площади.<br>
Из очевидных минусов атмокинеза - у Бруно сильно нарушен теплообмен. Во время использования способности его тело получает иммунитет к холоду или зною (в зависимости от явления), и его организм вынужден быстро восстанавливать изменения температуры или атмосферного давления. А после наступает законная расплата.
</div>

► Метеощит <br><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>
- Часы, которые Бруно носит на левой руке, раньше принадлежали Диего.<br><br>

</div>
</div>
[/html]

+15