<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
  /*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
margin:0;
top:0;bottom:0;
left:0;right:0;
width:100%;
height:100%;
position:fixed;
z-index:20000;
background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:right;
margin:0 -135px 0 0!important; /*чем больше - тем правее*/
width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
display:block;
z-index:30000;
position:absolute;
max-height:600px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
width: auto!important;
padding-left: 10px;
padding-right: 10px;
height: 19px!important;
display:block!important;
position:relative;
z-index:10;
float:left;
border-radius: 12px;
padding-top: 7px;
margin-left: 10px;
margin-bottom: 6px;
text-align:center;
font-size: 10px;
color: #413835;
font-family: arial;
text-shadow: 1px 1px 0px #f3efe9;
font-weight: bold;
text-transform: uppercase;
background: #d5d3d0;
cursor: pointer;
box-shadow: inset 0px 0px 7px #807774;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
margin-left: 40px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
opacity:1;
border-bottom-color:transparent!important;
background: #f5f2ee;
text-shadow: 1px 1px 0px #ffffff;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
padding: 0px;
width:800px;
height:600px;
position:relative;
z-index:1;
display:none;
text-align:center;
vertical-align:middle;
border-top: none;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
margin-top:10px;
text-align:left;
display:inline-block;
}
/* сдвиг таблицы */
.punbb .my-tabs{
  padding-top: 0px!important;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 60px!important; /*сдвиг таблицы вправо от положения иконки*/
}
/*Подвижка иконки*/
img.a-info{
margin-top: -20px!important;
  margin-left: -100px!important;
}
</style>

<script img-data="http://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="16"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>

<script type="text/javascript">
$(document).ready(function(){
  $('img.a-info,.my-tabs>span').click(function(){
   $("li.tab-a .code-box").each(function(){
    if($(this).text().indexOf('<!--HTML-->')!=-1){
    $(this).wrap('<div class="htmldemo"></div>')
    $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);}
});});});
</script>