[html]
<link id="btb-template-style" rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/8a/8a/76663.css">
<style>
/* =========================================================
ЗАНЯТЫЕ ВНЕШНОСТИ — УПРОЩЁННЫЕ ЗАПИСИ
Теперь игрокам достаточно:
<b>Внешность</b> — <a href="...">Персонаж</a>
========================================================= */
.ap-person > b {
color: #d2d3ce;
font-weight: bold;
}
.ap-person > a {
color: var(--btb-gold-light) !important;
text-decoration: none !important;
}
.ap-person > a:visited {
color: var(--btb-gold-light) !important;
text-decoration: none !important;
}
.ap-person > a:hover {
color: #e0b477 !important;
text-decoration: none !important;
}
</style>
<div class="btb-template ap-faces">
<div class="btb-template-title ap-faces-title">
Занятые внешности и фамилии
</div>
<div class="btb-template-subtitle ap-faces-subtitle">
внешности • фамилии
</div>
<div class="btb-template-line ap-faces-line"></div>
<div class="btb-note ap-faces-note">
За одним персонажем закрепляется <b>одна внешность</b>.
Фамилия должна быть уникальной, если иное
не обусловлено родственными связями или каноном. Быстрый поиск по <b>ctrl+f</b>.
<b>*</b> — можно взять родственников.
</div>
<!-- ==================================================
КАК ДОБАВЛЯТЬ НОВЫЕ ЗАПИСИ
ВНЕШНОСТЬ:
<div class="ap-person"><b>Имя актёра</b><span class="dash">—</span><a href="/profile.php?id=123">Имя персонажа</a></div>
ФАМИЛИЯ:
<div class="ap-name">Surname <span>— Фамилия</span></div>
================================================== -->
<div class="ap-faces-grid">
<!-- ==================== ВНЕШНОСТИ ==================== -->
<div class="ap-column">
<div class="ap-column-title">Внешности</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">A — B — C — D — E — F</div>
<div class="ap-list">
<div class="ap-person"><b>Name Surname</b><span class="dash">—</span><a href="/profile.php?id=123">Имя персонажа</a></div>
</div>
</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">G — H — I — J — K — L</div>
<div class="ap-list">
<div class="ap-person"><b>James McAvoy</b><span class="dash">—</span><a href="/profile.php?id=123">Harry Potter</a></div>
</div>
</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">M — N — O — P — Q — R</div>
<div class="ap-list">
<div class="ap-person"><b>Noah Schnapp</b><span class="dash">—</span><a href="/profile.php?id=123">Albus Potter</a></div>
</div>
</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">S — T — U — V — W — X — Y — Z</div>
<div class="ap-list">
<div class="ap-person"><b>Zendaya</b><span class="dash">—</span><a href="/profile.php?id=123">Zoey Jordan</a></div>
</div>
</div>
</div>
<!-- ==================== ФАМИЛИИ ==================== -->
<div class="ap-column">
<div class="ap-column-title">Фамилии</div>
<div class="btb-panel ap-registry">
<div class="ap-registry-list">
<div class="ap-letter">G</div>
<div class="ap-name">Granger <span>— Грейнджер</span></div>
<div class="ap-letter">J</div>
<div class="ap-name">Jordan <span>— Джордан</span></div>
<div class="ap-letter">L</div>
<div class="ap-name">Lovegood <span>— Лавгуд</span></div>
<div class="ap-name">Lupin <span>— Люпин</span></div>
<div class="ap-letter">M</div>
<div class="ap-name">Malfoy <span>— Малфой</span></div>
<div class="ap-letter">P</div>
<div class="ap-name">Potter <span>— Поттер</span></div>
<div class="ap-letter">S</div>
<div class="ap-name">Scamander <span>— Скамандер</span></div>
<div class="ap-name">Spinnet <span>— Спиннет</span></div>
<div class="ap-letter">W</div>
<div class="ap-name">Weasley <span>— Уизли</span></div>
<div class="ap-letter">Z</div>
<div class="ap-name">Zabini <span>— Забини</span></div>
</div>
</div>
</div>
</div>
<div class="btb-template-footer ap-faces-footer">
Если нужная внешность находится на брони, проверить срок придерживания можно в гостевой теме.
</div>
</div>
<script>
(function () {
"use strict";
var root = document.querySelector(".btb-template");
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);
}
);
function requestFontScale() {
try {
parent.postMessage(
{ type: "BTB_FONT_REQUEST" },
"*"
);
} catch (error) {}
}
if (document.readyState === "complete") {
requestFontScale();
} else {
window.addEventListener("load", requestFontScale);
}
})();
</script>
[/html]

Имя или кто
Текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла 