[html]<div id="anket">
<div class="anketname">
Имя Фамилия, 37
</div>
<div class="anketpic"><div><img src="https://forumstatic.ru/files/001b/17/33/35054.png"></div></div>
<div class="anketfc">fc: brock o’hurn</div>
<div class="ankettopinfo">
<div>раса: опа</div>
<div>сторона</div>
<div>город</div>
<div>ориентация</div>
</div>
<div class="aknket_basic">
<span>basic information</span><div>

<b>дата рождения:</b> дата

<br><b>родственники:</b> если хотите, можете написать

<br><b>что любит ваш персонаж:</b> здесь текст

<br><b>что не нравится:</b> здесь текст

<br><b>ваша альтернативная реальность:</b> распишите, пожалуйста, каким вы видите своего персонажа. его максимальные взаимодействия, ближайшие планы и цели.

<br><b>как с вами связаться: </b>

</div></div>
<div class="aknket_basic">
<span>about</span><div style="height: 200px !important;line-height: 18px;font-size: 11px">
Когда Кристиан въехал в Потерянную Милю, было все еще жарко.

Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.

Так что поначалу Кристиан даже не знал, в какой город он въехал. Он знал только одно: он где-то в Северной Каролине, денег почти не осталось, бензин тоже уже на исходе, и весь день было душно и жарко, и солнце все время грозило выглянуть из-за облаков. В общем, даже не зная названия города, Кристиан решил задержаться здесь на какое-то время.

Он ехал по шоссе № 42 и свернул с него налево; стало быть, он въехал в город со стороны Скрипичной улицы – мимо вросших в землю трейлеров и покосившихся лачуг, мимо маленьких кладбищ, заросших сорной травой, мимо куч искореженного железа. Он не почувствовал ничего: ни ужаса, ни волнения. По большому счету, ему было все равно, где жить. Я мог бы доехать до Сан-Франциско, – подумал он, – и глядя на мост «Золотые Ворота» и на огни Китайского квартала, я чувствовал бы то же самое. Ему нельзя было вернуться в Новый Орлеан, так что он мог поселиться в любом другом городе. Все равно, в каком.
</div></div>
<div class="spirit-navigation2" id="navig-batton2">trial post</div>
<div id="navigblock2" style="display:none"><div class="anket_post"><p>
Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.
<br><br>
Так что поначалу Кристиан даже не знал, в какой город он въехал. Он знал только одно: он где-то в Северной Каролине, денег почти не осталось, бензин тоже уже на исходе, и весь день было душно и жарко, и солнце все время грозило выглянуть из-за облаков. В общем, даже не зная названия города, Кристиан решил задержаться здесь на какое-то время.
<br><br>
Он ехал по шоссе № 42 и свернул с него налево; стало быть, он въехал в город со стороны Скрипичной улицы – мимо вросших в землю трейлеров и покосившихся лачуг, мимо маленьких кладбищ, заросших сорной травой, мимо куч искореженного железа. Он не почувствовал ничего: ни ужаса, ни волнения. По большому счету, ему было все равно, где жить. Я мог бы доехать до Сан-Франциско, – подумал он, – и глядя на мост «Золотые Ворота» и на огни Китайского квартала, я чувствовал бы то же самое. Ему нельзя было вернуться в Новый Орлеан, так что он мог поселиться в любом другом городе. Все равно, в каком.
</p></div></div>
</div>
<style>.post-content #anket {
  background: url(https://forumstatic.ru/files/001b/17/33/94736.png) no-repeat top left,
    url(https://forumstatic.ru/files/001b/17/33/28330.jpg) no-repeat bottom left,
    url(https://forumstatic.ru/files/001b/17/33/95624.png);
  width: 766px;
  padding: 40px;
  margin: auto !important;
  box-shadow: 0 0 0 4px #352a34 inset, 0 0 0 5px #70383d inset;
  position: relative;
  color: #c0c0ba !important;
  font: normal 10px/18px 'open sans' !important;
  text-align: justify;
  margin-bottom:40px !important;
}

#anket a {
  color: #c1505b
}

#anket a:hover {
  color: #c0c0ba
}

.anketname {
  background: url(https://forumstatic.ru/files/001b/17/33/57224.png);
  width: 596px;
  height: 50px;
  position: absolute;
  left: 5px;
  top: 32px;
  font: bold 44px/37px gala;
  color: #a34243;
  padding-left: 240px;
}

.anketpic {
  position: relative;
  width: 172px;
  height: 118px;
  border: 2px solid #2b1b24;
  outline: 1px solid #a34243;
  line-height: 0
}

.anketpic div {
    width: 172px;
  height: 118px;
  overflow: hidden;
  background: linear-gradient(to right, #a34243, #513451)
}

.anketpic img {
  width: 172px;
  mix-blend-mode: multiply
}

.anketfc {
  position: absolute;
  width: 170px;
  height: 18px;
  border: 1px solid #693034;
  background: rgba(43,27,36,.72);
  color: #c0c0ba !important;
  font: normal 8px/16px 'open sans' !important;
  text-transform: uppercase;
  text-align: center;
  top: 140px;
  left: 42px
}

.ankettopinfo {
  position: absolute;
  width: 556px;
  height: 55px;
  right: 40px;
  top: 85px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

.ankettopinfo div {
  border: 1px solid #693034;
  background: rgba(43,27,36,.72);
  height: 24px;
  width: 262px
}

.ankettopinfo div  {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: normal 9px/16px 'open sans' !important;
  text-transform: uppercase;
}

.aknket_basic {
  border: 1px solid #693034;
  background: rgba(43,27,36,.72);
  margin-top: 30px;
  padding: 15px
}

.aknket_basic span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #c1505b;
  text-transform: uppercase;
  margin-bottom: 10px
}

.aknket_basic >div {
  overflow-y: auto;
  height: 75px;
  padding-right: 10px
}

.aknket_basic:last-of-type div {
  height: 200px !important;
  line-height: 18px;
  font-size: 11px
}

.spirit-navigation2 {
  border: 1px solid #693034;
  background: rgba(43,27,36,.72);
  margin-top: 30px;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #c1505b;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 5px;
  cursor: pointer;
   transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}

.spirit-navigation2:hover {
  color: #d1d1ca
}

.spirit-navigation2.spirit-navigation_hover2 {
  background: #c1505b;
  color: #d1d1ca
}

#navigblock2 {
    border: 1px solid #693034;
  background: rgba(43,27,36,.98);
  padding: 20px;
  margin-top: -1px
}</style>
<script>
$(document).ready(function(){
    $("#navig-batton2").click(function(){
    $("#navigblock2").slideToggle();
});
      });
$(document).ready(function(){
$('.spirit-navigation2').click(function () {
    $(this).toggleClass('spirit-navigation_hover2');
    });
});
</script>
[/html]