Код:
<!--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://s04.radikal.ru/i177/1702/f8/0a29cf659830.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://s018.radikal.ru/i506/1702/ea/162fcee7e425.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://s45.radikal.ru/i108/1702/c5/26f13e77ef64.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> 16.02.87.
<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> Firium Z.
<br>
<thing>✱ theme:</thing> <a href="https://www.youtube.com/watch?v=4OQSUOXuPGQ">IMMEDIATE MUSIC – Avenger</a>.
<div class="head">appearance</div>
<thing>✱ prototype:</thing> Eikichi Onizuka [GTO].
<br>
<thing>✱ height:</thing> 1.91 м.
<br>
<thing>✱ weight:</thing> 87 кг.
<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> Звездные Войны Эп 6.
<br>
<thing>✱ book:</thing> нет.
<br>
<thing>✱ song:</thing> 5.6.7.8's - The Barracuda.
<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> 09.00 - 13.00.<br>
✱ <b>Place:</b> пожарная часть.<br>
✱ <b>Info:</b> Понедельник - день тяжелый. С самого утра пожарные заняты тренировками на полигоне. Среди них: сборы на время, полоса препятствий, задымленный лабиринт, толкание шины молотом, эвакуация манекена на носилках.<br>
✱ <b>Quest:</b> пройти все этапы вместе с Бенжамином.
</p><p>
</p><div class="head">Tuesday:</div>
<p>✱ <b>Time:</b> 13.00 - 15.00.<br>
✱ <b>Place:</b> городской Центр Покемонов.<br>
✱ <b>Info:</b> Дикий покемон может представлять угрозу, в особенности, будучи раненным. Добрый самаритянин доставил огненного покемона сестре Джой, но им не удалось найти общий язык, и огонь захлестнул здание.<br>
✱ <b>Quest:</b> выйти на вызов с Бенжамином и ликвидировать пожар.
</p><p>
</p><div class="head">Wednesday:</div>
<p>✱ <b>Time:</b> 17.30 - 18.30.<br>
✱ <b>Place:</b> Храм.<br>
✱ <b>Info:</b> Ознакомление с городской достопримечательностью пошло не по плану, когда серийный поджигатель объявился в Храме. Ему не удалось осуществить задуманное, но пламя перекрыло выход.<br>
✱ <b>Quest:</b> Пожарные прибыли, но Вам предстоит вывести прихожан из Храма, следуя указаниям Бенжамина.
</p><p>
</p><div class="head">Thursday:</div>
<p>✱ <b>Time:</b> 14.15 - 15.45.<br>
✱ <b>Place:</b> перекресток Чинлинг и Фюррет.<br>
✱ <b>Info:</b> Легкомысленный водитель хотел проскочить на красный свет. Грузовик сбил его с дороги, и лихача унесло в витрину табачного магазина.<br>
✱ <b>Quest:</b> Помочь Бенжамину вытащить из горящего магазина продавщицу.
</p><p>
</p><div class="head">Friday:</div>
<p>✱ <b>Time:</b> 22.15 - 24.00.<br>
✱ <b>Place:</b> Центральный Парк.<br>
✱ <b>Info:</b> Бенжамин покинул паб со сослуживцами, но быстро отделился от них, предпочтя закончить день в компании радиоуправляемого вертолетика.<br>
✱ <b>Quest:</b> Одолеть хмельного Гриффина в соревновательной ерунде.
</p><p>
</p><div class="head">Saturday:</div>
<p>✱ <b>Time:</b> 10.45 - 12.00.<br>
✱ <b>Place:</b> Проспект Художников.<br>
✱ <b>Info:</b> В ходе неудачного поединка, покемон одного из участников оказался в крайне опасной ситуации. Попытка Бенжамина помочь ребятам обернулась травмой пожарного.<br>
✱ <b>Quest:</b> Спасти покемона.
</p><p>
</p><div class="head">Sunday:</div>
<p>✱ <b>Time:</b> 15.20 - 17.00.<br>
✱ <b>Place:</b> Музей естественных наук.<br>
✱ <b>Info:</b> Нападение Хит-Фист ввергло город в панику. Пожарным оказано ожесточенное сопротивление со стороны преступников. Водные покемоны не могут справиться с огнем, а смена погодных условий не работает.<br>
✱ <b>Quest:</b> Проложить путь пожарным, сразить преступников.
</p><p>
</p></div></td>
<td>
<img src="http://i023.radikal.ru/1702/7b/d270c01ff0fa.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://funkyimg.com/i/2qAHb.gif" width="200" height="160">
<p>
<img src="http://funkyimg.com/i/2qAHe.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>
