США, Бостон, 2022 год,
мистика, хоррор, городские легенды
Лодка для двоих

— Это не свиданка.
Не станет же он объяснять ей прописные истины. Не встречается с малолетками. Не встречается с сумасбродками, чья корона задевает облака, а мозгом — чуть. Не встречается с девчонками, у которых в багажнике вагон оружия. К слову, с Джеком на эту тему тоже придется перекинуться словцом, ибо Алек сомневался, что у отца Шарлотты есть разрешение на весь этот арсенал, а становиться соучастником какого-то мафиозного дерьма совсем не хотелось. Он только кое-как наладил свою жизнь. читать далее

29.01.2023
#ИГРУШКИ голосование
02.01.2023
#НОВОСТИ с новым годом!
27.12.2022
#НОВОСТИ в цвет настроения кролика
12.12.2022
#НОВОСТИ джинглбелз
04.12.2022
#КОНКУРС работы и голосование!
21.11.2022
#НОВОСТИ предзимние
11.11.2022
#КОНКУРС появилась работа для 911
08.11.2022
#НОВОСТИ прощание с охотой
02.11.2022
#РАЗБИРАЙТЕ ОРУЖИЕ появились работы
18.10.2022
#ПОСЛЕДНИЕ НОВОСТИ о всяком разном
15.10.2022
#НЕТ ПЛОХОЙ ПОГОДЫ появились работы
03.10.2022
#НОВОСТИ сегодня завтра станет вчера
03.10.2022
#НОВОСТИ про отходняк
26.09.2022
#НОВОСТИ Дайте Оскар!
19.09.2022
#НОВОСТИ НАМ ДВА ГОДА!
12.09.2022
#НОВОСТИ о важном
11.09.2022
#ШКОЛЬНЫЙ АЛЬБОМ наконец-то был опубликован
06.09.2022
#НОВОСТИ осенние
29.08.2022
#НОВОСТИ об окончании эпохи тирании
22.08.2022
#НОВОСТИ о произволе
15.08.2022
#НОВОСТИ тихий час
07.08.2022
#ФАМИЛЬЯРЫ РАЗБЕГАЮТСЯ спешите проголосовать!
06.08.2022
#БЕГУ-ЛЕЧУ несу итоги артефактов
31.07.2022
#АРТЕФАКТЫ результаты конкурса
18.07.2022
#ВЕДЬМИНА СЛУЖБА ДОСТАВКИ со срочными новостями
18.07.2022
#НОВОСТИ о сладком
18.07.2022
#ЛОВЕЦ СНОВ результаты и внеконкурс
14.07.2022
#ЛОВЕЦ СНОВ голосование!
11.07.2022
#ПОЛУНОЧНЫЕ НОВОСТИ совино-кофеиновые
10.07.2022
#НОВЫЙ ДИЗАЙН ознакомьтесь с последними сводками


Boston

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Boston » Mouthpiece » Boston Bakery


Boston Bakery

Сообщений 1 страница 20 из 45

1

http://images.vfl.ru/ii/1617045737/5ad1b27c/33872309.png

Никто не будет забыт.
Особенно Юбилейные посты наших Игроков.

+7

2

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616602506/25e536f2/33803509.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Charlotte <span> Hunt</span></h3>
    <p>Легкий кивок, кошачья улыбка. Неоспоримое достоинство - сохранять одно выражение лица при любых обстоятельствах. Настоящий талант - улыбаться каждому как единственному. Бесконечная глупость- действительно видеть в каждом единственного. Чарли находилась на грани между гениальностью и безумием: она искренне верила в том, что каждый встреченный ею особенный, неповторимый, прекрасный. И забывала об этом, стоило лишь на секунду выпустить человека из поля зрения. Но разве не в этом главное достоинство смерти?</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=14"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616602777/4275e74b/33803622.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Dwayne <span> Hayes</span></h3>
    <p>И полная луна осветила белые стены поверженного города. Когда в тиши были слышны лишь взмахи клинков рубящих головы, в атмосфере полнейшего дрожащего ужаса, от которого застывает кровь в жилах даже на приличном расстоянии от бойни. Когда большая часть города разрушена и охвачена огнем, и эти благословенные стены Намвона покраснели от крови, то внезапные, разрезавшие застывшую тишину вопли, наполняли криками побежденных воинов из Чосон, ее уши, которые знали что пришло их время умирать, самураи не давали пощады никому, убивая всех...</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=140"></a>
