гостевая оригинал запаска
[html]<div class="fp-wrap" style="margin-bottom: 0;">
<div class="fp-bg"></div>
<div class="fp-inner">
<!-- ── ЛЕВАЯ КОЛОНКА ── -->
<div class="fp-left">
<div class="fp-subline">dark au // summer 1980 // nc-21</div>
<div class="fp-logo">hp: solitude</div>
<div class="fp-admins">
<a href="https://solitude.rusff.me/profile.php?id=3">brianna</a> ✶ <a href="https://solitude.rusff.me/profile.php?id=5">chris</a>
</div>
<div class="fp-intro-guest">
<p><i>Let the lullaby of woe wash over you</i>. Добро пожаловать в лето 1980 года. Война окутывает тенью деяний Волдеморта всё, что вам дорого, превращая само понятие безопасности в пустой звук. В такие времена уединение теряет привкус горечи и становится формой спасения. <i>Solitude</i> — это добровольное и спокойное пребывание наедине с собой, приносящее покой. </p>
<p>Срок придержания внешностей и ролей для гостей — сутки. Срок придержания <b>1 внешности и 1 роли</b> за зарегистрированным пользователем — 3 дня и продлить этот срок можно дважды (в сумме — 9 дней бесплатного придержания). Каждая следующая внешность/роль может быть придержана разово на один день без возможности продления. Если вам нужно придержать больше внешностей, вы можете выкупить их в банке за форумную валюту. <b>Максимальное количество — 4 внешности</b>. Второй профиль можно завести бесплатно и без условий, третий и последующие — через банк. <b>Максимальное количество профилей — 6 на игрока</b>. Все, что выкуплено под заявки, имеет обозначение и ссылку на саму заявку.</p>
</div>
</div>
<!-- ── ПРАВАЯ КОЛОНКА ── -->
<div class="fp-right">
<!-- внешности -->
<div class="fp-card">
<div class="fp-card-title">appearances</div>
<div class="fp-scroll">
<div class="fp-pill">10.05</div>
<div class="fp-item">sadie soverall — <a href="https://solitude.rusff.me/profile.php?id=20">meredith sallow</a></div>
<div class="fp-pill">11.05</div>
<div class="fp-item">hunter schafer — <a href="https://solitude.rusff.me/profile.php?id=112">Дариус</a></div>
<div class="fp-item">aaron taylor-johnson — <a href="https://solitude.rusff.me/profile.php?id=115">Леандер</a></div>
<div class="fp-pill">12.05</div>
<div class="fp-item">winnie harlow — <a href="https://solitude.rusff.me/">заявка</a></div>
<div class="fp-pill">15.05</div>
<div class="fp-item">drew starkey — <a href="https://solitude.rusff.me/profile.php?id=24">mary macdonald</a></div>
<div class="fp-pill">17.05</div>
<div class="fp-item">simone ashley— <a href="https://solitude.rusff.me/profile.php?id=44">niamh macqueen</a></div>
<div class="fp-pill">19.05</div>
<div class="fp-item">nicholas galitzine — <a href="https://solitude.rusff.me/profile.php?id=6">розье ; заявка на поттера</a></div>
<div class="fp-pill">24.05</div>
<div class="fp-item">deva cassel — <a href="https://solitude.rusff.me/profile.php?id=20">meredith sallow</a></div>
<div class="fp-pill">25.05</div>
<div class="fp-item">george mackay — <a href="https://solitude.rusff.me/profile.php?id=30">сорен</a></div>
<div class="fp-pill">за амс</div>
<div class="fp-item">abigail cowen</div>
<div class="fp-item">eiza gonzalez (возможен дубль)</div>
<div class="fp-item">lucy boynton </div>
<div class="fp-item">kerem bursin </div>
</div>
</div>
<!-- роли -->
<div class="fp-card">
<div class="fp-card-title">roles / surnames</div>
<div class="fp-scroll">
<div class="fp-pill">08.05</div>
<div class="fp-item">burke — <a href="https://solitude.rusff.me/profile.php?id=20">meredith sallow</a></div>
<div class="fp-pill">10.05</div>
<div class="fp-item"> владелец валийского заповедника драконов — <a href="https://solitude.rusff.me/viewtopic.php?id=10#p554">заявка</a></div>
<div class="fp-item">hestia jones — <a href="https://solitude.rusff.me/profile.php?id=20">meredith sallow</a></div>
<div class="fp-pill">11.05</div>
<div class="fp-item">rita skeeter — <a href="https://solitude.rusff.me/profile.php?id=112">Дариус</a></div>
<div class="fp-pill">12.05</div>
<div class="fp-item">amicus carrow — <a href="https://solitude.rusff.me/profile.php?id=92">amicus </a></div>
<div class="fp-pill">15.05</div>
<div class="fp-item">fawley — <a href="https://solitude.rusff.me/profile.php?id=24">mary </a></div>
<div class="fp-item">секретарь министра — <a href="https://solitude.rusff.me/profile.php?id=24">mary </a></div>
<div class="fp-pill">19.05</div>
<div class="fp-item">james pottet — <a href="https://solitude.rusff.me/viewtopic.php?id=10#p8748">заявка клик</a></div>
<div class="fp-item">lily potter— <a href="https://solitude.rusff.me/viewtopic.php?id=10#p87487"> заявка клик</a></div>
<div class="fp-pill">25.05</div>
<div class="fp-item">diggory fam. — <a href="https://solitude.rusff.me/profile.php?id=30">сорен</a></div>
<div class="fp-pill">за амс</div>
<div class="fp-item">vesper bonce</div>
</div>
</div>
</div>
</div>
<!-- КНОПКИ -->
<div class="sg-buttons">
<button type="button" class="sg-btn" data-copy="profile" data-default="придержать профилю">придержать профилю</button>
<button type="button" class="sg-btn" data-copy="guest" data-default="придержать гостю">придержать гостю</button>
</div>
</div>
<style>
.sol-guest {
position: relative;
width: 844px;
height: 615px;
margin: 0 auto;
background: url('https://forumstatic.ru/files/001c/b0/ba/22875.jpg') no-repeat 0 0;
background-size: 844px 615px;
font-family: 'Pragmatica', sans-serif;
color: #151515;
border-radius: var(--fp-r);
}
.sol-guest * { box-sizing: border-box; }
/* === ПРИВЕТСТВИЕ === */
.sol-guest .sg-welcome {
position: absolute;
top: 214px;
left: 196px;
width: 280px;
height: 130px;
font-size: 11px;
line-height: 145%;
color: #C9C0AC;
}
.sol-guest .sg-welcome b { font-weight: 700; color: #E8DBC1; }
/* === ПРАВИЛА === */
.sol-guest .sg-rules {
position: absolute;
top: 385px;
left: 196px;
width: 300px;
height: 190px;
font-size: 11px;
line-height: 138%;
color: #2B2C32;
overflow-y: auto;
padding: 4px 10px 10px 0;
}
.sol-guest .sg-rules p { margin: 0 0 7px 0; }
.sol-guest .sg-rules p:last-child { margin: 0; }
.sol-guest .sg-rules b { font-weight: 700; color: #1a1a1a; }
/* === ПРАВЫЕ БЛОКИ === */
.sol-guest .sg-block {
position: absolute;
width: 260px;
overflow-y: auto;
padding: 0 8px 0 0;
}
.sol-guest .sg-block-app { top: 212px; left: 560px; height: 145px; }
.sol-guest .sg-block-roles { top: 425px; left: 560px; height: 145px; }
/* Пилюли с датами */
.sol-guest .gue-pill {
display: inline-block;
min-width: 47px;
height: 18px;
padding: 2px 16px;
margin: 8px 6px 8px 0;
border-radius: 71px;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 11px;
line-height: 11px;
text-align: center;
color: var(--fp-bg);
background: linear-gradient(90deg, #606C57 0%, #8AA17E 100%);
}
/* первая пилюля в блоке без верхнего отступа */
.sol-guest .sg-block > .gue-pill:first-child { margin-top: 0; }
/* Строка списка */
.sol-guest .gue-item {
font-family: 'Pragmatica', sans-serif;
font-size: 11px;
line-height: 130%;
text-transform: lowercase;
color: #2B2C32;
padding: 2px 6px;
margin: 0 -6px;
border-radius: 4px;
transition: background 0.25s ease, color 0.25s ease;
}
.sol-guest .gue-item .actor {
font-weight: 700;
color: #322F2D;
transition: color 0.25s ease;
}
.sol-guest .gue-item a {
color: #6B5A3E;
font-weight: 500;
text-decoration: none;
transition: color 0.25s ease;
}
.sol-guest .gue-item:hover a {
color: #322F2D;
}
/* === КНОПКИ === */
.sol-guest .sg-buttons {
position: absolute;
bottom: 4px;
left: 250px;
width: 508px;
display: flex;
justify-content: space-between;
z-index: 99;
}
.sol-guest .sg-btn {
display: inline-flex;
justify-content: center;
align-items: center;
width: 164px;
height: 26px;
padding: 3px 10px;
border: 0;
cursor: pointer;
background: linear-gradient(90deg, #322F2D 0%, #675E4B 100%);
border-radius: 54px;
font-family: 'Playfair Display', serif;
font-style: italic;
font-weight: 500;
font-size: 11px;
line-height: 10px;
text-transform: lowercase;
color: #FFFFFF;
transition: background 0.35s ease, box-shadow 0.45s ease, transform 0.2s ease;
}
.sol-guest .sg-btn:hover {
background: linear-gradient(90deg, #675E4B 0%, #B2A186 50%, #E8DBC1 100%);
box-shadow: 0 2px 12px rgba(178,161,134,0.35);
transform: translateY(-1px);
}
.sol-guest .sg-btn.is-copied {
background: linear-gradient(90deg, #606C57 0%, #8AA17E 100%);
}
/* === АДМИНЫ === */
.sol-guest .sg-admins {
position: absolute;
top: 498px;
left: 30px;
width: 100px;
text-align: center;
}
.sol-guest .sg-admin-link {
display: inline-block;
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 11px;
line-height: 1.4;
color: #343331;
text-decoration: none;
transition: color 0.3s ease;
}
.sol-guest .sg-admin-link:hover { color: #6B5A3E; }
.sol-guest .sg-admins .sg-sep { display: block; margin: 1px 0; color: #343331; font-size: 9px; }
</style>
<script type="text/javascript">
(function () {
var templates = {
profile: '<div class="gue-item"><span class="actor">name surname</span> внешности или роли или должности — <a href="ссылка на профиль">ник</a></div>',
guest: '<div class="gue-item"><span class="actor">name surname</span> внешности или роли или должности — ник</div>'
};
var btns = document.querySelectorAll('.sg-btn');
var i;
for (i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', function () {
var key = this.getAttribute('data-copy');
var text = templates[key];
if (!text) return;
var btn = this;
var def = btn.getAttribute('data-default') || btn.innerHTML;
btn.setAttribute('data-default', def);
function showToast() {
btn.className = btn.className + ' is-copied';
btn.innerHTML = 'скопировано';
setTimeout(function () {
btn.className = btn.className.replace(' is-copied', '');
btn.innerHTML = def;
}, 1500);
}
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(showToast, function () {
fallbackCopy(text);
showToast();
});
} else {
fallbackCopy(text);
showToast();
}
});
}
function fallbackCopy(text) {
var ta = document.createElement('textarea');
ta.value = text;
ta.style.position = 'fixed';
ta.style.opacity = '0';
document.body.appendChild(ta);
ta.select();
try { document.execCommand('copy'); } catch (e) {}
document.body.removeChild(ta);
}
})();
</script>
[/html]
придержать профилю: | придержать гостю: |
[hideprofile]
