[html]<div class="wtopic" data-glass-prefix="wtopic"><div class="wtopic__sidebar"></div>
<div class="wtopic__center wtopic__glass wtopic__pill wtopic__menu"><i class="fa-solid fa-bars"></i></div>
<div class="wtopic__sheet"><div class="wtopic__actions"><img src="https://forumstatic.ru/files/001c/bd/72/81163.svg">
<img src="https://forumstatic.ru/files/001c/bd/72/29688.svg"><img src="https://forumstatic.ru/files/001c/bd/72/24264.svg"></div><div class="wtopic__chat-tab"><div class="wtopic__center wtopic__glass wtopic__chat"><i class="fa-regular fa-comment-dots"></i></div></div>
<!-- Название -->
<div class="wtopic__title">NEED YOU</div>
<!-- Маленькое описание -->
<div class="wtopic__center wtopic__description">в поисках тебя</div>
<!-- Основной текст -->
<div class="wtopic__content">
<p>
Каждую неделю здесь будут появляться внешности для персонажей, которых очень ждут на нашем проекте. Взяв любой образ из списка, вы получите отличные бонусы: <b>1000 единиц рейтинга, купон на одно бесплатное оформление, купон на иммунитет и купон на один предмет из коллекции</b>. Все эти плюшки станут доступны сразу после подачи и одобрения вашей анкеты. Акция также распространяется на случаи, если вы решите взять эти внешности для своих твинков.
</p>
</div></div></div>
[/html]
[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@1,6..96,400&family=Montserrat:wght@400;500&display=swap');
.wl{position:relative;width:450px;height:600px;margin:auto;background:#fff;overflow:hidden;isolation:isolate;color:#222;font-family:Montserrat,Arial,sans-serif;box-sizing:border-box;}
.wl *{box-sizing:border-box;}
/* ФОН */
.wl::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,#b6b6b655 22.2%,transparent 22.5%),linear-gradient(180deg,transparent 26%,#b6b6b655 26.2%,transparent 26.4%);pointer-events:none;}
/* ЗОЛОТЫЕ НАДПИСИ */
.wl .gold{position:absolute;left:-4px;width:450px;margin:0;color:#b28b4d;font:italic 400 113px/1 'Bodoni Moda',Georgia,serif;letter-spacing:-9px;white-space:nowrap;transform:scaleX(.91);transform-origin:left center;z-index:4;pointer-events:none;}
.wl .gold.top{top:-45px;}
.wl .gold.end{top:536px;}
/* РЯДЫ ФОТОГРАФИЙ */
.wl .photos{position:absolute;left:38px;display:flex;gap:7px;z-index:2;}
.wl .photos.first{top:45px;}
.wl .photos.last{top:371px;}
/* КАРТОЧКА */
.wl figure{position:relative;flex:none;width:120px;height:184px;margin:0;padding:0;}
.wl figure img{display:block;width:120px;height:184px;object-fit:cover;object-position:center;filter:grayscale(100%);border:0;}
/* ИМЕНА */
.wl figcaption{position:absolute;left:50%;width:max-content;max-width:118px;padding:2px 5px;background:#fff;color:#292929;font:500 11px/10px Montserrat,Arial,sans-serif;text-align:center;white-space:nowrap;box-shadow:1px 2px 2px #00000030;z-index:3;}
.wl .first figcaption{bottom:-8px;transform:translateX(-50%) rotate(-6deg);}
.wl .last figcaption{top:-16px;transform:translateX(-50%) rotate(-6deg);}
.wl figure:nth-child(2) figcaption{transform:translateX(-50%) rotate(4deg);}
.wl figure:nth-child(3) figcaption{transform:translateX(-50%) rotate(-3deg);}
/* ЦЕНТРАЛЬНАЯ НАДПИСЬ */
.wl header2 {position:absolute;top:257px;left:43px;margin:0;color:#b21d23;font:italic 400 58px/1.2 'Bodoni Moda',Georgia,serif;letter-spacing:-4px;white-space:nowrap;transform:scaleX(.91);transform-origin:left center;z-index:2;}
.wl .sub{position:absolute;top:322px;left:284px;font:400 12px/1 Montserrat,Arial,sans-serif;letter-spacing:-.4px;white-space:nowrap;z-index:2;}
/* ВНЕШНОСТЬ ЗАНЯТА */
.wl figure.busy img{opacity:.35;}
.wl figure.busy::after{content:'ВНЕШНОСТЬ ЗАНЯТА';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:7px 5px;border:1px solid #b21d23;background:#ffffffb8;color:#b21d23;font:700 10px/1 Arial,sans-serif;white-space:nowrap;text-align:center;z-index:3;}
</style>[/html]








