Вектор пламени

Поделиться12026-02-21 18:14:30

Автор: panem et circenses
Horn of Plenty
Сообщений: 204
Уважение: +340

Поделиться312026-04-17 07:45:57

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Adrian Ramirez</div>
<div class="group">электрик в сопротивлении</div>
<div class="name-ru">Адриан Рамирез, 35</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/c2/f8/71/c2f871914b9719bb3e267d68522352b2.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/ff/70/0f/ff700ff25aed224bb16419d4db79486e.gif"></div>
</div>
<div class="fc">fc: Ryan Reynolds</div>
</div>
<div class="glass-block text">
<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>

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

0

Поделиться322026-04-24 15:48:13

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Axel Collins</div>
<div class="group">друг, нянька</div>
<div class="name-ru">Аксель Коллинс, 17</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/50/f1/3d/50f13d1981915962320bb3ebf4ed22c9.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/c8/2d/1a/c82d1ad96cdbf94b632d9c6c0e8431e5.gif"></div>
</div>
<div class="fc">fc: Thomas Brodie-Sangster</div>
</div>
<div class="glass-block text">
<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>

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

0

Поделиться332026-05-01 10:56:00

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Karl Reed</div>
<div class="group">Братишка</div>
<div class="name-ru">Карл Рид, 12-16</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/e3/05/28/e30528a54e076eeda34589151a05b4ff.gif"></div>
<div class="photo"><img src="https://upforme.ru/uploads/001c/a8/16/2/93483.gif"></div>
</div>
<div class="fc">fc: Levi Miller, Maxwell Jenkins или любой другой</div>
</div>
<div class="glass-block text">
<p>Карл Рид - младший ребенок в семье, выросший в условиях достатка, где многие вещи доставались ему без особых усилий. С раннего возраста он привык к тому, что его желания, как правило, исполняются, а последствия можно либо сгладить, либо вовсе избежать. Это сформировало в нем определенную уверенность в том, что границы - вещь гибкая, особенно если знать, как их обойти.</p><p>Карл - активный, энергичный и довольно сообразительный подросток. Ему сложно усидеть на месте, он постоянно ищет новые впечатления, развлечения и способы разнообразить скучную повседневность. Это часто выливается в мелкие проделки, шалости и ситуации, в которых он оказывается на грани неприятностей.</p><p>При этом его нельзя назвать откровенно проблемным ребенком. Скорее, он из тех, кто проверяет мир «на прочность» - пробует, где можно надавить, где сработает харизма, а где - лучше вовремя отступить. Он умеет выкручиваться, быстро соображает и нередко выходит сухим из воды.</p><p>Значительную роль в этом играет Джесси. Она остается для него одновременно и защитой, и сдерживающим фактором. Карл знает, что сестра может его прикрыть перед семьей или в сложной ситуации, но также понимает, что именно от нее он с наибольшей вероятностью получит жесткую реакцию, если перегнёт палку. Их отношения строятся на живой динамике: подколы, споры, взаимные упреки - и при этом очевидная привязанность.</p><p>В глубине души Карл остается хорошим парнем. Несмотря на избалованность и «богатенькие» замашки, он способен на искренние эмоции, привязанность и чувство справедливости - просто пока ещё не всегда понимает, как правильно это проявлять. Ему важно чувствовать контроль над своей жизнью, особенно в семье, где многое уже давно решено за него.</p><p>На данном этапе Карл - обычный подросток, который пытается найти свое место, определить границы дозволенного и установить собственные правила в мире, где до него все уже было расписано.</p>
</div>
<div class="glass-block dopolnitelno">
<p><strong>Дополнительная информация:</strong> Братишка, жду тебя, чтобы вместе решать твои проблемы. Если захочешь быть "особенным", маякни, обсудим, я не против. Внешность и прочие элементы заявки обсуждаемы. В общем, если захочешь ворваться в семью, велком, буду очень рада) </p><p></p>
</div>
<div class="footer">flamevector</div>
</div>
</div>
</div>
</div>

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

0

Поделиться342026-05-07 22:38:14

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Violet Holmes</div>
<div class="group">старшая сестра</div>
<div class="name-ru">Вайолет Холмс, 20</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/63/7f/2c/637f2cbc8467fb6013b91ebd1d1f4567.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/0b/2e/4f/0b2e4fb1fb4cab933c5a0682d8ef01f6.gif"></div>
</div>
<div class="fc">fc: madelyn cline</div>
</div>
<div class="glass-block text">
<p>Моя красивая, нежная и такая же безбашенная сестрёнка! Я считаю, что нашему папе-декану обязательно нужна ещё одна проблема на его пока-не-седую голову. Когда две занозы родились с разницей всего в 2 года, мне кажется, это можно было сразу считать концом спокойной жизни родителей. </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>

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

0

