[hideprofile]
[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/1629065576/ac97df4d/35507159.png" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Silas <span> Gold</span></h3>
    <p>Сайлас же не торопился. Отреагировав на выстрел таким разочарованным выдохом, будто бы точно знал, что всё произойдёт именно так, но надеялся на более интригующее развитие событий, герцог Преисподней медленно развернулся лицом к женщине, намеренно проследив за тем, чтобы дуло пистолета Уинстона смотрело точно в лоб мужчины, ровно между бровей. Архидемон снисходительно улыбнулся, сверкнув верхним рядом зубов в хищном оскале и заложил руки за спину, с неподдельной внимательностью выслушивая один за другим посыпавшиеся на него вопросы мисс Андервуд, энергия которой буквально пульсировала от переизбытка адреналина, завораживая тем самым, внутренним потенциалом, который сидел внутри неё, забавляя осведомлённых существ, вроде Голда.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=234"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://images.vfl.ru/ii/1629065577/a0a2cd2f/35507160.png" alt="sq-sample29"/><li>250<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]

[hideprofile]
[html]
<div class="bord">
<div class="h1">ЦИТАТЫ ЯНВАРЯ, 2022</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/CV3tzEk.jpg" alt="sq-sample7"/>
    <h5>Ragnar Holm, </h5><span>«Я расскажу тебе»</span>
  </div>
  <blockquote>Она смеялась. То ли бездна, а то ли девушка с изуродованной рукой, ничуть не мешающей ей вновь подступать к корчащемуся от боли Рагнару. Смеялась она звонко, игриво, с непосредственной радостью, такой подходящей для погожего зимнего дня. Природа оставалась безжалостно великолепной, пока в ней происходили подобные, лишенные всякой справедливости, вещи. «Пойми ты уже наконец. Чтобы тебя ненавидели, чтобы презирали и пытались прикончить, не нужны никакие стоящие причины. Хватит искать пятна на своей биографии и вынюхивать смрад в своем разуме — зачастую, чем они чище, тем сильнее тебя хотят растоптать. Перестань пытаться понять их. Перестань пытаться понять тех, кто сам толком не знает, почему желает тебе зла». </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/uMCOwU9.jpg" alt="sq-sample7"/>
    <h5> John Doe, </h5><span>«Eyes Wide Shut»</span>
  </div>
  <blockquote>А что оставалось языческим богам? Что они могли противопоставить? Немногочисленные, истрепанные, они были слабее человеческого племени, но у языческих богов было несколько первоклассных способов сохранить власть – отточенный за десятки и сотни тысяч лет агрессивный интеллект и целый арсенал уловок, чтобы поразить головы. Или голову. Боги намного слабее коллективного человечество, в прямом столкновении они бы проиграли, да, при всем своем всемогуществе они бы не выстояли против людей их армий, технологий, силы свободного выбора и любви. Языческие боги бросали все свои силы, чтобы поразить голову и тогда им доставалось все человечество. </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/K9SYV1o.jpg" alt="sq-sample7"/>
    <h5> Carl Dacre, </h5><span>«The League of Extraordinary Gentlemen»</span>
  </div>
  <blockquote> Всё происходящее дальше полностью перестало поддаваться хоть сколько-то разумному объяснению и логике. И единственно правильным решением, по мнению Карла, было перестать пытаться разобраться во всем этом и просто плыть по волнам этого безумия, в надежде, что оно приведет хоть к чему-то последовательному и объяснимому. В конце концов, их миссией было найти убийцу — хотя почему и зачем это стало таким важным для самого Карла, он сейчас не смог бы внятно объяснить. Этот вечер, начинавшийся как праздное веселье, попытка расслабиться в получить новые впечатления и вдохновение для дальнейшего творчества, превратился в чистой воды безумие и вакханалию, что не было так уж далеко от истины, учитывая наличие в их компании бога пьянства и веселья. </blockquote>
</figure>
</td>
</tr>

<tr>
<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/kHDLrsu.png" alt="sq-sample7"/>
    <h5> Jacob Garber, </h5><span>«The last, the lost and the monsters»</span>
  </div>
  <blockquote> Упрямство перса поубавили всё те же христиане с тех самых пор, как люди перестали слушать пророков и вверили свои души Папскому престолу, возомнившему себя говорящими от имени Творца, а каждого, кто осмеливался говорить наперекор или хотя бы собирать вокруг себя единомышленников тихо, не как в своё время божий сын, а лишь для учения, тут же признавали еретиком, повстанцем, и того хуже — ни с того ни с сего заговорщиком, немедленно истребляя вместе с последователями и учениками, которые не то чтобы не успели и не собирались делать ничего наперекор интересам христиан, но и не проповедовали другим, оставляя свои приобретённые знания при себе. И раз за разом теряя своих людей или наблюдая за тем, как вопросы решаются силой и с другими, Заратустра решил оставить дело наставника, чтобы никто больше не страдал и тем более не умирал из-за иной точке зрения, по неосторожности из доброты душевной и желая просвещать так же, как и его учитель, угодив в лапы хищника и погибая в самые молодые годы.  </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/c6iPCtM.png" alt="sq-sample7"/>
    <h5> Mary Ford, </h5><span>«King of Spades & Queen of Hearts»</span>
  </div>
  <blockquote> Этот незнакомец был очень болтливый. Едва ли не обо всей своей жизни рассказал. Прямо находка для шпионов, если бы Мэри была им. Вот только его рассказ выглядел каким-то фантастическим, неправдоподобным. Какой-то странный мир, раздающий тысячи отражений, порождающих миллиарды теней по всей планете.  Нет, это не может быть правдой, ведь мужчина находился под действием адского зелья. Вот только после истории с Фьором, Форд начинала видеть реальность так, где ее не могло существовать по определению. Ведь если существует тот другой мир, о котором рассказывал демон, то почему не может существовать этот самый Амбер? Да нет, чушь какая—то. Бред человека, находящегося под лошадиной дозой наркотика. </blockquote>
</figure>
</td>

</tr>
</table>

<style>

</style>

