Обновленная версия. В стартовом сообщении выложена хронология сюжетных квестов. Каждый игрок, будучи принятым, создает в данной теме свое сообщение, которое в дальнейшем редактирует по мере набора эпизодов. Шаблон свободный.
[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>
#ship7 {
--shtxt: #11001a; /* текст в заголовках*/
--shbg: #fdfbf9; /* фон в заголовках */
--shbrd: #11001a; /* границы заголовка и картинки */
--shots: 10px; /* отступы эпизодов друг от друга */
--shotg: 16px; /* отступ текста от картинки */
--shotz: auto auto 16px -40px; /* отступ заголовка */
--shgrad: linear-gradient(90deg, transparent 10%, #11001a 50%, transparent 90%);
}
#ship7 {max-width:700px; /* ограничиваем ширину блока*/
position:relative; overflow:hidden; box-sizing:border-box; display:grid; grid-template-columns: 120px auto; align-items: start; margin: 8px auto auto 2em;}
#ship7 * {box-sizing:border-box;}
#ship7 *::-webkit-scrollbar {width:3px; height:3px; background: rgba(0, 0, 0, 0.05);}
#ship7 *::-webkit-scrollbar-thumb {background: var(--shbg);}
#ship7 *::-webkit-scrollbar-corner {background: transparent;}
#ship7 .sh1 {display:block; min-height: 100px; height:100%; padding:0px !important; background: var(--shbg) 20% 0% repeat; border: 1px solid var(--shbrd);} /* shipovnik */
#ship7 .sh2 {display:block; height: 100%; width: auto; padding: 20px 6px 14px var(--shotg);}
#ship7 .sh3 {display:block; margin-top:34px;}
#ship7 .sh3:nth-child(1) {margin-top:0px;}
#ship7 h7 {font-family: 'Cuprum', Georgia, serif; font-size: 18px; display:block; background:var(--shbg); color:var(--shtxt); padding: 8px 14px 7px; width: 85%; margin: var(--shotz); border: 1px solid var(--shbrd);}
#ship7 p.sh5 {display:block; overflow:auto; scroll-behavior: smooth; padding-right:8px; max-height: 60px;}
#ship7 .sh4 {position:relative; padding: 0 !important; margin-bottom:var(--shots); text-align: justify; font-size: 11px; line-height: 120%;}
#ship7 .sh4:last-child {margin-bottom:0px;}
#ship7 .sh4::after {display:block; content:""; width:auto; height:1px; background:var(--shgrad); margin-top:var(--shots); }
#ship7 .sh4:last-child::after {display:none;}
#ship7 a.epss {font-family: 'Oswald', Tahoma, sans-serif; font-size: 15px; display:block; width:max-content;}
#ship7 .pers {font-size: 10px; font-family: Tahoma, sans-serif; color: rgba(0, 0, 0, 0.6); font-style:normal !important; display:block; width:max-content; margin: 3px auto 5px 0px;}
</style><div id="ship7"><!-- START -->
<div class="sh1" style="background-image:url(https://forumupload.ru/uploads/0013/e8/6e/4/360508.jpg);"></div><div class="sh2">
<!-------- ПЕРВЫЙ ГОД -------->
<div class="sh3"><h7> 2022, весна-лето </h7>
<!-- Эпизод_1 -->
<div class="sh4"><a href="https://torrance.rusff.me/viewtopic.php?id=124" class="epss"> 25 мая. Похороны | Завершен </a>
<em class="pers"> ГМ, Вайнона Уилсон(х), Билл Уилсон(х), Вернон Браун(х), Миа Тейлор(х) </em>
<p class="sh5">
Хоронят колбасного короля.
</p></div>
<!-- Эпизод_2 -->
<div class="sh4"><a href="https://torrance.rusff.me/viewtopic.php?id=97" class="epss"> 31 мая. Ярость </a>
<em class="pers"> ГМ, Дилан Деккер, Соня Хантинг, Сепиде Немати (вышла), Вайнона Уилсон(х), Миа Тейлор(х), Илай Гальяно, <br>
Изабель Уайт </em>
<p class="sh5">
Дилан Деккер устраивает стрельбу в школьном классе.
</p></div>
<!-- Эпизод_3 -->
<div class="sh4"><a href="https://torrance.rusff.me/viewtopic.php?id=106" class="epss"> 9 июня. INJD, ep. 1 | закрыт </a>
<em class="pers"> ГМ, Билл Уилсон(х) </em>
<p class="sh5">
Фред Фаренхайт, маньяк-гастролер, пробует новые методы.
</p></div>
<!-- Эпизод_4 -->
<div class="sh4"><a href="https://torrance.rusff.me/viewtopic.php?id=89#p3014" class="epss"> 3 июля. Гаражная распродажа | Завершен</a>
<em class="pers"> ГМ, Вайнона Уилсон(х), Билл Уилсон(х), Эмералд Торн, Нил Барретт, Джек Барретт, Кэрри Флэйм(х) </em>
<p class="sh5">
Гаражная распродажа у Фишеров. Кэти Фишер совершает акт самосожжения.
</p></div>
<!-- Эпизод_6 -->
<div class="sh4"><a href="#" class="epss"> 23 августа. Ураган </a>
<em class="pers"> Ведется запись. </em>
<p class="sh5">
В Торрансе буря столетия.
</p></div>
</div><!-- КОНЕЦ ГОДА -->
<!-------- ВТОРОЙ ГОД -------->
<div class="sh3"><h7> 2022, осень-зима </h7>
<!-- Эпизод_1 -->
<div class="sh4"><a href="#" class="epss"> День Лося </a>
<em class="pers"> Ведется запись. </em>
<p class="sh5">
После урагана город потихоньку восстанавливается и готовит ежегодное празднество.
</p></div>
<!-- Эпизод_2 -->
<div class="sh4"><a href="#" class="epss"> Легенда о Жертвенных столбах </a>
<em class="pers"> Ведется запись. </em>
<p class="sh5">
На одном из "легендарных" столбов найдена голова ребенка.
</p></div>
<!-- Эпизод_3 -->
<div class="sh4"><a href="#" class="epss"> Христианская молодежь </a>
<em class="pers"> Ведется запись. </em>
<p class="sh5">
Под прикрытием лагеря для христианской молодежи в Торрансе усиливает влияние деструктивная секта.
</p></div>
</div><!-- КОНЕЦ ГОДА -->
<!-- END --></div></div>[/html]