</figure></td>
</tr>
</table>

<style>

</style>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>
<script> </script>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+8

3

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628787983/0bf49ccd/35478717.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Eric <span> Meyer</span></h3>
    <p>Да, безусловно, если бы она просто покивала, осмотрев место преступления, а потом, как хорошая девочка, пошла бы к машине и дала своей собаке взять след, это было бы слишком хорошо. Эрик такого запоздалого подарка на Рождество от вселенной не заслуживал - он-то хорошей девочкой не был. Впрочем, может быть - может быть, в следующий раз, вызывая кинолога, следовало быть нежнее, кто бы там ни был дежурным. Уж не изощренная ли это была месть - прислать Эрику Мейеру из всех кинологов департамента именно Черити Вагошен, и никого другого?</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=76"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698337/92c44197/33819740.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Charity <span> Wagoshen</span></h3>
    <p>Первым порывом было укусить его за… за то, что попадется под зубы! Она волк, а не изнеженная болонка, чтобы ее таскали на руках! Последний, кто посмел предложить ей подобное, получил в челюсть, умудрившись сохранить зубы и красоту мордашки лишь благодаря тому, что раскуроченное битвой тело теряли силы слишком быстро. И сейчас волчица снова хотела зарычать, оскорбиться, пнуть, но вовремя столкнулась со взглядом Перца. В который раз напомнила себе о том, что она - человек.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=56"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+8

4

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616976875/34a61307/33860878.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Dwayne <span> Hayes</span></h3>
    <p>Быть кому-то поддержкой, кому-то - палочкой-выручалочкой, очень удобным парнем для абсолютно чего угодно. Парнем которому не сложно приехать в три часа ночи в бар за пьяной подружкой или другом, чтобы в целости доставить домой к любимым кошкам. Не сложно подставиться под проклятье, под пулю, под копье, под взрыв, под удар. Не сложно схлопотать по морде, по ребрам, по самолюбию. Да он даже помереть за тебя может, если придется. Потому что Джонни Хэйс - чертовски отличный парень.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=4"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698338/cbad1b95/33819743.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>Спаситель оставил насиженное место. Так же, как когда-то духи покинули леса, горы и реки, лишившись поддержки и веры смертных. Великое колесо перемен перемололо и тонконогих нимф, и кровожадных божков, ютившихся за частоколом каменных идолов, и всемогущего Творца, запустившего вращение Вселенной за шесть дней. Элвуд усмехнулся: а ведь были времена, когда он сам не мог подойти к этим вколоченным друг в друга балкам ближе, чем на тридцать шагов, раздираемый на части тупой болью, раздавленный могуществом нового бога. Куда же исчезла вся эта сила?</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+8

5

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698333/8e7c28a9/33819732.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Jacob <span> Garber</span></h3>
    <p> Память? И чувства. Астрал связывает всё, что представляет собой его гость воедино. Проецирует в ощущаемое и осязаемое подобно снам, что способны сотворить даже самые фантастические сюжеты из реальных факторов, которые запомнил и обработал мозг. И даже книга - всё описывало самого пророка, ведь на данный момент он занимался прозой и был крайне озабочен этой работой. Погода, соответственно - ощущение одиночества, скорби и горести от расставания с женщиной, которая стала любимой, старое пальто - вот только вспомнить бы, где и когда он его приобрёл - это сложнее.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=78"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698333/84c42537/33819733.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Astrid <span> Ingram</span></h3>
    <p>У войны - рыжие волосы и зелёные глаза. И сигарета вместо меча, она решила сделать перекур между тем, что сейчас творилось на Земле и как ежеминутно и без её участия гибли люди. Костюм вместо кольчуги и чёрный шевроле взамен верного коня. Современная Война теперь пытается остановить тот беспредел, который видит, хах, насмешка, ирония судьбы над Хильдар. И старается уберечь невинных от себя самой. Но... костюм ей, безусловно, идёт.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=77"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+8

