[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style><style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 600px; /* ширина блока */
--chrbg: rgb(20 27 37 / 12%); /* цвет фона */
--chrd: #cbc084; /* активный эпизод */
--chrc: #897047; /* закрытый эпизод */
--chbs: #897047; /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius: 16px; border:1px solid var(--chbs);
margin:10px auto 10px 30px; padding: 30px 20px 30px 10px; position:relative;}
.chr2 p {padding: 0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top: 0px;}
.ch1:last-of-type {padding-bottom: 0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right: 10px; border-right: 1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left: 14px; text-align: justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size: 16px; padding-bottom: 4px; }
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size: 18px; letter-spacing: 0.03em;}
.ch1:before {content:''; display:block; width: 12px; height: 12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
</style>

<div class="chr2"><!----- START ----->

<div class="ch1">
  <div class="ch2"><em> Лето 1556 г.</em>
Francheska Orio, Rafael Navarro
  </div>
  <div class="ch3"><a href="https://renaissance.f-rpg.me/viewtopic.php?id=385" class="ch4">  Мы с вами где-то встречались</a>
  <p>Кладбище недалеко от замка графа Наварро
Прогуливаясь ночью по кладбищу с целью… не важно какой целью, совершенно не ожидаешь встретить того, с кем когда-то учился в одной академии.</p>
  </div>
</div>

<div class="ch1">
  <div class="ch2"><em> лето 1562 г. </em>
Rafael Navarro, Victoria Riario
  </div>
   <div class="ch3"><a href="https://renaissance.f-rpg.me/viewtopic.php?id=391" class="ch4"> До дна</a>
  <p>Палаццо делла Роза Бьянка, Кастилия, лето 1562 года
А о сем событии летописи умолчали, но сказывают, будто герцогиня Риарио ступила однажды в башню доктора Наварро, да вышла лишь поутру и столь хмурой, будто смерть свою увидала.
Вестимо, замешана темная магия.
Возможно, темная нефильтрованная.</p>
  </div>
</div>

<div class="ch1">
  <div class="ch2"><em> 1562 г.</em>
Rafael Navarro, Tacito
</div>
  <div class="ch3"><a href="https://renaissance.f-rpg.me/viewtopic.php?id=369" class="ch4"> Кажется, нам здесь не рады...</a>
  <p> Удаленный флигель в  Палаццо делла Роза Бьянка, окрестности столицы /Середина сезона плодов 1562 г.
Странная смерть, странные похороны, странное… да много еще странного. И во всем этом стоит разобраться!</p>
  </div>
</div>

<div class="ch1">
  <div class="ch2"><em> 10 марта 1563 г. </em>
Priscilla Laufer, Rafael Navarro, Tacito
  </div>
   <div class="ch3"><a href="https://renaissance.f-rpg.me/viewtopic.php?id=427#p47322" class="ch4"> Спящая красавица, или Сказка о мертвой царевне</a>
  <p>по дороге на замок Эствуд в Айзене
Жила была девушка. А потом она умерла. Или...</p>
  </div>
</div>

<div class="ch1 close">
  <div class="ch2"><em> Дата </em>
Кто
  </div>
  <div class="ch3"><a href="https://renaissance.f-rpg.me/" class="ch4"> Название эпизода </a>
  <p> Описание </p>
  </div>
</div>

<!----- END -----></div>[/html]

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style><style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 600px; /* ширина блока */
--chrbg: rgb(20 27 37 / 12%); /* цвет фона */
--chrd: #cbc084; /* активный эпизод */
--chrc: #897047; /* закрытый эпизод */
--chbs: #897047; /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius: 16px; border:1px solid var(--chbs);
margin:10px auto 10px 30px; padding: 30px 20px 30px 10px; position:relative;}
.chr2 p {padding: 0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top: 0px;}
.ch1:last-of-type {padding-bottom: 0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right: 10px; border-right: 1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left: 14px; text-align: justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size: 16px; padding-bottom: 4px; }
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size: 18px; letter-spacing: 0.03em;}
.ch1:before {content:''; display:block; width: 12px; height: 12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
</style>

<div class="chr2"><!----- START ----->

<div class="ch1">
  <div class="ch2"><em> 02.02.1563 г.</em>
Laurent von Gessen, Gerhard von Reichenbach
  </div>
  <div class="ch3"><a href="https://renaissance.f-rpg.me/viewtopic.php?id=388" class="ch4">  Hic mortui vivunt, hic muti loquuntur</a>
  <p>Глава, в которой Его Высочество узнает правду о драконе Райхенбахов.</p>
  </div>
</div>

<!----- END -----></div>[/html]

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style><style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 600px; /* ширина блока */
--chrbg: rgb(20 27 37 / 12%); /* цвет фона */
--chrd: #cbc084; /* активный эпизод */
--chrc: #897047; /* закрытый эпизод */
--chbs: #897047; /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius: 16px; border:1px solid var(--chbs);
margin:10px auto 10px 30px; padding: 30px 20px 30px 10px; position:relative;}
.chr2 p {padding: 0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top: 0px;}
.ch1:last-of-type {padding-bottom: 0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right: 10px; border-right: 1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left: 14px; text-align: justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size: 16px; padding-bottom: 4px; }
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size: 18px; letter-spacing: 0.03em;}
.ch1:before {content:''; display:block; width: 12px; height: 12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
</style>

<div class="chr2"><!----- START ----->

<div class="ch1">
  <div class="ch2"><em> 1544 г.</em>
Filomena Berg, Hugo of Freiburg
  </div>
  <div class="ch3"><a href="https://renaissance.f-rpg.me/viewtopic.php?id=373" class="ch4">  Иногда душе полезно исповедаться</a>
  <p>Безгрешность — святость. Молитва — спасает. Исповедь помогает не сойти с ума. Грех... а грех, это грех. Но как же он притягателен..</p>
  </div>
</div>

<!----- END -----></div>[/html]

Отредактировано Rafael Navarro (2025-10-22 18:43:59)