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

Поделиться12026-04-09 23:27:14

Автор: flying dementor
Администратор
дементор dementors don’t take memories. they strip them of meaning
Сообщений: 226
Уважение: +387
совы: 15 543,2/2 06.26,2/2
люмусы: 120
what they do by hunger
we do by design

Поделиться22026-04-10 09:35:00

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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">Moira Grey</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://64.media.tumblr.com/1d2bd91beff8c161248caafa8127b0d3/tumblr_inline_o19105lvUw1rifr4k_500.gif"></div>
<div class="photo"><img src="https://64.media.tumblr.com/abac13d2e7e99448ab9ef0a127e7ee35/tumblr_inline_o18z61FGtp1rifr4k_250.gifv"></div>
</div>
<div class="fc">fc: Leah Pipes</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 {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

Поделиться32026-04-10 09:40:28

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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">name surname</div>
<div class="group">в пару/сестра/друзья</div>
<div class="name-ru">любое, любой</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://i.pinimg.com/originals/ab/3e/58/ab3e58f3da717789583932964129875b.gif"></div>
<div class="photo"><img src="https://i.pinimg.com/originals/a9/09/ca/a909ca0ea97d402a459ec5fd2bffc8df.gif"></div>
</div>
<div class="fc">fc: Emmy Rossum</div>
</div>
<div class="glass-block text">
<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 {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

Поделиться42026-04-11 22:31:57

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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">Wesley Powell </div>
<div class="group">друг, коллега</div>
<div class="name-ru">Уэсли Пауэлл, 36</div>
</div>
<div class="glass-block photos">
<div class="photo-wrap">
<div class="photo"><img src="https://64.media.tumblr.com/648fdfd99b823005b68b8a90ec6d2fd1/tumblr_inline_o5d07bo3PH1rifr4k_250.gifv"></div>
<div class="photo"><img src="https://64.media.tumblr.com/02fda48d3e56e4e592adcac0cd90c046/tumblr_inline_o5d0gbx4Rz1rifr4k_500.gif"></div>
</div>
<div class="fc">fc: Bradley Cooper</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><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

Поделиться52026-04-17 07:49:50

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться62026-04-24 15:53:32

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться72026-05-01 11:00:07

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться82026-05-07 22:41:41

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться92026-05-08 22:07:15

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться102026-05-09 19:43:50

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться112026-05-13 21:05:50

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться122026-05-15 07:38:13

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться132026-05-18 17:19:41

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться142026-05-27 16:37:11

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться152026-05-28 21:51:35

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться162026-05-30 14:59:17

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

[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

Поделиться172026-06-01 21:49:33

Автор: fire dragon
Участник
Сообщений: 1457
Уважение: +7
magic
we are home

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