два метра новостей от маэль
магазин подарков
light, camera, action!
переодевашка
кроссворд для умняш
наряжаем соласёлочку
готовимся к рождеству
пазловый мир наносит ответный удар
[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="#">нужные</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">24.12</div>
<ul class="column-list">
<li><span class="dot">• </span>max riemelt — <em><a href="https://solace.rusff.me/profile.php?id=161">dorian fawcett</a></em></li>
<li><span class="dot">• </span>yulia snigir — <em><a href="https://solace.rusff.me/profile.php?id=162">за madame</a></em></li>
</ul>
<div class="column-pill">25.12</div>
<ul class="column-list">
<li><span class="dot">• </span>dacre montgomery — <em><a href="https://solace.rusff.me/profile.php?id=163">за bagman</a></em></li>
<li><span class="dot">• </span> bill skarsgård— <em><a href="https://solace.rusff.me/profile.php?id=159">за fenwick jr. (1)</a></em></li>
</ul>
<div class="column-pill">27.12</div>
<ul class="column-list">
<li><span class="dot">• </span>adria arjona — <em><a href="ссылка на профиль">за львівське різдвяне (2)</a></em></li>
</ul>
<div class="column-pill">28.12</div>
<ul class="column-list">
<li><span class="dot">• </span>jensen ackles — <em><a href="https://solace.rusff.me/profile.php?id=17">adeline parkinson</a></em></li>
</ul>
<div class="column-pill">29.12</div>
<ul class="column-list">
<li><span class="dot">• </span>manu rios — <em><a href="https://solace.rusff.me/profile.php?id=13">dang</a></em></li>
</ul>
<div class="column-pill">30.12</div>
<ul class="column-list">
<li><span class="dot">• </span>nathaniel buzolic — <em><a href="https://solace.rusff.me/profile.php?id=17">adeline parkinson</a></em></li>
</ul>
<div class="column-pill">01.01</div>
<ul class="column-list">
<li><span class="dot">• </span>aaron piper— <em><a href="https://solace.rusff.me/profile.php?id=116">джон д.</a></em></li>
</ul>
<div class="column-pill">02.01</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">03.01</div>
<ul class="column-list">
<li><span class="dot">• </span>pedro pascal — <em><a href="https://solace.rusff.me/profile.php?id=12">за Rhiannon Fawley</a></em></li>
</ul>
<div class="column-pill">13.01</div>
<ul class="column-list">
<li><span class="dot">• </span>jon bernthal — <em><a href="https://solace.rusff.me/profile.php?id=32">сорен</a></em></li>
</ul>
<div class="column-pill">16.01</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>eiza gonzalez — <em><a href="https://solace.rusff.me/profile.php?id=12">за Rhiannon Fawley</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>
</ul>
</div>
</div>
<!-- РОЛИ / ФАМИЛИИ -->
<div class="page-column">
<div class="page-column-title">roles / surnames</div>
<div class="scroll-area">
<div class="column-pill">24.12</div>
<ul class="column-list">
<li><span class="dot">• </span>walburga black — <em><a href="https://solace.rusff.me/profile.php?id=162">за madame</a></em></li>
</ul>
<div class="column-pill">27.12</div>
<ul class="column-list">
<li><span class="dot">• </span>rabastan lestrange — <em><a href="https://solace.rusff.me/profile.php?id=116">джон д. (2)</a></em></li>
<li><span class="dot">• </span>загонщик нетопырей — <em><a href="https://solace.rusff.me/profile.php?id=166">за mike</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 {
min-width: 118px;
height: 31px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
background: #A4B398;
border: 2px solid var(--character-border);
border-radius: 71px;
font-family: var(--secondary-family);
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.8px;
color: #fff;
text-decoration: none;
cursor: pointer;
transition: all .25s ease;
}
.page-nav a:hover,
.page-nav button:hover {
background: var(--character-border);
border-color: var(--character-green-main);
color: var(--character-green-main);
}
/* ==== ПИЛЛЫ И СПИСКИ ==== */
.column-pill {
display: inline-block;
background: var(--character-green-light);
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-title {
font-family: var(--secondary-family) !important;
font-size: 75px !important;
text-transform: lowercase;
letter-spacing: -1.5px;
line-height: 0.95;
color: var(--character-green-main);
text-shadow: 0 6px 18px rgba(255,255,255,.6);
margin: 0 0 6px !important;
background: none !important;
}
.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]
