а вот и все 
[hideprofile][html]
<div class="page-wrapper">
<div class="universal-bg">
<div class="universal-card">
<!-- ШАПКА -->
<div class="page-header">
<div class="page-subtitle">dark au // death eaters win scenario // 1980 // nc-21</div>
<div class="page-title">hp: solace</div>
<div class="page-subtitle admins">
✶ <a href="https://solace.rusff.me/profile.php?id=6">бри</a>
✶ <a href="https://solace.rusff.me/profile.php?id=4">маэль</a>
✶ <a href="https://solace.rusff.me/profile.php?id=5">ламм</a>
✶ <a href="https://solace.rusff.me/profile.php?id=10">крис</a>
</div>
</div>
<!-- ОПИСАНИЕ -->
<div class="universal-section page-intro">
<p>Срок придержания внешностей и ролей для гостей — сутки. Срок придержания <b>1 внешности и 1 роли</b> за зарегистрированным пользователем — 3 дня и продлить этот срок можно дважды (в сумме — 9 дней бесплатного придержания). Каждая следующая внешность/роль может быть придержана разово на один день без возможности продления. Если вам нужно придержать больше внешностей, вы можете выкупить их в банке за форумную валюту. <b>Максимальное количество — 4 внешности</b>. Второй профиль можно завести бесплатно и без условий, третий и последующие — через банк. <b>Максимальное количество профилей — 5 на игрока</b>. Все, что выкуплено под заявки, имеет обозначение и ссылку на саму заявку.</p>
</div>
<!-- КНОПКИ НАВИГАЦИИ -->
<div class="page-nav">
<a href="https://solace.rusff.me/viewtopic.php?id=3">сюжет</a>
<a href="https://solace.rusff.me/viewtopic.php?id=6">хочу к вам</a>
<a href="https://solace.rusff.me/viewtopic.php?id=8">нужные</a>
<button type="button" onclick="copyBanner()">скопировать код</button>
</div>
<!-- СЕТКА -->
<div class="page-grid">
<!-- ВНЕШНОСТИ -->
<div class="page-column">
<div class="page-column-title">appearances</div>
<div class="scroll-area">
<div class="column-pill">20.03</div>
<ul class="column-list">
<li><span class="dot">• </span>Mads Mikkelsen — <em><a href="https://solace.rusff.me/profile.php?id=237">пу пу пу</a></em></li>
</ul>
<div class="column-pill">22.03</div>
<ul class="column-list">
<li><span class="dot">• </span>casey deidrick — <em><a href="https://solace.rusff.me/profile.php?id=12">за Rhiannon Fawley</a></em></li>
<li><span class="dot">• </span>margaret qualley — <em><a href="https://solace.rusff.me/profile.php?id=181">thaddeus yaxley</a></em></li>
</ul>
<div class="column-pill">23.03</div>
<ul class="column-list">
<li><span class="dot">• </span>simone baldasseroni — <em><a href="https://solace.rusff.me/profile.php?id=181">thaddeus yaxley</a></em></li>
</ul>
<div class="column-pill">29.03</div>
<ul class="column-list">
<li><span class="dot">• </span>adria arjona — <em><a href="https://solace.rusff.me/profile.php?id=79">за Andarna Shafiq </a></em></li>
</ul>
<div class="column-pill">04.04</div>
<ul class="column-list">
<li><span class="dot">• </span>winnie harlow — <em><a href="https://solace.rusff.me/viewtopic.php?id=8#p64625">заявка</a></em></li>
</ul>
<div class="column-pill">05.04</div>
<ul class="column-list">
<li><span class="dot">• </span>sam claflin — <em><a href="https://solace.rusff.me/viewtopic.php?id=8#p31457">заявка</a></em></li>
</ul>
<div class="column-pill">07.05</div>
<ul class="column-list">
<li><span class="dot">• </span>dakota johnson — <em><a href="https://solace.rusff.me/profile.php?id=32">сорен</a></em></li>
<li><span class="dot">• </span>sarah pidgeon — <em><a href="https://solace.rusff.me/profile.php?id=32">сорен</a></em></li>
</ul>
<div class="column-pill">за амс</div>
<ul class="column-list">
<li><span class="dot">•</span> abigail cowen — <em>за амс</em></li>
<li><span class="dot">•</span> elizabeth olsen — <em>за амс</em></li>
<li><span class="dot">•</span> hafsanur sancaktutan — <em>за амс</em></li>
<li><span class="dot">•</span> lily james — <em>за амс</em></li>
<li><span class="dot">•</span> lucy boynton — <em>за амс</em></li>
</ul>
</div>
</div>
<!-- РОЛИ / ФАМИЛИИ -->
<div class="page-column">
<div class="page-column-title">roles / surnames</div>
<div class="scroll-area">
<div class="column-pill">22.03</div>
<ul class="column-list">
<li><span class="dot">• </span>marlene mckinnon — <em><a href="https://solace.rusff.me/profile.php?id=156">meredith sallow</a></em></li>
</ul>
<div class="column-pill">29.03</div>
<ul class="column-list">
<li><span class="dot">• </span>sirius black — <em><a href="https://solace.rusff.me/profile.php?id=37">james potter</a></em></li>
</ul>
<div class="column-pill">04.04</div>
<ul class="column-list">
<li><span class="dot">• </span>amycus carrow — <em><a href="https://solace.rusff.me/profile.php?id=61">mikael</a></em></li>
<li><span class="dot">• </span>akingbade fam. — <em><a href="https://solace.rusff.me/viewtopic.php?id=8#p64625">заявка</a></em></li>
</ul>
<div class="column-pill">05.04</div>
<ul class="column-list">
<li><span class="dot">• </span>alecto carrow — <em><a href="https://solace.rusff.me/profile.php?id=61">заявка</a></em></li>
</ul>
<div class="column-pill">12.04</div>
<ul class="column-list">
<li><span class="dot">• </span> владелец уэльского заповедника драконов — <em><a href="https://solace.rusff.me/profile.php?id=50">седрик</a></em></li>
</ul>
<div class="column-pill">за амс</div>
<ul class="column-list">
<li><span class="dot">•</span> macfusty family — <em>за амс</em></li>
<li><span class="dot">•</span> rosier family — <em>за амс</em></li>
<li><span class="dot">•</span> bell family — <em>за амс</em></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<style>
.scroll-area {
max-height: 360px;
overflow-y: auto;
padding-right: 8px;
scrollbar-color: var(--character-green-main) #e9e9e9;
}
.scroll-area::-webkit-scrollbar { width: 6px; }
.scroll-area::-webkit-scrollbar-track { background: transparent; border-radius: 10px; }
.scroll-area::-webkit-scrollbar-thumb {
background: var(--character-green-main);
border-radius: 10px;
}
.scroll-area::-webkit-scrollbar-thumb:hover { background: #505a49; }
/* ==== КНОПКИ НАВИГАЦИИ ==== */
.page-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin: 16px 0;
padding: 4px;
}
.page-nav a,
.page-nav button {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-width: 118px;
height: 31px;
padding: 3px 16px;
background: var(--link);
border: 2px solid var(--character-border);
border-radius: 71px;
font-family: var(--secondary-family);
font-weight: 700;
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
letter-spacing: 0.8px;
color: #fff !important;
cursor: pointer;
transition: all 0.25s ease;
user-select: none;
}
.page-nav a:hover,
.page-nav button:hover {
background: var(--character-border);
border-color: var(--character-green-main);
color: var(--character-green-main)!important;;
}
/* ==== ПИЛЛЫ И СПИСКИ ==== */
.column-pill {
display: inline-block;
background: var(--link);
color: #fff;
padding: 1px 7px;
border-radius: 8px;
font-size: 11px;
margin: 12px 0 6px;
font-family: var(--secondary-family);
text-transform: uppercase;
}
.column-list { margin:0; padding-left:0; list-style:none; font-size:11px; color:#444; }
.column-list li { margin:6px 0; }
.column-list a { color:var(--character-green-main); text-decoration:none; }
.column-list .dot { margin-right:8px; color:var(--character-green-main); font-weight:700; }
/* ==== ПЕРЕОПРЕДЕЛЕНИЯ ==== */
.page-subtitle.admins {
font-size: 13px;
text-transform: none;
letter-spacing: normal;
color: #333333;
margin-top: 12px;
}
.page-subtitle.admins a {
color: var(--character-green-main);
text-decoration: none;
font-weight: 700;
margin-right: 8px;
font-family: var(--secondary-family);
}
/* Адаптив */
@media (max-width: 650px) {
.page-title { font-size: 55px !important; }
.page-grid { grid-template-columns: 1fr; }
.scroll-area { max-height: 480px; }
}
</style>
<script>
function copyBanner() {
const code = `не удаляйте пробелы из кода, пожалуйста. это важно для работоспособности вашего придержания.
<li><span class="dot">• </span>имя/фамилия/роль — <em><a href="ссылка на профиль">за ваше имя</a></em></li>`;
navigator.clipboard.writeText(code).then(() => alert('Код скопирован!')).catch(() => {
const t = document.createElement('textarea'); t.value = code; document.body.appendChild(t); t.select(); document.execCommand('copy'); document.body.removeChild(t);
alert('Код скопирован!');
});
}
</script>
[/html]
