Республиканский Вестник

[hideprofile][html]
<div class="republic-paper republic-paper--crime">

<div class="republic-paper__logo">
Хроника Нижнего Города
</div>

<div class="republic-paper__issue">
вечерний выпуск
</div>

</div>

<div class="republic-paper__meta">
<span>Республиканский город</span>
<span>01.02.9954</span>
<span>спецвыпуск</span>
</div>

<div class="crime-label">
сенсация
</div>

<div class="crime-title">
Аристократка из Страны Земли прибыла в столицу Республики! Кто такая Ишихиме?
</div>

<figcaption>
01.02.9954 — прибытие Ишихиме в Республиканский Город
</figcaption>
</figure>

<p>
Сегодня утром центральный вокзал Республиканского города стал сценой,
достойной светской хроники и полицейского донесения одновременно:
в город прибыла Ишихиме, загадочная аристократка из Царства Земли.
</p>

<p>
Очевидцы утверждают, что девушку узнали почти сразу. Кто-то слышал
о семье землевладельцев и строителей, приближённых к знати Ба Синг Се,
другие уверяют, что видели её картины или читали рассказы молодой
путешественницы, сбежавшей из Внутреннего кольца навстречу приключениям.
</p>

<p>
При этом прибыла Ишихиме без громкой свиты и лишней роскоши, чем только
сильнее удивила публику. Вместо охраны и слуг — дорожные сумки,
свободная одежда зелёно-золотых цветов и слишком живой интерес ко всему
происходящему вокруг.
</p>

<p>
Кто она на самом деле? Наследница старой земной знати? Эксцентричная
художница? Или девушка, чьё имя ещё не раз всплывёт в заголовках
республиканских газет?
</p>

<p>
Наши источники уверяют: Ишихиме прибыла в город не только ради
вдохновения. А вот что именно привело молодую аристократку в Республику
— вопрос, на который пока никто не готов дать ответ.
</p>

<div class="crime-label">
расследование
</div>

<div class="crime-title">
Кто крышует лавки Нижнего Города?
</div>

<figcaption>
торговцы всё чаще платят за «спокойную ночь»
</figcaption>
</figure>

<p>
Пока Совет Республики упражняется в красивых речах о безопасности,
владельцы лавок, чайных и мастерских Нижнего Города продолжают платить
за то, что в приличном обществе принято называть защитой.
</p>

<p>
Защита эта, по странному совпадению, требуется именно от тех людей,
которые её и предлагают. Отказавшихся платить ждут разбитые витрины,
пропавший товар и ночные пожары.
</p>

<p>
Особенно любопытна наглость сборщиков. Они не прячут лиц,
возвращаются после рейдов и ведут себя так, будто за их спинами
стоит кто-то значительно важнее обычной уличной банды.
</p>

<p>
Кто же этот невидимый покровитель? Уважаемый общественный деятель?
Человек с доступом к высоким кабинетам? Или полиция и банды давно
играют в одну партию: утром проводят рейд, вечером считают выручку?
</p>

<p>
Доказательств, разумеется, нет. Но Нижний Город давно научился
отличать случайность от слишком удобного совпадения.
</p>

</div>

</article>

<div class="crime-side-title">
Мстительный дух ночных крыш?
</div>

<p>
Жители Нижнего Города всё чаще рассказывают о загадочной фигуре,
появляющейся на крышах и в переулках после полуночи.
</p>

<p>
Одни уверяют, что это разгневанный дух, посланный Миром Духов
наказывать преступников Республики. Другие клянутся, будто видели,
как неизвестный перепрыгивал целые улицы и исчезал в клубах пара
над каналами.
</p>

<p>
В чайных лавках уже спорят, является ли ночной призрак магом,
духом, тайным полицейским или сыном какого-нибудь богача,
заскучавшим от роскошной жизни.
</p>

<p>
Особенно впечатлительные жители утверждают, что после появления
загадочной фигуры фонари начинают мерцать, а банды разбегаются
быстрее, чем при настоящем рейде.
</p>

</section>

<div class="crime-side-title">
Кофейная война
</div>

<p>
Хотеру, главный кофейный магнат города, вновь оказалась в центре
громкого скандала. Уже десять лет её бодрящий напиток сводит
Республику с ума, но секрет рецепта до сих пор не раскрыт.
</p>

