Джеймс С. Поттер, 23
Старший брат
Мисс Забини, 26
Активистка Лиги Равных Прав и старшая сестра
Господин Мор, 30
Человек, готовый на всё ради своих амбиций (и рода)
Гойл, 21
Требуется "сильный" в нашу компанию
[html]
<link id="btb-template-style" rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/c9/97/43351.css">
<style>
/* Только гостевая */
.ap-guest textarea.guest-code-field {
resize: none;
}
.ap-guest .grippie,
.ap-guest [class*="grippie"] {
display: none;
}
/* Правая карточка "Сейчас придержано" */
.ap-guest .guest-columns > .guest-card:last-child {
height: 190px;
min-height: 190px;
display: flex;
flex-direction: column;
}
/* Отдельный внутренний скролл только для списка броней */
.ap-guest .guest-holds-scroll {
height: 135px;
overflow-y: auto;
overflow-x: hidden;
box-sizing: border-box;
padding: 8px 10px;
scrollbar-width: thin;
scrollbar-color: #725235 #10232e;
}
.ap-guest .guest-holds-scroll::-webkit-scrollbar {
width: 4px;
}
.ap-guest .guest-holds-scroll::-webkit-scrollbar-track {
background: #10232e;
}
.ap-guest .guest-holds-scroll::-webkit-scrollbar-thumb {
background: #725235;
}
.ap-guest .guest-holds-scroll::-webkit-scrollbar-thumb:hover {
background: #a47745;
}
</style>
<div class="btb-template ap-guest">
<!-- =====================================================
БАННЕР
===================================================== -->
<div class="guest-cover">
<img
src="https://upforme.ru/uploads/001c/8a/8a/11/93050.jpg"
alt="HP: BACK TO BLACK"
>
<div class="guest-cover-text">
<div class="guest-cover-title">
HP: BACK TO BLACK
</div>
<div class="guest-cover-subtitle">
magical britain • 2027 • third generation
</div>
</div>
</div>
<!-- =====================================================
ПРИВЕТСТВИЕ
===================================================== -->
<div class="btb-note guest-welcome">
Добро пожаловать на <b>BACK TO BLACK</b> — ролевую игру
по миру Гарри Поттера, события которой разворачиваются
в Магической Британии в <b>2027 году</b>.
Почти тридцать лет прошло после окончания Второй магической войны.
Старые герои выросли, их дети строят собственную жизнь,
а магическое общество вновь оказалось перед выбором:
где проходит граница между свободой и безопасностью?
Форум открыт как для канонических, так и для авторских персонажей.
Политический сюжет существует как общий фон и не обязывает
участвовать в нём.
</div>
<!-- =====================================================
БЫСТРЫЕ ССЫЛКИ
===================================================== -->
<div class="btb-section-title guest-links-title">
✦ Перед регистрацией ✦
</div>
<div class="guest-links">
<a class="guest-link"
href="https://btb.rusff.me/viewtopic.php?id=4">
Сюжет
</a>
<a class="guest-link"
href="https://btb.rusff.me/viewtopic.php?id=5">
FAQ и правила
</a>
<a class="guest-link"
href="https://btb.rusff.me/viewtopic.php?id=6#p11">
Вакансии
</a>
<a class="guest-link"
href="https://btb.rusff.me/viewtopic.php?id=7">
Внешности и фамилии
</a>
<a class="guest-link"
href="https://btb.rusff.me/viewtopic.php?id=2">
Расы и существа
</a>
<a class="guest-link"
href="https://btb.rusff.me/viewtopic.php?id=6#p28">
Движения и объединения
</a>
</div>
<!-- =====================================================
БРОНЬ
===================================================== -->
<div class="guest-columns">
<!-- =================================================
БРОНЬ И РЕГИСТРАЦИЯ
================================================= -->
<div class="btb-panel guest-card">
<div class="guest-card-title">
— Бронь и регистрация —
</div>
<div class="btb-body-text guest-card-body">
<div class="guest-rule">
Для зарегистрированного пользователя
роль и внешность придерживаются на
<b>5 дней</b> с возможностью одного продления.
</div>
<div class="guest-rule">
Для незарегистрированного гостя бронь действует
<b>2 дня</b> и обнуляется в <b>00:00</b> по мск.
</div>
<div class="guest-rule">
Перед бронью ознакомьтесь с
<a class="guest-inline-link"
href="https://btb.rusff.me/viewtopic.php?id=7">занятыми внешностями и фамилиями</a>.
</div>
<div class="guest-rule">
Если вы сомневаетесь в концепте персонажа,
профессии, происхождении или способности —
смело задавайте вопрос прямо в этой теме.
</div>
</div>
</div>
<!-- =================================================
СЕЙЧАС ПРИДЕРЖАНО
================================================= -->
<div class="btb-panel guest-card">
<div class="guest-card-title">
— Сейчас придержано —
</div>
<div class="guest-holds-list">
<div class="guest-holds-scroll">
<!-- =================================================
ПЕРСОНАЖ / ИМЯ / РОЛЬ
КЛИКАБЕЛЬНАЯ РЫЖАЯ ССЫЛКА
================================================= -->
<center><b>ВНЕШНОСТИ</b></center>
<b>James Norton</b> — AMS<br>
<b>Jessica Chastain</b> — Солнышко до 10.10<br>
<b>Jung Ho Yeon</b> — AMS<br>
<b>Sabrina Carpenter</b> — Alice Longbottom до 09.10<br>
<hr>
<center><b>РОЛИ</b></center>
<b>Alice Longbottom</b> — Alice Longbottom до 09.10<br>
<b>Ginny Potter</b> — Солнышко до 10.10<br>
<b>Ron Weasley</b> — AMS<br>
</div>
</div>
</div>
</div>
<!-- =====================================================
ЗАБРАТЬ КОД
===================================================== -->
<div class="guest-templates">
<div class="btb-section-title guest-section-title">
✦ Забрать код ✦
</div>
<div class="guest-code-grid">
<!-- =================================================
Хочу к вам
================================================= -->
<div class="btb-panel guest-code-card">
<div class="guest-code-title">
Хочу к вам
</div>
<div class="guest-code">
<textarea
id="guest-want-code"
class="guest-code-field guest-code-field-mini"
readonly
spellcheck="false"
onclick="this.select();"
onfocus="this.select();"
></textarea>
<button
type="button"
class="guest-copy-button"
onclick="return copyGuestCode(this);"
>
Скопировать код
</button>
</div>
</div>
<!-- =================================================
ВНЕШНОСТЬ
================================================= -->
<div class="btb-panel guest-code-card">
<div class="guest-code-title">
Внешность / Роль
</div>
<div class="guest-code">
<textarea
class="guest-code-field guest-code-field-mini"
readonly
spellcheck="false"
onclick="this.select();"
onfocus="this.select();"
><b>Внешность/Имя</b> — ваш ник<br></textarea>
<button
type="button"
class="guest-copy-button"
onclick="return copyGuestCode(this);"
>
Скопировать код
</button>
</div>
</div>
</div>
</div>
<!-- =====================================================
ВОПРОСЫ
===================================================== -->
<div class="guest-question">
<div class="guest-question-title">
Остались вопросы?
</div>
<div class="btb-caption guest-question-text">
Не стесняйтесь писать прямо в гостевой —
поможем с концептом, каноном, вакансией,
внешностью или поиском места персонажа в мире.
</div>
</div>
</div>
<script>
var btbGuestWantField = document.getElementById("guest-want-code");
if (btbGuestWantField) {
var btbLB = String.fromCharCode(91);
var btbRB = String.fromCharCode(93);
function btbGuestOpen(tag) {
return btbLB + tag + btbRB;
}
function btbGuestClose(tag) {
return btbLB + "/" + tag + btbRB;
}
btbGuestWantField.value = [
btbGuestOpen("align=center") +
btbGuestOpen("size=14") +
btbGuestOpen("b") +
"ХОЧУ БЫТЬ" +
btbGuestClose("b") +
btbGuestClose("size"),
btbGuestOpen("i") +
"раса / фамилия / другое" +
btbGuestClose("i") +
btbGuestClose("align"),
btbGuestOpen("hr"),
btbGuestOpen("b") +
"Концепт:" +
btbGuestClose("b"),
"кратко о персонаже и задумке",
"",
btbGuestOpen("b") +
"Другие пожелания:" +
btbGuestClose("b"),
"всё, что хотелось бы добавить"
].join("\n");
}
</script>
<script>
function copyGuestCode(button) {
var card = button.closest(".guest-code-card");
if (!card) return false;
var field = card.querySelector(".guest-code-field");
if (!field) return false;
field.focus();
field.select();
field.setSelectionRange(0, field.value.length);
var copied = false;
try {
copied = document.execCommand("copy");
} catch (e) {
copied = false;
}
if (copied) {
var original = button.innerHTML;
button.innerHTML = "✓ Скопировано";
button.classList.add("guest-copy-success");
window.setTimeout(function () {
button.innerHTML = original;
button.classList.remove("guest-copy-success");
}, 1600);
} else {
window.prompt("Скопируйте код:", field.value);
}
return false;
}
</script>
<script>
(function () {
"use strict";
var root = document.querySelector(".ap-guest");
if (!root) return;
function hasOwnText(element) {
var tag = (element.tagName || "").toLowerCase();
if (/^(input|textarea|select|option|button)$/.test(tag)) {
return true;
}
for (var i = 0; i < element.childNodes.length; i++) {
var node = element.childNodes[i];
if (
node.nodeType === 3 &&
/\S/.test(node.nodeValue || "")
) {
return true;
}
}
return false;
}
function rememberSizes() {
var elements = root.querySelectorAll("*");
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
if (!hasOwnText(el)) continue;
if (el.dataset.btbBaseFont) continue;
var size = parseFloat(
window.getComputedStyle(el).fontSize
);
if (!isNaN(size) && size > 0) {
el.dataset.btbBaseFont = String(size);
}
}
}
function applyScale(scale) {
scale = parseFloat(scale);
if (isNaN(scale)) {
scale = 1;
}
rememberSizes();
var elements = root.querySelectorAll("*");
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
var base = parseFloat(el.dataset.btbBaseFont);
if (isNaN(base)) continue;
el.style.setProperty(
"font-size",
(base * scale).toFixed(2) + "px",
"important"
);
}
}
window.addEventListener("message", function (event) {
if (
!event.data ||
event.data.type !== "BTB_FONT_SCALE"
) {
return;
}
applyScale(event.data.scale);
});
try {
parent.postMessage(
{ type: "BTB_FONT_REQUEST" },
"*"
);
} catch (e) {}
})();
</script>
[/html]
