familiar's lair

[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap');

.academy-dossier {
/* ==== НАСТРОЙКИ СТРОГОЙ ТЕМЫ ==== */
--accent: #3b4252; /* Строгий графитовый/темно-синий */
--accent-hover: #4c566a;
--gold: #b49b73; /* Приглушенное золото/латунь для магии */
--bg-main: #f5f6fa; /* Светлый холодный фон (бумага) */
--bg-card: #ffffff;
--text-main: #2e3440;
--border: #d8dee9;

max-width: 800px;
margin: 20px auto;
background: var(--bg-main);
color: var(--text-main);
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 1.6;
border: 1px solid var(--border);
border-radius: 2px;
box-shadow: 0 10px 30px rgba(46, 52, 64, 0.1);
position: relative;
overflow: hidden;
}

/* Декоративная линия академии сверху */
.academy-dossier::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, var(--accent), var(--gold), var(--accent));
z-index: 10;
}

/* Скрываем радио-кнопки */
.academy-dossier input[type="radio"] { display: none; }

/* Вкладки-Заголовки */
.ad-tabs {
display: flex;
background: var(--bg-card);
border-bottom: 1px solid var(--border);
position: relative;
z-index: 5;
}

.ad-tabs label {
flex: 1;
text-align: center;
padding: 18px 0;
font-family: 'Cormorant Garamond', serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
color: #9aa2b1;
transition: all 0.4s ease;
border-right: 1px solid var(--border);
}
.ad-tabs label:last-child { border-right: none; }
.ad-tabs label:hover { color: var(--accent); background: #fcfcfd; }

/* Логика вкладок */
#tab-dean:checked ~ .ad-tabs label[for="tab-dean"],
#tab-blight:checked ~ .ad-tabs label[for="tab-blight"] {
color: var(--accent);
background: var(--bg-main);
box-shadow: inset 0 3px 0 var(--accent);
}

/* Контентная область */
.ad-content-area {
padding: 40px;
min-height: 350px;
position: relative;
background-image: radial-gradient(rgba(180, 155, 115, 0.05) 1px, transparent 1px);
background-size: 20px 20px;
}

.ad-tab-content {
display: none;
animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

#tab-dean:checked ~ .ad-content-area .content-dean,
#tab-blight:checked ~ .ad-content-area .content-blight { display: block; }

@keyframes slideUp {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}

/* СТРОГИЕ СПОЙЛЕРЫ-ДОСЬЕ */
.ad-spoiler {
margin-bottom: 15px;
background: var(--bg-card);
border: 1px solid var(--border);
border-left: 4px solid var(--accent);
transition: all 0.3s ease;
}

.ad-spoiler:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border-left-color: var(--gold);
}

.ad-spoiler summary {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--accent);
cursor: pointer;
list-style: none;
padding: 16px 20px;
outline: none;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}

.ad-spoiler summary::-webkit-details-marker { display: none; }

/* Иконка плюса/минуса для магии */
.ad-spoiler summary::after {
content: '✦';
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
color: var(--gold);
transition: transform 0.4s ease;
}
.ad-spoiler[open] summary::after { transform: rotate(135deg); color: var(--accent); }
.ad-spoiler[open] summary { background: rgba(216, 222, 233, 0.3); border-bottom: 1px dashed var(--border); }

/* Тело спойлера */
.ad-spoiler-body {
padding: 20px;
background: #ffffff;
font-size: 13px;
color: #4c566a;
}

/* Внутренние подзаголовки (Личные инициативы и др.) */
.ad-subtitle {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--gold);
margin: 20px 0 10px 0;
border-bottom: 1px solid rgba(180, 155, 115, 0.3);
padding-bottom: 5px;
}

/* Стилизация списков внутри досье */
.ad-list {
list-style: none;
padding: 0;
margin: 0;
}
.ad-list li {
position: relative;
padding-left: 18px;
margin-bottom: 10px;
}
.ad-list li:last-child { margin-bottom: 0; }
.ad-list li::before {
content: "■";
position: absolute;
left: 0;
top: 1px;
font-size: 9px;
color: var(--gold);
}

/* Ссылки внутри */
.ad-link {
color: var(--accent);
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid transparent;
transition: 0.3s;
}
.ad-link:hover { color: var(--gold); border-bottom: 1px solid var(--gold); }

/* Сетка для мемов (картинок) */
.ad-meme-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 15px;
}
.ad-meme-grid img {
width: 100%;
height: 140px;
object-fit: cover;
border-radius: 4px;
border: 1px solid var(--border);
filter: grayscale(15%) contrast(90%);
transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease;
}
.ad-meme-grid img:hover {
transform: scale(1.03);
filter: grayscale(0%) contrast(100%);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-color: var(--gold);
}
</style>

<div class="ad-tabs">
<label for="tab-dean">Фамильяры</label>
<label for="tab-blight">Теория Скверны</label>
</div>

<div class="ad-content-area">


<div class="ad-tab-content content-dean">

<details class="ad-spoiler">
<summary>Обязанности декана фамильяров</summary>
<div class="ad-spoiler-body">
<ul class="ad-list">
<li>Контроль успеваемости, посещаемости, дисциплины и соблюдения правил студентами направления фамильяров</li>
<li>Контроль академических программ направления и качества образования, принятие решений об открытии и закрытии программ</li>
<li>Подбор, найм и продвижение преподавателей в рамках направления</li>
<li>Ведение переговоров с директором и советом Академии</li>
<li>Обеспечение поддержки студентов направления, рассмотрение жалоб и обращений</li>
<li>Контроль прохождения курса языковой поддержки фамильярами-иностранцами</li>
<li>Ведение реестра звериных форм фамильяров</li>
<li>Участие в разрешении сложных академических ситуаций</li>
<li>Утверждение студентов для опасных вылазок</li>
<li>Приём экзаменов</li>
</ul>

