Код:
<!--HTML--><div class="postcolor">
<link href="https://fonts.googleapis.com/css?family=Anaheim" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Raleway:900,800,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
.ntitle { width: 512px; background: #000; color: #fff; font-family: raleway; font-weight: 800; font-size: 30px; text-transform: uppercase; padding: 85px 30px 50px 30px; }
.nstuff { height: 345px; width: 250px; overflow: auto; text-align: justify; padding: 0px 5px 0px 0px; font-family: arial; font-size: 10px; line-height: 100%; }
thing { font-family: anaheim; font-size: 8px; text-transform: uppercase; margin-left: -15px; font-weight: normal; letter-spacing: 1px; color: #373737; }
.nstuff2 { height: 345px; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; padding: 5px; }
.nstuffff { margin-left: 15px; }
.head { color: #ccc; font-family: raleway; font-weight: 900; text-transform: uppercase; font-size: 15px; padding: 5px; border-bottom: solid 1px #eee; margin: 5px; text-align: left; }
.ndetails { width: 541px; padding: 15px; raleway; font-weight: 700; background: #000; color: #fff; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; margin-left: 40px; margin-top: -10px; text-align: center; }
.nshipper { background-color: #fafafa; border: 1px solid #eee; width: 550px; height: 400px; padding: 10px 10px 10px 10px; }
.Ncontainer {
height: 400;
width: 550;
}
.Ntabs {
position: relative;
width: 550px;
height: 400px;
}
.Ntab {
float: left; }
.Ntab label {
display: block;
width: 90px;
height: 20px;
background: #fff;
padding: 10px;
margin: 0px;
position: relative;
left: 0px;
top: 0px;
z-index: 3;
font-family: anaheim;
text-transform: uppercase; }
.Ntab input[type=radio]:checked ~ label {
border-bottom: 5px solid #ccc;
z-index: 2; }
.Ntab input[type=radio] {
display: none; }
.Ncontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: white;
padding: 45px 0px 0px 0px;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s; }
.Ntab input[type=radio]:checked ~ label ~ .Ncontent {
z-index: 1;
opacity: 1; }
</style>
<center>
<div class="ntitle" style="background: url('http://s020.radikal.ru/i704/1702/c5/84ad1a5f5f0f.png')">
</div>
<div class="nshipper">
<div class="Ncontainer">
<div class="Ntabs">
<div class="Ntab">
<input type="radio" id="Ntab-1" name="Ntab-group-1" checked="">
<label for="Ntab-1"> <i class="fa fa-home fa-fw" style="font-size: 10px;margin-top:5px"></i> image</label>
<div class="Ncontent">
<img src="http://s020.radikal.ru/i718/1702/0e/b4482e60a561.png" width="550" height="355">
</div>
</div>
<div class="Ntab">
<input type="radio" id="Ntab-2" name="Ntab-group-1">
<label for="Ntab-2"> <i class="fa fa-heartbeat" style="font-size: 10px;margin-top:5px"></i> in-depth</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>
<img src="http://funkyimg.com/i/2Jj5b.png" width="200" height="345">
</td><td>
<div class="nstuff">
<div class="nstuffff">
<div class="head">basics</div>
<thing>✱ full name:</thing> Хибари Такамура.
<br>
<thing>✱ nicknames/aliases:</thing> Белый.
<br>
<thing>✱ date of birth:</thing> 14.02.1986.
<br>
<thing>✱ zodiac sign:</thing> Водолей.
<br>
<thing>✱ place of birth:</thing> Галазиос Таун.
<br>
<thing>✱ hometown:</thing> Галазиос Таун.
<br>
<thing>✱ languages:</thing> Английский.
<br>
<thing>✱ member group:</thing> Хранитель.
<br>
<thing>✱ type:</thing> Ледяной.
<br>
<thing>✱ award:</thing> Icium Z, TM13 Icebeam.
<br>
<thing>✱ theme:</thing> <a href="https://www.youtube.com/watch?v=_oq9UAV028U">削除 (Sakuzyo) - Lost Memory</a>.
<div class="head">appearance</div>
<thing>✱ prototype:</thing> Ginko [Mushishi].
<br>
<thing>✱ height:</thing> 2 м.
<br>
<thing>✱ weight:</thing> 95 кг.
<br>
<thing>✱ tattoos:</thing> нет.
<br>
<thing>✱ piercings:</thing> нет.
<br>
<thing>✱ scars:</thing> нет.
<br>
<thing>✱ distinguishing features:</thing> Волосы цвета пера голубки альбиноса под зимнем солнцем.
<div class="head">relationships</div>
<thing>✱ sexual orientation:</thing> гетеро.
<br>
<thing>✱ relationship status:</thing> Женат.
<br>
<thing>✱ past partners:</thing> не известно.
<div class="head">health</div>
<thing>✱ mental illness:</thing> нет.
<br>
<thing>✱ allergies:</thing> нет.
<br>
<thing>✱ smoking:</thing> как паровоз.
<br>
<thing>✱ drugs:</thing> нет.
<br>
<thing>✱ alcohol:</thing> часто, но не злоупотребляет.
<div class="head">personality</div>
<thing>✱ negative traits:</thing> апатичность.
<br>
<thing>✱ positive traits:</thing> развитое чувство ответственности.
<br>
<thing>✱ bad habits:</thing> курит и пьет, но профессия располагает.
<br>
<thing>✱ fears:</thing> боится провала на работе.
<br>
<thing>✱ hopes and dreams:</thing> Уйти на пенсию со спокойной совестью.
<br>
<thing>✱ likes:</thing> виски, банька.
<br>
<thing>✱ dislikes:</thing> горный спорт.
<div class="head">favorites</div>
<thing>✱ movie:</thing> Омерзительная восьмерка.
<br>
<thing>✱ book:</thing> Божественная комедия.
<br>
<thing>✱ song:</thing> SIAMÉS - "The Wolf".
<br>
<thing>✱ food:</thing> омлет.
<br>
<thing>✱ holiday:</thing> Хеллоуин.
<br>
<thing>✱ color:</thing> зеленый.
</div></div></td></tr></tbody></table></div></div>
<div class="Ntab">
<input type="radio" id="Ntab-3" name="Ntab-group-1">
<label for="Ntab-3"> <i class="fa fa-pencil fa-fw" style="font-size: 10px;margin-top:5px"></i> about</label>
<div class="Ncontent">
<div class="nstuff2" style="padding: 10px 40px 10px 40px">
<div class="head">characteristics</div>
<p>
✱ Высокий мужчина с хорошо сложенным телом и взглядом, полным апатии. Весь его вид дает понять, что в этой жизни Хибари повидал многое, ровно столько, чтобы от нее устать и потерять блеск в глазах. Бывший военный, он пережил боевые действия, взглянув в лицо смерти, и с тех пор зарекся никогда больше не забирать жизни, вместо этого наоборот, спасать их. Так он, собственно, и попал в ряды спасателей. Отдаваясь делу со всей душой, он добился и успехов, и признания, но старые мысли все еще читаются на лице хранителя.
</p><p>
✱ Основной интерес Хибари - сигареты и теплый кофе. Конечно же, это если дело касается только его работы, в личной же жизни он скрытый семьянин, который не любит лишнего внимания. Его жена - шеф повар в местном ресторане, что находится при отеле, а сын - перспективный студент финансового университета. Что же касается зимнего спорта - то хранитель относится к нему с раздражением, так как считает, что без бессмысленного экстрима у него было бы меньше работы.</p><p>
✱ Хранителем стал не случайно, его вклад в развитие Галазиоса неоценим, как только дело касается безопасности, то сразу же можно услышать имя Хибари. На его счету уже более тысячи спасенных, и это далеко не предел. Если этот человек чувствует, что может быть полезным, то делает все, что в его силах. Эта самоотверженность проявляется именно тогда, когда это нужно, что сильно контрастирует с ежедневным пофигизмом хранителя.</p></div></div></div>
<div class="Ntab">
<input type="radio" id="Ntab-4" name="Ntab-group-1">
<label for="Ntab-4"> <i class="fa fa-user-plus" style="font-size: 10px;margin-top:5px"></i> quests</label>
<div class="Ncontent">
<table cellpadding="3" cellspacing="0"><tbody><tr>
<td><div class="nstuff">
<div class="head">Monday:</div>
<p>✱ <b>Time:</b> 12.00 - 00.00.<br>
✱ <b>Place:</b>Горы Галазиоса.<br>
✱ <b>Info:</b> Объявлена опасность схода лавины. Хибари следит за тем, чтобы люди не выходили на склон, но группа подростков все равно смогла проскользнуть. Они явно не воспринимают угрозу серьезно и не согласны покидать горнолыжный склон без боя.<br>
✱ <b>Quest:</b> Прогоните подростков, устроив бой с их главарем.<br>
✱ <b>Special:</b> Нельзя использовать атаки, способные вызвать схождение лавины (взрывы, звуковые, бьющие по площади).
</p><p>
</p><div class="head">Tuesday:</div>
<p>✱ <b>Time:</b> 12.00 - 12.00 следующего дня.<br>
✱ <b>Place:</b> Горы Галазиоса.<br>
✱ <b>Info:</b> Лавина застала вас на самом верху подъемника, похоже, вас ждут смертельные гонки со стихией. <br>
✱ <b>Quest:</b> Обгоните снег на лыжах/сноуборде.
✱ <b>Special:</b> Если вас все же настигнет внизу, то не волнуйтесь, помощь рядом.
</p><p>
</p><div class="head">Wednesday:</div>
<p>✱ <b>Time:</b> 7:00 - 19.00.<br>
✱ <b>Place:</b> Горы Галазиоса.<br>
✱ <b>Info:</b> Сошла лавина, застав вас в кладовом домике. У вас нет возможности выбраться самостоятельно, остается лишь дождаться спасения.<br>
✱ <b>Quest:</b> Продержитесь день в маленькой каморке и не сойдите с ума.<br>
✱ <b>Special:</b> Запрещается успешное спасение своими силами.
</p><p>
</p><div class="head">Thursday:</div>
<p>✱ <b>Time:</b> 12:00 - 19:00.<br>
✱ <b>Place:</b> Горы Галазиоса. <br>
✱ <b>Info:</b> Из-за сошедшей лавины несколько человек пропали без вести, людей на поиски катострафически не хватает.<br>
✱ <b>Quest:</b> Организуйте свою группу поиска выживших. <br>
✱ <b>Special:</b> Помогайте аккуратно, уход за пострадавшими следует предоставить профессионалам.
</p><p>
</p><div class="head">Friday:</div>
<p>✱ <b>Time:</b> 12.00 - 19:00.<br>
✱ <b>Place:</b> Гостиница.<br>
✱ <b>Info:</b> Кабинка сломалась и зависла над пропастью. Люди напуганы, а подобраться к ним, чтобы помочь - очень трудно, к тому же начинается сильная метель.<br>
✱ <b>Quest:</b> Помогите Хибари спасти людей из кабинки.<br>
✱ <b>Special:</b> Полет для покемонов недоступен из-за метели.
</p><p>
</p><div class="head">Saturday:</div>
<p>✱ <b>Time:</b> 12.00 - 19:00.<br>
✱ <b>Place:</b> Горы Галазиоса.<br>
✱ <b>Info:</b> Метель отрезала связь с цивилизацией, оставив гостиницу в изоляции. Все бы ничего, но внезапно начинают пропадать люди.<br>
✱ <b>Quest:</b> Вам нужно обнаружить и остановить дитто-мутанта, который запирает людей на чердаке и принимает их облик.<br>
✱ <b>Special:</b> Дитто на удивление смышленый.
</p><p>
</p><div class="head">Sunday:</div>
<p>✱ <b>Time:</b> 12.00 - 19:00.<br>
✱ <b>Place:</b> Горы Галазиоса.<br>
✱ <b>Info:</b> Хибари нет на месте, здание пустует. Вы только собираетесь уходить, как к вам подходит один из отдыхающих и просит помочь остановить разъяренного <a href="url=https://bulbapedia.bulbagarden.net/wiki/Abomasnow_(Pok%C3%A9mon)">Обамасноу</a>, бушующего на горнолыжном склоне, но сделать это аккуратно, <br>
✱ <b>Quest:</b> Сразитесь и одолейте <a href="url=https://bulbapedia.bulbagarden.net/wiki/Abomasnow_(Pok%C3%A9mon)">Обамасноу</a>.<br>
✱ <b>Special:</b> Постарайтесь не использовать огненных атак.
</p><p>
</p></div></td>
<td>
<img src="http://s45.radikal.ru/i108/1702/a8/569050969b82.png" width="200" height="345">
</td></tr></tbody></table>
</div>
</div>
<div class="Ntab">
<input type="radio" id="Ntab-5" name="Ntab-group-1">
<label for="Ntab-5"> <i class="fa fa-cog fa-fw" style="font-size: 10px;margin-top:5px"></i> personality</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>
<center><img src="http://sh.uploads.ru/kPbiy.gif
" width="200" height="160">
<p>
<img src="http://sd.uploads.ru/tYI5N.gif" width="200" height="160">
</p></center></td><td>
<div class="nstuff">
<div class="nstuffff">
<div class="head">personality:</div>
<p>
✱ Сразу к делу - девиз Хибари, он не любит пустых разговоров и бесполезных действий. Если он ничем не занят - то это означает, что он лишь отдыхает после тяжелого трудового дня. Он вполне может отказать претенденту, если тот выглядит неблагонадежным. Надо доказать хранителю, что вы настроены серьезно, и лишь тогда он даст вам шанс побороться за Айсиум, в противном случае можно надолго засесть в Галазиосе.
</p><p>
✱ Жизнь его делится ровно на две части - спасательные операции и отдых. Во время первых он абсолютно серьезен и сосредоточен, поскольку не имеет права подвергать чужие жизни опасности. Отдых же у него прост кресло, плед, возможно, гитара. Сигареты и алкоголь - атрибуты его образа жизни, как хранитель сам заявляет - без них тут было бы слишком холодно. Впрочем, пьет именно чтобы согреться, не больше.
</p><p>
✱ Имеет сложные отношения с Хранителем Хлороса и Эритроса, но не развязывает открытый конфликт, так как считает, что лишь зря потеряет время. Наркотики - особая тема, и Хибари не боится ее поднимать, так как считает, что этот бизнес до невозможности подлый, и наживаться на людских страданиях нельзя. Что до отношений с Феллом - все дело в его вызывающем поведении, которое вообще мало кто может выносить.
</p>
</div></div></td></tr></tbody></table>
</div></div></div></div></div> </center></div>
