Konečné výsledky ZT 2026
<style>
/* Hlavní kontejner výsledků */
.pkfl-vysledky-wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
max-width: 950px;
margin: 20px auto;
padding: 25px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
/* Nadpisy */
.pkfl-hlavni-nadpis {
font-size: 26px;
font-weight: 800;
color: #0f172a;
text-align: center;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.pkfl-podnadpis {
font-size: 15px;
color: #64748b;
text-align: center;
margin-bottom: 35px;
}
/* Sekce jednotlivých lig */
.pkfl-liga-sekce {
margin-bottom: 40px;
}
.pkfl-liga-nazev {
font-size: 19px;
font-weight: 700;
color: #1e3a8a; /* Tmavě modrá PKFL barva */
border-bottom: 3px solid #3b82f6;
padding-bottom: 8px;
margin-bottom: 15px;
}
/* Responzivní obal na tabulku (aby na mobilu rolovala do stran a nerozbila web) */
.pkfl-tabulka-scroll {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 8px;
border: 1px solid #e2e8f0;
}
/* Samotná tabulka */
.pkfl-tabulka {
width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 14px;
min-width: 600px; /* Zajistí, že se tabulka na mobilu nesrazí k nečitelnosti */
}
/* Hlavička tabulky */
.pkfl-tabulka th {
background-color: #f8fafc;
color: #475569;
font-weight: 700;
padding: 14px 16px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
border-bottom: 2px solid #e2e8f0;
}
/* Buňky tabulky */
.pkfl-tabulka td {
padding: 12px 16px;
border-bottom: 1px solid #e2e8f0;
vertical-align: middle;
}
/* Střídání barev řádků (Zebra) */
.pkfl-tabulka tbody tr:nth-child(even) {
background-color: #f8fafc;
}
/* Efekt při najetí myší */
.pkfl-tabulka tbody tr:hover {
background-color: #f1f5f9;
transition: background-color 0.15s ease;
}
/* Pomocné třídy pro zarovnání */
.txt-center { text-align: center; }
.txt-bold { font-weight: bold; }
/* Sloupec s pořadovým číslem */
.poradi-cell {
width: 45px;
font-weight: 700;
text-align: center;
}
/* Vizuální zvýraznění klíčových pozic */
.pkfl-tabulka tr.vitez .poradi-cell {
background-color: #fef08a; /* Zlatá pro mistra ligy */
color: #854d0e;
}
.pkfl-tabulka tr.postup .poradi-cell {
background-color: #dcfce7; /* Zelená pro postupující */
color: #15803d;
}
.pkfl-tabulka tr.sestup .poradi-cell {
background-color: #fee2e2; /* Červená pro sestupující */
color: #b91c1c;
}
/* Sloupec s názvem týmu */
.tym-cell {
font-weight: 600;
color: #0f172a;
}
/* Výraznější sloupec pro konečné body */
.body-cell {
font-weight: 700;
color: #0f172a;
background-color: rgba(241, 245, 249, 0.5);
}
</style>
<div class="pkfl-vysledky-wrapper">
<div class="pkfl-hlavni-nadpis">Konečné výsledky PKFL 2024</div>
<div class="pkfl-podnadpis">Oficiální konečné tabulky uplynulé sezóny</div>
<!-- UKÁZKA: 1. LIGA -->
<div class="pkfl-liga-sekce">
<div class="pkfl-liga-nazev">1. liga</div>
<div class="pkfl-tabulka-scroll">
<table class="pkfl-tabulka">
<thead>
<tr>
<th class="txt-center">Poř.</th>
<th>Tým</th>
<th class="txt-center">Z</th>
<th class="txt-center">V</th>
<th class="txt-center">R</th>
<th class="txt-center">P</th>
<th class="txt-center">Skóre</th>
<th class="txt-center" style="width: 70px;">Body</th>
</tr>
</thead>
<tbody>
<!-- Třída "vitez" obarví první políčko do zlaté -->
<tr class="vitez">
<td class="poradi-cell">1.</td>
<td class="tym-cell">FC Champion Praha</td>
<td class="txt-center">22</td>
<td class="txt-center">18</td>
<td class="txt-center">2</td>
<td class="txt-center">2</td>
<td class="txt-center">85:30</td>
<td class="txt-center body-cell">56</td>
</tr>
<!-- Třída "postup" (pokud z nižších lig někdo postupuje výše) -->
<tr class="postup">
<td class="poradi-cell">2.</td>
<td class="tym-cell">AC Postupující Hvězdy</td>
<td class="txt-center">22</td>
<td class="txt-center">15</td>
<td class="txt-center">3</td>
<td class="txt-center">4</td>
<td class="txt-center">62:35</td>
<td class="txt-center body-cell">48</td>
</tr>
<!-- Klasický řádek (střed tabulky) -->
<tr>
<td class="poradi-cell">3.</td>
<td class="tym-cell">Sportovní klub Letná</td>
<td class="txt-center">22</td>
<td class="txt-center">12</td>
<td class="txt-center">4</td>
<td class="txt-center">6</td>
<td class="txt-center">55:41</td>
<td class="txt-center body-cell">40</td>
</tr>
<tr>
<td class="poradi-cell">4.</td>
<td class="tym-cell">FC Klidný Střed</td>
<td class="txt-center">22</td>
<td class="txt-center">10</td>
<td class="txt-center">5</td>
<td class="txt-center">7</td>
<td class="txt-center">48:45</td>
<td class="txt-center body-cell">35</td>
</tr>
<!-- Třída "sestup" obarví políčko červeně -->
<tr class="sestup">
<td class="poradi-cell">11.</td>
<td class="tym-cell">SK Ohrožení Sestupem</td>
<td class="txt-center">22</td>
<td class="txt-center">4</td>
<td class="txt-center">3</td>
<td class="txt-center">15</td>
<td class="txt-center">32:65</td>
<td class="txt-center body-cell">15</td>
</tr>
<tr class="sestup">
<td class="poradi-cell">12.</td>
<td class="tym-cell">FC Poslední Místo</td>
<td class="txt-center">22</td>
<td class="txt-center">2</td>
<td class="txt-center">2</td>
<td class="txt-center">18</td>
<td class="txt-center">20:80</td>
<td class="txt-center body-cell">8</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- PRO DALŠÍ LIGY (2. liga, 3. liga...) stačí zkopírovat celý blok od <div class="pkfl-liga-sekce"> po jeho uzavírací </div> -->
</div>
.jpg)
