Код:
<!--HTML-->
<script>
$(function(){
var h = $("#slides div").height();
$("#slides").slides({
responsive: true,
height: h
});
});
</script>
<style>
.themes-wrap {
width: 100%;
}
.themes-wrap-header {
background: url("http://funkyimg.com/i/27nLd.png") no-repeat scroll center top;
width: 100%;
height: 36px!important;
color: transparent;
}
.themes-wrap-footer{
background: url("http://funkyimg.com/i/27nLf.png") no-repeat scroll center top;
width: 100%;
height: 37px!important;
color: transparent;
}
.themes-wrap-body{
background: url("http://funkyimg.com/i/27nLe.png") repeat-y scroll center top;
width: 100%;
//height: auto!important;
padding: 0 38px;
box-sizing: border-box;
}
#slides {
// height: 100%!important;
width: 100%;
}
#slides .slidesNext,#slides .slidesPrevious {
position:relative;
width:12px;
height: 12px;
margin-top:-12px;
display:block;
z-index:101;
overflow:hidden;
background:url(http://funkyimg.com/i/27nVj.png) no-repeat 0 0;
background-size: contain;
color: transparent;
}
#slides .slidesNext {
left:98%;
background:url(http://funkyimg.com/i/27nVm.png) no-repeat 0 0;
background-size: contain;
margin: 0px 0px 0 0px;
}
.slidesPagination {
margin: 0px 48% 0 0;
float:right;
}
.slidesPagination li {
float:left;
margin:0 1px;
list-style:none;
}
.slidesPagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(http://funkyimg.com/i/27nZy.png);
background-position:0 0;
overflow:hidden;
}
.slidesPagination li.slidesCurrent a {
background-position:0 -12px;
}
.header-hierarchy{
font-family: "Four Trees";
font-weight: 100!important;
font-size: 2.2em!important;
color: #61291a;
letter-spacing: 1px;
text-align: center;
width: 100%;
}
.header-hierarchy::first-letter{
color: #80231c;
}
#slides div {
width: 100%;
height: auto;
}
.text-hierarchy {
text-align: justify;
color: #5e3e28;
font-size: 1.2em;
line-height: 0.7em;
font-family: Times New Roman;
}
.text-hierarchy::first-letter {
font-family: "Four Trees";
color: #80231c;
font-size: 1.5em;
}
.paragraph-header{
text-align: center;
color: #563620;
font-size: 1.6em!important;
line-height: 1.6em;
font-family: "Four Trees";
width:100%;
padding: 8px 0;
}
.paragraph-header::first-letter {
color: #80231c;
}
.slidesContainer {
margin-top: 10px;
}
</style>
<div class="themes-wrap">
<div class="themes-wrap-header">.</div>
<div class="themes-wrap-body">
<div id="slides">
<div>
<div class="header-hierarchy">Предводитель</div>
<p class="text-hierarchy" style="margin-top: 10px;">Кот, который руководит племенем и несет за него ответственность. Он имеет связь с Звёздным племенем, также слово предводителя - это закон для всего племени. При предводителе всегда есть глашатай, который является его правой лапой. В каждом племени есть один предводитель. Предводительское имя имеет суффикс -star в оригинале. В русском переводе оно может переводится либо с суффиксами -звёзд, -звёздная (Огнезвёзд, Темнозвёздная), либо с отдельным словом «звезда» (Синяя Звезда, Ночная Звезда). Иногда имя может иметь просто какое-то «звёздное» значение (Метеор, Клок Кометы). Также бывают и такие имена, которые начинаются на Звездо- (Звездолом, Звездоцап), и имена со словом «Звёздный» (Звёздный Луч).<br>
Когда прежний предводитель умирает, изгоняется или уходит на покой, его глашатай направляется к Лунному Камню или к Лунному Озеру, где получает дар девяти жизней и предводительское имя. 9 звёздных предков, которые сыграли в его судьбе главные роли, дают новому предводителю по 1 жизни. С каждой жизнью к коту приходит дар, например, сострадание или отвага в бою. </p>
<h4 class="paragraph-header">Обязанности предводителя</h4>
<p class="text-hierarchy">
- Следить за ежедневной жизнью племени и раздавать приказы;
- Представлять свое племя на Совете;
- Вести племя в бой;
- Назначать новых оруженосцев и давать им наставников;
- Назначать новых воителей после окончания ими подготовки;
- Назначать нового глашатая;
- Разрешать конфликты между соплеменниками;
- Разбираться с конфликтами и происшествиями вне племени, если они угрожают ему;
- Советоваться с глашатаем и старшими воителями и выслушивать их доклады;
- Советоваться с целителем (-ницей) по поводу пророчеств и знамений;
- Решать, может ли чужой кот вступить в племя;
- Изгонять из племени котов, которые нарушили Воинский закон или представляют опасность для племени;
- Созывать собрания племени;
- Выполнять такие воинские обязанности, как патрулирование или воспитание оруженосцев.
- Когда предводитель временно не может исполнять свои обязанности, например, по болезни, их берет на себя глашатай.</p>
<h4 class="paragraph-header">Потеря жизни</h4>
<p class="text-hierarchy">
Когда предводитель теряет жизнь, он появляется на короткое время в Звёздном племени, где после видит бледный силуэт самого себя. Этот силуэт двигается и даже охотится с остальными Звёздными воинами. С каждой потерянной жизнью этот силуэт становится ярче, и, только когда предводитель потеряет все жизни, он очутится в Звёздном племени и будет видеть всё, что происходит.</p>
<h4 class="paragraph-header">Жильё</h4>
<p class="text-hierarchy">
У предводителей есть своя палатка. В ней он живет один, иногда вместе с подругой. В палатку предводителей можно зайти, только если разрешили или пригласили.</p>
<h4 class="paragraph-header">Уход предводителя с должности</h4>
<p class="text-hierarchy">
Обычно предводитель находится на этой должности до своей смерти, но есть некоторые исключения.</p>
<h4 class="paragraph-header">Добровольный уход</h4>
<p class="text-hierarchy">
Предводитель может сам уйти на покой, если захочет (как это было с Острозвёздом). Тогда его место занимает глашатай, но получает меньше жизней, поскольку предыдущий предводитель еще жив (как это произошло с Солнцезвёздом).</p>
<h4 class="paragraph-header">Изгнание</h4>
<p class="text-hierarchy">
Если соплеменники решат, что предводитель не подходит на должность, они лишают его этого статуса. Так, племя Теней изгнало Звездолома, но он сохранил свои жизни, и поэтому следующий предводитель Ночная Звезда не получил дара девяти жизней, потому что формально предводителем оставался Звездолом.</p>
</div>
<div>
<div class="header-hierarchy">Предводитель</div>
<h4 class="paragraph-header">Обязанности предводителя</h4>
<p class="text-hierarchy">
- Следить за ежедневной жизнью племени и раздавать приказы;
- Представлять свое племя на Совете;
- Вести племя в бой;
- Назначать новых оруженосцев и давать им наставников;
- Назначать новых воителей после окончания ими подготовки;
- Назначать нового глашатая;
- Разрешать конфликты между соплеменниками;
- Разбираться с конфликтами и происшествиями вне племени, если они угрожают ему;
- Советоваться с глашатаем и старшими воителями и выслушивать их доклады;
- Советоваться с целителем (-ницей) по поводу пророчеств и знамений;
- Решать, может ли чужой кот вступить в племя;
- Изгонять из племени котов, которые нарушили Воинский закон или представляют опасность для племени;
- Созывать собрания племени;
- Выполнять такие воинские обязанности, как патрулирование или воспитание оруженосцев.
- Когда предводитель временно не может исполнять свои обязанности, например, по болезни, их берет на себя глашатай.</p>
</div>
</div>
</div>
<div class="themes-wrap-footer">.</div>
</div>