Informacje Prezydenta Miasta o działaniach podjętych w okresie między sesjami Rady Miasta<style type="text/css">/* --- GŁÓWNE USTAWIENIA LISTY ARCHIWALNEJ --- */
.session-archive {
max-width: 800px;
margin: 0 auto; /* Wyśrodkowanie kontenera na stronie */
font-family: system-ui, -apple-system, sans-serif;
color: #333333;
line-height: 1.6;
}
/* Główny nagłówek sekcji (Zaczynamy od H2, omijając H1 Trap!) */
.session-archive h2 {
font-size: 24px;
color: #002672; /* Granat miejski */
border-bottom: 3px solid #f20000; /* Czerwony akcent miejski */
padding-bottom: 10px;
margin-bottom: 25px;
}
/* Kontener Flexbox układający kafelki w pionowy rząd */
.session-list {
display: flex;
flex-direction: column;
gap: 15px; /* Automatyczny odstęp między kafelkami */
}
/* Wygląd każdego kafelka-linku (ujednolicony styl dla wszystkich wpisów) */
.session-item {
display: block; /* Zamienia link w pełny, łatwy do kliknięcia przycisk */
padding: 15px 20px;
background-color: #fff5f5; /* Delikatne, ciepłe czerwone tło */
border-left: 5px solid #f20000; /* Pasek boczny w miejskiej czerwieni */
border-radius: 6px;
text-decoration: none; /* Usunięcie domyślnego podkreślenia linku */
color: #333333;
transition: all 0.25s ease; /* Płynna animacja najechania myszką */
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
/* Efekt interakcji po najechaniu kursorem (Hover) */
.session-item:hover {
background-color: #ffffff;
box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* Efekt uniesienia kafelka */
transform: translateX(5px); /* Płynne wysunięcie w prawą stronę */
}
/* Wygląd daty wewnątrz kafelka */
.session-date {
display: block;
font-size: 14px;
color: #666666;
margin-bottom: 5px;
}
/* Wygląd tytułu wewnątrz kafelka */
.session-title {
display: block;
font-size: 18px;
font-weight: bold;
color: #f20000; /* Miejska czerwień dla tytułu */
}
</style>
<!-- STRUKTURA HTML -->
<div class="session-archive">
<h2>Informacja Prezydenta Miasta o działaniach podjętych w okresie między sesjami</h2>
<div class="session-list"><!-- SESJA Z 30 LIPCA 2026 R. (NAJNOWSZA) --><a class="session-item" href="https://mieszkancy.chorzow.eu/article/30-lipca-2026-r-xxxiv-sesja-rady-miasta-chorzow"><span class="session-date">30 lipca 2026 r.</span> <span class="session-title">XXXIV Sesja Rady Miasta Chorzów</span> </a> <!-- SESJA Z 25 CZERWCA 2026 R. --> <a class="session-item" href="https://mieszkancy.chorzow.eu/article/25-czerwca-2026-r-xxxiii-sesja-rady-miasta-chorzow"> <span class="session-date">25 czerwca 2026 r.</span> <span class="session-title">XXXIII Sesja Rady Miasta Chorzów</span> </a> <!-- SESJA Z 28 MAJA 2026 R. --> <a class="session-item" href="https://mieszkancy.chorzow.eu/article/28-maja-2026-r-xxxii-sesja-rady-miasta-chorzow"> <span class="session-date">28 maja 2026 r.</span> <span class="session-title">XXXII Sesja Rady Miasta Chorzów</span> </a></div>
<!-- /koniec .session-list --></div>
<!-- /koniec .session-archive -->2026-07-30 13:55:212026-07-30 13:55:21