<!--HTML--><!--вещий дух--><table border="1">
<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="https://the100test.rusff.me/profile.php?id=31">Anya</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://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="ссылка профиль">Nia</a> (нужен игрок)<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>
Своих погибших "братьев" и "сестёр" возвращают в море, используя фразу « Kom woda 'so gyon op, gon woda' so kom daun » («Из воды мы рождены, в воду и вернёмся мы") -
последний обряд для умершего.
</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>
Достаточно дисциплинированный, гордый и самоуверенный народ, равнодушно относящийся ко всем остальным кланам.
</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>
У клана своеобразный смертельный ритуал: прикрепление мертвого тела к дереву и размещение личинок светящихся бабочек на нём, которые образуют вокруг тела кокон. После метаморфоза из кокона выходят светящиеся бабочки, которые, по их поверью, являются продолжением жизни умершего.
</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>
Люди из данного клана, по большей части, дружелюбны к другим землянам. Поддерживают торговые отношения, будучи отличными земледельцами. Двуязычные.
</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">
<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://the100test.rusff.me/profile.php?id=10">орёл</a> <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://the100test.rusff.me/profile.php?id=20">иди за второй</a> <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="ссылка профиль">место вакантно</a> <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="https://the100test.rusff.me/profile.php?id=25">spacewalker</a> <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="ссылка профиль">место вакантно</a> <br>
Захватывает территорию возле образовавшихся озер и граничит с кланами Озерные Люди, Горной Линии, Наездников Равнин и Светящегося Леса.<br>
Ныне клан представляют, по большей части, женское население, вынужденное воевать в память по погибшим мужьям. Мало случаев, когда представительниц Дельфи брали в плен, ведь эти грозные воительницы не только великолепно умеют владеть боевым оружием, но и обладают способностью боевого психического воздействия на сознание противника. Когда представительница данного клана достигает 20-ти летнего возраста, её отправляют кочевать - зачать ребенка, чтобы вернуться обратно в клан. Как следствие, мужчину убивают после зачатия. <br>
Границы их территорий снабжены множеством скрытых ловушек, проверяемые членами Дельфи 3 раза в день (на восходе солнца, при солнцестоянии и на закате). <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>
Ингранронакру верят в то, что сила убитого воина передается убитым. Но, чтобы весь клан оставался сильным, жертву (самого сильного воина на их взгляд) делят среди соплеменников и поедают в сыром виде.
</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>
