[html]<!--HTML-->

<center><div class="tabs">
    <input type="radio" name="inset" value="" id="tab_1" checked>
    <label for="tab_1">ПРОФИЛЬ</label>

    <input type="radio" name="inset" value="" id="tab_2">
    <label for="tab_2">ИНВЕНТАРЬ</label>

    <input type="radio" name="inset" value="" id="tab_3">
    <label for="tab_3">ИМУЩЕСТВО</label>

    <input type="radio" name="inset" value="" id="tab_4">
    <label for="tab_4">ДОПОЛНИТЕЛЬНО</label>

    <div id="txt_1">
<div class="divTable">
<div class="divTableBody">

<div class="divTableRow">
<div class="divTableCell"></div>
<div class="divTableCell"><div class="d11"><h3>Анна Мария де Клер</h3></div></div>

</div>
<div class="divTableRow">
<div class="divTableCell">
</div>
<div class="divTableCell"></div>
</div>

<div class="divTableRow">
<div class="divTableCell">

<table>
<tbody>
<tr>
<td  height="400px">
<center><a href="#" class="tooltip rollover" ><span>4214 баллов <br>3180 монет</span></a>
<a href="http://lepidus.ru/viewtopic.php?id=1715" class="tooltip rollovers" ><span>Анкета</span>
</a>
<a href="http://lepidus.ru/viewtopic.php?id=1746" class="tooltip rolloverse" ><span>Телефон</span>
</a>
</center>

</td>
</tr>

</tbody>
</table></div>
<div class="divTableCell"><div class="d13"><ul class="list6b">
    <li>Возраст: 175 лет</li>
    <li>Фракция: <a href="http://lepidus.ru/viewtopic.php?id=1189" class="tooltip" >вампир<span>последователь Корнелиуса</span></a></li>
    <li>Социальный статус:  <a href="#" class="tooltip" >в мире людей <span>студентка ИУВ</span></a>, <a href="#" class="tooltip" >в мире вампиров <span>владелица небольшого антикварного магазина</span></a></li>
    <li>Способности: <a href="http://lepidus.ru/viewtopic.php?id=2877" class="tooltip" >Абсолютное сознание<span>Мастер III</span></a></li>
    <li><a href="http://lepidus.ru/viewtopic.php?id=1863 " class="tooltip" >Личный блог</a></li>
</ul></div></div>
</div>

</div>
</div>
<!-- DivTable.com -->

    </div>
      <div id="txt_2">
<p><div class="d16">Подарки персонажа</div></p>
        <table width="100%" cellspacing="0" cellpadding="4">
    <tr><th width="50%">Название</th><th width="50%">Короткое описание</th></tr>
   <tr><td>Ячейка 1</td><td>Ячейка 2</td></tr>
  </table></p>
<p><div class="d16">Прокачка персонажа</div></p>

<table width="100%" cellspacing="0" cellpadding="4">
   <tr><th width="50%">Название</th><th width="50%">Короткое описание</th></tr>
   <tr><td width="50%">Ячейка 1</td><td width="50%">Ячейка 2</td></tr>
  </table>
    </div>
    <div id="txt_3">
<p><div class="d16">Недвижимость</div></p>
       <table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th>Название</th>
<th>Место расположения</th>
</tr>
<tr>
<td width="50%">3</td>
<td width="50%">4</td>
</tr>
<tr>
<td width="50%">5</td>
<td width="50%">6</td>
</tr>
<tr>
<td width="50%">7</td>
<td width="50%">8</td>
</tr>
<tr>
<td width="50%">9</td>
<td width="50%">10</td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->
<p><div class="d16">Прочее имущество </div><br>
<center><i>(включая животных)</i></center></p>

<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th>Название</th>
<th>Описание</th>
</tr>
<tr>
<td width="50%">3</td>
<td width="50%">4</td>
</tr>
<tr>
<td width="50%">5</td>
<td width="50%">6</td>
</tr>
<tr>
<td width="50%">7</td>
<td width="50%">8</td>
</tr>
<tr>
<td width="50%">9</td>
<td width="50%">10</td>
</tr>
</tbody>
</table>
<!-- DivTable.com -->
<p><div class="d16">Артефакты</div></p>

    </div>
    <div id="txt_4">
        <div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">
<p><div class="d16">Общественная деятельность</div></p>

<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th>Название</th>
<th>Действие</th>
</tr>
<tr>
<td width="50%">3</td>
<td width="50%">4</td>
</tr>
<tr>
<td width="50%">5</td>
<td width="50%">6</td>
</tr>
<tr>
<td width="50%">7</td>
<td width="50%">8</td>
</tr>
</tbody>
</table></div>
<div class="divTableCell">
<p><div class="d16">Игровой реестр</div></p>
<table width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<th>Название</th>
<th>Действие</th>
</tr>
<tr>
<td width="50%">3</td>
<td width="50%">4</td>
</tr>
<tr>
<td width="50%">5</td>
<td width="50%">6</td>
</tr>
<tr>
<td width="50%">7</td>
<td width="50%">8</td>
</tr>
</tbody>
</table>

