[html]
<style> .fix {
position: relative;
    width: 500px;
    height: 300px;
    background: #bedca7;
    margin: 25px auto;
    outline: 5px solid #93ae7f;
    /* outline-offset: 18px; */
    padding: 12px;
    display: box;
}
.fixcred {
position: absolute;
width: 600px;
top: 330px;
text-align: right;
font-size: 8px;
font-family: arial;
text-transform: uppercase;
color: #aaa!important;
text-decoration: none
}
.fixtabs {
margin: 0px auto;
position: relative;
right: 0px;
width: 500px;
height: 100%
}
.fixtab {
    display: inline-block;
margin-left: 30px;
}
.fixtab label {
display: block;
    width: 150px;
    height: 20px;
    background: #fff;
    /* border: 1px solid #ccc; */
    margin-bottom: 10px;
    font: 400 13px 'cambria', sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    position: relative;
    left: -20px;
    top: 20px;
    color: #425832;
    padding-top: 5px;
    z-index: 2;
}
.fixtab input[type=radio]:checked ~ label {
background: #ccc;
font-style: italic;
z-index: 2
}
.fixtab input[type=radio] {
display: none;
}
.fixcontent {
position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #e1e1e1;
    padding: 0px 3px;
    /* border: 20px solid #fff; */
    /* outline: 5px solid #8aaa70; */
    overflow: auto;
}
.fixtab input[type=radio]:checked ~ label ~ .fixcontent {
z-index: 1
}
.fixtab input[type=radio]:checked ~ label ~ .fix-icon {
opacity: 1
}
.fix-box {
height: 150px;
    padding: 10px;
    position: absolute;
    background: transparent;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    left: 0px;
    width: 480px;
    top: 80px;
    overflow: auto;
}
.fix-icon {
width: 60px;
height: 60px;
padding: 4px;
background: #fff;
border: 3px solid #ccc;
border-radius: 50%;
position: absolute;
top: 10px;
right: 15px;
background-size: cover
}
.fix-icon img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover
}
.fix-box text {
color: #555;
text-align: justify;
font: 300 9.5px/120%'Work Sans', sans-serif;
letter-spacing: 0.5px
}
.fixname {
position: absolute;
right: 100px;
top: 35px;
text-align: right;
text-transform: uppercase;
font: 700 16px/150%'Work Sans', sans-serif;
letter-spacing: 1px;
width: 200px
}
.fixname l {
font-size: 9.5px;
font-weight: 300;
line-height: 100%;
text-transform: lowercase
}
.fix-box::-webkit-scrollbar {
display: none!important
}
</style>
<link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,700" rel="stylesheet">

<center>
<div class="fix">
<div class="fixtabs">
<div class="fixtab">
   <input type="radio" id="fixtab-1" name="fixtab-group-1" checked>
   <label for="fixtab-1">Вестерос</label>
   <div class="fixcontent">
    <div class="fix-box">
        <text>
      <p>

22.02.298 — В Зачарованном Лесу, в девяти днях пути от Стены, разведчики Ночного Дозора сталкиваются с Иными.<br>

08.03.298 — Турнир в Королевской Гавани в честь двенадцатых именин Джоффри.<br>
22.03.298 — Смерть Джона Аррена.<br>
24.03.298 — Лиза Аррен тайно покидает столицу.<br>
26.03.298 — <a href="http://298.rusff.ru/viewtopic.php?id=163#p7249">Искусство компромиссов </a> [Красный замок]  —После побега Лизы Аррен королева приходит обсудить с королем кандидатуру нового Десницы. Роберт объявляет о решении сделать Десницей Эддарда Старка, Серсея добивается назначения Джейме Ланнистера Хранителем Востока. <br>

05.04.298 — Король выезжает из столицы на Север.<br>
05.04.298 — Казнь Гареда в Зимнем городке под Винтерфеллом. <br>
05.04.298 — Старки находят лютоволчат.<br>
05.04.298 — Весть оприезде короля прилитает в Винтерфелл. <br>

20.05.298 — Станнис покидает столицу.<br>

08.06.298 — Король прибывает в Винтерфелл.<br>
14.06.298 — Мейстер Лювин показывает Старкам хитро доставленное письмо от Лизы Аррен.<br>
22.06.298 — Варис отправляет гонца к королю с вестями о замужестве Дейнерис.<br>
23.06.298 — Бран становится свидетелем любовного свидания Джейме и Серсеи. Джейме сбрасывает мальчика с башни.<br>

