<style type="text/css">
#tbl-2 {
color:#57251a;
position:relative;
background: transparent url(https://forumstatic.ru/files/0017/3c/1f/61666.png) no-repeat 6px 0;
width:860px;
height:402px;
margin-top: -50px;
margin-left: 40px;
}
#tbl-2 .cnt-a {
margin:0;
padding:8px;
text-align:center;
position:absolute;
width:222px;
overflow-y:auto;
overflow-x:visible;
}
#Nav.cnt-a {
z-index:100;
overflow:visible;
padding:0;
height:67px;
width:195px;
top:190px;
left:51px;
}
#Nav li {
display:inline-block;
background: transparent url(---) no-repeat 1px 0;
cursor:pointer;
font: normal normal 400 11px/normal Georgia;
color:#57251a;
text-shadow: 1px 1px 0 rgba(242,137,126,.34);
height:18px;
margin-bottom:1px;
width:100%;
}
#Nav li:hover,#Nav li.active{
background-position: 2px -15px;
text-shadow: -1px -1px 0 rgba(255,255,255,.3),0 0 1.4em rgba(250,180,118,1),1px 1px 0 rgba(245,144,93,1);
color:#ddccb2;
}
#Up01 {
height:96px;
top: 61px;
left:30px;
}
#Up02 {
height:298px;
top: 61px;
left:318px;
}
#Up03 {
height:201px;
top: 61px;
left:609px;
}
#Btm01 {
overflow:visible!important;
height:67px;
top: 294px;
left:30px;
}
#Btm03 {
overflow:visible!important;
height:67px;
top: 294px;
left:609px;
}
#Up02 .cnt {
margin:0 auto;padding:0;
padding-right:3px;
min-height:99%;
width:210px;
text-align:justify;
opacity:0;
display:none;
}
#Up02 .cnt.active {
opacity:1;
display:block;
}
#Up02 .cnt h5{
text-align:center;
padding:2px;
color:rgba(75,49,49,1);
text-shadow: 1px 1px 0 rgba(0,0,.4);
font: normal normal 400 12px/normal 'Lucida Console';
box-shadow:inset 0 0 .6em rgba(180,95,23,.7);
border-radius:12px;
}
#Btm01.cnt-a .image,#Btm03.cnt-a .image{
cursor:pointer;
display:inline-block;
position:relative;
margin-top:3px;
margin-left:2px;
margin-right:0px;
text-align:center;
}
.image pre {
background-color: rgba(222,184,144,.8);
padding:4px;
width:155px;
border-radius:7px;
border:3px solid #ddccb2;
margin-left:-58px;
position:absolute;
top:103%;
box-shadow: 0 0 13px rgba(0,0,0,.3);
display:none;
}
.image:hover pre {
position:absolute; z- index:1000;
display:block;
}
.image>img {
border-radius:7px;
border:2px solid #ddccb2;
}
</style>
<div id="tbl-2">
<!-- Навигация -->
<div class="cnt-a" id="Nav">
<li class="active">ПОЛЕЗНЫЕ ССЫЛКИ</li>
<li>АКЦИИ</li>
<li>АКТИВНЫЕ ЭПИЗОДЫ</li>
<li>БАННЕРЫ</li>
</div>
<!-- Верхние секции -->
<div class="cnt-a" id="Up01">
<b>ДОБРО ПОЖАЛОВАТЬ НА ПРОЕКТ ! <br> РАДЫ ЦЕНИТЕЛЯМ ФАНДОМА </b><br><br><a href="http://rpgtop.su/24372" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x5.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
</div>
<div class="cnt-a" id="Up02">
<div class="cnt active">
<h5>Полезные ссылки:</h5>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=125" class="Киндрэт" target=""> ГОСТЕВАЯ </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=33" class="Киндрэт" target=""> АКЦИИ: КАНОН </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=9" class="Киндрэт" target=""> СПИСОК РОЛЕЙ </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewforum.php?id=8" class="Киндрэт" target=""> ШАБЛОН АНКЕТЫ </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=10" class="Киндрэт" target=""> СЮЖЕТ </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=43#p110" class="Киндрэт" target=""> ВНЕШНОСТИ </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=21" class="Киндрэт" target=""> РЕКЛАМА: ШАБЛОНЫ </a></center><br>
</div>
<div class="cnt">
<h5>АКЦИИ</h5>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=33#p4058" class="Киндрэт" target="">ГРЭГ КАДАВЕРЦИАН </a></center><br>
<center><a href="http://kindret.rolevaya.ru/viewtopic.php?id=33#p5595" class="Киндрэт" target="">НОРИКО ТХОРНИСХ </a></center><br>
</div>
<div class="cnt">
<h5>Игровой мир: </h5>
2004 г. Откат времени произошел до события свершившейся Витдикты.
Атум заперт. Все киндрэт, кроме Иноканоана - не помнят о свершившихся до отката событиях.
Некоторым кровным братьям начинают сниться странные тревожные сны.
</div>
<div class="cnt">
<h5>Партнеры</h5>
<a href="http://avatar.forum-top.ru/"target=_new><IMG alt="Avatar"
src="http://s3.uploads.ru/t/jb8lo.png"></a> <a href="http://endnow.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0019/46/ab/84596.gif" title="TO LIVE AND DIE IN L.A." alt="LA" width="88" height="31"></a> <a href="http://roses.rolbb.ru" target="_blank" title="WAR OF THE ROSES"><img src="https://forumstatic.ru/files/0019/6e/f2/45224.gif"></a> <a href="http://ulegends.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0011/3b/5b/83755.jpg" alt="Городские легенды"/></a> <a href="http://dalar.rusff.me"><img src="http://s1.uploads.ru/RGp4r.jpg"></a> <a href="http://obscura.f-rpg.ru/"><img src="https://i.imgur.com/Uir0gKJ.gif" title="Obscura Lustra, по мотивам волшебного мира Дж. Роулинг"></a> <a href="http://vel.f-rpg.ru/" target="blank"><img src="http://s9.uploads.ru/4Qsho.jpg"></a> <a href="http://dorton.f-rpg.ru/" target=_blank, title='Dorton. Dragon Dawn'><img src="https://i.imgur.com/7k8E5dV.gif"></a> <a href="http://warneverchanges.rusff.me/">
<img src="http://funkyimg.com/i/2AMdT.gif" border="0" title="Fallout: War Never Changes" width="88" height="31"></a> <a href="http://sssr2.rusff.me" target="_blank"> <img src="http://sg.uploads.ru/t/dZ8Hq.jpg" border="0" width="88" height="31" title="СССР2.0. Легенда о несбывшемся грядущем. Альтернативная история, реал."></a> <a href="http://drinkofdespair.rusff.me"target=_blank><img src="https://forumstatic.ru/files/0019/86/81/86238.jpg" title="Drink of Despair"></a> <a href="http://gotbeginning.rolka.su/" target=_blank> <img src="http://s020.radikal.ru/i723/1703/ca/617943313915.jpg" border="0" alt="Игра Престолов. С самого начала" width="88" height="31"/></a> <a href="http://shel.rusff.me" target=_blank><img src="https://forumstatic.ru/files/0017/f9/58/32153.gif" border="0" title="Sunrise Helheim" width="88" height="31"></a>
</div>
</div>
<div class="cnt-a" id="Up03">
<b>МИР: </b> Вампиры, фэнтези, романтика, драма, магия. <br>
<b>РЕЙТИНГ: </b> 18+ <br>
<b>ИГРА: </b> Эпизоды, мастеринг. <br>
</div>
<!-- Нижние секции -->
<div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
<div class=image>
<img src=https://forumstatic.ru/files/0017/3c/1f/45788.jpg>
<pre>
<b>Кристоф Кадаверциан</b>
</pre>
</div>
<div class=image>
<img src=https://forumstatic.ru/files/0017/3c/1f/34567.jpg>
<pre>
<b>Рогнеда Вриколакос</b>
</pre>
</div>
<!--//Конец АДМИНЫ//-->
</div>
<div class="cnt-a" id="Btm03">
<!-- РОЗЫСК -->
<div class=image>
<img src=https://forumstatic.ru/files/0017/3c/1f/31316.png>
<pre>
Дарэл Эриксон
</pre>
</div>
<div class=image>
<img src=https://forumstatic.ru/files/0017/3c/1f/78214.jpg>
<pre>
Норико Тхорнисх
</pre>
</div>
<div class=image>
<img src=https://forumstatic.ru/files/0017/3c/1f/34924.jpg>
<pre>
Амир Ар Рахал
</pre>
</div>
<!--//Конец РОЗЫСК//-->
</div>
</div>
<script type="text/javascript">
(function(){
var switches = $('#Nav>li');
var cnt = $('#Up02>.cnt');
switches.click(function(){
var num = switches.index(this);
cnt.removeClass('active');
switches.removeClass('active');
switches.eq(num).addClass('active');
cnt.eq(num).hide().addClass('active').fadeIn(600);
});
})();
</script>
