12 кланов. При наведении на картинку выходит информация.
[html]<!--HTML--><!--вещий дух--><table border="1"style="margin-left:70px; filter: sepia(1) hue-rotate(27deg) brightness(0.8);">
<tr><td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/r7LXmae.png"></div>
<div class="spirit_title">Trikru (Woods Clan)
<div class="spirit_subtitle">Древесный Клан </div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка">Anya</a> (нужен игрок) <br>
Главой клана становится сильный и опытный воин, имеющий поддержку людей. Преемником может являться его ребёнок или ученик, если окажется достойным. В традициях не закреплено наследование власти.<br>
Большую часть территории с умеренным климатом занимают леса. Ближе к границе с Азгедой есть пещеры. Там же расположена невысокая Гора, от которой стараются держаться подальше. Столица в городе Тондиси, полностью разрушенном бывшем Вашингтоне. Как и в целом в клане, там построены новые деревянные дома, однако укрепления дополнены обломками с руин. В домах элиты в окна вставлены уцелевшие стекла.<br>
Трикру второй по численности клан. Многие из них хорошие воины, ремесленники, но мало кто занимается сельским хозяйством: предпочитают собирательство и охоту. Они наиболее ярые приверженцы культа Пламени. Сжигают тела умерших. Кроме того, уже несколько поколений рассказывают страшные легенды о людях из-под горы.<br>
Трикру наносят на тела чёрные татуировки и боевой раскрас на лица с персональным узором.<br>
Их постоянными врагами являются горные люди, жнецы и Азгеда, союзниками — клан Синего Утёса.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/1zfx8Md.png"></div>
<div class="spirit_title">Azgeda (Ice Nation)
<div class="spirit_subtitle">Азгеда (Ледяная Нация)</div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="https://the100ac.rusff.me/profile.php?id=57">Nia</a> <br>
Кланом правит королевский род. Корона передаётся первенцу любого пола. Наследник либо убивает братьев и сестёр, либо они клянутся ему в вечной верности.<br>
Земли Азгеды суровы и холодны. Есть как леса, так и равнины, а на севере выход к замерзающим Великим озерам. Столица с каменным королевским дворцом-крепостью же находится в южной части клана. Большинство домов из бруса, длинные, одноэтажные, и практически без окон. Они закрываются ставнями, а освещение и отопление идёт от большого очага в центре зала.<br>
Азгеда самый многочисленный клан. Основное их ремесло — это война. Свободные рода воинов в почете, они имеют политический вес и право на часть добычи с походов на соседние кланы, в том числе, военнопленных рабов. Свободный член клана может даровать своему рабу свободу, но по-прежнему будет отвечать за ошибки вместе с ним.<br>
Когда азгедец готов к войне, ему впервые наносят шрамирование на лицо. Этого избегают только шпионы, которые не должны выдавать свою принадлежность к клану. Боевой раскрас — это белое лицо с густо обведенными чёрным глазами.<br>
Они являются угрозой для всех соседей и не меньше Трикру страдают от горных людей.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/PRJfnAH.png"></div>
<div class="spirit_title">Floukru (Boat People)
<div class="spirit_subtitle">Флоукру (Лодочные Люди)</div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка профиль">Luna</a> (нужен игрок)<br>
Луна основала этот клан и является бессменным лидером. Традиция передачи власти пока не начата.<br>
Это самый маленький клан: его единственное поселение на старой нефтяной вышке, вдали от материка. Туда добираются с помощью лодок и водолазных костюмов. Месторасположение для чужаков засекречено. Свои же знают, как зажечь зелёный сигнальный огонь, чтобы их встретили.
Идеология Флоукру — это мир без насилия. Луна принимает в свой клан всех, кто устал сражаться и полностью отказался от этого. Они питаются дарами моря и редко выходят на берег. Верят, что люди произошли из моря, черпают из него силу, и в него же должны уйти. Тела умерших сбрасывают в воду. Фактически это небольшая община, поэтому дома им заменяют каюты, все знают друг друга и много времени проводят вместе в общем зале.<br>
Они не наносят на тело новых символов и каждый живёт с теми, что принёс из своего клана. В одежде и аксессуарах встречаются морские элементы: сети, рыбьи кости, ракушки.<br>
Флоукру не вмешиваются в дела остальных кланов.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td></tr>
<tr><td><div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/FvbFI1P.png"></div>
<div class="spirit_title">Sangedakru (Desert Clan)
<div class="spirit_subtitle">Сангедакру (Пустынный клан) </div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка профиль">место вакантно</a> <br>
Глава клана может назначить себе наследника, однако, при наличии других претендентов, они борются за власть на смерть.<br>
Земли сангедакру — это бескрайние песчаные барханы. Выжженная земля, которой не повезло попасть под удар. Люди живут в дороге в поисках источников воды или на редких оазисах. Натягивают палатки или тенты от песка и солнца, иногда возводят дома из глиняных кирпичей, потому что ночью земля остывает. Дальше на север только мертвая зона, где нет и этого. Разве что самые отчаявшиеся изгнанники уходят туда, но никто не возвращается.<br>
Люди сангедакру не менее отважные, но дисциплина, чтобы выжить в экстремальных условиях, и гордость делают их не такими безрассудными. В условиях острого дефицита ресурсов воров ждёт жестокое наказание: забивание камнями. Здесь с особым пренебрежением относятся к фрикдрейнам. Ходят легенды о райском Городе Света где-то за мёртвой зоной.<br>
Часто мужчины и женщины заплетают множество мелких кос от головы или выбривают часть волос.<br>
Сангедакру мало волнуют другие кланы, пока они не задевают их интересы.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/HKkC3ex.png"></div>
<div class="spirit_title">Trishanakru (Glowing Forest Clan)
<div class="spirit_subtitle">Тришанакру (Клан Светящегося леса) </div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка профиль">место вакантно</a> <br>
Глава клана выбирается голосованием на собрании представителей всех родов и таким же образом может быть смещен.<br>
Это весьма плодородная большая территория с умеренным климатом в глубине и тёплым на берегу океана. Уже давно меж лесной полосой появились хутора, где рода строят деревянные дома и постройки для сельского хозяйства. Поселений мало, это перевалочные торговые пункты с деревянным частоколом, укрепленным металлом. Главная особенность — это светящиеся синим деревья, растения и бабочки, которые на них живут.<br>
Рода живут удалённо и автономно, но глава клана может призвать их для решения общей проблемы, борьбы с общим врагом. Практически все они занимаются сельским хозяйством и кустарными промыслами, торгуют с другими кланами в мирное в, однако обучены сражаться. Бережно относятся к своему лесу и не вырубают его ради земли. Мёртвых привязывают к деревьям и размещают в нем личинок бабочек, которые созревают, вылетают из тел и символизируют высвобожденные души.<br>
На лбу татуируют вертикальную линию точек.<br>
Поддерживают дружеские отношения с Подарку, но экономические отношения со всеми.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/a7DyLum.png"></div>
<div class="spirit_title">Louwoda Kliron Kru (Shallow Valley Clan)
<div class="spirit_subtitle">Лоувода Клиронкру (Клан Долины Мелководья)</div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка профиль">место вакантно</a> <br>
Кланом управляет совет старейшин, однако среди них выделяется председатель, который представляет интересы в отношениях с другими кланами.<br>
Долина располагается в низине с мягким климатом на территории бывшей северо-западной Вирджинии и богата ресурсами: рощами, различными растениями, чистыми водоёмами с рыбой, дичью, плодородной почвой. На Городок Шенандоа стал единственным поселением клана — Доа. Дома там деревянные, однако добротные, некоторые восстановлены из провинциальных зданий до Прамфайи, остальные построены по их подобию. Старая деревянная церковь служит домом собраний, а бывшая заправка чем-то вроде таверны.<br>
Люди здесь миролюбивы и дружелюбны к другим кланам. Они любят яркие краски, изготавливают натуральные красители, вывешивают декор снаружи и внутри домов, особенно из плетений. Лучшие земледельцы из всех кланов. Активно обменивают провизию на вещи, сохранившиеся со времен до Прамфайи.<br>
Их территория — лакомый кусочек для захватчиков, однако она находится под защитой союзных соседей Трикру, поскольку является поставщиком многих продуктов. Если же кто-то все же решится на них напасть, до прибытия воинов Трикру потеряет немало людей в хитроумных ловушках и западне.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td></tr>
</table>
<table border="1"style="margin-left:70px; filter: sepia(1) hue-rotate(27deg) brightness(0.8);">
<tr><td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/nbvyhiO.png"></div>
<div class="spirit_title">Ouskejon Kru (Blue Cliff)
<div class="spirit_subtitle">Уоскейон Кру (Клан Синего Утеса) </div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="https://the100ac.rusff.me/profile.php?id=17">Keinar</a> <br>
Лидер клана выбирает себе приемника из выращенных при нем с детства воинов.<br>
Располагается на месте горной системы Аппалачи. Между покрытыми лесами горами пролетают холодные, полные рыбы реки, которые связывают север и юг известного землянам мира. Построенные уже после Прамфайи деревянные поселения в основном тянутся по берегу. На горных тропах встречаются заставы из частокола, пары башен и одного-двух домов.<br>
Один из самых малочисленных кланов. Живёт в основном с торговли между соседями, поскольку через их земли пролегает самый короткий путь. Помимо этого люди клана разводят овец, ловят рыбу. Хорошие воины. Они верят, что кровь их сильна, пока чиста от смешения родичей, а потому совершают набеги на соседей, чтобы похитить их женщин.<br>
Воины наносят синюю боевую раскраску на лицо.<br>
Состоят в напряжённых отношениях со всеми, однако особенно давняя вражда с Боудаланкру.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/MnaBE69.png"></div>
<div class="spirit_title">Boudalankru (Rock Line)
<div class="spirit_subtitle">Боудаланкру (Клан Горной Линии)</div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="https://the100ac.rusff.me/profile.php?id=16">Marselin</a> <br>
Лидером клана обычно становится его преемник, ребёнок или ученик. Лидер опирается на мнение уважаемых воинов и глав поселений.<br>
Клан располагается на территории бывшего штата Кентукки с умеренным климатом. Большая его часть — это гористый рельеф с протяженной системой пещер. В них скрывается столица Абер, куда дорогу знают только члены клана. Пещеры служат основой для домов и крепостей и вне подземного города. Исключения составляют военные лагеря на границе с Уоскейон кру, затерянные в густых лесах на склонах.<br>
Боудаланкру верят, что их охраняет дух пещер, который придаёт здоровья и сил тем, кто регулярно навещает его. Храм Пещерного духа находится в соляной пещере, что и способствует укреплению их здоровья. Люди совершают паломничество раз в полгода и ночуют в храме, молят духа и приносят дары взамен. В зависимости от того, чем занимаются: охотой, ремеслом, меньше сельским хозяйством.<br>
Союзники и активные торговые партнёры Подакру. Враги клана Синего Утеса, которые похитили много их женщин, отчего поселения вдоль границ с Уоскейон кру уже несколько лет как опустели и превратились в военные лагеря. С остальными нейтралитет.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/E0rlVeC.png"></div>
<div class="spirit_title">Yujleda (Broadleaf)
<div class="spirit_subtitle">Иуйледакру (Клан Широкого Листа)</div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="https://the100ac.rusff.me/profile.php?id=27">Calle</a> <br>
Фактически монархия, власть передаётся внутри семьи лидера, однако этот порядок держится, пока она не идёт против интересов местных правителей.<br>
Клан занимает большую, разнообразную по ландшафту территорию с горами, лесами, равнинами и пляжами, субтропическим климатом. Конец полуострова Флорида затоплен. От одного крупного поселения до другого далеко, они представляют собой города-крепости, органически вписанные в окружающую среду и так тщательно скрытые от чужаков.<br>
В каждом поселении и его окрестностях есть свой лидер, который в своих владениях влиятельнее, чем лидер клана. Однако они не конфликтуют, пока не задеты личные интересы. Общей целью является охрана сложившегося порядка от гостей: их не жалуют, а незваных наверняка убьют. Иуйледакру достигли единения с флорой и фауной, которые служат им в скрытном бою. Предпочитают стрелковое и метательное оружие.<br>
Делают маскировку в соответствии с местностью.<br>
Ставят себя выше других кланов, поскольку успешно живут и считают, что все должны перенять их опыт. Готовы покровительствовать тем, кто признает их превосходство.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td></tr>
<tr><td><div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/YMYyi18.png"></div>
<div class="spirit_title">Podakru (Lake People)
<div class="spirit_subtitle">Подакру (Озерные люди) </div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка">место вакантно</a> <br>
Клан возглавляет духовный лидер — мастер, который лично готовит своего преемника, передавая сакральные знания.<br>
Южная часть Подакру — это равнины с пригодными для сельского хозяйства землями и умеренным континентальным климатом, в то время как северная часть значительно холоднее и испещрена мелкими озерами, имеет выход к Великим озерам. Столица в бывшем городе Детройт — Мотаун, где сохранилось множество руин из железа и бетона, которые привели в пригодное для жизни состояние.<br>
Клан-секта, в которой верят, что они сохраняют и передают истинные знания об утраченных технологиях, слагают легенды о былом величии людей и ждут его возвращения после второго Конца света — Перерождения. Однажды Прамфайя сошло с неба, и это повторится вновь. Подакру должны сыграть в этом важную роль. Волю мастера до отдалённых последний доносят его посланники, которые поддерживают там порядок и периодически собираются на совет в столице. Они же с преемником предают плоть мастера после его смерти, чтобы прикоснуться к последней воле лидера. В клане наиболее развиты рыбная ловля, собирательство и травоварение. Особенно наркотических средств из грибов.<br>
Постоянно подвергаются набегам Азгеды, с остальными кланами нейтралитет.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/O2KholO.png"></div>
<div class="spirit_title">Delfikru (Delfi)
<div class="spirit_subtitle">Дельфикру (Клан Дельфи) </div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="https://the100ac.rusff.me/">место вакантно</a><br>
Клан возглавляет Верховная Матерь. Первой этот титул принадлежал Праматери. Он передаётся старшей дочери или сестре при их отсутствии.<br>
Часть территории на севере практически не обитаема. Живущие там люди не причисляют себя к клану и не считаются с Матерью, но и к Девам не лезут. Дельфикру занимает бывшие равнины Иллинойса с примесью холмов, жарким влажным летом и холодной зимой. Большинство поселений — это загородные детские лагеря и турбазы, которые сейчас расширены, обнесены стенами с башнями.<br>
Несколько десятилетий назад из-за долгих кровопролитных войн в клане погибли почти все мужчины. Восстановить порядок и отбросить врагов смогла женщина, которую стали называть Праматерь. Она организовала набор и боевую подготовку женщин, которые теперь составляют основу воинов клана. Двадцатилетние девушки клана отправляются в странствие, чтобы зачать ребёнка и вернуться домой. Претендующего на этого ребёнка мужчину убивают. Помимо владения оружием, Дельфийские девы обучены изготавливать и применять в бою наркотические средства, которые деморализуют противника. Для охоты расставляют силки и ловушки, в которые на границе могут попасться и непрошенные гости.<br>
Отстранено держатся от всех дел других кланов и не вмешиваются, пока это не касается интересов Дельфикру.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://imgur.com/ruoY09Z.png"></div>
<div class="spirit_title">Ingranronakru (Plains Riders)
<div class="spirit_subtitle">Ингранронакру (Клан наездников равнин)</div></div>
<div class="spirit_txt"><div>
<b>Лидер:</b> <a href="ссылка профиль">место вакантно</a> <br>
Кочующий клан состоит из нескольких табунов с Первым Всадником — сильнейшим и уважаемым человеком табуна во главе, пока он может держаться в седле. Все они образуют круг Кровных всадников, который решает вопросы, касающиеся всего клана и отношений с другими кланами. <br>
Их территория — бескрайние равнины с умеренным климатом. Летом и весной часто бывают грозы, бури, торнадо, которые приносят с неизвестных территорий острый, как стекло песок. Они не признают оседлый образ жизни, поэтому единственным постоянным поселением является Анс, где на руинах стадиона Вождей собирается Кровный круг. В Ансе в дни, когда не останавливается ни один табун, насчитывается не больше пятидесяти человек. <br>
Табуны не воюют между собой, направив агрессию против соседей, на которых совершают набеги. Каждый новый Первый Всадник должен обменяться кровью с другими членами Круга в качестве подтверждения этого принципа. Личные конфликты отдельных представителей табунов не означает войну между табунами. Решаются они силой. Единственным мирным занятием является скотоводство. <br>
Рассматривают другие кланы как угодья для набегов и не заключают прочных долгосрочных союзов.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 180px;
height: 180px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 180px;
height: 180px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 180px;}
.spirit_title {width: 160px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 9px;
color: #999;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}
.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 160;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}
.spirit_txt {width: 170px;
height: 105px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 5px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 92px
}
.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}
.spirit_txt div::-webkit-scrollbar-thumb {
background-color:#333;
width:6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}
.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}
.spiritbox:hover .spirit_title {margin-top: -170px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style></td></tr>
</table>
[/html]