6

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616870580/b8b5f5ae/33845396.png" alt="sq-sample29"/><li>150<br>posts</li>
  <figcaption>
    <h3>Dwayne <span> Hayes</span></h3>
    <p>- Джорджия? - Джонни внимательно смотрит на нее, размазавшийся карандаш, вымокшая куртка, вся в черном, больше похожая на собственную тень. Просто рок-звезда. Лицо скорее озабоченное или даже загнанное, чем радостное, хотя ее голос звучит так мягко, произнося его имя. Сколько ночей она вспоминала о нем, примерно столько же, сколько он иногда позволял себе думать о ней.
<br>- Ты за моей микроволновкой? - он чуть приподнимает брови, - или все же за сердцем, - шутит желая разбавить атмосферу.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=4"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698335/726e8d93/33819737.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Georgia <span> Carter</span></h3>
    <p>- За сердцем, конечно. – Она наклоняет голову на бок, - ведьмы обещаний не забывают. – Девушка посмотрела на Джонни слегка с прищуром и легко улыбнулась. Джонни взял её за руку и слегка притянув к себе, обнял. Только теперь, находясь в крепких и горячих объятиях, Картер поняла насколько сильно она замерзла. По её телу пробежала мелкая дрожь, ведьма обняла мужчину в ответ, уткнувшись ему в плечо. От него пахло табаком и дымом. Она вспомнила их прощание на окраине Бостона, а ведь ей тогда хотелось вернуться. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=28"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+9

7

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698340/065a2b83/33819746.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Ruby <span> Underwood</span></h3>
    <p>Она смотрела на Астрид прямо, чувствуя, что они чем-то схожи, что им бы лучше держатся на одной стороне - решимость, направленная на тех, кто безнаказанно калечит жизнь невинных людей, живой огонь в груди, спрятанный под холодной сдержанностью, неизбежные за отведенный судьбой путь потери. Своими словами медноволосая женщина доказывала эту схожесть, как и действиями - предложением сотрудничества. Руби приподняла брови, глядя на Астрид с недоверчивым прищуром. Неужели она серьезно?</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=69"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616814869/74427d45/33835487.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Astrid <span> Ingram</span></h3>
    <p> Руби была умницей. Или Астрид настолько виделись в ней отголоски отражения чего-то близкого ей самой, что молчаливые согласия, понимание на уровне взглядов - проникали в сердце. Тяжело смотреться в своё зеркальное отражение, но в Руби были черты, пожалуй лучшие, смертные, те самые, которые сама валькирия боялась потерять, удерживала их и находя в других невольно поддавалась своей смертной натуре. Эта чудная задумка Одина - давать бессмертие и божественные крылья смертным женщинам...</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=77"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+9

8

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698334/9ea2daf9/33819735.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Jacob <span> Garber</span></h3>
    <p> - Зерах, Элвуд, тут зовут меня так. - Кивает перс, встречая язычника по-привычке открыто, пальцами обеих рук крепко вцепившись тому в плечи и слегка встряхнув, прежде чем отпустить, но светлый проблеск мыслей, будто к спасительному маяку метнувшихся доброй ностальгией о первом знакомстве с духом, быстро омрачает суть самого прибытия пророка в Стамбул и тот хмурится, спуская брови к переносице и слегка помедлив, прежде чем войти на трап, подумав было о вытекающем сквозь пальцы времени, но толку - дневная жара сказала своё слово, как и усталость с дороги.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=78"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698334/e4260b13/33819734.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>- Ты тоже не забыл, как меня зовут, - усмехнулся дух с нотой самодовольства.
