Код:
<!--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://s018.radikal.ru/i508/1702/c8/a80eddc17fff.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>&nbsp; image</label>
<div class="Ncontent">
<img src="http://i075.radikal.ru/1702/cb/0db15db82890.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>&nbsp; in-depth</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>

<img src="http://s019.radikal.ru/i614/1702/d3/0c1ddb21e4ef.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> неизвестно.
<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> Ghostium Z, TM30 Shadowball.
<br>
<thing>✱ theme:</thing> <a href="https://www.youtube.com/watch?v=JLnrQid0_Qg">Hell Girl OST - Ake ni Somaru</a>.

<div class="head">appearance</div>

<thing>✱ prototype:</thing> Rita [Rage of Bahamut: Genesis].
<br>
<thing>✱ height:</thing> 1.5 м.
<br>
<thing>✱ weight:</thing> 42 кг.
<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> Cranberries - Zombie.
<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>&nbsp; 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><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> &nbsp; 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> 19.00 - 23.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> 22.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">Wednesday:</div>

<p>✱ <b>Time:</b> 13:00 - 18.00.<br>
✱ <b>Place:</b> Беседка в задней части замка.<br>
✱ <b>Info:</b> После долгих скитаний по замку, вы выходите на задний двор, где и находите хранителя, мирно пьющую чай в беседке. Она рассказывает вам, что оставила на столе в библиотеке очень важную книгу, но в силу некоторых причин,
 вернуться в здание не может.<br>
✱ <b>Quest:</b> Найдите библиотеку и сразитесь с ее хранителем - Аегислешем. Принесите Клариссе комикс "Х-men: Apocalypse". <br>
✱ <b>Special:</b> Стирайте по пути линии, высыпанные солью в проходах, тогда в конце финального боя появится Кларисса и поможет вам успокоить <a href="www.smogon.com/dex/xy/pokemon/aegislash">Аегислеша</a>.
</p><p>

</p><div class="head">Thursday:</div>

<p>✱ <b>Time:</b> 21:00 - 00:00.<br>
✱ <b>Place:</b> Беседка в задней части замка. <br>
✱ <b>Info:</b> После долгих скитаний по замку, вы выходите на задний дворик, где и находите хранителя, мирно пьющую чай в беседке. Она рассказывает вам, что оставила на столе в библиотеке очень важную книгу, но в силу некоторых причин,
 вернуться в здание не может. Предыдущий претендент, посланный за книгой, куда-то пропал и она за него волнуется. Кажется, он стал жертвой Гальвантулы, которая устроила себе дом в одной из комнат замка.<br>
✱ <b>Quest:</b> Найдите логово Гальвантулы и спасите из ее паутины тренера.<br>
✱ <b>Special:</b> Стирайте по пути линии, высыпанные солью в проходах, тогда в конце финального боя появится Кларисса и поможет победить <a href="www.smogon.com/dex/xy/pokemon/galvantula/">Гальвантулу</a>.
</p><p>

</p><div class="head">Friday:</div>

<p>✱ <b>Time:</b> 12.45 - 18: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> 22.45 - 00:00.<br>
✱ <b>Place:</b> Парадная замка.<br>
✱ <b>Info:</b> Что-то напугало призраков и они хотят вылететь из замка. Барьер вокруг замка позволяет это сделать только через главный вход. Ни в коем случае нельзя выпустить призраков в город, пока Клара ищет причину их миграции.<br>
✱ <b>Quest:</b> Сдерживайте волны призраков (horde) в течении часа-двух.<br>
✱ <b>Special:</b> Если вы не уверены в своих силах, то скажите Кларе об этом. Ее Чанделюр поможет вам.
</p><p>


</p><div class="head">Sunday:</div>
<p>✱ <b>Time:</b> 15.20 - 17.00.<br>
✱ <b>Place:</b> Замок.<br>
✱ <b>Moves:</b> При вашей встрече Кларисса выглядит обеспокоенной. Она рассказывает, что в ее замке обосновался охотник на демонов. Он рассыпал везде соль, нарисовал кресты, и теперь носится по комнатам, крича молитвы и пугая покемонов-призраков. Так продолжаться не может - его нужно остановить, и как можно скорее, но сама она с этим не справится.<br>
✱ <b>Quest:</b>Угомонить охотника на демонов и выдворить его из замка.<br>
✱ <b>Special:</b> Стирайте по пути линии, высыпанные солью в проходах, тогда Кларисса поможет вам убедить охотника уйти из этого места.
</p><p>
</p></div></td>
<td>

<img src="http://s13.radikal.ru/i186/1702/5f/776b8cf4ff41.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> &nbsp; personality</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>
<center><img src="http://se.uploads.ru/6CVj2.gif
" width="200" height="160">
<p>
<img src="http://s6.uploads.ru/sni1k.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>