Новые новости

[html]<style>
section.news-compact {
width: 1000px;
height: 448px;
position: relative;
margin: 0 auto !important;
background: url(https://forumstatic.ru/files/001c/a5/fe/16124.jpg) no-repeat center / cover;
border-radius: 10px;
box-sizing: border-box;
}

section.news-compact * {
box-sizing: border-box;
scrollbar-gutter: stable;
}

section.news-compact tabla_news {
top: 101px;
left: 31px;
width: 185px;
height: 290px;
}

section.news-compact tabla_news tn {
flex-direction: column;
overflow: auto;
height: 285px;
padding-right: 3px;

}

section.news-compact tabla_news tn a {
flex-shrink: 0;
width: 100%;
}

section.news-compact .activists.one {
top: 384px;
left: 334px;
width: 122px;
height: 40px;
flex-direction: row;
gap: 4px;
}

section.news-compact .activists.three {
top: 384px;
left: 742px;
width: 122px;
height: 40px;
flex-direction: row;
gap: 4px;
}

section.news-compact .comp-news-ep {
width: 281px;
min-height: 32px;
height: auto;
top: 388px;
padding: 12px 15px 8px;
left: 458px;
border-radius: 5px;
background: rgba(18, 18, 18, 0.9);
border: 1px solid rgba(253, 253, 253, 0.1);
position: absolute;
color: white;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-family: Spectral;
font-weight: 400;
font-size: 12px;
line-height: 120%;
letter-spacing: -2%;
text-align: center;
}

section.news-compact .comp-news-ep::before {
content:'';
left: 50%;
transform: translateX(-50%);
position: absolute;
top: -22px;
width: 116px;
height: 43px;
background-image: url(https://forumstatic.ru/files/001c/a5/fe/21752.png);
}

section.news-compact section.headwriters a, section.news-compact .activists a {
display: flex;
width: 31px;
height: 31px;
}

section.news-compact section.headwriters a img, section.news-compact .activists a img {
display: flex;
width: 27px;
height: 27px;
}

section.news-compact .comp-news-post {
width: 140px;
max-height: 168px;
top: 104px;
left: 791px;
display: block;
position: absolute;
}

section.news-compact .comp-news-post span {
display: -webkit-box;
-webkit-line-clamp: 14;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-family: Pragmatica;
font-weight: 400;
font-size: 9px;
line-height: 130%;
letter-spacing: -2%;
text-align: center;
color: white;
position: relative;
width: 100%;
white-space: pre-wrap;
}

section.news-compact .comp-news-post a {

background: linear-gradient(90deg, #151515 0%, #2F2F2F 100%);
display: block;
font-family: Spectral;
font-weight: 400;
font-style: Regular;
font-size: 11px;
line-height: 90%;
letter-spacing: -2%;
text-align: center;
color: white;
border-radius: 8px;
padding: 2px 5px 5px;
margin-top: 20px
}

.comp-news-body {
font-family: Pragmatica;
font-weight: 400;
font-size: 11px;
line-height: 137%;
letter-spacing: 0%;
width: 515px;
height: 245px;
position: absolute;
top: 101px;
left: 250px;
overflow: auto;
padding-right: 5px;
color: #bfbfbf;
white-space: pre-wrap;
}

</style>

<div class='comp-news-body'>Воскресенье катится к своему завершению — запрыгиваем в последние часы с новой порцией новостей!

Месяц после открытия — полёт не просто нормальный, а отличный! Мы продолжаем дополнять матчасть на основе ваших вопросов (не стесняйтесь приходить, мы всегда рады помочь) и стараемся радовать вас всем, чем можем. Итак, крутите барабан! Что хотите изучить поближе? Рассказываем про Торговую палату, чуть-чуть дополняем про Коллегию, показываем красивое в плашечной! Да-да, мы наконец-то добавили для вас первый набор достижений, которые вы можете выполнить и забрать себе в профиль новую плашку.

О другом важном: некоторые уже заметили, что в личном деле пропали картинки. Простите, это я опять все сломала. Мы дополнили шаблон личного звания, так что у вас есть время выбрать себе картинку для ЛД, пока я не села заполнять его на своё усмотрение. Кстати, вы уже должны были заметить, что под организационной появилась дополнительная категория — летописи. Здесь вы можете оформить свою хронологию эпизодов и добавить любые детали о персонаже в удобном для вас формате.

Коллегию, показываем красивое в плашечной! Да-да, мы наконец-то добавили для вас первый набор достижений, которые вы можете выполнить и забрать себе в профиль новую плашку.

<tabla_news><tn class="hscroll">

<a href="https://dagort.f-rpg.me/viewtopic.php?id=46#p135920"><span>28/01</span><b>новости#26</b><i>запоздавшие</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=790#p132138"><span>15/01</span><b>ивент #14.1</b><i>дорога в прошлое: общая тема</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=789"><span>15/01</span><b>ивент #14.1</b><i>дорога в прошлое: запись</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=46#p132114"><span>15/01</span><b>новости #25.1</b><i>про ивенты с зарисовками</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=46#p131214"><span>12/01</span><b>новости #25</b><i>первые в 2026</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=46#p128845"><span>31/12</span><b>новости #24</b><i>подводим итоги за год</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=46#p128395"><span>30/12</span><b>новости #23.1</b><i>квесты и сроки в новый год</i></a>
<a href="https://dagort.f-rpg.me/viewtopic.php?id=46#p127831"><span>28/12</span><b>новости #23</b><i>начинаем обратный отсчет</i></a>
</tn></tabla_news>

</div>

</div>

<a href='#' class='comp-news-ep'> 
9, месяц Ветров — это всё ради искусства
</a>

<div class='comp-news-post'><span>
Не помнит… Не помнит… Не помнит…
Холод сковал разум. И даже вмиг показалось, что затихли голоса. Вдруг всё потеряло краски.
Всё стало плоским. Чужим. Даже тело. Даже дыхание. А перед глазами — пелена.
И лишь мамин голос пробивался сквозь вату рушащегося на глазах мира. — Простите, — слабым голосом пробормотала Маркс, — просто… Вы так похожи на мою маму.
</span>
<a href='#'>10, месяц жатвы, 501 — пешки не ходят назад</a>
</div>

</section>[/html][hideprofile]