Антракт II.I - Хранители молчания [02.09.1410]

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<title>Антракт II.I — Хранители молчания</title>
<style>
:root #quest-container {
--text: #1c1b1a;
--sec-text: #4f4944;
--accent: #99423d;
--sec-accent: #adadad;
--quote: #c2c2c26e;
--bord: #a9a8a8;
--base-bg2: #bababa;
--tab-text: #d2cec9;
--cat-fon: #444f63;
--red-bg: #99423d;
--blue-bg-img: url(https://forumstatic.ru/files/001c/87/49/53603.jpg);
--red-bg-img: url(https://forumstatic.ru/files/001c/87/49/78505.jpg);
}

body.dark #quest-container {
--text: #282320;
--sec-text: #67837b;
--accent: #925f5d;
--sec-accent: #e3e3e3;
--quote: #c2c2c26e;
--bord: #d5d0c9;
--base-bg2: #e1ded9;
--tab-text: #f1ede8;
--cat-fon: #6f9086;
--red-bg: #925f5d;
--blue-bg-img: url(https://forumstatic.ru/files/001c/87/49/74052.jpg);
--red-bg-img: url(https://forumstatic.ru/files/001c/87/49/79122.jpg);
}

#quest-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

#quest-container {
max-width: 900px;
margin: 20px auto;
padding: 25px;
background: #bababa5c;
border-radius: 12px;
color: var(--text) !important;
transition: all 0.3s ease;
border: 1px solid #a9a8a859;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#quest-container .quest-header {
text-align: center;
margin-bottom: 20px;
padding: 15px;
background: var(--quote);
border-radius: 10px;
border: 1px solid var(--bord);
border-top: 3px solid var(--accent);
}

#quest-container .quest-header .quest-title {
color: var(--accent) !important;
font-size: 26px !important;
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
margin-bottom: 5px !important;
line-height: 1.2 !important;
}

#quest-container .quest-header .quest-date {
color: var(--sec-text) !important;
font-size: 14px !important;
font-style: italic !important;
line-height: 1.2 !important;
}

#quest-container .quest-image {
text-align: center;
margin: 20px 0;
}

#quest-container .quest-image img {
max-width: 100%;
height: auto;
border-radius: 8px;
border: 2px solid var(--bord);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

#quest-container .quest-meta {
text-align: center;
margin: 15px 0 20px;
padding: 10px;
background: var(--quote);
border-radius: 8px;
border: 1px solid var(--bord);
}

#quest-container .quest-meta,
#quest-container .quest-meta * {
font-size: 14px !important;
line-height: 1.4 !important;
}

#quest-container .quest-meta i {
color: var(--sec-text) !important;
font-style: italic !important;
}

#quest-container .quest-meta a {
color: var(--accent) !important;
text-decoration: none !important;
font-weight: 500 !important;
margin-left: 10px;
padding: 3px 8px;
background: rgba(153, 66, 61, 0.1);
border-radius: 4px;
font-size: 14px !important;
}

#quest-container .quest-meta a:hover {
text-decoration: underline !important;
background: rgba(153, 66, 61, 0.2);
}

#quest-container .quest-quote {
background: var(--quote);
padding: 20px 25px;
border-radius: 10px;
margin: 20px 0;
border: 1px solid var(--bord);
border-bottom: 2px solid var(--accent);
font-style: italic !important;
text-align: center;
color: var(--text) !important;
line-height: 1.6 !important;
}

#quest-container .quest-quote,
#quest-container .quest-quote * {
font-size: 14px !important;
}

#quest-container .quest-warning {
color: #3d3935 !important;
line-height: 1.4 !important;
padding: 10px 15px;
background: var(--quote);
border-radius: 6px;
margin-top: 15px;
opacity: 0.9;
border: 1px solid var(--bord);
}

#quest-container .quest-warning,
#quest-container .quest-warning * {
font-size: 13px !important;
}

#quest-container .quest-warning p {
margin-bottom: 5px !important;
}

#quest-container .quest-warning p:last-child {
margin-bottom: 0 !important;
}

#quest-container .danger {
color: var(--accent) !important;
font-weight: 600 !important;
}

#quest-container hr {
border: none;
border-top: 1px dashed var(--bord);
margin: 20px 0 10px;
}

#quest-container .participants {
display: inline-block;
background: var(--sec-accent);
color: #393939 !important;
padding: 3px 10px;
border-radius: 20px;
font-weight: 500 !important;
margin-bottom: 5px;
}

#quest-container .participants,
#quest-container .participants * {
font-size: 14px !important;
}

#quest-container .quest-footer {
text-align: right;
margin-top: 10px;
padding: 0;
color: var(--sec-text) !important;
font-size: 13px !important;
font-style: italic;
}

@media (max-width: 600px) {
#quest-container {
padding: 15px;
}

#quest-container .quest-header .quest-title {
font-size: 22px !important;
}

#quest-container .quest-quote {
padding: 15px;
}

#quest-container .quest-quote,
#quest-container .quest-quote * {
font-size: 15px !important;
}

#quest-container .quest-warning,
#quest-container .quest-warning * {
font-size: 12px !important;
}

#quest-container .quest-meta,
#quest-container .quest-meta * {
font-size: 13px !important;
}

#quest-container .participants,
#quest-container .participants * {
font-size: 13px !important;
}
}
</style>
</head>
<body>
<div id="quest-container">
<div class="quest-header">
<div class="quest-title">Антракт II.I Хранители молчания</div>
<div class="quest-date">02.09.1410</div>
</div>

<div class="quest-meta">
<span class="participants">Laurian Fontaine, Matilda Sparrow, Elsid Casilla</span><br>
<i>Локация:</i> КАЛИМАР, АЗРА-КАЙИМ, ЗАПРЕТНАЯ БИБЛИОТЕКА ХАА'ЗЕРИМ
<a href="https://dragonfall.ru/viewtopic.php?id=664#p162891">тех.тема</a>
</div>

<div class="quest-quote">
Пустыня помнит города, ушедшие под песок, королей, чьи имена стерло время, и тайны, за которые платили кровью тысячу лет назад. Но есть среди песков те, кто делает так, чтобы память пустыни оставалась только ее достоянием. Порой, в минуты отчаяния люди ищут спасения не у света, а у тех, кто живет в тени.
</div>

<div class="quest-warning">
<p>Принятые здесь решения и их последствия являются каноничными и необратимыми для всего мира. От ваших слов и поступков может измениться баланс сил, расклад политических влияний и судьбы целых регионов.</p>
<p><span class="danger">[!] Персонаж может погибнуть.</span> Участвуя в этом квесте, вы добровольно соглашаетесь на эту возможность и принимаете ответственность за все последствия своих действий.</p>
</div>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 10px; background: var(--quote); padding: 12px 15px; border-radius: 30px; margin: 10px 0 15px 0; border: 1px solid var(--bord); font-size: 14px; text-align: center;">
<div>Пост: <strong>2 суток</strong></div>
<div>Лимит: <strong>3,0k символов</strong></div>
<div>Пропуск хода = последствия</div>
<div>Отсрочка: <strong>нет</strong></div>
</div>
<hr>
<div style="text-align: right; color: var(--sec-text); font-size: 13px !important; font-style: italic;">
Хранители молчания
</div>
</div>
</body>
</html>[/html]

[hideprofile]

ARION: no time for dragon

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

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

Объявление

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

Антракт II.I - Хранители молчания [02.09.1410]

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

Поделиться1Сегодня 12:12:28