[html]
<style>
#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>
<img src="https://forumstatic.ru/files/001a/f6/9c/38068.png" class="loc-img">
<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"> Крутой склон нисходит к озеру, находящемуся в сердце четырёх племен. Скользкий и неудобный для спуска, он становится довольно опасным для юных оруженосцев и просто поспешных котов, которые храбро рвутся вперед, ничего не замечая под ногами. Среди грозовых котов горячих сердец всегда было предостаточно, так что, речным спасателям есть резон ждать на соседнем берегу "своего" неуклюжего недотёпу.<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]