<p>
Некий источник обвиняет Хотеру в присвоении наследия Страны Огня.
По его словам, знаменитый рецепт куда древнее, чем принято считать.
</p>

<p>
Сама Хотеру молчит, клиенты требуют ещё по чашке, а город уже спорит:
перед нами талантливый делец или человек, продавший чужую традицию
под собственной вывеской?
</p>

</section>

</aside>

</div>

<div class="crime-note">
<b>Транспорт.</b>
Инженеры Республики представили новую линейку пассажирских дирижаблей.
Их называют гордостью города и первым настоящим шагом в воздушное будущее.
</div>

<div class="crime-note">
<b>Слухи.</b>
Рабочие доков утверждают, что часть испытаний проходит в подозрительной
спешке. Владельцы компаний уверяют: поводов для тревоги нет.
</div>

<div class="crime-note">
<b>Город.</b>
Билеты на первые рейсы уже раскупают. Республика любит прогресс,
особенно когда он красиво блестит и летит над головами.
</div>

</div>

.republic-paper,
.republic-paper * {
box-sizing: border-box;
}

.republic-paper {
max-width: 980px;
margin: 0 auto;
padding: 18px;

color: var(--template-text);
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--template-bg) 94%, transparent),
color-mix(in srgb, var(--template-card) 92%, transparent)
);

border: 1px solid var(--template-border);
box-shadow:
inset 0 0 0 1px var(--white),
0 8px 24px var(--template-shadow);

font-family: var(--font-base);
line-height: 1.55;
}

.republic-paper--crime {
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--template-bg) 88%, transparent),
color-mix(in srgb, var(--blackmedium) 12%, transparent)
);
}

/* ================================
ШАПКА
================================ */

.republic-paper__top {
display: grid;
grid-template-columns: 90px 1fr 120px;
align-items: center;
gap: 12px;

padding-bottom: 8px;
border-bottom: 3px double var(--template-accent);
}

.republic-paper__mark,
.republic-paper__issue {
color: var(--template-accent);
font: 700 12px/1.2 var(--rus);
text-transform: uppercase;
text-align: center;
}

.republic-paper__logo {
color: var(--template-accent);
font: 700 34px/1 var(--eng);
text-align: center;
}

.republic-paper__meta {
display: flex;
justify-content: space-between;
gap: 10px;

margin: 6px 0 14px;
padding-bottom: 6px;

color: var(--template-muted);
border-bottom: 1px solid var(--template-border);

font: 700 10px/1.3 var(--rus);
text-transform: lowercase;
}

/* ================================
ОБЩАЯ СЕТКА ГАЗЕТЫ
================================ */

.republic-paper__grid {
display: grid;
grid-template-columns: minmax(0, 2fr) 230px;
gap: 16px;
}

.paper-main,
.paper-article,
.paper-sidebar section {
padding: 10px;

background: color-mix(in srgb, var(--template-card) 82%, transparent);
border: 1px solid var(--template-border);
}

.paper-main h2,
.paper-article h2,
.paper-sidebar h3,
.paper-bottom h3 {
margin: 0 0 8px;
padding: 0 0 6px;

color: var(--template-accent) !important;
border-bottom: 1px solid var(--template-border);

font: 700 18px/1.15 var(--rus);
text-transform: uppercase;
text-align: center;
}

.paper-main__body {
column-count: 2;
column-gap: 18px;
text-align: justify;
}

.paper-main p,
.paper-article p,
.paper-sidebar p,
.paper-bottom__grid div {
font-size: 11px;
line-height: 1.55;
text-align: justify;
}

.paper-main figure,
.paper-article figure {
break-inside: avoid;
margin: 8px 0;
}

.paper-main img,
.paper-article img {
display: block;
width: 100%;
height: auto;

filter: grayscale(1) contrast(1.05);
border: 1px solid var(--template-border-dark);
}

.paper-main figcaption,
.paper-article figcaption {
margin-top: 4px;

color: var(--template-muted);

font-size: 9px;
font-style: italic;
text-align: center;
}

.paper-sidebar {
display: flex;
flex-direction: column;
gap: 12px;
}

.paper-sidebar ul {
display: grid;
gap: 4px;

margin: 0;
padding: 0;

list-style: none;
}