Уже очень давно никто не назвал его на европейский манер, «Элвудом», даря каждому слогу ясное, чистое, хлесткое звучание, похожее на удар бича или лязг закаленного железа. Местное наречие, витиевато-тягучее с щебечущим придыханием, удивительно напоминавшее полное завитков и причудливых изгибов письмо, липло к небу подтаявшей нугой, коверкая непривычное имя. Так что спустя некоторое время турки придумали чужаку новое, на свой лад, вызывавшее к востоку от Крита суеверный ужас</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+10

9

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698336/6f429f4d/33819738.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Einar <span> Eresia</span></h3>
    <p>Еще несколько мгновений Он просто смотрел на нее, не говоря ни слова, словно давал ей время привыкнуть к его присутствию. Подавшись вперед, Эйнар взял Аделаиду за руки, потянув к своему лицу, опуская маленькие детские ладони на линию бровей и опустившиеся веки.
<br>- Я рад познакомиться с тобой, - проговорил он, улыбнувшись от щекотного прикосновения у переносицы. Руки постепенно опустились, дав волю пальцам девочки исследовать изгибы его лица. Гладко выбритый подбородок придавал общему виду некую завершенность, точку статуса.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=8"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616814868/b96d73dc/33835486.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Rene <span> Sorel</span></h3>
    <p>Мир Аделаиды - это темнота, разбавленная звуками, запахами, прикосновениями. Она чувствует кончиками пальцев грубые волокна ткани, из которой сшито ее платье, и даже могла бы без труда пересчитать их, если бы, конечно, умела считать. Она чутко реагирует на потоки воздуха, ловя каждый вздох, каждый взмах чужой руки, разгадывая намек на движение. Шорох ломающейся ткани, и непривычная близость взрослого голоса - ей редко доводится слышать взрослых настолько близко. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=5"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+8

10

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616976876/bfdaf24c/33860879.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Ruby <span> Underwood</span></h3>
    <p>- Замечательно. Ладно я, но к какой категории ты относишься - убийц, расхитителей гробниц, иных субъектов или всех сразу? - не удержалась она от комментария и пристально взглянула на мужчину. Признаться, ей хотелось верить, что ни в одной из вышеназванных категорий он не числился, невзирая на столь неоднозначные поступки. Слабая надежда, но ведь человек, или кем бы он ни был, обладающий таким даром исцеления просто не имел права быть из плохих парней. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=69"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698339/e2ef553d/33819745.png" alt="sq-sample29"/><li>150<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p> - Только не начинай сразу креститься, я не демон, -  устало вздохнул Коннолли. – Некоторые маги, достаточно глупые, чтобы писать книги, называют таких, как я, «лесовиками» или «хранителями деревьев». Не вдаваясь в детали, если отбросить новомодные экологические веяния, эти смертные не так уж далеки от истины. Почитаешь на досуге, если станет любопытно.
<br>Когда-то проводники древней магии в мир людей, теперь – позабытые реликты. «Набор бесценных знаний и редчайших магических компонентов».</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+9

11

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616814868/adb721d5/33835485.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Dante Kai <span> Eigler</span></h3>
    <p>- Перед Смертью мы все равны. И ангелы, и демоны, и люди, и прочие магические сущности. Только если человек теряет самое ценное, что у него есть - жизнь, то ангел благодать, душа демона очищается от темных сил, и все мы попадаем в мертвый мир. Быть может, кто-то отправится не к нему, а в Рай, а другого схватят цепкие лапы Ада. Мои браться провожают каждую из душ, только не каждая душа доходит до конца. <br>Данте взял сигарету и закурил ее без огня.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=34"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1617714992/8ff66e41/33970607.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3><span> Asmodeus</span></h3>
    <p> - Уж дайте грешнику насладиться последним фарсом, который привёл его к этой жизни, - Асмодей улыбнулся, - И да, все вы... Вы! – окинув всех безумным взглядом, бывший демон стал разворачивается, проделывая делая круг по своей оси, - Вы – совет падших ангелов. Уже забыли, что значит «борьба за свободы» и «правды». Вы напрочь забыли ради чего мы покинули райские сады, сменили белый цвет на чёрный и красный. Забыли ради чего мы пошли на предательство нашего Отца… Жалкие пародии… Жалкие, мерзкие пародии былого величия.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=7"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+7

