25%

скелет дезигнов

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » скелет дезигнов » test forum » Тестовые темы


Тестовые темы

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

1

[html]<style>

    /* ===== FAQ ОРЛАНДО ===== */
.orlando-faq {
    max-width: 90%;
    margin: 20px auto;
    background: var(--gray-alpha-60-color);
    border-radius: 12px;
    padding: 25px;
    font-family: var(--default-font-family), sans-serif;
    color: var(--light-gray-color);
    border: var(--gray-30-dashed-border);
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

    .orlando-faq::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(16, 16, 16, 0.85);
        z-index: 0;
    }

    .orlando-faq > * {
        position: relative;
        z-index: 1;
    }

    /* Заголовок FAQ */
    .orlando-faq-header {
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: var(--gray-30-dashed-border);
    }

.orlando-faq-title {
    font-size: 28px;
    color: var(--light-gray-color);
    margin-bottom: 10px;
    letter-spacing: 1px;
}

    .orlando-faq-subtitle {
        font-size: 14px;
        color: var(--orange-color);
        font-style: italic;
    }

    /* Контейнер для вопросов */
    .orlando-faq-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    /* Отдельный вопрос-ответ */
    .orlando-faq-item {
        background: var(--gray-alpha-30-color);
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid var(--gray-alpha-10-color);
        transition: all 0.3s ease;
    }

    .orlando-faq-item:hover {
        border-color: var(--gray-alpha-30-color);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    /* Вопрос (кликабельный заголовок) */
    .orlando-faq-question {
        padding: 18px 20px;
        font-size: 14px;
        font-weight: bold;
        color: var(--light-gray-color);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--gray-alpha-10-color);
        border-bottom: 1px solid transparent;
        transition: all 0.3s ease;
        user-select: none;
    }

    .orlando-faq-question:hover {
        background: var(--gray-alpha-20-color);
        color: var(--orange-color);
    }

    .orlando-faq-question.active {
        color: var(--orange-color);
        border-bottom-color: var(--gray-30-dashed-border);
    }

    /* Иконка стрелки */
    .orlando-faq-icon {
        color: var(--orange-color);
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .orlando-faq-question.active .orlando-faq-icon {
        transform: rotate(180deg);
    }

    /* Ответ */
    .orlando-faq-answer {
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        opacity: 0;
    }

    .orlando-faq-answer.active {
        padding: 20px;
        max-height: 1000px;
        opacity: 1;
    }

    .orlando-faq-answer-content {
        font-size: 13px;
        line-height: 1.6;
        color: var(--light-gray-color);
    }

    .orlando-faq-answer-content p {
        margin-bottom: 12px;
    }

    .orlando-faq-answer-content p:last-child {
        margin-bottom: 0;
    }

    /* Исправленное выделение ключевых терминов */
    .orlando-faq-term {
        color: var(--orange-color);
        font-weight: bold;
        /* Убраны: border-bottom, cursor, hover */
    }

    /* Особые блоки (P.S., примечания) */
    .orlando-faq-note {
        margin-top: 15px;
        padding: 15px;
        background: var(--gray-alpha-10-color);
        border-radius: 8px;
        border-left: 3px solid var(--orange-color);
        font-size: 12px;
        font-style: italic;
        color: var(--light-gray-color);
    }

    .orlando-faq-note strong {
        color: var(--orange-color);
    }

    /* Для списков внутри ответов */
    .orlando-faq-list {
        list-style: none;
        padding: 0;
        margin: 15px 0;
    }

    .orlando-faq-list li {
        padding: 6px 0 6px 20px;
        position: relative;
        border-bottom: var(--gray-30-dashed-border);
    }

    .orlando-faq-list li:last-child {
        border-bottom: none;
    }

    .orlando-faq-list li::before {
        content: '►';
        position: absolute;
        left: 5px;
        color: var(--orange-color);
        font-size: 10px;
    }

    /* Адаптивность */
    @media (max-width: 768px) {
        .orlando-faq {
            padding: 20px;
            margin: 15px;
        }
       
        .orlando-faq-title {
            font-size: 24px;
        }
       
        .orlando-faq-question {
            padding: 15px;
            font-size: 13px;
        }
       
        .orlando-faq-answer.active {
            padding: 15px;
        }
    }

    @media (max-width: 480px) {
        .orlando-faq {
            padding: 15px;
        }
       
        .orlando-faq-title {
            font-size: 20px;
        }
       
        .orlando-faq-question {
            font-size: 12px;
            padding: 12px 15px;
        }
       
        .orlando-faq-answer-content {
            font-size: 12px;
        }
    }
</style>
<!-- Отдельный FAQ для Призраков -->
<div class="orlando-faq" style="margin-top: 40px;">
    <div class="orlando-faq-header">
        <div class="orlando-faq-title">FAQ. ПРИЗРАКИ</div>
        <div class="orlando-faq-subtitle">Сущности по ту сторону жизни</div>
    </div>

    <div class="orlando-faq-container">
       
        <!-- Вопрос 1 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Кто такие призраки?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p><span class="orlando-faq-term">Призраки</span> — это погибшие люди, сохраняющие память о своей жизни и о том, как именно они погибли. Их облик полупрозрачен, они не имеют плотности, пахнут мерзлой землей, прохладны на ощупь. Призраки могут проходить сквозь препятствия и незримы для большинства людей.</p>
                    <p>Их способны видеть <span class="orlando-faq-term">медиумы</span>, <span class="orlando-faq-term">одержимые</span> и <span class="orlando-faq-term">стражи</span>. Чаще всего призраки не задерживаются в нашем мире дольше чем на 40 дней, уходя после <span class="orlando-faq-term">Туда</span> (иное пространство, загробный мир). Но некоторые из них решают остаться тут.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 2 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Почему они остаются?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Причины разные. Кто-то хочет остаться <span class="orlando-faq-term">хранителем рода</span>. Кого-то держит <span class="orlando-faq-term">месть</span> и незавершенные дела. Кто-то просто не готов расстаться с жизнью. Однако, чтобы продолжить свое существование, им необходимо поддерживать определенное количество <span class="orlando-faq-term">жизненной энергии</span> внутри своего тела.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 3 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Как они добывают эту энергию?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Призраки способны поглощать жизненную энергию, касаясь тех, кто их видит. Таким образом главным источником этой энергии для них становятся <span class="orlando-faq-term">медиумы</span>.</p>
                    <p>Этот ресурс становится главным предметом переговоров между ними в случае, если был избран более мирный путь.</p>
                    <p>Призрак приходит на зов или находит медиума, которому нужна его помощь. Они договариваются о том, что именно должно быть сделано. После этого, договорившись или выполнив свою часть сделки, призрак касается медиума и высасывает из него часть жизненных сил. Чем дольше длится контакт, тем больше сил получает призрак.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 4 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                И им этого хватает?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Порой да. Но некоторым становится мало, и они требуют все более высокую плату. В какой-то момент такие призраки становятся <span class="orlando-faq-term">хищниками</span> и начинают нападать на неопытных медиумов, выпивая их жизненные силы.</p>
                    <p>Порой они оставляют медиумов живыми. А порой такими касаниями убивают, становясь значительно сильнее.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 5 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Призрак может ранить человека?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Касания призраков не оставляют ран, однако у людей, убитых ими, глаза застланы <span class="orlando-faq-term">белой пеленой</span>.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 6 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Зачем призраку убивать?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Некоторые делают это из ненависти к живым и от тоски по жизни. Другие таким образом усиливают себя, открывая возможность использовать <span class="orlando-faq-term">сильные способности</span>, недоступные простым смертным.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 7 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Что происходит, когда призрак поглотит много энергии?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Он не меняется как таковой, но для обозначения его силы используется другое слово — <span class="orlando-faq-term">дух</span>.</p>
                    <p>Духи чаще всего являются могущественными и крайне опасными существами, способными оказывать большое влияние на мир живых. Они уже могут запросто показываться простым людям, а значит и касаться их, поглощая жизненные силы.</p>
                    <p>Нередко духи становятся культовыми персонажами местных городских легенд. Отправляясь на переговоры к ним, медиумы нередко сбиваются в группы, чтобы суметь выстоять в случае, если что-то пойдет не так.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 8 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Есть кто-то сильнее духов?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Да. <span class="orlando-faq-term">Великие Древние</span>. Их единицы, и все они представляют огромную угрозу для живых. Существующие порой уже тысячелетия, они наделены колоссальными силами и великим знанием, отчего нередко собирают вокруг себя культы и секты.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 9 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Обычный человек может увидеть призрака?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Обычно нет. В случае, если человек склонен верить в мистику, находится <span class="orlando-faq-term">между жизнью и смертью</span> или в измененном состоянии (опьянение, лекарства, обострение психологического заболевания), он может его увидеть. Но это также означает, что он становится уязвимым для атак призрака.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 10 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Есть ли возможность защититься от призрака?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Да. Главной защитой любого человека является <span class="orlando-faq-term">Страж</span>. Также могут помочь <span class="orlando-faq-term">медиумы</span> и их ритуалы, амулеты. Однако в случае столкновения не с рядовым призраком, а более сильных духом и тем более Великим Древним, потребуются гораздо более сильные и мощные средства защиты.</p>
                    <div class="orlando-faq-note">
                        <p>Порой, чтобы спастись от духа может не хватить и 3 медиумов.</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Вопрос 11 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Призраков можно зафиксировать на технику?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Да. Лучше всего с этим справляются <span class="orlando-faq-term">пленочные фотоаппараты</span> и <span class="orlando-faq-term">старые видеокамеры</span>. Обычные призраки выглядят как едва заметные силуэты или пыль в кадре, а духи и Великие Древние могут быть зафиксированы в своем облике.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 12 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Все призраки злые?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Нет, встречаются и те, кто согласен на небольшие крохи жизненных сил, достаточные для поддержания своего существования.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 13 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Призрака можно убить?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Да, это возможно. Для того чтобы это сделать, нужно сильно его истощить. Как только у призрака заканчивается жизненная энергия, он исчезает из этого мира, переходя <span class="orlando-faq-term">«Туда»</span>.</p>
                </div>
            </div>
        </div>

        <!-- Вопрос 14 -->
        <div class="orlando-faq-item">
            <div class="orlando-faq-question" onclick="toggleFaq(this)">
                Призраков можно использовать для игры?
                <span class="orlando-faq-icon">▼</span>
            </div>
            <div class="orlando-faq-answer">
                <div class="orlando-faq-answer-content">
                    <p>Призраки не являются игровой расой, но вы можете использовать их как NPC. Если вы захотите упомянуть внутри игры сильного духа, просим написать ГМ-у. <span class="orlando-faq-term">Великий Древний</span>, находящийся в городе, для игры недоступен.</p>
                </div>
            </div>
        </div>

    </div>
</div>

<script>
    function toggleFaq(questionElement) {
        const answer = questionElement.nextElementSibling;
        const isActive = questionElement.classList.contains('active');
       
        // Просто переключаем текущий элемент
        questionElement.classList.toggle('active');
        answer.classList.toggle('active');
    }
</script>[/html]

0

2

[html]
    <style>
       
        /* Кастомные стили для компонента ntln */
ntln-container {
    display: flex;
    width: 80%;
    background: var(--gray-alpha-60-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
    border: var(--gray-30-dashed-border);
    margin: 0 auto!important;
    max-height: 600px;
}
        ntln-image {
            flex: 0 0 30%;
            min-height: 600px;
            background: var(--gray-alpha-100-color);
            background-size: cover;
            background-position: center;
            position: relative;
        }

        ntln-info {
            flex: 1;
            padding: 20px;
            display: flex;
            flex-direction: column;
            max-height: 600px;
        }

        ntln-title {
            font-family: var(--second-font-family), serif;
            font-size: 24px;
            margin-bottom: 10px;
            color: var(--light-gray-color);
            border-bottom: 2px solid var(--orange-color);
            padding-bottom: 8px;
        }

        ntln-subtitle {
            color: var(--light-gray-color);
            font-size: 11px;
            margin-bottom: 15px;
            font-style: italic;
            font-family: var(--default-font-family), sans-serif;
            opacity: 0.8;
        }

        ntln-tabs {
            display: flex;
            margin-bottom: 15px;
            border-bottom: var(--gray-30-dashed-border);
            gap: var(--default-gap);
        }

        ntln-tab {
            background: var(--gray-alpha-10-color);
            border: none;
            color: var(--light-gray-color);
            padding: 8px 15px;
            font-size: 11px;
            font-family: var(--default-font-family), sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            border-radius: 4px 4px 0 0;
            opacity: 0.7;
        }

        ntln-tab:hover {
            opacity: 0.9;
            background: var(--gray-alpha-30-color);
        }

        ntln-tab.active {
            opacity: 1;
            font-weight: bold;
            background: var(--gray-alpha-30-color);
            color: var(--orange-color);
        }

        ntln-tab.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--orange-color);
        }

        ntln-content {
            flex: 1;
            overflow-y: auto;
            padding-right: 10px;
            line-height: 1.5;
            font-family: var(--default-font-family), sans-serif;
            font-size: var(--default-font-size);
            color: var(--light-gray-color);
        }

        ntln-pane {
            display: none;
        }

        ntln-pane.active {
            display: block;
        }

        .ntln-description p {
            margin-bottom: 12px;
            text-align: justify;
            color: var(--light-gray-color);
            font-size: 11px;
        }

        .ntln-highlight {
            color: var(--orange-color);
            font-weight: bold;
        }

        .ntln-fact-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .ntln-fact-list li {
            padding: 6px 0;
            border-bottom: var(--gray-30-dashed-border);
            position: relative;
            padding-left: 20px;
            color: var(--light-gray-color);
            font-size: 11px;
        }

        .ntln-fact-list li:last-child {
            border-bottom: none;
        }

        .ntln-fact-list li::before {
            content: '►';
            position: absolute;
            left: 5px;
            color: var(--orange-color);
            font-size: 9px;
        }

        .ntln-fact-category {
            margin-top: 15px;
            margin-bottom: 8px;
            color: var(--orange-color);
            font-weight: bold;
            font-size: 12px;
            border-left: 2px solid var(--orange-color);
            padding-left: 8px;
            font-family: var(--second-font-family), serif;
        }

        /* Стили для скроллбара */
        ntln-content::-webkit-scrollbar {
            width: 4px;
        }

        ntln-content::-webkit-scrollbar-track {
            background: var(--gray-alpha-30-color);
            border-radius: 2px;
        }

        ntln-content::-webkit-scrollbar-thumb {
            background: var(--orange-color);
            border-radius: 2px;
        }

       /* Адаптивность */
