FAQ

Поделиться1Сегодня 11:48:20

Автор: Old One
Администратор
Сообщений: 21
Уважение: +15

[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-family: var(--second-font-family), serif;
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>

<div class="orlando-faq">
<div class="orlando-faq-header">
<h1 class="orlando-faq-title">FAQ</h1>
<div class="orlando-faq-subtitle">Часто задаваемые вопросы о мире Орландо</div>
</div>

<div class="orlando-faq-container">


<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>

<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">Disney</span> и <span class="orlando-faq-term">Universal</span> готовы дать вам возможность прикоснуться к любимым франшизам, вызвав много ярких эмоций, но здесь же есть риск не вернуться домой, став случайной жертвой перестрелки между бандами, стоит зайти в один из не столь благополучных районов города.</p>
</div>
</div>
</div>

<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>

<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>, так и <span class="orlando-faq-term">медиумом</span> или <span class="orlando-faq-term">одержимым</span>, которые прекрасно видят незаметную для других часть мира.</p>
</div>
</div>
</div>

<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>
<p>Но если он склонен верить, сомневаться, проходит через эмоционально и физически выматывающие события - призраки могут постучаться в дверь. Или просто появится на его пути, особенно если он окажется в «неправильном» месте в «неправильное» время.</p>
</div>
</div>
</div>

<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>
<p>Но помните, что любое действие имеет последствие.</p>
</div>
</div>
</div>

<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>

<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 class="orlando-faq-note">
<strong>P.S.</strong> Если хотите пощекотать себе нервы внезапностями, можете отдать описание легенды и попросить АМС внести суету в личный эпизод. Но без запроса - личное только личное)!
</div>
</div>
</div>
</div>

<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>
<p>Но в реалиях нашей истории у нее есть и еще один способ использования. Для <span class="orlando-faq-term">медиумов</span> и <span class="orlando-faq-term">призраков</span> жизненная энергия — ключевой ресурс.</p>
<ul class="orlando-faq-list">
<li><strong>Медиумы</strong> тратят ее для проведения ритуалов и отдают в уплату за выполнение просьб</li>
<li><strong>Призраки</strong> поглощают ее, чтобы оставаться в мире живых и использовать свои силы</li>
<li><strong>Обычные люди</strong> - она определяет их физическое, эмоциональное состояние и способность стража эффективно защищать своего человека-партнера</li>
</ul>
</div>
</div>
</div>

<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>

<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>Конечно! Приносите идею и если у вас уже есть 2 или 3 игрока, оформим в лучшем виде!</p>
</div>
</div>
</div>

</div>
</div>

+1

Поделиться2Сегодня 12:02:48

Автор: Old One
Администратор
Сообщений: 21
Уважение: +15

[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;
}