12

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616698338/3e82ba53/33819744.png" alt="sq-sample29"/><li>200<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>Он изрядно постарался после освобождения из заточения в каменном карцере, двести с лишним лет огнем и железом, гневом и яростью выплачивая долг главным виновникам своих злоключений: людям и фейри. Ведь именно человеческие маги, отмеченные знаком Распятого бога, заманили древнего в ловушку и обрекли на медленную смерть в гранитной скале. А Дивный Народец, те, что застали миг, когда магическая клеть сомкнулась над головой их брата по крови и вере, струсили и бросились врассыпную, вместо того, чтобы дать священникам бой.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1619062091/cca200ab/34174422.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Kang Soo <span> Jin</span></h3>
    <p>Кореянка чуть нахмурилась, повела плечом - зверь внутри ощущал приближение темной энергии, ощущал страх и волнение мужчины напротив, который тоже, кажется, ощущал это скопление и приближение тьмы, а потому нервничал больше. Но лисица старалась не показывать внешне того, что ощущает, зная по опыту, что люди могут при узнавании какая опасность грозит паниковать, а это далеко не на руку им будет. Хотя в этом мужчине было что-то не обычное, она ощущала в нем что-то...не человеческое. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=16"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+5

13

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1616713011/4fdebe7c/33821990.png" alt="sq-sample29"/><li>150<br>posts</li>
  <figcaption>
    <h3>Ruby <span> Underwood</span></h3>
    <p>Ведьма ударила по газам. Руби закинула сумку назад, вцепилась в панель чарджера при резком повороте, но неотрывно следила за дорогой в боковое зеркало заднего вида, опасаясь уловить в отражении сине-красные мигалки полицейских автомобилей, услышать нарастающие сирены, свидетельствующие о приближающейся погоне, но пока все было на удивление тихо. Похоже, им удалось оторваться достаточно, а марка машины копам была ещё неизвестна, чтобы быстро отыскать беглецов после сокрушительной их потери.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=69"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1619062091/6f15db2e/34174421.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Georgia <span> Carter</span></h3>
    <p>Они молчали не долго, первой заговорила Руби. Ведьма скосила взгляд на женщину, продолжая рисовать пальцем не разборчивые символы по эмали. Джо не перебивала. Она прекрасно понимала, накрывавшие Руби эмоции. Такая новость и в такой час, удивительно, как охотница ещё держалась и не скатилась в истерику, к примеру. Услышать такое было не просто, принять – тем более. Может быть Джо стоило оставить этот разговор «на потом», после, когда бы они разобрались с Хаксли.  Новость о гибели друга воспринялась бы немного иначе.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=28"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+4

14

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1619211815/82a8e4ec/34201814.png" alt="sq-sample29"/><li>200<br>posts</li>
  <figcaption>
    <h3>Dwayne <span> Hayes</span></h3>
    <p>Так бы он и лежал, пока не услышал голос... голос как перелив звонкого ручья в лесу на отдалении, в обрамлении пения птиц и чистого перезвона капель по траве. Голос больше похожий на музыку, такую старую и необычную, но бесконечно чарующую, словно звезды краями серебристого света, скользят по темному небу дыханием вечности, будто играет на флейте озерной капели неизвестный дух, но как водится по прошествии столетий меняется все и даже песни, что звучали небесной синью в первый день сотворения мира, превращаются в песни группы Aerosmith.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=4"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1619211435/b53245c7/34201769.png" alt="sq-sample29"/><li>150<br>posts</li>
  <figcaption>
    <h3>Jacob <span> Garber</span></h3>
    <p>Там, посреди человеческой ярости, зависти и боли, волны негатива, накрывшей павильон, самым тёмным пятном стал всплеск энергии создания древнего и опасного. Заратустре не было дано видеть ауры или различать по ним саму суть существа, догадываясь лишь приблизительно, исходя из опыта, но чувства и эмоции, источаемые мощным биополем, разрастающимся с тем, как назревал пик терпения, к счастью, вовремя, разумно подавленный, порой, могли охватывать его настолько, что перс буквально застывал на месте, прикованный к объекту, от которого исходил этот всепоглощающий поток...</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=78"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+5