.paper-sidebar li {
display: flex;
justify-content: space-between;
gap: 8px;

padding-bottom: 4px;
border-bottom: 1px solid var(--blackmedium);

color: var(--template-text);
font: 700 11px/1.3 var(--font-base);
}

.paper-sidebar li b {
color: var(--template-blue);
}

.paper-article {
grid-column: 1 / -1;
}

.paper-bottom {
margin-top: 16px;
padding-top: 10px;
border-top: 3px double var(--template-accent);
}

.paper-bottom__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}

.paper-bottom__grid div {
padding: 8px;

background: color-mix(in srgb, var(--template-soft) 78%, transparent);
border: 1px solid var(--template-border);
}

/* ================================
КРИМИНАЛЬНАЯ ХРОНИКА
================================ */

.crime-grid {
display: grid;
grid-template-columns: minmax(0, 2fr) 260px;
gap: 16px;
}

.crime-label {
display: inline-flex;
align-items: center;
justify-content: center;

margin-bottom: 10px;
padding: 4px 10px;

background: var(--template-blue);
color: var(--white);

font: 700 10px/1 var(--rus);
text-transform: uppercase;
letter-spacing: 1px;
}

.crime-title {
margin-bottom: 12px;

color: var(--template-accent) !important;

font: 700 28px/1 var(--rus);
text-align: left;
}

.crime-main figure {
margin: 0 0 12px;
}

.crime-main img {
display: block;
width: 100%;

border: 1px solid var(--template-border-dark);
filter: grayscale(1) contrast(1.05);
}

.crime-main figcaption {
margin-top: 6px;

color: var(--template-muted);

font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

.crime-main p {
margin-bottom: 10px;

font-size: 12px;
line-height: 1.65;
text-align: justify;
}

.crime-subarticle {
margin-top: 18px;
padding-top: 14px;

border-top: 1px solid color-mix(
in srgb,
var(--template-border-dark) 70%,
transparent
);
}

.crime-subarticle .crime-title {
margin-bottom: 10px;
font-size: 22px;
}

.crime-side {
display: flex;
flex-direction: column;
gap: 12px;
height: 100%;
}

.crime-side section {
flex: 1;

padding: 10px;

background: color-mix(in srgb, var(--template-card) 86%, transparent);
border: 1px solid var(--template-border);
}

.crime-side-title {
margin-bottom: 8px;

color: var(--template-accent);

font: 700 15px/1 var(--rus);
text-transform: uppercase;
}

.crime-side ul {
display: grid;
gap: 8px;

margin: 0;
padding: 0;

list-style: none;
}

.crime-side li {
padding-bottom: 6px;

border-bottom: 1px solid var(--blackmedium);

font-size: 11px;
line-height: 1.45;
}

.crime-side li:last-child {
padding-bottom: 0;
border-bottom: none;
}

.crime-side p {
font-size: 11px;
line-height: 1.55;
}

.crime-bottom {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;

margin-top: 16px;
}

.crime-note {
padding: 10px;

background: color-mix(in srgb, var(--template-soft) 82%, transparent);
border: 1px solid var(--template-border);

font-size: 11px;
line-height: 1.45;
}

/* ================================
МОБИЛЬНАЯ ВЕРСИЯ
================================ */

@media screen and (max-width: 540px) {
.republic-paper {
padding: 12px;
}

.republic-paper__top {
grid-template-columns: 1fr;
gap: 4px;
}

.republic-paper__logo {
font-size: 28px;
}

.republic-paper__meta {
flex-direction: column;
align-items: center;
gap: 3px;

text-align: center;
}

.republic-paper__grid,
.crime-grid,
.crime-bottom {
grid-template-columns: 1fr;
}

.paper-main__body {
column-count: 1;
}

.paper-main h2,
.paper-article h2,
.paper-sidebar h3,
.paper-bottom h3 {
font-size: 15px;
}

.paper-bottom__grid {
grid-template-columns: 1fr;
}

.crime-title {
font-size: 20px;
text-align: center;
}

.crime-subarticle .crime-title {
font-size: 18px;
}
}
</style>
[/html]

Avatar: Republic City

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

Республиканский Вестник

Сообщений 1 страница 1 из 1

Поделиться1Сегодня 13:14:46