Поделиться352026-05-08 22:03:41

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">your name</div>
<div class="group">лучший друг, приближенный</div>
<div class="name-ru">твое имя, 29-31</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/fb/d9/58/fbd9582512396b761b508b1acfa783f9.jpg"></div>
<div class="photo"><img src="http://i.pinimg.com/originals/e7/9f/aa/e79faa78ac7a04d31abbb0c00c7c221c.jpg"></div>
</div>
<div class="fc">fc: Harrison Gilbertson</div>
</div>
<div class="glass-block text">
<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>

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

0

Поделиться362026-05-09 19:40:51

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Elian</div>
<div class="group">сын</div>
<div class="name-ru">Элиан, 22</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/736x/84/86/e1/8486e191f0b0a0b37192334629aa3338.jpg"></div>
<div class="photo"><img src="https://64.media.tumblr.com/7d289c5cdb93e6724e3ba73e53e270b7/f01dd600849bfa37-e0/s250x400/eda1a58f97fb1d7bbd6e3a6565a87f7815b13e0d.gifv"></div>
</div>
<div class="fc">fc: Ash Stymest</div>
</div>
<div class="glass-block text">
<p>ты спросишь меня, как я могу быть твоим отцом, а я отвечу тебе: "хуй его знает". да, я твой биологический отец. нет, я не зачал тебя, когда мне было 10. просто однажды ты забрался в кроличью нору и оказался в прошлом. по какой причине ты решил остаться там на 10 лет и только потом вернуться, я не знаю, зато знаю, что буду в ахере, когда мы увидимся. мало того, что я ничерта не знал о твоём существовании, так теперь передо мной стоит грёбаный путешественник во времени, именуемый моим сыном, разница с которым у нас 10 лет. паранормальщина в мире, где есть вирус, сжигающий изнутри? ничего удивительного.</p>
</div>
<div class="glass-block dopolnitelno">
<p><strong>Дополнительная информация:</strong> сразу скажу, что по характеру я бы хотел видеть такого же отбитого, как я сам. может быть, с нотками морали, может быть, не убийцу, но готового в экстренном случае испачкать руки в грязи или крови. считаю, что наша встреча будет фееричной, а потому очень жду отпрыска для убийцы, который пытается найти предателя.</p><p>я НЕ ПРОТИВ смены внешности, обсуждений, поиска компромиссов, накидывания идей. я не топлю за активность во флуде, не пинаю с постами (но если тебе надо, то буду пинать). всё должно быть в кайф</p>
</div>
<div class="footer">flamevector</div>
</div>
</div>
</div>
</div>

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

0

Поделиться372026-05-13 20:51:25

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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>

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

0

Поделиться382026-05-15 07:35:21

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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>

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

0

Поделиться392026-05-18 17:16:04

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Claire Vance</div>
<div class="group">старшая сестра</div>
<div class="name-ru">Клэр Венс, 40</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/63/30/12/6330126c456ef7eec6d6774c1ada51d4.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/ec/24/0d/ec240de4cf0b75b845b6e7cb0ace938e.gif"></div>
</div>
<div class="fc">fc: jennifer morrison</div>
</div>
<div class="glass-block text">
<p>худшее в жизни любого человека - это когда его предаёт самый близкий. ты предала меня. тогда, когда я меньше всего этого ждал. не было ни улик, ни свидетелей, но ты вынудила меня гнить в тюрьме, даже не дождавшись, когда я свалю из города. на следующий день после совершенного мной тройного убийства ты пришла в полицию и выложила всё, что знала. почему? единственный вопрос, с которым я смотрел на тебя в зале суда.</p><p>почему ты сделала это? почему сдала брата, которого сама же вырастила, когда родители занимались своими делами? ты не останавливала меня от убийства. тогда почему всё рассказала копам?</p><p>жизнь - забавная штука. наверное, ты и не подозревала, что когда-нибудь я выйду из тюрьмы. это когда-нибудь случилось через 10 лет, за которые я изменился. теперь меня не интересует, почему ты это сделала. меня интересует, кто тебя надоумил. </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>

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

0

Поделиться402026-05-27 16:28:49

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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>

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

0

Поделиться412026-05-28 21:49:39

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Tamsin Holms </div>
<div class="group">мама</div>
<div class="name-ru">Тэмсин Холмс, 38</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/08/31/af/0831aff2de2638e0804c1278b91f2ecf.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/aa/9f/47/aa9f47ac9d730d6939a0cbec93e5e2fa.gif"></div>
</div>
<div class="fc">fc: Blake Lively</div>
</div>
<div class="glass-block text">
<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>

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

0

Поделиться422026-05-30 14:56:02

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[hideprofile][html]

<div class="tabs-inner">

<div class="action-card">

<div class="status">ЗАНЯТО</div>

<div class="info">
<h2>Пророк</h2>

<div class="line">
<span>FC:</span> <em>cole sprouse</em>

<div class="line">
<span>Занятость:</span> Первый с прорицанием
</div>
</div>
</div>
</div>
<div class="gradient-line"></div>
<div class="bio">
<h3><strong>Биография</strong></h3>
<p>
После попадания в институт жизнь делится на "до" и "после". Кто знает, может быть парень прошел бы полностью все, что происходит с другими , если бы не его редкий дар, о котором все узнали совершенно случайно. </p>