15

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628453674/ca50941d/35430387.png" alt="sq-sample29"/><li>250<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>Дыхание древнего невольно участилось. Ногти вжались в ладони, заглушая болью навязчивое желание приложить врача затылком о стену. Казалось, он сделал все, чтобы уже через пару недель Мэри вспоминала случившееся, как страшный сон. От смертных со скальпелями требовалось лишь вытащить несколько граммов металла из ее груди. Что было в этом сложного?! Четыре минуты клинической смерти – это повреждения мозга, которые не могла полностью обратить даже сила рожденного чащей. Словно Смерть вцепилась в юного медиума обеими руками и не собиралась отпускать до последнего.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628453675/8fd063a2/35430388.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Mary <span> Ford</span></h3>
    <p>Сердце бьется так быстро-быстро, словно опасаясь чего-то. Но чего? Мэри пыталась вспомнить, но не могла. Где она? Что с ней? И почему в груди так больно? Словно она вновь переживает расставание с парнем, которого любила. Будто ей снова шестнадцать и ее сердце разбивается на мириады осколков, когда Форд наблюдает, как такси увозит человека, который был для нее всей жизнью, а она стоит у обочины и не знает, что теперь делать. Но ведь ей не шестнадцать – это Мэри помнит точно. Тогда почему же сердце так отчаянно ноет? Почему вокруг так темно и холодно? Почему она одна и рядом нет никого?</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=130"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+6

16

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628793456/3abb0539/35479639.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Dante Kai <span> Eigler</span></h3>
    <p>Кай мысленно касается её плечей, оглаживает спину, талию, чувствуя под ладонью рельеф мышц, спускается к бедрам и сильнее сжимает их в руках. Но все, что возникает в голове, так в ней и остается, следуя лишь взглядом по проведенной линии движений. Глаза предательски выдали его, тем не менее, демон и не пытался ничего скрыть от Багиры. Женщины любят чувствовать себя желанными. А полный вожделения взор и едва заметное мышечное напряжение в руках отличается от грязных хлопков и тянущихся к телу рук. В этом было больше уважения к желаниям самой танцовщице и её интересам, ведь Данте не знал о ней ничего.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=34"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628787985/d2c808a5/35478721.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Charlotte <span> Hunt</span></h3>
    <p>Свет разбавляет силуэты, нарисованные темнотой. Позволяет различить немного больше, чем черное пятно - приятный в своей грубости овал лица, осторожный намек на губы, темную змейку волос, которая льнет к шее. Его глаза переливаются мягким голубым неоном, словно лампы в Лотосе, невольно заставляя воспринимать происходящее как новую сцену, где приходится выдерживать каждый свой шаг и каждый свой вдох. Но Чарли нравится быть на сцене - это у нее в крови, наравне с ромом. Она даже не думает, инстинктивно чувствуя, как двигаться, чтобы взгляд держался на ней, очерчивая плавные изгибы и не соскальзывая после этого в сторону в смущении или скуки.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=14"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+6

17

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628460501/e89bd763/35430753.png" alt="sq-sample29"/><li>250<br>posts</li>
  <figcaption>
    <h3>Dwayne <span> Hayes</span></h3>
    <p>Зима в Новом Орлеане всегда наступает незаметно, это как переключение режима с «очень жарко» на «давай немного остынем, детка». Но, между ними, нет, никаких остынем, детка! Между ними вскрывающая сердце звенящая полутора тысячами миль бесконечная страсть, какие-то жалкие двадцать часов пути и галлон выжженного бензина. Белые мишки составили уже петицию на убийство Джонни Хэйса за его личный вклад в толщину озоновый дыры и количество растаявшего на северном полюсе льда. Страсть, которую сложно сдерживать и вся эта дурацкая взрослая жизнь порядочного члена общества, что не позволяла своими сложностями находиться рядом каждую секунду, ужасно раздражала, до нервных всполохов на загривке.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=4"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628460502/147f1179/35430754.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Ruby <span> Underwood</span></h3>
    <p>Ее пальцы нервно подрагивали, взгляд скользнул по зеркальному отражению, и от зрелища размазанной по щеке крови, словно она только что закусила кем-то, или по крайней мере была к этому близка, по коже пробежал холодок. Даже щедро выплеснутая в лицо ледяная вода мало успокаивала. Руби вытерла алые разводы со щеки, яростно отерла кровь, пока на лице не остался лишь лихорадочный румянец, а на белом фаянсе отчетливо проступил красноватый цвет, что становился все бледнее, до тех пор, пока не растворился в прозрачной чистоте воды.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=69"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+5