05.07.298 — День отъезда короля.<br>
13.07.298 — Покушение на Брана. <br>
24.07.298 — Королевская делигация достигает Перешейка. <br>
26.07.298 — Бенджен Старк, Джон Сноу и Тирион Ланнистер прибывают в Чёрный Замок.  <br>
29.07.298 — Кейтилин и Родрик Кассель добираются до Белой Гавани. <br>
30.07.298 — Бенджен Старк с патрулём отправляется на разведку в Земли за Стеной.<br>

05.08.298 — Кейтилин и Родрик Кассель отплывают из Белой Гавани.<br>
08.08.298 — Ренли Баратеон, Барристан Селми и Илин Пейн выезжают из столицы для встречи короля.<br>
18.08.298 — Тирион Ланнистер на прощальном обеде у лорда-командующего Мормонта. <br>
19.08.298 — Драка Арьи и Джоффри из-за Мики.<br>
22.08.298 — Бран очнулся.<br>
23.08.298 — Суд в замке Дарри <br>
27.08.298 — В Чёрный Замок приходят вести об очнувшемся Бране.<br>
29.08.298 — Кейтилин прибывает в столицу.<br>

08.09.298 — Королевская делегация прибывает в столицу. <br>
08.09.298 — Петир Бейлиш провожает Эддарда к Кейтилин, где Старк узнаёт подробности о покушении на Брана.<br>
09.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=382">Такие разные Ланнистеры</a> [Королевская Гавань. Красный Замок] — Королева Серсея Ланнистер отправляет свою фрейлину шпионить за Сансой Старк. <br>
10.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=45">Пташкам место в клетке </a> [Королевская Гавань. Красный Замок] —Лорд Варис рассказал сиру Джейме Ланнистеру о планах лорда Реннли Баратеона и Тиреллов женить леди Маргери Тирелл на короле Роберте Баратеоне<br>
10.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=358">И вспомнил отец о сыне</a> [Железные острова. Пайк]  — Лорд Бейлон Грейджой отправляет Ашу Грейджой в Королевскую Гавань, чтобы она попросила короля Роберта Баратеона отослать Теона Грейджоя обратно на Пайк. <br>
10.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=408"> Еще один ненужный день </a> [Королевская Гавань. Красный замок]  —Серсея узнает о планах Ренли Баратеона  <br>
11.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=363">Маму нужно слушать!</a> [Королевская Гавань. Красный Замок]  —Серсея уговаривает Джоффри помирится с Сансой Старк. <br>
12.09.298 — В Королевскую Гавань прибыли принцы Оберин и Квентин Мартеллы. <br>
14.09.298 — Тирион в Винтерфелле предлагает Старкам чертёж особого седла для Брана.  <br>
15.09.298 — В Королевскую Гавань прибыли Уиллас и Маргери Тиреллы. <br>
15.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=62">Воссоединение семьи</a> [Королевская Гавань. Красный Замок]  —Тиреллами принято совместное решение отказаться от идеи развода Роберта и Серсеи, вместо это они собираются предложить Ренли более выгодное экономическое соглашение. <br>
18.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=318">За городскими стенами</a> [Королевская Гавань. Красный Замок]  — Тиреллам становится известно о болезни отца, слегшего с лихорадкой. Уиллас получает в письме Оленны подписанное отцом дозволение представлять дом Тиреллов и Простор по всем дипломатическим и экономическим вопросам. <br>
18.09.298 — <a href="http://298.rusff.ru/viewtopic.php?id=388#p32002">Деловой подход </a> [Королевская Гавань. Красный Замок] —Тиреллы заключают экономическое соглашение с Ренли Баратеоном, входя в число кредиторов короны, дабы несколько уменьшить влияние семейства Ланнистеров <br>
31.09.298 — Тирион Ланнистер прибывает в Белую Гавань.<br>
31.09 — 24.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=147">Морской Бес</a> [Узкое море, переход от Белой Гавани до Королевской Гавани]  — Нападение пиратов из Трех Сестер на Тириона Ланнистера<br>
01.10.298 — Начало турнира в честь десницы. <br>
01.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=222">Спасти рыцаря</a> [Королевская Гавань. Красный замок.]  — лорд Крейн, Лорас Тирелл, Оберин Мартел предотвращают убийство сира Хью. Заказчик убийства сбегает, подозрение падает на Ланнистеров <br>
15.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=226">Мир в огне</a>  [Драконий Камень]  — Мелисандра говорит лорду Станнису Баратеону, что он обещанный принц, который должен спасти мир от Великого Иного, но тот ей не верит. <br>
19.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=193">Наши сети притащили карлика...</a> [Драконий Камень]  — Тирион Ланнистер прибывает на Драконий Камень и извещает лорда Станниса Баратеона о том, что на его корабль напали пираты. Станнис готовит корабли, чтобы отправиться на Три Сестры <br>
20.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=289">Малый совет</a> [Королевская Гавань. Красный замок]  — Король приказывает усмирить пиратов из Трех Сестер и  убить Дейнерис Таргариен<br>
24.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=426">О долге и чести </a> [Королевская Гавань. Красный замок] — Джейме Ланнистер возглавляет военную компанию на Трех Сестрах.  <br>
26.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=396">Баратеонов много не бывает</a> [Королевская Гавань. Красный замок] — Король Роберт Баратеон решает призвать Ширен Баратеон ко двору.  <br>
27.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=351">Pасследование вели...</a> [Королевская Гавань. Красный замок.]  — Лорд Варис подтверждает догадки лорда Эддарда Старка, что смерть лорда Джонна Аррена — это не желание богов, а убийство.<br>
28.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=379">Яблоко от яблони</a> [Королевская Гавань. Стальная улица.]  — Лорд Эддард Старк встречает Джендри. <br>
30.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=397">Король и принцесса </a> [Королевская Гавань. Красный Замок]  —Приезд леди Ширен Баратеон в Королевскую Гавань  <br>
30.10.298 — <a href="http://298.rusff.ru/viewtopic.php?id=211">За двумя зайцами...</a> [Королевская Гавань. Красный замок.]  — Лорд Петир Бейлиш узнал, что у лорда Вариса была встреча с магистром Илларио.<br>
02.11.298 — <a href="http://298.rusff.ru/viewtopic.php?id=316">Падение Белой Гавани</a> [Север. Белая Гавань]  — Нападение на Белую Гавань пиратами из Трех Сестер.<br>
11.11.298. — <a href="http://298.rusff.ru/viewtopic.php?id=463">Золотая рыбка попала не в те лапки </a> [Долина Аррен. Систертон]  — Кейтилин Старк попадает в плен к  Годрику Борреллу. <br>
15.11.298 — <a href="http://298.rusff.ru/viewtopic.php?id=355#p27781">«Попался!»</a> [Королевская гавань. Красный замок] — Алан Крейн, Лорас Тирелл и Оберин Мартелл узнают, что убийство оруженосца Джона Аррена было организовано королевой Серсеей. Принц Оберин отпускает одного из исполнителей, готовясь к активным действиям.<br>
16.11.298 — <a href="http://298.rusff.ru/viewtopic.php?id=429">Последний пир перед чумой </a> [Королевская Гавань, Красный замок]  — Обреин Мартелл и Алан Крейн обвиняют королеву Серсею в убийстве. Король Роберт провозглашает королевский суд <br>
</p> 
     </text>
     </div>
     </div>
</div>
<div class="fixtab">
   <input type="radio" id="fixtab-2" name="fixtab-group-1">
   <label for="fixtab-2">Хронология Эссоса</label>
   <div class="fixcontent">
    <div class="fix-box">
     <text>
      <p>
02.01.298 — Помолвка Дейнерис и кхала Дрого.<br>
08.02.298 — Свадьба Дейнерис и Дрого.<br>
17.04.298 — В Дотракийском море — день унижения Визериса <br>
17.04.298 — Ночь зачатия сына Дейнерис.<br>
28.05.298 — Именины Дейнерис — ей 14 лет, в этот день она убеждается в своей беременности.<br>
18.09.298 — Кхаласар Дрого наконец приходит в Вейес Дотрак.<br>
17.10.298 — Смерть Визериса.<br>
</p>
     
     </text>
    </div>
   </div>

   </div> </div>

</center>[/html]


После завершение сюжетного эпизода, игроки обязаны внести его в хронологию, использую шаблон:

шаблон
Код:
дд.мм.гг. — <a href="ссылка на эпизод">Название </a> [Место действий]  —Краткое описание  <br>