[html]
<style>
.guestbook{width:800px;margin:0 auto;padding:24px;box-sizing:border-box;position:relative;background:url(https://upforme.ru/uploads/001c/be/8c/2/747272.png) center/cover no-repeat;border-radius:35px;overflow:hidden}
.gb-header{display:flex;justify-content:flex-end;align-items:flex-start;gap:14px;margin-bottom:8px}
.gb-title{color:#fff;font:500 75px 'Druzhok';text-transform:lowercase}
.gb-admins{
display: flex;
gap: 8px;
margin-top: 4px;
margin-right: 55px;
width: 215px;
flex-wrap: wrap;
justify-content: center;}
.gb-admin{
text-transform: lowercase;
display: flex;
align-items: center;
justify-content: center;
padding: 0 13px;
font: 600 11px / 160% 'Noto Sans Mono', sans-serif;
height: 30px;
border-radius: 15px;
background: #000000;
color: #fff !important;
position: relative;}
.gb-admin:after{
content:attr(data-title);
position:absolute;
top:38px;
left:50%;
transform:translateX(-50%);
width:150px;
padding:5px;
border-radius:10px;
background:#222;
color:#fff;
font:11px/160% 'Noto Sans Mono', monospace;
text-align:center;
opacity:0;
pointer-events:none;
transition:.2s;
z-index:99999;}
.gb-admin:hover:after{opacity:1}
.gb-top{display:flex;justify-content:flex-end;gap:20px}
.gb-left,.gb-right{background:rgba(35,35,35,.65);backdrop-filter:blur(5px);border-radius:18px;box-sizing:border-box}
.gb-left{width:180px;height:258px;padding:15px}
.gb-right{width:427px;height:258px;padding:15px}
.gb-bottom{width:427px;margin:18px 0 0 auto}
.gb-copy{width:427px;height:34px;border:0;border-radius:10px;background:#222;color:#fff;cursor:pointer;margin-bottom:8px}
.gb-code{width:427px;height:51px;border:0;border-radius:12px;padding:15px;box-sizing:border-box;resize:none}
.gb-left{
width:180px;
height:258px;
padding:0;
background:rgba(35,35,35,.65);
backdrop-filter:blur(5px);
border-radius:18px;
box-sizing:border-box;
overflow:hidden;
}
.gb-right{
width:427px;
height:258px;
padding:0;
background:rgba(35,35,35,.65);
backdrop-filter:blur(5px);
border-radius:18px;
box-sizing:border-box;
overflow:hidden;
}
/* ---------------- ЛЕВЫЙ ТЕКСТ ---------------- */
.gb-left-text{
width: 159px;
height: 220px;
margin: 10px 0 0 10px;
overflow: auto;
color: #ececec;
font: 300 10px / 160% 'Noto Sans Mono', sans-serif;
white-space: normal;
word-break: break-word;
}
/* ---------------- ПРАВЫЙ ТЕКСТ ---------------- */
.gb-right-text{
width: 395px;
padding-right: 6px;
height: 223px;
margin: 13px 0 0 18px;
overflow: auto;
color: #ececec;
font: 300 11px / 160% 'Noto Sans Mono', sans-serif;
text-align: justify;
white-space: normal;
word-break: break-word;
}
</style>
<div class="guestbook">
<div class="gb-header">
<div class="gb-admins">
<a href="https://brokengeis.rusff.me/profile.php?id=4" class="gb-admin" data-title="дизайнер и графин">хускар</a>
<a href="https://brokengeis.rusff.me/profile.php?id=8" class="gb-admin" data-title="питомец амс">вивиан</a>
<a href="https://brokengeis.rusff.me/profile.php?id=6" class="gb-admin" data-title="спец по матчасти">томас</a>
<a href="https://brokengeis.rusff.me/profile.php?id=64" class="gb-admin" data-title="квестоплет">кардан</a>
<a href="https://brokengeis.rusff.me/profile.php?id=7" class="gb-admin" data-title="техподдержка">амелия</a>
<a href="https://brokengeis.rusff.me/profile.php?id=194" class="gb-admin" data-title="аниматор">райли</a>
</div>
<div class="gb-title">гостевая</div>
</div>
<div class="gb-top">
<div class="gb-left">
<div class="gb-left-text">
<b>админский произвол:</b>
<br>adam brody
<br>alex consani
<br>cameron chapman
<br>julia garner
<br>lola tung
<br>max verstappen
<br>samara weaving
<br>sarah pidgeon
<br>sebastian kent
<br>fin argus
<br>
<br>
<b>до 14.08 (включительно):</b>
eddie redmayne — <a href="https://brokengeis.rusff.me/profile.php?id=246">oliver wellesley</a><br>
<br>
<b>до 15.08 (включительно):</b>
benjamin evan ainsworth — <a href="https://brokengeis.rusff.me/profile.php?id=249">forster</a><br>
mikey madison — <a href="https://brokengeis.rusff.me/profile.php?id=25">sonya</a><br>
<br>
<b>до 16.08 (включительно):</b>
finn bennett — <a href="https://brokengeis.rusff.me/profile.php?id=15">надо купить</a><br>
</div></div>
<div class="gb-right">
<div class="gb-right-text">
добро пожаловать на ФРПГ в жанре мистика (с вплетением рас и кельтской мифологии). проходите, располагайтесь, переобувайтесь в тапочки, выбирайте любимые лица и создавайте уникальные истории.
<br><br>
внешности для зарегистрированных держим 3 дня (плюс два продления по 2 дня), а гостям, друзьям и на подумать — сутки.
<br><br>
если коротко о нас, то мы располагаемся на британском архипелаге и занимаем всю территорию ирландии и британии. здесь пытаются ужиться между собой вампиры, оборотни, банши, ведьмы, призраки, фейри, мэрроу и обычные люди (в будущем планируем пополнение рас). проблемы экономического кризиса и престолонаследия давно уже не волнуют всех этих существ, в отличие от выживания под взором разгневанных богов.
<br><br>
божества, что раньше покровительствовали всем этим расам, обернулись против них и поставили под вопрос само существование своих подопечных. теперь им предстоит следить за своим поведением, зарабатывать очки милости или получать дебаффы гнева богов. помните, что любое решение будет иметь последствие.
<br><br>
подробнее ознакомиться с матчастью форума, узнать нас поближе и просто понять, что вообще здесь происходит, можно в специальных темах по навигации в подфорумах или шапке форума.<br>
</div></div></div>
<div class="gb-bottom">
</div></div>[/html]
[hideprofile]
внешность — <a href="ссылка на профиль">ник</a><br>