<p>Трудности заключаются в том, что Институту необходимо исследовать данного подопытного, но он совершенно не хочет идти с ними на контакт , бормоча что-то в духе "дайте позвонить брату". Даже насильственные методы здесь не помогают, потому что чаще всего подопытный вырубается от нанесенных ему побоев. </p>
</div>

</div>

</div>
</div>

.tabs-wrapper {
width: 850px;
padding: 5px;
background: url(https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg) repeat;
border-radius: 10px;
margin: 0 auto;
}

.tabs-inner {
background: #c7c7c7;
padding: 5px;
border-radius: 8px;
}

/* КАРТОЧКА */
.action-card {
position: relative;
font-family: 'Cinzel', serif;
color: #1f1f1f;
}

/* ВЕРХ */
.top {
display: flex;
gap: 15px;
margin-top: 15px;
}

.photo {
width: 180px;
height: 240px;
flex-shrink: 0;
overflow: hidden;
border-radius: 6px;
border: 1px solid #9a9a9a;
margin-left: 15px;

}

.photo img {
width: 100%;
height: 100%;
object-fit: cover;
filter:sepia(70%) saturate(50%) brightness(90%);
}

.info h2 {
margin: 0 0 10px;
font-size: 22px;
letter-spacing: 1px;
}

.line {
font-size: 14px;
margin-bottom: 6px;
}

.line span {
font-weight: bold;
color: #4a4a4a;
}

/* БИО */
.bio {
margin: 15px;
text-indent: 25px;
text-align: justify;
}

.bio h3 {
margin: 0 0 8px;
font-size: 16px;
letter-spacing: 1px;
}

.bio p {
margin: 0;
font-size: 18px !important;
line-height: 1.5;
font-family: 'Comfortaa';

}

/* ЗАНЯТО */
.status {
display: none;
position: absolute;
inset: 0;
background: rgba(199,199,199,0.85);
z-index: 5;
text-align: center;

align-items: center;
justify-content: center;

font-size: 42px;
letter-spacing: 4px;
color: #444;
}

/* СОСТОЯНИЕ ЗАНЯТО */
.tabs-inner.taken {
filter: grayscale(1);
}

.tabs-inner.taken .status {
display: flex;
}
.gradient-line {
height: 2px;
margin: 15px 0;
border-radius: 1px;
background: linear-gradient(
to right,
rgba(116, 77, 55, 0) 0%,
rgba(116, 77, 55, 1) 50%,
rgba(116, 77, 55, 0) 100%
);
}
</style>

[/html]

0

Поделиться432026-06-01 21:45:41

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Hynek Jarolím</div>
<div class="group">старший брат</div>
<div class="name-ru">Гинек Яролим, 27</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://64.media.tumblr.com/aa5eeb6a2913ba8fe6ad197f2f7a1892/38794b032b5e226d-89/s400x600/e2059f6a874f9c143d98967ed624716fd6227b05.gifv"></div>
<div class="photo"><img src="https://64.media.tumblr.com/4835e7eb1fbf215bf9cfc9e4491ed27d/dc3a0ed35042228e-a6/s400x600/d41fef619b280799f9e5cfa47dcf948f947d42e5.gifv"></div>
</div>
<div class="fc">fc: Danny Griffin</div>
</div>
<div class="glass-block text">
<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>

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

0

Поделиться442026-06-06 17:24:17

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Arthur Vega</div>
<div class="group">учитель истории, автор научно-популярных книг</div>
<div class="name-ru">Артур Вега, 35</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/f6/38/87/f638879c97a6dceba85556078e24a759.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/ad/00/9e/ad009e3bf1158a81b99614092afdf5ed.gif"></div>
</div>
<div class="fc">fc: Armie Hammer</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>

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

0

Поделиться452026-08-02 13:58:28

Автор: district six
посыльный
Сообщений: 4374
Уважение: +32

[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">Dax </div>
<div class="group">враг, предатель</div>
<div class="name-ru">Декс, 30+</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/2f/ea/92/2fea9256601ffe36081744162f00471a.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/e4/1f/ea/e41fea0aecc4d6ab28fdb06606282391.gif"></div>
</div>
<div class="fc">fc: Colin Farrell</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><p>так что если ты любишь играть плохих парней - добро пожаловать</p><p>я игрок адекватный, спокойный, не устраиваю эмоциональные качели, игру и реал не путаю и прошу не путать тоже. не хочу никаких ролевых интриг и истерик, всё это - только между персами, вот там ради бога. в меру общителен, не лезу с требованиями сидеть во флуде или ежедневно поддерживать общение, всеяден и мимикрирую под соигрока. готов обменяться постами, если нужно. в общем, жду с нетерпением!</p>
</div>
<div class="footer">flamevector</div>
</div>
</div>
</div>
</div>

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