[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: 570px;
    background-color: rgba(160, 142, 109, 0.65);
    box-shadow: 0 0 0 1px #644c3269 inset, 0 0 5px 0 #6f573778, 0 0 0 2px #cebba3 inset;
    color: #211b13;
    font-family: Marck Script;
    font-size: 30px;
    padding: 15px 30px 10px 30px; }

.nstuff { height: 345px; width: 317px; 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: 11px; text-transform: uppercase;  font-weight: normal; letter-spacing: 1px; color: #4a3620; }
.nstuff2 { height: 345px; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; padding: 5px; }
.nstuffff { margin-left: 15px; }
.head { color: #362714; font-family: raleway; font-weight: 900; text-transform: uppercase; font-size: 15px; padding: 5px;  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: rgba(160, 142, 109, 0.33);
    box-shadow: 0 0 0 1px #644c3269 inset, 0 0 5px 0 #6f573778, 0 0 0 2px #cebba3 inset;
    color: #211b13;
    width: 605px;
    height: 400px;
    padding: 10px 15px 10px 10px;
}
.Ntabs {
position: relative;
width: 550px;
height:  400px;
}
.Ntab {
float: left; }
.Ntab label {
display: block;
width: 90px;
height: 20px;
background: #e0d6c2;
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 #7d6242;
z-index: 2; }
.Ntab input[type=radio] {
display: none; }
.Ncontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #dacab3;
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: MEMBER GROUP HEX">

hp : tomorrow dies now

</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="" style="font-size: 10px;margin-top:5px"></i>добро пожаловать</label>
<div class="Ncontent">
<br><br>
<img src="http://funkyimg.com/i/2JCPA.gif" /> <img src="http://funkyimg.com/i/2JCPB.gif" />
<br><br>
<thing>
Добро пожаловать на тестовый форум, посвященный прекрасному творению Дж.К. Роулинг, мальчику-который-выжил. Можно вытащить человека из войны, но не войну из человека, верно? Мы собираемся погрузить вас в атмосферу серости и страданий; вывернуть героям остатки их душ - обнажить черноту и грехи, которые дышат и живут в каждом; герои никогда не бывают святыми. всем воздастся по делам их. <br> <br> <br>
для придержания внешности или роли, воспользуйтесь шаблоном </thing>
<br>● <*thing>ИФ персонажа| внешность [англ]</thing> - <*a href="ссылка на профиль" >ник<*/a><*br>
<br><br>

</div>
</div>

<div class="Ntab">
<input type="radio" id="Ntab-2" name="Ntab-group-1">
<label for="Ntab-2"> <i class="" style="font-size: 10px;margin-top:5px"></i>Правила</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>

<img src="http://funkyimg.com/i/2JCWB.png" />

</td><td>

<div class="nstuff">
<div class="nstuffff">
<div class="head">название</div>

<thing>● Сюжет нашей ролевой стартует с 2012 года, и будет развиваться в двух направлениях: Хогвартс и магическое общество Британии. Поэтому, здесь найдется местечко для воплощения фантазий каждого.
<br>
● Внешности и роли придерживаются только за пользователями, за гостями лишь на сутки.
<br>
● Мы не привязываемся к каноничным внешностям фильма.
<br>
● Мы нуждаемся в помощниках, поэтому, если у вас возникла идея помочь - милости просим в лс к любому из администраторов;
<br>
● О готовности форума в процентном соотношении сообщаем в новостях.
<br>
● Персонажи, павшие смертью храбрых в книгах фильмах во время битвы хогвартса возможны к оживлению. Такую возможность следует уточнить в гостевой [если речь не идет о сногсшибательной тонкс, будоражащей беллатрисе или вдохновляющем люпине - тут сразу "нет"]
</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="" style="font-size: 10px;margin-top:5px"></i>О мире</label>
<div class="Ncontent">

<div class="nstuff2" style="padding: 10px 40px 10px 40px">
<div class="head">О политике:</div>
на данный момент в Лондоне будут проходить выборы нового министра магии. Кингсли Шеклболт уходит на заслуженный покой. Сейчас есть два претендента на власть: Гермиона Грейнджер [не являющаяся прямым кандидатом, но вынужденная им стать (смотр.сюжет), демократическая партия] и [радикальная партия, "по стопам Корнелиуса Фаджа"]. В связи с этим проходит обширная политическая кампания.
<div class="head">О школе магии: </div>
новому директору и преподавательскому составу придется столкнуться с новой проблемой, а ученикам хогвартса - с соблазном; 
<div class="head">О бывших пожирателях: </div>
большинство пожирателей, рожденных в 50-75 годах были осуждены и приговорены к смерти через поцелуй дементора, в их числе Люциус Малфой, мистер Нотт, Августус Руквуд и etc. На счет списка оправданных судом пожирателей уточняйте в гостевой. Большинство семей, причастность которых к деятельности пожирателей была доказана, вынуждены были выплачивать репарации (в некоторых случаях, речь может идти о конфискации имущества). Разумеется, не все остались довольны таким "мягким" приговором. К тому же, общество было негативно настроено.
<div class="head">Об убийствах: </div>
по городу прокатилась волна убийств бывших пожирателей и их детей. Общество негласно разделилось на два лагеря, Аврорат активно пытается расследовать преступления. Пожирателей убивают маггловским способом. Предположительные жертвы убийств - Нарцисса Малфой и Миссис Гойл. Основателями этого закрытого карательного движения являются Кормак Маклагген и Лаванда Браун.
<div class="head">Об обществе:</div>
учитывая, что только части детей бывших пожирателей удалось восстановить свое честное имя, они входят в элиту магического общества. Большая часть общества поддерживает демократическое направление политики. Основные направление - увеличение прав и свобод для магических существ, обладающих разумом; снижение налогообложения; лояльные условия для развития магического бизнеса, активный обмен опытом с другими странами и прочее.
</p></div></div></div>

<div class="Ntab">
<input type="radio" id="Ntab-4" name="Ntab-group-1">
<label for="Ntab-4"> <i class="" style="font-size: 10px;margin-top:5px"></i>Внешности</label>
<div class="Ncontent">

<table cellpadding="4" cellspacing="0"><tbody><tr>

<td><div class="nstuff">

<div class="head">придержанные внешности</div>
● <thing>Antonina Vasylchenko</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=9" >parricida </a><br>
● <thing> Ben Barnes</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=8" >merlin</a><br>
● <thing>Boyd Holbrook</thing> - <a href="http://testwork.rusff.me/profile.php?id=5" >за амс</a><br>
● <thing>bryan dechart</thing>- <a href="http://hpalldie.rusff.me/profile.php?id=7" >pain</a><br>
● <thing> Elizabeth Olsen - <a href="http://hpalldie.rusff.me/profile.php?id=10" >отрава</a><br>
● <thing>Max Riemelt</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=2" >за нотт</a><br>
● <thing>rosamund pike - <a href="http://hpalldie.rusff.me/profile.php?id=11" >королевна</a><br>
● <thing>Sara Sampaio</thing> - <a href="http://testwork.rusff.me/profile.php?id=5" > волчица</a><br>
● <thing>Sarah Gadon</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=6">вересковый мёд</a><br>
● <thing>Sasha Kichigina</thing> - <a href="http://testwork.rusff.me/profile.php?id=5" >антагонист</a><br>
</td>
<td>

<img src="http://funkyimg.com/i/2JCXz.gif" />
<br><br>
<img src="http://funkyimg.com/i/2JCXy.gif" />

</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="" style="font-size: 10px;margin-top:5px"></i>роли</label>
<div class="Ncontent">
<table cellpadding="5" cellspacing="0"><tbody><tr><td>
<img src="http://funkyimg.com/i/2JCYY.gif" />
<br><br>
<img src="http://funkyimg.com/i/2JCYX.gif" /></td><td>
<div class="nstuff">
<div class="nstuffff">

<div class="head">придержанные роли</div>
● <thing>Astoria Greengrass</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=6">вересковый мёд</a><br>
● <thing>Daphne Greengrass - <a href="http://hpalldie.rusff.me/profile.php?id=10" >отрава</a><br>
● <thing>Draco Malfoy</thing> - <a href="http://testwork.rusff.me/profile.php?id=5" >за амс</a><br>
● <thing>Hermione Granger</thing> - <a href="http://testwork.rusff.me/profile.php?id=5" >антагонист</a><br>
● <thing>Fawley - <a href="http://hpalldie.rusff.me/profile.php?id=7" >pain</a><br>
● <thing>katie wood (nee bell) - <a href="http://hpalldie.rusff.me/profile.php?id=11" >королевна</a><br>
● <thing>Pansy Parkinson</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=9" >parricida </a><br>
● <thing>Theodore Nott</thing> - <a href="http://hpalldie.rusff.me/profile.php?id=2" >за нотт</a><br>
● <thing>Tracey Davis</thing> - <a href="http://testwork.rusff.me/profile.php?id=5" > волчица</a><br>

</div></div></td></tr></tbody></table>

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