[html]<style>
.game-container {
font-family: "Segoe UI", sans-serif;
font-size: 13px;
line-height: 1.5;
color: #000;
max-width: 900px;
margin: auto;
text-align: center;
}
.game-block {
border: 1px solid #543668;
border-radius: 8px;
padding: 15px;
margin: 12px 0;
}
.game-block a {
color: #543668;
text-decoration: none;
border-bottom: 1px dotted rgba(107,76,165,0.4);
}
.game-block a:hover {
border-bottom-color: #543668;
}
/* tabs */
.tabs {
margin-top: 15px;
}
.tabs-nav {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.tabs-nav label {
cursor: pointer;
padding: 6px 14px;
border: 1px solid #543668;
border-radius: 20px;
font-weight: bold;
user-select: none;
}
.tabs input {
display: none;
}
.tab-content {
display: none;
text-align: center;
}
#tab-masks:checked ~ .tabs-body #masks,
#tab-bonuses:checked ~ .tabs-body #bonuses,
#tab-list:checked ~ .tabs-body #list {
display: block;
}
#tab-masks:checked ~ .tabs-nav label[for="tab-masks"],
#tab-bonuses:checked ~ .tabs-nav label[for="tab-bonuses"],
#tab-list:checked ~ .tabs-nav label[for="tab-list"] {
background: #543668;
color: #fff;
}
/* spoiler */
.spoiler summary {
cursor: pointer;
font-weight: bold;
text-align: center;
margin-top: 10px;
}
.spoiler-content {
margin-top: 10px;
text-align: left;
}
</style>
<div class="game-container">
<!-- Картинка + описание -->
<div class="game-block">
<img src="https://forumstatic.ru/files/001a/2e/af/50617.gif" alt="">
<p>
В этой теме вы сможете найти соигрока или внести свои предложения по поводу сюжета.<br>
Также здесь будет осуществляться набор желающих в сюжетные эпизоды.
</p>
</div>
<div class="game-block">
<b>Текущие сюжетные эпизоды:</b><br>
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=5069">
15.09.97. Урок Травологии, пятый курс [c]</a><br>
<b><a href="https://drinkbutterbeer.ru/viewtopic.php?id=5068">
17.09.97. Урок ЗоТИ, шестой курс [c]</a></b><br>
<b><a href="https://drinkbutterbeer.ru/viewtopic.php?id=5070">
17.09.97. Урок Древних Рун, седьмой курс [c]</a></b><br>
</div>
<!-- Tabs -->
<div class="game-block tabs">
<input type="radio" name="tabs" id="tab-masks">
<input type="radio" name="tabs" id="tab-bonuses">
<input type="radio" name="tabs" id="tab-list" checked>
<div class="tabs-nav">
<label for="tab-masks">Маски</label>
<label for="tab-bonuses">Бонусы</label>
<label for="tab-list">Сюжетные эпизоды</label>
</div>
<div class="tabs-body">
<!-- Маски -->
<div class="tab-content" id="masks">
<b>Bridget Bhatia</b> — 10<br>
<b>Grey Lady</b> — 10<br>
<b> Willa Weholt</b> — 8<br>
<b>Jason Samuels</b> — 7<br>
<b>Sophie Fawcett</b> — 6<br>
<b>Gregory Goyle</b> — 5<br>
<b>Sophie Roper</b> — 4<br>
<b>Aiden O`Connor</b> — 4<br>
<b>Christopher Garland</b> — 3<br>
<b>Lavender Brown</b> — 3<br>
<b>Gabriel Tate</b> — 2<br>
<b>Kinjal Bhatia</b> — 2<br>
<b>Alice Tolipan</b> — 1<br>
</div>
<!-- Бонусы -->
<div class="tab-content" id="bonuses">
<div style="text-align:center">
<br>
<b>Luca Caruso</b> — бонус ±2 до 12.05.<br>
<b>Hannah Abbott</b> — бонус ±2 до 13.02
<br><br>
<b> Неактивированные бонусы:</b> до 01.11.26:<br>
</div>
<b>Christopher Garland</b> — <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806735">
бонус ±2 на один месяц</a> (2) + <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806735">
бонус ±2 на одну неделю
</a>
(3)
<br>
<b>Luca Caruso</b> — <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806743">
бонус ±2 на один месяц
</a> + <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806743">
бонус ±2 на одну неделю
</a>
<br>
<b>Gabriel Tate</b> —
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=5041&p=5#p821132">
бонус ±2 на одну неделю
</a>
<br>
<b>Dennis Moon</b> —
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=5041&p=5#p821132">
бонус ±2 на одну неделю</a> +
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806730">
бонус ±2 на один месяц</a>
</a>
<br>
<b>Lavender Brown</b> —
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806966">
бонус ±2 на один месяц
</a>
<br>
<b>Seamus Finnigan</b> —
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806878">
бонус ±2 на один месяц
</a>
<br>
<b>Sophie Fawcett</b> —
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=4908&p=6#p806730">
бонус ±2 на один месяц
</a>
</div>
<!-- Список -->
<div class="tab-content" id="list">
<b>Список занятых масок<br>
в сюжетных эпизодах с 01.05 по 31.05</b>:<br><br>
<a href="https://drinkbutterbeer.ru/viewtopic.php?id=5069">
15.09.97. Урок Травологии, пятый курс [c]</a>
<br>
Astoria Greengrass (Emily Rudd) — за <a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
Barry Rochester (Mason Thames) — за <a href="https://drinkbutterbeer.ru/profile.php?id=671"> Christopher Garland</a><br>
Floella Foss (Nico Parker) — за <a href="https://drinkbutterbeer.ru/profile.php?id=945">Geoffrey Hooper</a><br>
Morag Burke (Sadie Soverall) — за <a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley </a><br>
Lynette Sawley (Sadie Sink) — за <a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
Thomas Paley (Walker Scobell) — за <a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
Rachel Burke (Mia Goth) — за <a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a><br>
Sherwood Partington (Iain Armitage) — за <a href="https://drinkbutterbeer.ru/profile.php?id=7">Luca Caruso</a><br>
<br>
<b><a href="https://drinkbutterbeer.ru/viewtopic.php?id=5068">17.09.97. Урок ЗоТИ, шестой курс [c]</a></b><br>
Emma Vane (Cemre Baysel) — за <a href="https://drinkbutterbeer.ru/profile.php?id=810">Bridget Bhatia</a><br>
Harper (Michael Cimino) — за <a href="https://drinkbutterbeer.ru/profile.php?id=938">Gregory Goyle</a><br>
Humphrey Kilburn (Louis Partridge) — за <a href="https://drinkbutterbeer.ru/profile.php?id=952">Dennis Moon</a><br>
Marcus Fenwick (Aidan Gallagher) — за <a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
Lara Blishen(Asha Banks) — за <a href="https://drinkbutterbeer.ru/profile.php?id=7">Luca Caruso</a><br>
Luke Cholderton (Noah Schnapp) — за <a href="https://drinkbutterbeer.ru/profile.php?id=831">Grey Lady</a><br>
Oliver Summerby (Thomas Sangster) — за <a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
Paul Mawdesley (Lorenzo Zurzolo) — за <a href="https://drinkbutterbeer.ru/profile.php?id=937">Parvati Patil</a><br>
Sarah Kempston (Emma Mackey) — за <a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<br>
<b><a href="https://drinkbutterbeer.ru/viewtopic.php?id=5070">
17.09.97. Урок Древних Рун, седьмой курс [c]</a></b><br>
Amanda Brocklehurst (Amanda Arcuri) — за <a href="https://drinkbutterbeer.ru/profile.php?id=983">Hannah Abbott</a><br>
Sheila Brooks (Meg Donnelly) — за <a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a><br>
Sean Peakes (Aubrey Joseph) — за <a href="https://drinkbutterbeer.ru/profile.php?id=7">Luca Caruso</a><br>
Zara Valli (Anya Chalotra) — за <a href="https://drinkbutterbeer.ru/profile.php?id=154">Jason Samuels</a><br>
<br>
<details class="spoiler game-block">
<summary>При бронировании маски, пожалуйста, используйте этот код</summary>
<div class="spoiler-content" style="max-width:600px; margin:auto; text-align:left;">
<!-- кнопка -->
<div onclick="
const t = this.nextElementSibling;
t.select();
document.execCommand('copy');
this.innerText='Скопировано';
setTimeout(()=>this.innerText='Скопировать',1500);
"
style="
cursor:pointer;
font-size:11px;
text-align:left;
margin-bottom:3px;
opacity:0.6;
"
onmouseover="this.style.opacity='1'"
onmouseout="this.style.opacity='0.6'"
> Скопировать
</div>
<!-- код -->
<textarea readonly
style="
width:100%;
border:none;
outline:none;
background:transparent;
font-family:monospace;
font-size:13px;
resize:none;
overflow:hidden;
"
onclick="this.select();"
>Имя персонажа (Внешность персонажа) — за <a href="ССЫЛКА НА ВАШ ПРОФИЛЬ">ВАШЕ ИМЯ</a><br></textarea>
</div>
</details>
<!-- Spoiler -->
<details class="spoiler game-block">
<summary>Условия мастеров для сюжетных эпизодов</summary>
<div class="spoiler-content">
<p>Все сюжетные эпизоды начинаются 1-го числа, и мастера сами устанавливают длительность и количество кругов. Внимательно читайте посты мастера!
</p>
</div>
</details>
</div>
[/html]
