[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Lea Armand</div>
        <div class="group">возлюбленная</div>
        <div class="name-ru">Лея Арман, 21</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://media1.tenor.com/m/BytCn3FFxicAAAAC/devabydante.gif"></div>
          <div class="photo"><img src="https://media.tenor.com/JgylTzEp6LUAAAAM/deva-cassel.gif"></div>
        </div>
        <div class="fc">fc: Deva Cassel</div>
      </div>
      <div class="glass-block text">
        <p>Мы встретились в 2038-м. Для тебя это настоящее, для меня - далёкое будущее. Будущее, в котором остались лишь крохи цивилизации. Надежда на то, что мировая катастрофа закончится, растворились, как только я оказался на улице...я шёл, не разбирая дороги, по пустынной улице, пока не встретил тебя и твоих родителей. Или это вы встретили меня. В силу того, что я глухонемой, мне не удалось ничего объяснить и ничего понять, но я был в шоке, когда увидел на календаре 2038...</p><p>Вплоть до 2047 я искал, что отдалило меня от дома. Ты не верила, что я из 2026-го, но я не обижался - понимал. К счастью, и ты научилась меня понимать. Что-то в этот год изменилось между нами. Это была уже не просто привязанность, а настоящая любовь. Возможно, именно она дала мне успокоение, возможно, поэтому я перестал искать.</p><p>Прошло ещё 2 года. В 2049 году я наткнулся на нору случайно, прямо как в том году, откуда пришёл. Я рассказал тебе о ней и даже показал. Я чувствовал, что должен был вернуться, потому что там была моя сестра - единственное в мире существо, которому я был обязан своей жизнью. Я позвал тебя с собой, потому что разрывался между двумя дорогими людьми. Но ты не согласилась - не могла оставить своих родных. </p><p>Я ушёл, пообещав, что буду возвращаться, ведь по твоим меркам будет проходить намного меньше времени чем по моим. Кто же знал, что за это время вдалеке, в районе, где находится ваш дом, ты увидишь, как над ним возвышается ядерный гриб...тебе пришлось шагнуть в нору. И теперь придётся искать меня. В своём прошлом, в моём - настоящем.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Заявка в пару</p><p>Мотивация для твоего шага в нору может быть другой, мне не принципиально, но я хотел бы оставить такой концепт: сначала ты не уходишь со мной, потом тебе приходится шагнуть в нору</p><p>На всё вопросы готов ответить, обсудить - тоже готов) </p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]
[hideprofile]

Отредактировано Thumper (13-05-2026 21:07:51)

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Raid Marsh</div>
        <div class="group">бывший друг</div>
        <div class="name-ru">Рейд Марш, 26</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://64.media.tumblr.com/ac3a9e3378b9e4f6f7152d6603ed5e4f/tumblr_inline_nlmbx7nrjf1rifr4k.gif"></div>
          <div class="photo"><img src="https://64.media.tumblr.com/e1ebb05678ac031ba662914ad00f747e/tumblr_inline_nlmai0zfgW1rifr4k.gif"></div>
        </div>
        <div class="fc">fc: Richard Harmon</div>
      </div>
      <div class="glass-block text">
        <p>Ты был моей правой рукой. Не потому, что боялся, а потому, что верил в меня и людей, которые нас окружали.</p><p>Ты видел, как я менялся, взрослел. Порядок в банде постепенно становился хаосом. Границы нашей территории сузили до заброшенного кинотеатра. Ты стал замечать, как уважение в глазах некоторых тускнело.</p><p>- Мы не для того стремились к свободе, чтобы прятаться, - однажды сказал ты, - власть требует крови.</p><p>Это был наш последний разговор.</p><p>Бунт не был громким. Не было криков и выстрелов. Это было тихое разделение. Ты собрал тех, кто хотел не выживать, а жить, дышать полной грудью, даже если этот воздух пропитан пылью и опасностью. </p><p>Теперь мы по разные стороны.</p><p>Два короля без королевства, между которыми пролегла огромная пропасть.</p><p>Сейчас вы - призраки. Наёмники, которые готовы ввязаться в любую авантюру, если в ней есть выгода.</p><p>У нас договорённость: не лезть в дела друг друга, пока мы соблюдаем дистанцию. Но если когда-то вдруг окажемся на одной территории...что тогда произойдёт?</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> хотел бы видеть не просто врага, а действительно бывшего друга, который не стремится уничтожить остатки банды Аллена из-за прошлого, которое их связывает. Рейд всё-таки не бессердечная тварь, а тот, кто переживает и за своих людей, и за тех, что остались с Алленом</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Damon Murphy</div>
        <div class="group">старший брат</div>
        <div class="name-ru">Деймон Мёрфи, 29</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/4c/cf/38/4ccf38776f5ff25ab3b0a2aa2bd2a6f3.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/54/4a/02/544a0213a391c5fb80c5ea7bdd77fcdd.gif"></div>
        </div>
        <div class="fc">fc: harris dickinson</div>
      </div>
      <div class="glass-block text">
        <p>Интеллигентная многодетная семья, прекрасные братско-сестринские отношения, где любовь подкрепляется стёбами и наигранной ненавистью. Мы всегда были друг за друга горой, прикрывали друг друга перед родителями, если нужно было сбежать на тусовку. Иногда тебе даже было за меня стыдно, потому что девчонка-пацанка - это, скорее, минус для брата, чем плюс. И тем не менее, мы действительно любили друг друга.</p><p>А потом ты пропал.</p><p>Вот так взял и пропал, когда тебе было 17. Ушёл из дома и не вернулся. Родители оборвали все телефоны, поставили на ноги всю полицию, но ты..как будто исчез. </p><p>Прошло больше 10 лет, на связь ты так и не вышел, но, говорят, тебя видели в разных штатах. Что с тобой стало? Ты подался в бега или тебя похитили? Может, ты потерял память и просто не смог найти дорогу домой, потому что не знал, есть ли у тебя семья?</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> мне бы хотелось навалить стекла, чтоб можно было грести ложками, перемалывать и снова наваливать. так что если ты тоже любитель пожрать этого самого, велком! размер постов не важен, частота - тоже (только не раз в полгода, плиз), всё остальное обсуждаемо.</p><p>если же ты не любитель стекла и хочешь поиграть в семью, что ж, тоже велком, я легко настраиваюсь на любую волну)</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]