18

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628787984/cbb5131d/35478719.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Min <span> Jenna</span></h3>
    <p>Дженна была недостаточно амбициозна, но чрезвычайно честолюбива и, чего греха таить, самолюбива во многих моментах. Что стоит мировое имя, если есть куда более завидная участь - быть той, чьё имя останется не на страницах "Rolling Stones", а в памяти отдельно взятых людей? К тому же, это, как ни крути, а полезное дело. Джей и сама замечала, что музыка может исцелять. Нажно только подобрать правильный трек и правильно, искренне исполнить его. Единственная загвоздка - позволят ли метаморфу самой писать песни, или же будут впихивать что-то, чтобы "пипл хавал"? Конечно, у неё не было причин сомневаться в Элвуде, как в друге, но смутно ощущалось, что Элвуд-друг и Элвуд-продюсер - совершенно разные личности.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=54"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1628787984/ae50cdc3/35478718.png" alt="sq-sample29"/><li>300<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>Шестым чувством дух понимал, что вмешивался не в свое дело. И, возможно, даже не свою войну. Но, черт возьми, если это был тот фантастически редкий случай, когда проблему ликоев мог решить вовремя выписанный чек на круглую сумму, стоило им воспользоваться! Иметь должников – дело невероятно приятное и очень полезное. Вдвойне полезное, когда эти должники принадлежали к созданиям древней крови. Уж Элвуд, в отличие от сбивавшего с ног своим амбре толстяка, точно не стал бы выводить чужую стаю из себя личным требованием дани. Что взять с волков – они никогда не умели стричь овец, только драть. И если в одиночку дух мог рассчитывать лишь на роль наблюдателя. В компании Дженны появлялся шанс обернуть чужую проблему к своей выгоде.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+5

19

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1629059460/a8794b36/35506847.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Jared <span> Quinn</span></h3>
    <p>И, тем не менее, сомнений у Джареда хватало предостаточно - особенно после фрески,  где Вседержитель протягивал зрителю две свастики ,  лево - и правостороннюю - мол, выбирай, дорогой зла или добра хочешь пойти. Нет, всё переосмыслить надобно было в одиночку и  в стороне.<br>Темнота для глаз молодого перевёртыша вовсе и не была проблемой - зрачки  вытянулись в щёлки, как у кошки Мисси или родни вампирши Каталины.  Заметив в стене катакомб чёрное отверстие, Джаред без раздумий шагнул туда. Перед ним открылся узкий извилистый ход, и юноша шёл дальше и дальше - пока не взвыл от резкой боли - в глаза словно кулаком ударили. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=27"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1629059460/107bf017/35506848.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Tom <span> Vincze</span></h3>
    <p>Он слышал, как она умирала, чувствовал её угасающий разум. Это чувство никогда не забыть. Все только хуже. Томми ходил хвостиком за Этелбертом, пока тот спал он проводил время на кресле в его комнате или бывал в спальне Джерарда. И он же понимает, что своими мыслями, которые крутятся по кругу снова и снова, будто заезженная пластинка мешает телепату. Только вот с собой он совсем ничего не может поделать. Хоть ты тресни, как говорится. И опять же - ожидаемо все это, это они великовозрастные умелые маги, а он на их фоне ещё младенец. Ничерта неумеющий мальчишка.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=155"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+3

