[hideprofile]
[html]<lj-raw><div style="width:590px;margin:0 auto;font-family:georgia,serif;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:#222;text-align:center;">
<!--MAIN-->
<div style="height:255px;background:#ddd url(http://forumupload.ru/uploads/0017/c4/40/848/594515.png)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;padding:50px;box-sizing:border-box;">
<!--TITLES-->
<div style="background:#fff;padding:16px;box-sizing:border-box;min-width:100%;">
<b>R E L A T I O N S H I P S</b>
<hr style="margin:10px 20px;border:none;height:1px;background:#ddd;">
и не друг, и не враг, а так
</div>
</div>
</div></lj-raw>[/html]
[html]<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/bayh0pB.png"></div>
<div class="spirit_title">KLOD NAUELL
<div class="spirit_subtitle">мой персональный Hurt Comfort</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=3946#p452109">ДОСЬЕ</a> Мы были обычными одноклассниками, что даже почти не здоровались друг с другом. Но тот вечер все изменил, не так ли? Или то утро? Или все те последующие дни? Я не знаю, что думать, моя голова разрывается от мыслей о тебе, а в сердце возникает непривычно колкое чувство. Кажется, я по-настоящему влюблен в тебя.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/E8Qr4Qi.png"></div>
<div class="spirit_title">JACKIE HEATH
<div class="spirit_subtitle">мой маленький сосед-протеже</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5599#p773185">ДОСЬЕ</a> Скажем так... Начали мы явно не с той ноты наше знакомство. Возможно, мы бы так и переубивали друг друга той зимой, но, хей, смотри-ка. Мы еще живы! Более того, к тебе я отношусь как к члену семьи и тому, кого непременно нужно защищать, оберегать и вовремя давать подзатыльники.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/6Neoh62.png"></div>
<div class="spirit_title">GAVIN LORD
<div class="spirit_subtitle">мой лорд, мой рыцарь</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=4431">ДОСЬЕ</a> В другое время и в другом месте мы могли бы стать прекрасной парой. Но стали хорошими друзьями и коллегами, не так ли, Венец Прайда? У нас много схожего: я люблю готовить, ты любишь есть мою еду. Мы умеем говорить друг с другом. Ты мое надежное плечо и защита. Ты мой Лорд, а я твоя Королева навсегда.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/ryjPx5O.png"></div>
<div class="spirit_title">ELIZA THACKERAY
<div class="spirit_subtitle">сученьки-подруженьки</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=4638#p612131">ДОСЬЕ</a> Ты мой вечный Меч Прайда, моя подруга и главная сучка всего Шайенна, которую я безгранично люблю. Ты отрезвляешь, ты вдохновляешь, ты умеешь поставить меня на место так, чтобы я сказал "хм, звучит справедливо".
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/dN3k5zO.png"></div>
<div class="spirit_title">MIGUEL SANTOS
<div class="spirit_subtitle">Король умер. Да здравствует король!</div></div>
<div class="spirit_txt"><div>
<a href="http://shelterme.rusff.me/viewtopic.php?id=2694#p307538">ДОСЬЕ</a> Солнце, которое светит ярким светом. Недостижимая звезда, обжигающая при приближении. Мой хороший друг и лучший дегустатор тортов. Мы прошли с тобой войну, причем буквально. Очень жаль, что тебя больше нет с нами.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/OWBO21m.png"></div>
<div class="spirit_title">WILLIAM BLACKWOOD
<div class="spirit_subtitle">Опасно, нужно бежать</div></div>
<div class="spirit_txt"><div>
<a href="http://shelterme.rusff.me/viewtopic.php?id=3638#p422161">ДОСЬЕ</a> Сначала твои шавки преследовали нас и пытались истребить. Потом ты и вовсе избил меня и оставил на полу умирать. Пусть сейчас у наших банд перемирие, но я никогда не перестану бояться и избегать тебя.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/M7b8o2w.png"></div>
<div class="spirit_title"> ASA GLUCK
<div class="spirit_subtitle">Главная неловкость ушедшего лета</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=4138#p491355">ДОСЬЕ</a> Случайный перепихон в лесу должен был принести облегчение, радость и удовольствие, о котором мы оба были обязаны забыть. К сожалению, коитус почти не получился, зато мы отлично оттрахали друг другу души за разговорами о влюбленности. Будет неловко смотреть в глаза твоему парню.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/MwAdyDz.png"></div>
<div class="spirit_title">ROSE MORRIGAN
<div class="spirit_subtitle">Моя маленькая сплетница</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=4869#p654320">ДОСЬЕ</a> И ты, и я были отличными вербовщиками со здоровым соревнованием за новеньких львяток. Я буду искренне скучать по этому на посту Скипетра. Зато мы навсегда останемся подружками-сплетницами! Честное слово, сис.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/azXpClX.png"></div>
<div class="spirit_title">SIGRID COHEN
<div class="spirit_subtitle">Время шагать по подиуму, гёрл</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5364#p734685">ДОСЬЕ</a> Всегда приятно найти отдушину в человеке, что так же предан культуре моды, не боится экспериментировать и демонстрировать свои яркие стороны. Ты моя подружка по подиуму, пусть он и не настоящий.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/ea3xBlw.png"></div>
<div class="spirit_title">RUFUS MIDFIELD
<div class="spirit_subtitle">А кто тут хороший маальчик?</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5775#p804793">ДОСЬЕ</a> Я люблю собак и сильно скучаю по ним в приюте. Как же здорово, что ты, мой дорогой одноклассник, можешь обратиться в лохматого друга и поиграть со мной во дворе. Не волнуйся, я хорошо отплачу тебе вкусной выпечкой. Ты же будешь пробовать мои булочки?
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/ADaa9hi.png"></div>
<div class="spirit_title"> LOVE GLENN
<div class="spirit_subtitle">друзья по неожиданному трипу</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=4114#p488730">ДОСЬЕ</a> Нас связал случай, галлюцинации и темнота. Кажется, так рождается неплохая дружба?
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/sLncadG.png"></div>
<div class="spirit_title">MAURICE KRASINSKI
<div class="spirit_subtitle">Воу-воу, давай полегче!</div></div>
<div class="spirit_txt"><div>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5254#p717321">ДОСЬЕ</a> Сначала ты меня бесил. Потом снова бесил. А потом бесил еще сильнее прежнего. Но, кажется, ты все же умеешь разговаривать и слушать. Может быть, у нас есть шанс понять друг друга?
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/Ni4pbPb.png"></div>
<div class="spirit_title">SHANNON CARNIVORA
<div class="spirit_subtitle">мой подопытный кролик</div></div>
<div class="spirit_txt"><div>
<a href="http://shelterme.rusff.me/viewtopic.php?id=5764#p803209">ДОСЬЕ</a> Люблю хороших девочек, что приходят на аромат выпечки. А еще больше люблю тех, кто старательно пробует мои чудаковатые рецепты с невероятным обожанием.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
<td><div class="spiritbox">
<div class="spirit_pic"><img src="https://i.imgur.com/ec7Bpez.png"></div>
<div class="spirit_title">AMADO ROTARU
<div class="spirit_subtitle">Жучара-конкурент</div></div>
<div class="spirit_txt"><div>
<a href="http://shelterme.rusff.me/viewtopic.php?id=4602#p605452">ДОСЬЕ</a> Ах, эти дивные времена, когда я был вербовщиком. Помню, как мы не успели еще толком познакомиться, но сразу же столкнулись лбами. И еще раз. Ну и еще, что уж там. Мне забавно видеть, как ты раздражаешься. Еще забавнее было соперничать с тобой за свежую кровь.
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');
.spiritbox {width: 245px;
height: 130px;
overflow: hidden;
position: relative;
display: block;
margin: auto}
.spirit_pic {width: 245px;
height: 130px;
transition: all 0.7s ease-in-out 0s}
.spirit_pic img {
max-height: 130px;}
.spirit_title {width: 200px;
position: absolute;
text-align: center;
margin-top:-60px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left: 23px;
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: 200;
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: 210px;
height: 90px;
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: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}
.spirit_txt div {
overflow-y: auto;
padding-right: 3px;
margin: 7px 7px;
height: 74px
}
.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>
</div>
</div>
</div>
</td>
</tr>[/html]