[html]<div class="guest-container">
<div class="guest-bg"></div>
<div class="guest-content">
<div class="guest-block welcome">
<img src="https://forumstatic.ru/files/001a/2e/af/95372.gif" alt="Welcome">
<p>
Добро пожаловать на каноничный форум по мотивам книг Джоан Роулинг о Гарри Поттере!<br>
Отыгрыш седьмой книги (осень 1997), игра ради игры и весёлая компания любителей сливочного пива.
</p>
<b>Мы не принимаем неканоничных персонажей - <u>школьников</u>. <br> Выпускники | Взрослые персонажи могут быть неканоничными. </b><br>
<a href="https://harrypotter.fandom.com/wiki/Gryffindor">Гриффиндор</a> ·
<a href="https://harrypotter.fandom.com/wiki/Hufflepuff">Хаффлпафф</a> ·
<a href="https://harrypotter.fandom.com/wiki/Ravenclaw">Рейвенкло</a> ·
<a href="https://harrypotter.fandom.com/wiki/Slytherin">Слизерин</a>
</div>
<div class="guest-block links">
<p>
<a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=3">Список персонажей</a> ·
<a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=4">Занятые внешности</a> ·
<a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=9">Нужные персонажи</a> ·<br>
<a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=880">Акция «Квиддичные игроки»</a> ·
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=2249">Мини-акция «5 причин»</a>
</p>
<p>
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=5085">Хочу к вам / хотим видеть</a>
</p>
</div>
<div class="guest-block holds">
<div class="hold-columns">
<div class="hold-section">
<h3><b>Придержанные роли</b></h3>
<div class="scroll-box">
<p><center>Imogen Stretton - до 26.08</center></p>
</div>
</div>
<div class="hold-section">
<h3><b>Придержанные внешности</b></h3>
<div class="scroll-box">
<p><center><br> -<br>
<b>Бессрочно:</b></center>
Adelaide Kane — за <a href="https://drinkbutterbeer.ru/profile.php?id=810">B. Bhatia</a><br>
Ansel Elgort — за <a href="https://drinkbutterbeer.ru/profile.php?id=857">H. Pershore</a><br>
Bae Joohyun — за <a href="https://drinkbutterbeer.ru/profile.php?id=880">E. Cadwallader</a><br>
Danny Griffin — за <a href="https://drinkbutterbeer.ru/profile.php?id=872">N. Desford</a><br>
Emma Mackey — за <a href="https://drinkbutterbeer.ru/profile.php?id=491">A. Tolipan</a><br>
Freya Allan — за <a href="https://drinkbutterbeer.ru/profile.php?id=308">L. Moon</a><br>
Harry Shum jr. — за <a href="https://drinkbutterbeer.ru/profile.php?id=895">S. Fawcett</a><br>
Kiernan Shipka — за <a href="https://drinkbutterbeer.ru/profile.php?id=836">S. Roper</a><br>
Lauren "Lulu" Antariksa - — за <a href="https://drinkbutterbeer.ru/profile.php?id=1012">L. Cholderton</a><br>
Lola Tung — за <a href="https://drinkbutterbeer.ru/profile.php?id=945">G. Hooper</a><br>
Mackenzie Foy — за <a href="https://drinkbutterbeer.ru/profile.php?id=503">K. Bhatia</a><br>
Mason Thames — за <a href="https://drinkbutterbeer.ru/profile.php?id=671">Ch. Garland</a><br>
Noah Schnapp — за <a href="https://drinkbutterbeer.ru/profile.php?id=831">G. Lady</a><br>
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=9#p813547">Olivia Rodrigo</a> — за <a href="https://drinkbutterbeer.ru/profile.php?id=696">R. Coote</a><br>
Sadie Sink - за <a href="https://drinkbutterbeer.ru/profile.php?id=980">E. Tolipan</a><br>
Tamino— за <a href="https://drinkbutterbeer.ru/profile.php?id=938">G. Goyle</a><br>
Tom Blyth — за <a href="https://drinkbutterbeer.ru/profile.php?id=734">W. Weholt</a><br>
</p>
</div>
</div>
</div>
</div>
<div class="guest-block rules">
<p>Роли придерживаются на 4 дня, потом можно продлить ещё на 3 дня.</p>
<p style="text-align:center">© <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1#p2">Правила</a>, раздел II</p>
</div>
</div>
</div>
<style>
.guest-container {
font-family: "Segoe UI", sans-serif;
font-size: 13px;
line-height: 1.5;
max-width: 900px;
margin: auto;
padding: 20px;
border-radius: 12px;
/* нормальный фон */
background:
linear-gradient(rgba(15,15,25,0.65), rgba(15,15,25,0.85)),
url('https://upforme.ru/uploads/000f/09/5e/1949/652464.jpg') center/cover no-repeat;
color: #d8d8de;
}
.guest-content {
text-align: center;
}
.guest-container .guest-block a {
color: #70659c !important;
}
.guest-container .guest-block a:hover {
color: #4f3e96 !important;
}
.guest-container a {
transition: all 0.25s ease;
}
/* блоки */
.guest-block {
border: 1px solid rgba(200,200,220,0.15);
border-radius: 10px;
padding: 15px;
margin: 12px 0;
background: rgba(30,25,45,0.3);
backdrop-filter: blur(4px);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
/* ссылки */
.guest-block a {
color: #ffffff;
text-decoration: none;
border-bottom: 1px dotted rgba(200,200,220,0.3);
transition: 0.3s;
}
/* колонки */
.hold-columns {
display: flex;
gap: 20px;
text-align: left; /* ВАЖНО */
}
.hold-section {
flex: 1;
}
.hold-section h3 {
text-align: center;
color: #ececf5;
}
/* скролл */
.scroll-box {
max-height: 250px;
overflow-y: auto;
border: 1px solid rgba(200,200,220,0.15);
border-radius: 6px;
padding: 8px;
}
.scroll-box::-webkit-scrollbar {
width: 6px;
}
.scroll-box::-webkit-scrollbar-thumb {
background: rgba(200,200,220,0.3);
border-radius: 3px;
}
</style>[/html]