<div class="ad-subtitle">Личные инициативы</div>
<ul class="ad-list">
<li>Установка анонимного ящика доверия для фамильяров, подвергающихся жестокому обращению (обсуждается)</li>
<li>Организация групповой медитации в оранжерее Академии</li>
<li>Помощь ведьмам и ведьмакам с их фамильярами (по личному запросу)</li>
<li>Организация походов на природу совместно со студентами и преподавателями</li>
<li>Непрофессиональная, но искренняя супервизия для коллег (с возможным окончанием в баре)</li>
<li>Помощь и поддержка самоорганизации студентов (кружки, факультативы, студенческие организации и тд.)</li>
</ul>
</div>
</details>

<details class="ad-spoiler">
<summary>Вопросы на повестке дня</summary>
<div class="ad-spoiler-body">
<i>Небольшие роли и задания с привязкой к датам/событиям, которые можно взять для своего персонажа с отыгрышем или без.
В разработке, так же могу разместить ваши задания и просьбы, прорекламировать кружки и т.д. Пишите!</i>
<br><br>
<ul class="ad-list">
<li></li>
</ul>
</div>
</details>

<details class="ad-spoiler">
<summary>Полезные ссылки для фамильяров</summary>
<div class="ad-spoiler-body">
<i>Не совсем очевидная информация / то, что не так просто найти, если не знать где искать / то, что мне показалось полезным сохранить на будущее. Можете предлагать свои ссылки для пополнения базы.</i>
<br><br>
<ul class="ad-list">
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54&p=4#p14376" class="ad-link">Усиления и мифическая форма фамильяров</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54&p=4#p11193" class="ad-link">Скорость обращения фамильяра</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54&p=3#p11060" class="ad-link">Могут ли фамильяры разговаривать в звероформе</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=519#p95130" class="ad-link">Полевые задания</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=380#p62698" class="ad-link">Локации Академии Фасги до 05.01.2026</a></li>
</ul>
</div>
</details>

</div>

<div class="ad-tab-content content-blight">

<details class="ad-spoiler">
<summary>Что мы проходим на теории Скверны</summary>
<div class="ad-spoiler-body">
<ul class="ad-list">
<li>Изучение симптоматики Скверны в людях, предметах и локациях</li>
<li>Проведение практических занятий по технике безопасности при контакте с зараженными Скверной предметами</li>
<li>Анализ типов сред и организаций, предрасположенных к накоплению Скверны (в том числе закрытых и маргинальных структур), а также методов сдерживания её распространения</li>
<li>Исследование мифов, фольклора и исторических свидетельств, связанных с проявлениями Скверны</li>
<li>Изучение влияния эмоциональных состояний на восприимчивость к Скверне; освоение методов саморегуляции и контроля деструктивных эмоций</li>
<li>Проведение психологических тренингов и диагностик с привлечением профильных специалистов для развития самонаблюдения и выявления признаков Скверны</li>
<li>Разбор стадий формирования очагов Скверны: от латентных проявлений до стадии воплощения</li>
<li>Анализ задокументированных случаев взаимодействия со Скверной из практики Академии (с учётом ограничений конфиденциальности)</li>
<li>Изучение материалов полевых заданий, связанных со Скверной (в пределах допустимого уровня доступа)</li>
<li>Проведение демонстрационных практических занятий с использованием образцов заражённых Скверной предметов</li>
<li>Использование аудиовизуальных материалов, записанных в Академии, на полевых заданиях или предоставленных Инквизицией в образовательных целях</li>
<li>Рассмотрение и критический анализ теоретических концепций о природе Скверны; составление собственных теорий</li>
<li>Обсуждение идеологических и этических аспектов противодействия Скверне, включая принятый в Академии курс на уничтожение осквернённых</li>
</ul>
</div>
</details>

<details class="ad-spoiler">
<summary>Психологические тесты и тренинги</summary>
<div class="ad-spoiler-body">
Раздел в разработке, здесь будут актуальные тесты.
<br><br>
<ul class="ad-list">
<li></li>
</ul>
</div>
</details>

<details class="ad-spoiler">
<summary>Полезные ссылки по Скверне и прочему</summary>
<div class="ad-spoiler-body">
<i>Не совсем очевидная информация / то, что не так просто найти, если не знать где искать / то, что мне показалось полезным сохранить на будущее. Можете предлагать свои ссылки для пополнения базы.</i>
<br><br>
<ul class="ad-list">
<li><a href="https://kindredspirits.ru/viewtopic.php?id=492#p87518" class="ad-link">Конспекты мисс МакЛейн: Скверна</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=492#p87522" class="ad-link">Конспекты мисс МакЛейн: Классификация призраков</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54&p=2#p5897" class="ad-link">Почему нельзя ощутить одарённого/осквернённого</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54#p3636" class="ad-link">Призыв демонов/души/загробный мир</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54&p=2#p5972" class="ad-link">Определение Скверны в предметах, артефактах, животных</a></li>
<li><a href="https://kindredspirits.ru/viewtopic.php?id=54&p=7#p34773" class="ad-link">Магические ингредиенты в мире</a></li>
</ul>
</div>
</details>

</div>
</div>
</div>[/html]

Kindred Spirits

Меню навигации

Пользовательские ссылки

Информация о пользователе

familiar's lair

Сообщений 1 страница 1 из 1

Поделиться122-03-2026 18:13:01