<style>
@import url(https://maxcdn.bootstrapcdn.com/font-aw … me.min.css);
@import url(https://fonts.googleapis.com/css?family … 00,500,800);
figure.snip1232 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important;
}
figure.snip1232 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1232 img {
  max-width: 100%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-right: 5px;
  display: block;
  z-index: 1;
  position: absolute;
  right: 50%;
}
figure.snip1232 blockquote {
  margin: 0;
  display: block;
  border-radius: 8px;
  position: relative;
  background-color: #d9d9d9;
  padding: 65px 33px 35px 33px;
  font-size: 0.8em;
  font-weight: 500;
  margin: -40px 0 0;
  line-height: 1.6em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1232 blockquote:before,
figure.snip1232 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1232 blockquote:before {
  top: 55px;
  left: 15px;
}
figure.snip1232 blockquote:after {
  content: "\201D";
  right: 18px;
  bottom: 5px;
}
figure.snip1232 .author {
  margin: 0;
  height: 80px;
  display: block;
  text-align: left;
  padding: 0 35px;
  position: relative;
  z-index: 1;
}
figure.snip1232 .author h5,
figure.snip1232 .author span {
  left: 50%;
  position: absolute;
  opacity: 0.8;
  padding: 3px 5px;
}
figure.snip1232 .author h5 {
  text-transform: uppercase;
  bottom: 50%;
  margin: 0;
  font-weight: 800;
  color: #0f0f0f;
}
figure.snip1232 .author span {
  font-size: 0.8em;
  color: #000000;
  top: 50%;
  font-weight: 500;
}

</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]

[hideprofile]
[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://ipic.su/7yVIe5" alt="sq-sample29"/><li>400<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://ipic.su/7yVIe6" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>John <span> Doe</span></h3>
    <p>Режиссеры и топовые артисты были апостолами новой веры. Никакого насилия в реальной жизни, все только на экране. Схема работала идеально. Ацтекские боги забыты? Получите серию фильмов про конец света. У Скандинавов плохо идут дела? Получите сольник Тора. И так далее, по списку которому нет конца и края.
Но языческие боги не могли жить только виртуально, им нужны были и физические фестивали, где они не просто собирались, чтобы погреться в лучах славы, но и совершить различные ритуалы по аккумуляции энергии. Оскар Премия Академии кинематографических искусств и наук, Каннский кинофестиваль ..., Берлинский кинофестиваль — Берлинале ..., Венецианский кинофестиваль ...</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=140"></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]

[hideprofile]
[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://ipic.su/7yVIev" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Nicholas <span> Sharp</span></h3>
    <p>— Люблю, — произносит демон слова, которые до сих пор кажутся ему чем-то сказочным и плохо с собой совместимым, — больше всего на свете. <br>
«Ты себе не представляешь как долго я ждал, чтобы кому-нибудь это сказать», — читается во взгляде, но не произносится вслух, потому что видящая чужие сердца насквозь Адель и так всё про Ника теперь знает. И это почти не страшно, если не забывать, что она и сама его любит. <br>
Поцелуи Адель отрезвляют, но желание пакостничать никуда не уходит. Ник смеется, когда рядом с ними в воду падает какой-то студент, и предлагает Адель перелезть к нему за спину, чтобы удобнее было её катать. И он добросовестно играет роль морского конька, пока вместе с хлопьями пены Адель распыляет по всей округе свою заразительную, влюблённую радость. Ник обязательно приправит её перцем, только из воды вылезет, ага.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=246"></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://ipic.su/7yVIex" alt="sq-sample29"/><li>50<br>posts</li>
  <figcaption>
    <h3>Adele <span> Seymour</span></h3>
    <p>Ник определенно великолепен в этом состоянии главной заводилы вечеринки, и Адель была бы счастлива отпустить ситуацию и просто наслаждаться зрелищем, но она не может. Она чувствует, что нужно если не остановить инкуба, то хотя бы как-то уравновесить объемы зла с добром.<br>
— О, Николас, не дури, — отшатывается Адель от балкона.<br>
Смотрит в шальные глаза демона и сдается, со стоном перелезая через периллы и садясь на ограждение, вцепившись намертво в них руками. Прыгать со второго этажа в бассейн? То есть вот так закончится жизнь этого тела? Так тупо? </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id=411"></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]

[hideprofile]
[html]
<div class="bord">
<div class="h1">ЦИТАТЫ МАРТА, 2022</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="http://images.vfl.ru/ii/1645691352/049f4147/38196687.png" alt="sq-sample7"/>
    <h5> Victorian Reyes, </h5><span>«The light tread of cat paws»</span>
  </div>
  <blockquote> Во время слияния Виктор чувствовал свободу. С каждым годом это чувство росло и брало над них верх. А чудовище, которое тот пытался сдерживать изнутри — и есть тот самый искомый глоток свежего воздуха. По ночам он чувствовал себя настоящим, а тот Виктор, которым был днём — был лишь подделкой, марионеткой общественности. Потому и в голове была постоянная вертящаяся мысль: «Вот бы ночь никогда не заканчивалась».  </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="http://images.vfl.ru/ii/1645217217/84a74fc0/38109113.jpg" alt="sq-sample7"/>
    <h5> Felix Wright, </h5><span>«The prince, the king and the gambler»</span>
  </div>
  <blockquote> Феликс всегда выглядел легкомысленным, в этом была его натура. Но те, кто знал его достаточно долго, могли сказать, что не стоит обманчиво верить этой вежливой улыбке. Как бы искренне она не выглядела с этой же доброжелательной улыбкой, он может обнимать вас, а через пару мгновении вырвать ваше сердце. Ему, конечно же, не впору соперничать с Маммоном в опытности, но он тоже достаточно стар, что бы понимать, как устроен этот мир.   </blockquote>
</figure>
</td>

</tr>

<tr>
<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/D98BvwY.jpg" alt="sq-sample7"/>
    <h5> Elwood Connolly, </h5><span>«Remember me I ask»</span>
  </div>
  <blockquote> В Англию Элвуд прибыл в конце октября, когда большую часть гостиных и салонов успели закрыть на зиму. Тогда же без лишнего шума и помпы, весьма спешно (чтобы владелец успел расплатиться с кредиторами, прежде чем на стол подадут рождественский пуддинг) был куплен небольшой особняк в городской черте. Георгианский стиль: два этажа красного кирпича, наборные окна в белых рамах и камины, поглощавшие уголь с жадностью голодных троллей, дорвавшихся до свежего хлеба. И, конечно же, сад. По-английски диковатый и запущенный, заполненный вполовину буйно разросшимся шиповником, вполовину бересклетом, тисом и падубом, этот зеленый охранный ров, окружая дом со всех четырех сторон на неполные десять ярдов, выступал в глазах рожденного чащей куда лучше защитой от внешнего мира, чем замшелые каменные стены. Глядя из окна на свой сад, Элвуд иной раз забывал, что находился в кипучем котле жизни одной из величайших столиц смертного мира, возвращаясь мыслями во времена, следы которых торопились исчезнуть со страниц немногочисленных уцелевших книг, одетых в кору и свиную кожу. Или же готовились быть проданными с аукциона. </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i6.imageban.ru/out/2021/06/17/b41325bf69731e5512847ebee07e825c.jpg" alt="sq-sample7"/>
    <h5>   Charity Wagoshen, </h5><span>«Но охота на волков превратила дураков якобы в героев»</span>
  </div>
  <blockquote>   Охотники рассказывали, будто волк, попавший в капкан, способен отгрызть себе лапу ради свободы, по которой ему всю оставшуюся жизнь придется ковылять на трех ногах, и то лишь в том случае, если мозгов хватит для того, чтобы снова не попасться в человеческую ловушку. Отгрызать себе лапу Ласка не хотела: ее вполне устраивало то количество конечностей, которым ее наградили природа и Бог. Да и разве хватит молодой оборотнице для того, чтобы перекусить собственные кости также спокойно, как она разрывала внутренности невезучих кротких ланей?
</blockquote>
</figure>
</td>

<td></td>
</tr>
</table>

<style>

</style>

<style>
@import url(https://maxcdn.bootstrapcdn.com/font-aw … me.min.css);
@import url(https://fonts.googleapis.com/css?family … 00,500,800);
figure.snip1232 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important;
}
figure.snip1232 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1232 img {
  max-width: 100%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-right: 5px;
  display: block;
  z-index: 1;
  position: absolute;
  right: 50%;
}
figure.snip1232 blockquote {
  margin: 0;
  display: block;
  border-radius: 8px;
  position: relative;
  background-color: #d9d9d9;
  padding: 65px 33px 35px 33px;
  font-size: 0.8em;
  font-weight: 500;
  margin: -40px 0 0;
  line-height: 1.6em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1232 blockquote:before,
figure.snip1232 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1232 blockquote:before {
  top: 55px;
  left: 15px;
}
figure.snip1232 blockquote:after {
  content: "\201D";
  right: 18px;
  bottom: 5px;
}
figure.snip1232 .author {
  margin: 0;
  height: 80px;
  display: block;
  text-align: left;
  padding: 0 35px;
  position: relative;
  z-index: 1;
}
figure.snip1232 .author h5,
figure.snip1232 .author span {
  left: 50%;
  position: absolute;
  opacity: 0.8;
  padding: 3px 5px;
}
figure.snip1232 .author h5 {
  text-transform: uppercase;
  bottom: 50%;
  margin: 0;
  font-weight: 800;
  color: #0f0f0f;
}
figure.snip1232 .author span {
  font-size: 0.8em;
  color: #000000;
  top: 50%;
  font-weight: 500;
}

</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]

[hideprofile]
[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/1616698335/96c9eee0/33819736.png" alt="sq-sample29"/><li>150<br>posts</li>
  <figcaption>
    <h3>Georgia <span> Carter</span></h3>
    <p>Ведьма всегда старалась не бросаться словами, признания, клятвы, обещания – слишком сильные и важные вещи, чтобы использовать их просто так. Обещания, клятвы имеют свойства оставаться в пространстве и идти сквозь время, навечно записанные на матрицу вселенной. Если раньше про это она где-то читала, то теперь убедилась сама. Женщина из восполнений, что явились ей обещала… Кого-то ведьмы проклинали в последних вспышках жизни и проклятие неслись из рода в род. 

Ведьмы трепетно относились к словам. И Джо никогда не признавалась в чувствах. Избегала. Молча улыбалась, кивала, но не говорила. Сожалела сейчас? Возможно. Желала бы изменить, если бы могла? Нет. Просто слова слетели с её губ слишком быстро, слишком резко и не в то время и не в том месте. Вдох. Магия внутри неё успокаивалась, как буря в стакане, постепенно переставая выходит за края, замедляясь. Выдох. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://ipic.su/7yWS8N.png" alt="sq-sample29"/><li>300<br>posts</li>
  <figcaption>
    <h3>Dwayne <span> Hayes</span></h3>
    <p>— Именно это нам и нужно понять, ведь происходит что-то, ты это чувствуешь, и я тоже... — Джонни качнулся с пятки на носок, лишь глубже зарываясь в песок подошвами.
Море как всегда слишком молчаливое и безучастное, накатывало на берег волной, тихо шепча раскатом по песку сонаты звезд, и нежно обнимая, словно перед долгой разлукой, чтобы через минуту обернуться вновь. Один заложил клюв под крыло, словно предчувствуя неладное, но и вмешиваться, не желал. Может быть, знал, что иначе ничего не получится, для них остался только один путь, выложенный всеми усилиями, каждой мыслью и ударом сердца, каждым поступком... к одному единственному моменту. В воздухе будто застыла тишина, и Джонни глубоко вдохнул солоноватый воздух, полной грудью пропуская его сквозь себя, такой влажный и неприятный, слегка щиплющий изнутри. И голос, казалось знакомый, что лишь и мог поколебать эту застывшую атмосферу.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></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]

[hideprofile]
[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/1645927014/7eeace70/38234531.png" alt="sq-sample29"/><li>400<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/1645927021/43c44fc7/38234540.png" alt="sq-sample29"/><li>500<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>По самым снисходительным оценкам, они оба были далеко не виртуозными исполнителями. Но иного способа заглянуть в чей-то разум, не прибегая к магии и излишне долгим откровенным разговорам, кроме творчества, дух попросту не знал. Потому с тридцатых очень редко играл на публике. И больше пяти лет не возвращался в режиссерское кресло. Не хотел раскрывать лишнего глазам посторонних. Но Руби… Этой женщине он хотел показать больше, чем другим. Иную сторону своего «я», которая годами успешно скрывалась за ширмой звериных инстинктов и человеческой прагматичности. Та, что вопреки разрушительной природе мира вокруг, желал создавать, растить и беречь.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></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]

[hideprofile]
[html]
<div class="bord">
<div class="h1">ЦИТАТЫ АПРЕЛЯ, 2022</div>
<br><br>

<table layout=fixed width=100%>
<tr>
<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/c6iPCtM.png" alt="sq-sample7"/>
    <h5> Mary Ford, </h5><span>«Излечи мою душу»</span>
  </div>
  <blockquote> — А вы уверены, мистер Уоррик, что именно этого желает Господь? В Библии Всевышний описан милосердным и справедливым. Но разве это справедливость? Где здесь милосердие?
Но кто бы ее слушал? Пастор, видимо, решил сломать ей крылья, сделав такой же, как и все собравшиеся здесь, богобоязненно и подобострастно заглядывающие ему в глаза. И эта постановка была не для города, а для нее одной. Он будто бы говорил Селене, что стоит ей хотя бы в чем-то провиниться, и ее ждет та же участь, как и этого человека, который после случившегося в церкви теперь точно будет ее ненавидеть, вне зависимости от того наденут на него маску или нет. Как будут ненавидеть и все его друзья и знакомые.  </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/qGZ7s8M.png" alt="sq-sample7"/>
    <h5>  Mia Taitt, </h5><span>«Somewhere over the rainbow»</span>
  </div>
  <blockquote> Они были такими разными. Лютер жил с пониманием сложных структур, знанием того, как устроен мир и как работает его мозг. Он даже проводил некие параллели между реальностью и миром Мии, делал свои разумные выводы. А Мия жила чувствами. Эмоциями. Фантазиями. Она не раздумывала над тем, как и что происходит, почему солнце то светит, то нет, каким образом Лютик попал к ней в голову. Она этому даже не удивлялась. Девочка просто хотела и делала, интуитивно. Задуманное не всегда получалось, желания не всегда исполнялись. Тем больше было причин жить здесь, в мире, где всё было именно так, как того желала Мия.  </blockquote>
</figure>
</td>

</tr>

<tr>
<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="http://images.vfl.ru/ii/1635247218/dc9f1b6f/36421989.png" alt="sq-sample7"/>
    <h5>  Adele Seymour,  </h5><span>«send me an angel»</span>
  </div>
  <blockquote> У Адель расширились зрачки, когда сила, мощь которой ей никогда не обуздать, тесняще наполнила все ее существо, одарив и теплом, и жаром. Силуэт архангела мелькнул перед глазами всего на мгновение, но и его хватило, чтобы ране исцелиться, не оставляя на оболочке и следа, и почувствовать себя лучше. Будто в ее организме никогда не было наркотика, будто это был лишь сумасбродный сон. Восстановленная, Адель буквально светилась изнутри здоровьем и улыбалась задорно, в предвкушении хорошей драки.
— Решил проверить сногсшибательность настоящей любви? — прищурившись, лукаво поинтересовалась Адель и выхватила из колчана вторую стрелу. </blockquote>
</figure>
</td>

<td align=center>
<figure class="snip1232">
  <div class="author">
    <img src="https://i.imgur.com/x9TnZQE.png" alt="sq-sample7"/>
    <h5> Fjor Wettiner, </h5><span>«Семь раз упади, восемь раз поднимись»</span>
  </div>
  <blockquote>     Если нет красок, рисовать кровью тоже можно, — отвечая на свои мысленные терзания, вслух заметил Фьор. — Какая забавная ситуация, не находите? — несмотря на свою кажущуюся легкомысленность по поводу происходящего, демон внутренне напрягся. Поначалу он решил, что Тору прибыл на подмогу Хатакири. Но уже спустя несколько минут, в течение которых оба японца обменялись любезностями, Фьор удивленно вскинул брови. Похоже, они теперь еще и между собой будут сражаться за право прикончить цель. Кто бы ни победил в этой схватке, победителю пришлось бы еще вдобавок сразиться с Фьором, и хоть он действительно испытывал некое расположение к Хатакири, но понимал: ассасин тоже должен будет исполнить задание.
</blockquote>
</figure>
</td>

<td></td>
</tr>
</table>

<style>

</style>

<style>
@import url(https://maxcdn.bootstrapcdn.com/font-aw … me.min.css);
@import url(https://fonts.googleapis.com/css?family … 00,500,800);
figure.snip1232 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important;
}
figure.snip1232 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1232 img {
  max-width: 100%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-right: 5px;
  display: block;
  z-index: 1;
  position: absolute;
  right: 50%;
}
figure.snip1232 blockquote {
  margin: 0;
  display: block;
  border-radius: 8px;
  position: relative;
  background-color: #d9d9d9;
  padding: 65px 33px 35px 33px;
  font-size: 0.8em;
  font-weight: 500;
  margin: -40px 0 0;
  line-height: 1.6em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1232 blockquote:before,
figure.snip1232 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1232 blockquote:before {
  top: 55px;
  left: 15px;
}
figure.snip1232 blockquote:after {
  content: "\201D";
  right: 18px;
  bottom: 5px;
}
figure.snip1232 .author {
  margin: 0;
  height: 80px;
  display: block;
  text-align: left;
  padding: 0 35px;
  position: relative;
  z-index: 1;
}
figure.snip1232 .author h5,
figure.snip1232 .author span {
  left: 50%;
  position: absolute;
  opacity: 0.8;
  padding: 3px 5px;
}
figure.snip1232 .author h5 {
  text-transform: uppercase;
  bottom: 50%;
  margin: 0;
  font-weight: 800;
  color: #0f0f0f;
}
figure.snip1232 .author span {
  font-size: 0.8em;
  color: #000000;
  top: 50%;
  font-weight: 500;
}

</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]

[hideprofile]
[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://ipic.su/7yWNjx.png" alt="sq-sample29"/><li>100<br>posts</li>
  <figcaption>
    <h3>Silas <span> Gold</span></h3>
    <p>Аукцион — это покер без карт, где игроки, так или иначе, представляют собой уже известную организаторам клиентскую базу, под нужды которой, (их большинства, по крайней мере), подстраивается коллекция, чтобы совершенно точно закрыть все продажи и обзавестись соответствующей прибылью. Ты не можешь быть просто богаче своего оппонента. Ты должен видеть его насквозь, знать его. Предугадывать, чувствовать, понимать, представлять хотя бы приблизительно причину, по которой тот или иной человек или сущность заинтересован в том или ином артефакте. У смертных, да и, пожалуй, даже у существ, просто не было шанса переиграть самого принца алчности, у которого были заранее заготовлены два своих вопроса приобретению, заявленному для принца Преисподней, как вишенка на торте всего мероприятия. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://ipic.su/7yWNkh.png" alt="sq-sample29"/><li>600<br>posts</li>
  <figcaption>
    <h3>Elwood <span> Connolly</span></h3>
    <p>Элвуд неторопливо пробегался глазами по холлу, чередуя улыбки и кивки условно-знакомым – маски и громкая парфюмерия порой играли со звериным чутьем дурную шутку – с глотками шампанского. Лоты, выставленные в фойе второго этажа, чтобы раздразнить аппетит гостей, не заинтересовали его совершенно. Устроители, конечно, намекали, что самое интересное и ценное будет продемонстрировано непосредственно во время торгов, но рожденный чащей искал в тот вечер совсем иной магии. Движения ресниц, случайного касания рук, взгляда, что заставил  бы оттолкнуться от столь удобно поддерживавшей плечо колонны и отправиться навстречу с ней или с ним.</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></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]

[hideprofile]
[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://ipic.su/7yWSG2.png" alt="sq-sample29"/><li>200<br>posts</li>
  <figcaption>
    <h3>Astrid <span> Ingram</span></h3>
    <p> У него были чертовски красивые глаза. Сиф задержала взор: нет, не сами глаза — взгляд. Ожесточённо резкий, прямой, выискивающий. И в то же время зеркальный, ей казалось, что всё что она чувствует отражается в нём. А чувствовала Жаклин спорящие друг с другом эмоции, сами бесы играли на её душе как неумелые скрипачи, фальшивя каждой нотой. Отвращение, строптивая непокорность, лицемерие и притворство, кривя слабину и игривую дерзость. Мерзко под кожей закралась ненависть к самой себе. И зелёные глаза барона отражали изумрудную глубину её радужек, искривив до невозможности отрицание в мелькнувшее натянутой струной вожделение, страх в порабощение, а любопытство в жадность, когда рука мужчины обхватила её талию, приглашая не в танец — в пропасть. </p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></a>
</figure></td>
<td align=center><figure class="snip1227"><img src="http://ipic.su/7yWSG5.png" alt="sq-sample29"/><li>150<br>posts</li>
  <figcaption>
    <h3>Silas <span> Gold</span></h3>
    <p> Он чувствовал её страх так же хорошо, как хищник ощущает трепет жертвы, работающий для него провокацией, но это была вовсе не робость кроткой овечки, которую, по обыкновению, ожидаешь от дамы при французском дворе, что кардинально отличались от дерзких, дрянных девок из борделей, а скорее опаска, разумная настороженность такого же хищника, по воле судьбы столкнувшегося с кем-то крупнее себя. Она прощупывала его, изучала, пыталась прочувствовать душу, не опуская глаз, а напротив, всматриваясь, только лишь защищая себя прохладным щитом непокорности чувств и эмоций, но за ними горел огонь. Другой, более живой и яркий, чем Адское пламя, пляшущее в карих глазах барона, отливающий золотом чего-то когда-то величественного. Язычница? Но потерявшая свой род и племя. И это действительно притягивает, заинтриговывает, наполняет азартом...</p>
  </figcaption><a href="https://bostoncrazzy.rusff.me/profile.php?id="></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]