@media (max-width: 900px) {
    ntln-container {
        flex-direction: column;
        max-height: none;
        height: auto;
    }
   
    ntln-image {
        min-height: 300px;
        height: 300px;
        flex: 0 0 auto;
    }
   
    ntln-info {
        max-height: 400px;
    }
}

@media (max-width: 480px) {
    ntln-container {
        width: 95%;
    }
   
    ntln-info {
        padding: 15px;
        max-height: 350px;
    }
   
    ntln-title {
        font-size: 20px;
    }
   
    ntln-tab {
        padding: 6px 10px;
        font-size: 10px;
    }
   
    ntln-image {
        min-height: 250px;
        height: 250px;
    }
}
    </style>

    <!-- Изолированный компонент ntln -->
   <ntln-container>
    <ntln-image style="background: linear-gradient(rgba(16, 16, 16, 0.7), rgba(16, 16, 16, 0.8)), url('https://upforme.ru/uploads/001c/a2/2e/2/220911.png') no-repeat center center; background-size: cover;">
        <!-- Фон можно менять через style атрибут -->
    </ntln-image>

    <ntln-info>
        <ntln-title>МЕДИУМЫ</ntln-title>
        <ntln-subtitle>Те, кто видит за гранью смерти</ntln-subtitle>

        <ntln-tabs>
            <ntln-tab class="active" onclick="switchNtlnTab('desc')">Описание</ntln-tab>
            <ntln-tab onclick="switchNtlnTab('facts')">Короткие факты</ntln-tab>
        </ntln-tabs>

        <ntln-content>
            <!-- Вкладка с описанием -->
            <ntln-pane class="active" id="ntln-desc">
                <div class="ntln-description">
                    <p>Все живут свою жизнь. Одну-единственную. Со своими проблемами и свершениями, страхами и надеждами на завтра. Но есть те, кто знает правду: смерть — это не конец. За последним вздохом остается нечто еще. И это «нечто» медиумы видят слишком четко и явно.</p>
                   
                    <p>Их всегда называли по-разному. Шаманы, ведьмы, юродивые, оракулы. Навешивали ярлыки, окружали ритуалами и символами, пытаясь объяснить то, что не поддавалось логике, не объяснялось устоями, религией, наукой. Их дар — не всесильная магия. Это скорее ключ от запертой двери. Ключ от двери, за которой опасный и требующий много знаний и навыков мир, готовый в любой момент сломить и уничтожить.</p>
                   
                    <p>Чаще всего этот ключ достается по наследству медиумам, которых называют <span class="ntln-highlight">потомственными</span>. Целые семьи, кланы, круги, ковены. В этих общинах знание передается из уст старших новым поколениям, которым дар доступен с рождения, вместе с главным таинством: как выжить. Их учат защищать себя, жить в гармонии со своим стражем и разумно выбирать тех призраков, которым они вверяют самое дорогое, что есть у человека - <span class="ntln-highlight">собственную жизнь</span>. Потомственные медиумы нередко наделены определенным самолюбием и, встречаясь с представителем другой традиции, могут вступить в подобие полемики о преимуществах именно своих обрядов. Потому что каждая группа медиумов использует разные ритуалы, окружая себя соответствующим антуражем.</p>
                   
                    <p>Другим людям ключ вручается внезапно, без инструкции. Кто-то становится везунчиком с рождения, а кто-то после событий, что делят все на до и после. Их жизнь превращается в кошмар наяву. Они балансируют на грани безумия, пытаясь понять, где черта отделяющая бред от сокрытой истины. Часто они проигрывают. Но те из них, что смогли выстоять, становятся самородками, методы коих превращают их в способных постоять за себя. Их связь со стражем порой во много раз сильнее, чем у потомственных медиумов. И порой наставниками таких <span class="ntln-highlight">Пробужденных</span> становятся даже не нашедшие их более опытные медиумы, а призраки.</p>
                   
                    <p>Жизнь медиума полна возможности видеть проявление и блага, и знания, и угрозы, что есть по ту сторону. Благом выступают <span class="ntln-highlight">Стражи</span> - незримые почти для всего человечества хранители, воплощающие частичку души каждого человека и защищающие их до конца жизни. Знанием выступают <span class="ntln-highlight">призраки</span>, что за плату готовы поделиться своими силами и накопленным опытом. Для кого-то из них хватит малого. А кто-то потребует больше. Больше. И еще Больше, в итоге став угрозой. Каждое «пожалуйста», каждое «покажи» — это сделка. Каждая сделка - плата кусочками собственных жизненных сил или даже годами жизни.</p>
                   
                    <p><span class="ntln-highlight">Хороший медиум</span> — это в первую очередь умелый переговорщик. Он знает цену каждому слову и чувствует, когда цена становится слишком высокой, а так же умеет за себя постоять. Но даже лучшие из них могут стать целью для призрака, желающего добраться до жизненных сил. Как медиумы видят и могут касаться призраков, так и они могут касаться их, а значит через это касание - выпивать саму жизнь, которая и является изначальным предметом торга. На медиумов охотятся. И в схватке с призраком у них есть только два ответа. Их страж, который постарается защитить и атаками изнурить призрака, его убивая. И вера. Вера во что угодно — в крест, в танец, в старую песню, в затертый амулет, в ритуал, в серебряный клинок. Все эти методы, традиции, переданные наставниками их общины и наделенные своим колоритом, станут их защитой, их оружием, их силой в схватке с врагом или попытками заранее себя обезопасить, превращая пространство вокруг себя в небольшую крепость. Эти же силы могут помочь, например, провести ритуалы очищения или изгнания, вытаскивая призрака, захватившего определенный предмет, человека, или избравшего своим "домом" определенное место. Но это работает ровно до тех пор, пока медиум верит в это всем нутром. И, порой, не сумев выстоять в этой борьбе, они тратят слишком много сил, чтобы вернуть себе свою веру и возможность снова давать отпор.</p>
                   
                    <p>Все силы, что есть у медиума, как и у любого человека, конечны. Часть из них не вернется никогда. Но некоторые ресурсы, что тратятся на ритуалы и договоры, можно восстановить. Покой, сон, хорошая еда, а иногда — глоток ярких эмоций: смех, радость, любовь. То, что напоминает, за что стоит бороться. Их сила — палка о двух концах. Она дает им возможность касаться потустороннего. Но это потустороннее, изголодавшееся по жизни, слишком охотно тянет руку. Касания призраков - могильный холод, что с каждым мигом тянет все больше тепла самой жизни. И если этот контакт не разорван, то после накрывающего забвения, уходят не просто жизненные силы, а годы жизни. В конце же приходит смерть, застывающая белой пеленой на глазах.</p>
                   
                    <p style="text-align: center; font-style: italic; margin-top: 15px; color: var(--orange-color); font-weight: bold;">Это не дар. Это договор. И счет всегда приходит.</p>
                </div>
            </ntln-pane>

            <!-- Вкладка с фактами -->
            <ntln-pane id="ntln-facts">
                <div class="ntln-fact-category">Происхождение и обучение:</div>
                <ul class="ntln-fact-list">
                    <li>Медиумами чаще всего рождаются в семьях, где хоть один из предков был наделен таким даром.</li>
                    <li>Порой к моменту появления нового медиума в семье не остается тех, кто мог бы выступить его наставником, отчего их путь намного сложнее.</li>
                    <li>Медиумы проходят обучение в кругу своих семей, общины, перенимая атрибутику и антураж общины. (Бубны, поющие чаши, кристаллы, свечи). Те из них, что лишены поддержки, или не умеют вовсе пользоваться своим даром, или ищут методы, общаясь со своим стражем. По этой причине у них с ними - крайне доверительные отношения.</li>
                    <li>Порой потомственные медиумы смотрят несколько свысока на пробужденных.</li>
                </ul>

                <div class="ntln-fact-category">Способности и взаимодействие:</div>
                <ul class="ntln-fact-list">
                    <li>Сила медиума — видеть призраков и стражей, а также взаимодействовать с ними, касаясь их.</li>
                    <li>Стражи и Призраки также могут касаться их в ответ.</li>
                    <li>Любые проявления мистики рядом с ними — последствия договора с призраком.</li>
                    <li>Плата за оказание услуги — жизненные силы, энергия, а порой годы жизни.</li>
                    <li>Хороший медиум — опытный переговорщик, что в общении с призраком договаривается о наиболее выгодных для себя условий, и способен вовремя за себя постоять.</li>
                </ul>

                <div class="ntln-fact-category">Защита и конфликты:</div>
                <ul class="ntln-fact-list">
                    <li>Главными защитниками медиумов являются стражи. Тренировки тела и духа позволяют усилить эту связь.</li>
                    <li>Медиумы, являясь главным «топливом» для не-жизни и накопления сил у призраков, слишком часто становятся объектами охоты и подвергаются нападениям.</li>
                    <li>В случае столкновения с негативно настроенным призраком, медиумы вольны использовать любое оружие, амулеты, наговоры, заклинания, близкие его общине. Они будут работать в случае, если они искренне в это верят. В ином — остается уповать только на силы своего стража.</li>
                </ul>

                <div class="ntln-fact-category">Восстановление и риски:</div>
                <ul class="ntln-fact-list">
                    <li>Для восстановления сил медиумам необходим сон, снижение нагрузки, порой медитации.</li>
                    <li>В случае, если медиум потратил много жизненной энергии, ему необходимо помимо отдыха некоторое время наполнять свою жизнь приятными или яркими эмоциями, воспоминаниями.</li>
                    <li>В случае, если жизненные силы закончились — в уплату идут годы жизни. После же наступает смерть.</li>
                    <li>В случае, если во время столкновения медиум начал сомневаться в эффективности своих сил (ритуалов, заклинаний, амулетах), он проходит долгий путь, сравнимый с восстановлением после получения серьезной травмы. Нередко такие медиумы по сути начинают учиться всему заново.</li>
                </ul>
            </ntln-pane>
        </ntln-content>
    </ntln-info>
</ntln-container>

<script>
    function switchNtlnTab(tabId) {
        // Убираем активный класс у всех вкладок и кнопок
        document.querySelectorAll('ntln-pane').forEach(pane => {
            pane.classList.remove('active');
        });
       
        document.querySelectorAll('ntln-tab').forEach(tab => {
            tab.classList.remove('active');
        });
       
        // Активируем выбранную вкладку
        document.getElementById('ntln-' + tabId).classList.add('active');
       
        // Активируем соответствующую кнопку
        document.querySelectorAll('ntln-tab').forEach(tab => {
            if (tab.getAttribute('onclick') === "switchNtlnTab('" + tabId + "')") {
                tab.classList.add('active');
            }
        });
    }
</script>
</html>[/html]

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » скелет дезигнов » test forum » Тестовые темы


Рейтинг форумов | Создать форум бесплатно