[html]
<style>

.loc-img {
background: url(https://forumstatic.ru/files/001a/f6/9c/94220.png);
-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.loc-img:hover {
background: url(https://forumstatic.ru/files/001a/f6/9c/16277.png);
}

#containerFull {
width: 500px;
background: url(https://forumstatic.ru/files/001a/ae/99/18543.png) repeat scroll;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
</style>

<script src="https://forumstatic.ru/files/001a/ae/99/40030.js"></script>

<center>
<div id="containerFull">
<div id="loc-container">
<div class="cathead"></div>
<div class="loc-img"></div>
<center><div class="locTab">
  <button class="locTablinks" onclick="locSwitch(event, 'locationInfo')" id="defaultOpen">Локация</button>
  <button class="locTablinks" onclick="locSwitch(event, 'locationEvents')">События</button>
</div></center>

<div id="locationInfo" class="locTabcontent">

<div class="loc-quote">&nbsp; &nbsp; Старый огромный дуб, выросший на территории Грозовых воителей, сохраняет свою вечную зелень из года в год. Длинные раскидистые ветви дуба прячут под листьями птиц, а под торчащими корнями дерева всегда можно укрыться от непогоды.<br>
Старый дуб, стремящийся к небесному своду, является известным местом для обучения грозовых оруженосцев древолазанию.<br>
Нередко в глубинах кроны можно отыскать соек, питающихся сочными желудями; не одна белка пыталась обосноваться в дупле, а в сезон Листопада у небесного дуба можно собрать много опавших листьев.
</div>
</div>
</center>
<div id="locationEvents" class="locTabcontent">

<center><div class="loc-quote">

</div>
</div></center>
</div>
<center><img src="https://forumstatic.ru/files/001a/f6/9c/60236.png" class="loc-end"></center>
</div>
</div>
[/html]