Городская хронология

[hideprofile]
[html]<div class="lore-timeline" lang="ru">
<div class="inner-box">
<div class="timeline-main-title">ХРОНОЛОГИЯ</div>
<div class='main-text'>Данная тема не является хронологией всех игровых эпизодов. Содержит основные моменты и те сюжетные квесты, отдельные события которых были освещены в СМИ и общеизвестны населению Броунвена.</div>

<div class="timeline-year">
<div class="year-title">2022</div>
<div class="months">
<div class="month"><strong>вторая половина июля — август. </strong>Выявлены первые случаи заражения. В городе введено военное положение, комендантский час и разделение на карантинные зоны, началось возведение ограждений.</div>
<div class="month"><strong>Декабрь. </strong>Выявлены первые случаи заражения среди магов, ранее считавшимися невосприимчивыми к вирусу.</div>
</div>
</div>

<div class="timeline-year">
<div class="year-title">2023</div>
<div class="months">
<div class="month"><strong>Март</strong> Обнаружена способность отдельных представителей сверхъестественного сопротивляться заражению. Подробности не раскрываются, в сети гуляет большое количество различной информации о том, к какой расе они относятся. Согласно некоторым источникам так называемые «иммуны» и являются создателями вируса, обезопасившими себя от эпидемии.</div>
<div class="month"><strong>23 сентября. </strong> В соответствии с распоряжением мэра Академия «Рейвен Хиллс» временно приостанавливает свою деятельность в связи с ситуацией в городе. Ученики распущены по домам.</div>
<div class="month"><strong>Сентябрь-октябрь.</strong> В карантинной зоне Messi происходит череда нападений. До выяснения обстоятельств жителей просят быть бдительными и соблюдать осторожность, а также сообщать обо всех подозрительных случаях в местное отделение полиции.</div>
<div class="month"><strong>1 ноября.</strong> Вышел указ мэра о введении обязательной сдачи крови жителями в возрасте от 18 до 25 лет для исследования способности к сопротивлению вирусу, по предварительным результатам встречающимся у представителей данной возрастной категории. Кровь можно сдать в главном корпусе больницы, филиалах в зонах Messi и Chamili, а также в специальных медицинских пунктах помощи. Прошедшим процедуру жителям выдается соответствующий сертификат, а данные вносятся в базу.</div>
<div class="month"><strong>15 ноября. </strong> Спустя две недели после введения обязательной сдачи крови на границе зон Messi и Chamili вспыхнули беспорядки. Митингующие требовали отмену ограничительных зон и равноценную помощь в борьбе с вирусом всем жителям города, а не только богатых зон. По итогу властям пришлось пойти навстречу в виде послабления пропускного режима между обозначенными зонами с условием прохождения обязательного досмотра на КПП на предмет признаков заражения.</div>
<div class="month"><strong>15 декабря. </strong>После послабления на границе двух зон в городской тюрьме происходит вспышка вируса. Часть тюрьмы экстренно эвакуируют, некоторым преступникам удаётся сбежать.</div>
</div>
</div>

<div class="timeline-year" style='margin-bottom:0;'>
<div class="year-title">2024</div>
<div class="months">
<div class="month"><strong>10 января.</strong> После усложнения обстановки в городе появляются представители Альянса охотников. Власть ограничивает права охотникам.</div>
<div class="month"><strong>16 января.</strong> 16 января
Перед полицейским участком стихийно возникает бунт, здание окружают люди в масках и с оружием. Противнику удалось прорваться в участок, но подоспевшая помощь Управления сдержала нападавших. Часть из них была арестована, части — удалось сбежать. Несколько полицейских погибло.</div>
<div class="month" style='text-align: center;'><strong>1 февраля.</strong> На больницу в Messi нападает ногицунэ.</div>
</div>

</div>

.lore-timeline {
width: 850px;
margin: 0 auto;
padding: 10px;
border-radius: 20px;
background: url(https://img.freepik.com/premium-photo/s … -18279.jpg) repeat;
filter: saturate(70%);
box-sizing: border-box;
hyphens: auto;
}

.inner-box {
background: #d6d6d6;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
}

.timeline-main-title {
margin-bottom: 5px;
padding: 10px 40px;
background: url(https://img.freepik.com/premium-photo/s … -18279.jpg);
filter:saturate(70%);
background-repeat: repeat;
border-radius: 16px;
font-size: 30px;
font-weight: bold;
text-align: center;
color:#F7F7F7;
font-family:'Dwarven';
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

.main-text{
font-family: 'Leotaro', sans-serif;
font-size: 14px;
text-align: center;
color: maroon;
margin-left: 60px;
margin-right: 60px;
margin-top: 15px;
}

.timeline-year {
margin: 25px 0 25px 0;
padding: 5px;
border: 1px solid #a9a9a9;
border-radius: 16px;
position: relative;
background: url(https://img.freepik.com/premium-photo/s … -18279.jpg);
filter:saturate(70%);
background-repeat: repeat;
}

.timeline-year::before {
content: "";
position: absolute;
inset: 5px;
background: #d6d6d6;
border-radius: 12px;
z-index: 0;
}

.year-title {
position: relative;
z-index: 1;
width: max-content;
margin: -18px auto 10px;
padding: 6px 26px;
background: url("https://img.freepik.com/premium-photo/seamless-abstract-green-background-with-cracked-texture_743855-18279.jpg");
filter:saturate(70%);
background-repeat: repeat;
border-radius: 14px;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #F7F7F7;
font-family: 'Leotaro', sans-serif;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

.months {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
}

.month {
flex: 1 1 calc(50% - 10px);
border: 1px solid #a9a9a9;
border-radius: 12px;
box-sizing: border-box;
text-align: justify;
padding: 10px;
font-family: 'Leotaro', sans-serif;
font-size:14px;
}

.month {
position: relative;
}

.month strong {
font-weight: bold;
}

.month em {
font-style: italic;
}
[/html]