<p><div class="d16">Лицензии</div></p>
<table>
<tbody>
<tr>
<td><center><p>Лицензия на ношение оружия</p></center></td>
</tr>
<tr>
<td><center><p>Лицензия на обращение</p></center></td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
</tbody>
</table></div>
</div>
</div>
</div>
    </div>
</div></center>

<style type="text/css">

.post-content td {
    border-width: 0px !important;
    border-style: solid !important;
    padding: 0.4em 0.5em !important;
    overflow: hidden;
}
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display:none; }
.tabs>div { display: none;
    padding: 12px;
    border: 1px solid #C0C0C0;
    background: #FFFFFF;
background-image: url(http://forumfiles.ru/files/0019/51/e9/79874.jpg);
width: 570px;
height: 390px;
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 0;
    font-family: Gorgia;
    text-align: center;
    color: #7b6692;
    border: 1px solid #d7cad7;
    background: #decfde;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #cac7c7;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
.r1, .r2, .r3 {
    display: block; height: 1px; background: #7da7d9; overflow: hidden;
   }
   .r1 { margin: 0 4px; }
   .r2 { margin: 0 2px; }
   .r3 { margin: 0 1px; height: 2px; }
   .block-round-content  {
    background: #7da7d9; /* Цвет фона */
    color: #fff;
    padding: 10px; /*  Поля вокруг текста */
   }
#txt_1{
background-image: url(https://image.ibb.co/iTgD1J/image.png);
   }
#txt_2{
background-image: url(http://forumfiles.ru/files/0019/51/e9/53071.png);
  overflow: scroll; /* Добавляем полосы прокрутки */ }
#txt_3{
background-image: url(http://forumfiles.ru/files/0019/51/e9/72121.jpg);
  overflow: scroll; /* Добавляем полосы прокрутки */ }
#txt_4{
background-image: url(http://forumfiles.ru/files/0019/51/e9/92792.jpg);
  overflow: scroll; /* Добавляем полосы прокрутки */ }
.d11 h3 {
    display: table;
    width: 300px;
    margin: 0 auto;
    padding: 15px;
    letter-spacing: 2px;
    font-family: Lobster;
    text-align: center;
    background: #d9cbd9;
    border: 2px dashed #7b6692;
    color: #7b6692;
    box-shadow: 0 0 0 4px #e2d3e2;
float: right;
}

.d12 {
margin-left: 10px;
font-family: Lobster;
    text-align: center;
color: #808080;
}

.d13 {
    display: table;
    width: 325px;
    height: auto;
    margin: 0 auto;
    letter-spacing: 2px;
    font-family: Lobster;
    text-align: center;
    background: #d9cbd9;
    border: 2px dashed #7b6692;
    color: #7b6692;
    box-shadow: 0 0 0 4px #e2d3e2;
    float: right;
}

.d16 {
margin-left: 10px;
font-family: Lobster;
    text-align: center;
font-size: 16px;
color: #808080;
}

/* DivTable.com */
.divTable{
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 0px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}

.tooltip {
position: relative;
background: #eaeaea00;
cursor: help;
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
}

.tooltip span {
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    left: 20%;
    z-index: 999;
    width: auto;
    margin-left: -20px;
    padding: 10px;
    border: 2px solid #d9cbd9;
    opacity: .9;
    background-color: #d9cbd9;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover {
border: 0; /* IE6 fix */
}

.tooltip:hover span {
visibility: visible;
}

.tooltip span:before,
.tooltip span:after {
content: "";
position: absolute;
z-index: 1000;
bottom: -7px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}

.tooltip span:before {
border-top-color: #ccc;
bottom: -8px;
}

a.rollover {
    background: url(http://forumfiles.ru/files/0019/51/e9/35122.png); /* Путь к файлу с исходным рисунком  */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rollover:hover {
    background: url(http://forumfiles.ru/files/0019/51/e9/36662.png); /* Путь к файлу с заменяемым рисунком  */
   }

a.rollovers {
    background: url(http://forumfiles.ru/files/0019/51/e9/42860.png); /* Путь к файлу с исходным рисунком  */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rollovers:hover {
    background: url(http://forumfiles.ru/files/0019/51/e9/56450.png); /* Путь к файлу с заменяемым рисунком  */
   }

a.rolloverse {
    background: url(http://forumfiles.ru/files/0019/51/e9/56414.png); /* Путь к файлу с исходным рисунком  */
    width: 50px; /* Ширина рисунка */
    height: 50px; /*  Высота рисунка */
   }
   a.rolloverse:hover {
    background: url(http://forumfiles.ru/files/0019/51/e9/36611.png); /* Путь к файлу с заменяемым рисунком  */
   }

.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #C0C0C0;
    content: "\2714";
    transition-duration: 0.5s;
}
.list6b li:hover:before {
    color: #337AB7;
    content: "\2714";
}   

</style><link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
[/html]