[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>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 380px; /* ширина блока */
--chrbg: #cfc2b03; /* цвет фона */
--chrd: #6a8972; /* активный эпизод */
--chrc: #61605e; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px; padding:26px 20px 24px 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:14px; 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);}
.ch7 {display:block; font-family: Yeseva One, Georgia, serif; font-size: 22px; padding:0 0 8px 80px;}
</style>
<div class="chr2"><!----- START ----->

<div class="ch1">
  <div class="ch2"><em>13.11.1965 </em>
  Р.Г. Лестрейндж, Т.М. Реддл
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=305#p432" class="ch4">Его молчание — громкий крик.
</a>
  <p> Рудольфус Лестрейндж пришел к Темному Лорду дать личный оммаж и не только... </p>
  </div>
</div>

<div class="ch1">
  <div class="ch2"><em> 29.08.1966 </em>
Т.М. Реддл, Асгерд К.Нотт
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=342#p2106" class="ch4">Там, где сила верней закона</a>
  <p> Есть предложения, от которых не отказываются. И экскурсия по Церте для маленькой девочки — одно из них. Особенно, если ее проводит сам Тёмный Лорд. </p>
  </div>
</div>

<div class="ch1 close">
  <div class="ch2"><em> 22.09.1966 </em>
  Все чистокровные Рода
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=264#p348" class="ch4">Мабон 1966 года</a>
  <p> истокровные Рода съезжаются на ежегодные скачки, устраиваемые Родом Розье. Азарт, лошади и что бывает, если выбирать между долгом и честью </p>
  </div>
</div>
<div class="ch1 close">
  <div class="ch2"><em> 08.10.1966 </em>
Т.Т. Бэрк, Т.М. Реддл, НПС Д. Горбин
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=307#p434" class="ch4">Шут — дар. Король — судьба.</a>
  <p> Приезд Темного Лорда в лавку «Горбин и Бэрк» за подарком для своего клиссанга ко Дню Рождения. </p>
  </div>
</div>
<div class="ch1 close">
  <div class="ch2"><em> 15.10.1966</em>
Т.М. Реддл, Беллатрикс Блэк.
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=361#p3358" class="ch4">O temrora, o mores! </a>
  <p> Встреча известного политика и юной наследницы Рода Блэков для обсуждения тесного и глубоко сотрудничества в разрезе культурно-просветительской деятельности, которая и начинается странно и закончится — неизвестно как. </p>
  </div>
</div>
<div class="ch1 close">
  <div class="ch2"><em> 25.10.1966</em>
Т.М. Реддл, Р.Р. Лестрейндж
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=289#p390" class="ch4">Дружба — это верность до конца </a>
  <p> Разговор по душам между лучшими друзьями. </p>
  </div>
</div>
<div class="ch1 close">
  <div class="ch2"><em> 29.10.1966</em>
Т.М. Реддл, Р.Г. Лестрейндж, И.К. Розье
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=303#p428" class="ch4">Набег № 1 </a>
  <p> Два неугомонных брата дормарха пробираются в кабинет Лорда почесать зубы и размять лапы. </p>
  </div>
</div>
<div class="ch1">
  <div class="ch2"><em> 30.10.1966</em>
Т.М. Реддл, Р.Г. Лестрейндж, И.К. Розье
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=302#p426" class="ch4">Набег № 2 </a>
  <p> Перед Самайном два юных дормарха приглашены в кабинет Темного Лорда, чтобы получить еще одну дозу баловства и чесания за ухом </p>
  </div>
</div>
<div class="ch1">
  <div class="ch2"><em> 05.11.1966</em>
Т.М. Реддл, Т.Т. Бэрк
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=332#p594" class="ch4">Улыбка на миллион </a>
  <p> Темный Лорд сделал срочный заказ в лавке «Горбин и Бэрк» на двух ужасно ценных магических существ. И вот теперь пришло время его забирать. В конюшнях Бэрк-Холла. </p>
  </div>
</div>
<div class="ch1 close">
  <div class="ch2"><em> 13.11.1966</em>
Р.Г. Лестрейндж, Т.М. Реддл
  </div>
  <div class="ch3"><a href="https://mbritain.ru/viewtopic.php?id=306#p433" class="ch4">Огню — Ветер </a>
  <p> Темный Лорд поздравляет Наследника Рода Лестрейндж и своего клиссанга с Днем Рождения, вручая ему свой подарок. </p>
  </div>
</div>

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