<!--HTML--><style type="text/css">.dttcontainer { margin: 10px auto;  height: 355px;  overflow: hidden; width: 480px}
.dttname{  background-color: #ab6724;  color: #ffffff;  text-align: right;  line-height: 100%;  padding: 10px 15px;  font-family: 'inconsolata', monospace;  font-size: 18px;  text-transform: uppercase;  vertical-align: middle;}
.dttname a{  font-size: 8px;  line-height: 100%;  vertical-align: middle;  color: #fff;  text-decoration: none;  letter-spacing: 2px;}
.dttdesc{  font-size: 8px;  line-height: 100%;  vertical-align: middle;  text-decoration: none;  letter-spacing: 2px;}
.dtttabs { margin: 0px auto;  position: relative;   width: 480px;  height:  355px;

 background-image: url(http://funkyimg.com/i/2ewW8.jpg);

 background-position: 0px 55px;}
.dtttab { float: left; }
.dtttab label {  display: block;  width: 160px;  height: 20px;  background: #eee;  margin-left: 0px;  position: relative;  left: 0px;  top: 280px; font-family: 'inconsolata', monospace;  font-size: 8px;  text-transform: uppercase;  line-height: 20px;  text-align: center;  color: #ffffff;  letter-spacing: 2px;  z-index: 9999;  -webkit-transition: all 0.7s ease;  -moz-transition: all 0.7s ease;  -ms-transition: all 0.7s ease;  -o-transition: all 0.7s ease;  transition: all 0.7s ease;}
.dtttab input[type=radio]:checked ~ label { color: #fff; z-index: 2;}
.dtttab input[type=radio] { display: none;}
.dttcontent { position: absolute; top: 355px; bottom: 20px; left: 0px; right: 0px; opacity: 1;  z-index: 5;  -webkit-transition: all 0.7s ease;  -moz-transition: all 0.7s ease;  -ms-transition: all 0.7s ease;  -o-transition: all 0.7s ease;  transition: all 0.7s ease;}
.dtttab input[type=radio]:checked ~ label ~ .dttcontent { z-index: 1;  opacity: 1;  top: 55px;}
.dttactive{   width: 140px;  background-color:#ab6724;  height: 280px;  padding: 10px;  color: #ffffff;  font-family: 'calibri', sans-serif;  font-size: 10px;  line-height: 100%; }
.dtttitle{  font-family: 'inconsolata', monospace;  font-size: 15px;  text-transform: uppercase;  font-style: italic;  border-bottom: 1px solid;  line-height: 100%;  padding-bottom: 2px;  margin-bottom: 5px;}
.dttcontent a{  color: #fff;  font-family: 'inconsolata', monospace;  text-transform: uppercase;  text-decoration: none;}
.dttcomp{   width: 140px;  background-color:#c78046;  height: 280px;  padding: 10px;  color: #fcfcfc;  font-family: 'calibri', sans-serif;  font-size: 10px;  line-height: 100%;  position: relative;  left: 160px;  top: 0px; }
.dttother{   width: 140px;  background-color:#a35b12;  height: 280px;  padding: 10px;  color: #fcfcfc;  font-family: 'calibri', sans-serif;  font-size: 10px;  line-height: 100%;  position: relative;  left: 320px;  top: 0px; }</style><link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<div class="dttcontainer">
 
<div class="dtttabs"><div class="dtttab"><input type="radio" id="dtttab-1" name="dtttab-group-1" checked>  <label for="dtttab-1" style="background-color:#ab6724;top:0px; width:480px;height: 55px; overflow:hidden;"><div class="dttname">

добро пожаловать!


<Br><span class="dttdesc">нажмите, чтобы закрыть вкладки</span> / 

<a href="/viewtopic.php?id=4">хочу к вам</a> / <a href="/viewtopic.php?id=3">нужные</a>

</div> </label><div class="dttcontent">  
 
</div></div><div class="dtttab"><input type="radio" id="dtttab-2" name="dtttab-group-1">  <label for="dtttab-2" style="background-color:#ab6724;"> сюжет </label>
<div class="dttcontent">
 <div class="dttactive">

<div class="dtttitle">сюжет</div>
   <li> В мире богов и полукровок всё шло своим чередом, когда мир содрогнули звуки рога Гьяллархорн, который должен был объявить о том, что начинается Рагнарёк, или гибель богов. Древние решили, что мир должен быть стёрт, а затем восстать заново, как Феникс. Однако, уничтожение одних лишь богов могло не дать нужного результата, а потому целью стали и полукровки, в особенности сильнейшие дети своих родителей, которые могли бы создать новые пантеоны. В мире начал твориться хаос, который был вызван паникой в мире Вечных, и судьба мира снова попала в руки полубогов, которым нужно объединиться, чтобы спасти его от уничтожения.</li>


 </div></div></div><div class="dtttab"><input type="radio" id="dtttab-3" name="dtttab-group-1"><label for="dtttab-3" style="background-color:#c78046;"> придержанные внешности Ж</label><div class="dttcontent">  <div class="dttcomp">

<div class="dtttitle">девушки</div>
бессрочно
   <li><a href="https://ragnarok.rusff.me/profile.php?id=3">Katherine McNamara</a> / Rachel Rickards / fly away</li>
<li><a href="https://ragnarok.rusff.me/profile.php?id=3">Bridgit Mendler</a> / Laurel Delgado / staff-team </li>
до открытия
<li><a href="https://ragnarok.rusff.me/profile.php?id=13">Nicola Peltz/Annabeth Chase</a> / barbie</li>
<li><a href="https://ragnarok.rusff.me/profile.php?id=11">Jenna Dewan / Hekate</a> / Чародейка</li>
<li><a href="https://ragnarok.rusff.me/profile.php?id=13">Nicola Peltz/Annabeth Chase</a> / barbie</li>
<li><a href="https://ragnarok.rusff.me/profile.php?id=2">Alycia Debnam-Carey</a> / in the shadows.</li>
    


 </div></div></div><div class="dtttab"><input type="radio" id="dtttab-4" name="dtttab-group-1"><label for="dtttab-4" style="background-color:#a35b12;"> придержанные внешности М </label><div class="dttcontent">  <div class="dttother">

<div class="dtttitle">юноши</div>
до открытия проекта
   <li><a href="https://ragnarok.rusff.me/profile.php?id=7">Joseph Gilgun/Notos</a> / плутос</li>
<li><a href="https://ragnarok.rusff.me/profile.php?id=10">daniel sharman</a> / Переплетено</li>
<li><a href="https://ragnarok.rusff.me/profile.php?id=12">dylan o'brien</a> / Эвернайт</li>
<li><a href="ссылка на ваш профиль">matthew daddario/percy jackson</a> / джеков сын</li>
    <li><a href="/index.php">thread link</a> / name</li>


 </div></div></div></div></div><div style="margin: 0px auto; width: 480px; text-align: right; font-size: 10px;">   <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=9796">∎</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3871" style="margin-right: -5px;">◣</a> <a href="http://shine.b1.jcink.com/index.php?showuser=13055">◥</a> </div>

<li><a href="ссылка на ваш профиль">внешность/роль</a> / ник</li>