Антракт III.VII — Свадьба Льва и Розы [21.12.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>Антракт III.VII — Свадьба Льва и Розы </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.VII — Свадьба Льва и Розы</div>
<div class="quest-date">21.12.1410</div>
</div>

<div class="quest-image">
<img src="https://upforme.ru/uploads/001c/87/49/38/90822.png" alt="Свадьба Льва и Розы">
</div>

<div class="quest-meta">
<span class="participants">Leon Harris, Ines Harris, Elsid Casilla, Laurian Fontaine, Matilda Sparrow, Helius Oak, Roksana Oak, Alvian Diy </span><br>
<i>Локация:</i> ИМПЕРИЯ, ДРАСКАЯ, ГРОНД
<a href="https://dragonfall.ru/viewtopic.php?id=1251#p330177">тех.тема</a>
</div>

<div class="quest-quote">
Конец декабря становится для Гронда поводом сразу для четырех праздников. День Нисхождения Драконов, успехи в войне против мертвых, возвращение наследника провинции Лауриана Фонтейна из пустыни и свадьба принца обещают городу несколько дней гуляний, к которым здесь готовятся заранее.
<br><br>
Само венчание осталось позади - тихое и скромное, прошедшее в столице Империи. Но наместник Драская явно не собирается упускать возможности сделать из свадьбы значимый ход на шахматной доске, даже если для этого придется потратить личные фамильные сбережения. На западе новоиспеченных мужа и жену уже ждут украшенный Гронд, тысячи горожан и торжество, о котором должны говорить еще долго и с гордостью.
</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>2 суток</strong></div>
<div>Лимит: <strong>3,0k символов</strong></div>
<div>Пропуск хода = последствия</div>
<div>Отсрочка: <strong>нет</strong></div>
</div>
<hr>
<div class="quest-footer">
Свадьба Льва и Розы
</div>
</div>
</body>
</html>[/html]
[hideprofile]