20

hide-autor
[html]
<div class="bord">
<div class="h1">BOSTON CAKES</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1629066599/285b5bde/35507203.png" alt="sq-sample29"/><li>350<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p> - Меня зовут Элвуд. Я… <br>Очередной тяжелый вздох: как же сейчас ему не хватало этих мелких человеческих условностей, вроде визиток. Хотя, вряд ли обладательница весьма внушительных клыков будет рада услышать, что в ее кровати находился какой-то незнакомый мужчина, пусть даже и с весьма впечатляющей родословной. Еще и имевший возможность наблюдать ее наряд в стиле «пижамной вечеринки».<br>- Я… волшебное существо. Собака, фактически. Просто умею разговаривать. Почти как фамилиары у магов. Правда, вчера чувствовал себя так паршиво, что было не до вежливой болтовни. Потому, извини, не представился сразу.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=64"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1629057157/3af6f631/35506627.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Charity <span> Wagoshen</span></h3>
    <p>“Прячусь от собаки в собственной квартире. Интересно, этот день может стать еще бредовее?” <br> Вернуться в “комнату” волчица решилась только через пять минут - когда в руках уже была кружка с порцией кофеина, разбавленного молоком, а аусси смогла, не вылезая из-под стола, развернуться задницей к “лесу” и мрачно смотрела на чужака из-под стола.<br> - Ладно, фантастическая тва… в смысле, волшебное существо, давай по порядку, - Вагошен оперлась на комод, стоявший напротив кровати, и сделала небольшой глоток. Не смотря на три ложки сахара, напиток все еще горчил, отдавая неприятным горелым привкусом, - Во-первых. Как ты себя чувствуешь? Во-вторых: чем тебя кормить? В-третьих. Через час мы дружно идем гулять. И, в-четвертых. Какого хрена, Элвуд???</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=56"></a>
</figure></td>
</tr>
</table>

<style>
@import url(https://code.ionicframework.com/ionicon … ns.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1227 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 395px;
  max-height: 475px;
  width: 100%;
  background: #000000;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}
figure.snip1227 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
figure.snip1227 img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
figure.snip1227 figcaption {
  position: absolute;
  top: 25px;
  left: 25px;
  bottom: 25px;
  right: 25px;
  display: block;
}
figure.snip1227 figcaption:before {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  content: '';
  background: rgba(255, 255, 255, 0.4);
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
figure.snip1227 h3,
figure.snip1227 p {
  opacity: 0;
  color: #ffffff;
}
figure.snip1227 h3 {
  text-transform: uppercase;
  margin: 0;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 400;
}
figure.snip1227 h3 span {
  font-weight: 800;
}
figure.snip1227 p {
  padding: 15px 15px;
  text-align: left;
  margin: 0;
}
figure.snip1227 li {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 10px;
  padding:  15px 10px ;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
figure.snip1227 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1227:hover img,
figure.snip1227.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1227:hover figcaption:before,
figure.snip1227.hover figcaption:before {
  -webkit-animation: animateIn1227 0.7s 0.35s forwards ease;
  animation: animateIn1227 0.7s 0.35s forwards ease;
}
figure.snip1227:hover h3,
figure.snip1227.hover h3,
figure.snip1227:hover p,
figure.snip1227.hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
figure.snip1227:hover li,
figure.snip1227.hover li {
  opacity: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
@-webkit-keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  50% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes animateIn1227 {
  0% {
    opacity: 0;
    width: 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  40% {
    opacity: 1;
    width: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
</style>
<style type="text/css">
.h1 {
    background-color: #242424;
    color: #fcf5f5;
    text-align: center;
    font-size: 20px;
    font-family: cuprum;
    padding: 5px;
}

.bord {
    border: 2px solid rgb(131 124 125);
    padding: 10px;
    box-shadow: inset 0 0 7px 2px #9c9c9c;
}
</style>

<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
[/html]

+3


Вы здесь » Boston » Mouthpiece » Boston Bakery


Рейтинг форумов | Создать форум бесплатно