[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>III.VI.III — Закат - Юг</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 {
text-decoration: none !important;
font-weight: 500 !important;
margin-left: 10px;
padding: 3px 8px;
border-radius: 4px;
font-size: 14px !important;
}
#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">III.VI.III Закат — Юг</div>
<div class="quest-date">15.11.1410</div>
</div>
<!-- Изображение -->
<div class="quest-image">
<img src="https://upforme.ru/uploads/001c/87/49/38/56546.png" alt="Юг">
</div>
<div class="quest-meta">
<span class="participants">Laclain de Gauderac, Ballister Bracken, Heinrich Thorvin (NPC Guillaume Rouart)</span><br>
<i>Локация:</i> ИМПЕРИЯ, СОЛАРУМ, СПЯЩИЙ ДВОРЕЦ, ЮЖНОЕ КРЫЛО
<a href="https://dragonfall.ru/viewtopic.php?id=867&p=2#p220948">тех.тема</a>
</div>
<div class="quest-quote">
Южное крыло — старейшая часть дворца. Здесь низкие сводчатые потолки, вытертый поколениями камень и покои, которые использовали ещё прадеды нынешнего Императора. Днем тут прокатывается смех фрейлин, шаги хранителей архива, но ночью коридоры пустеют. Слишком много поворотов. Слишком много ниш, где можно укрыться. Слишком много старых стен, которые помнят, что дворец не всегда был безопасен. И этой ночью что-то в южном крыле изменилось. Может быть, тени стали длиннее. Может быть, шаги зазвучали иначе. А может, кто-то просто вспомнил старую дорогу к императорским покоям.
</div>
<div class="quest-warning">
<p>Принятые здесь решения и их последствия являются каноничными и необратимыми для всего мира. От ваших слов и поступков может измениться баланс сил, расклад политических влияний и судьбы целых регионов.</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>3 суток</strong></div>
<div>Лимит: <strong>4,0k символов</strong></div>
<div>Пропуск хода = последствия</div>
<div>Отсрочка: <strong>1 день через банк</strong></div>
</div>
<hr>
<div class="quest-footer">
Закат - Юг
</div>
</div>
</body>
</html>[/html][hideprofile]
