|
Tags: Replaced Manual revert |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| /* Základní styl pro celé tělo stránky */
| |
| body {
| |
| background-color: #f7f9fa; /* Světle šedé pozadí */
| |
| font-family: 'Arial', sans-serif; /* Jednoduchý a čitelný font */
| |
| color: #333; /* Tmavě šedá barva textu */
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* Hlavní banner */
| |
| #p-logo {
| |
| display: none; /* Skrytí výchozího loga */
| |
| }
| |
|
| |
| #p-banner {
| |
| background-color: #0079d3; /* Hlavní modrá barva pro banner */
| |
| padding: 20px;
| |
| text-align: center;
| |
| border-radius: 8px; /* Kulaté rohy */
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Měkký stín */
| |
| color: #fff; /* Bílé písmo */
| |
| }
| |
|
| |
| /* Navigace */
| |
| #p-navigation {
| |
| background-color: #ffffff; /* Bílé pozadí pro navigaci */
| |
| padding: 15px;
| |
| border-radius: 8px; /* Kulaté rohy */
| |
| border-bottom: 2px solid #0079d3; /* Tenká modrá dolní hranice */
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Měkký stín */
| |
| }
| |
|
| |
| #p-navigation ul {
| |
| list-style: none; /* Odstranění bodů seznamu */
| |
| padding: 0;
| |
| margin: 0;
| |
| display: flex;
| |
| justify-content: center;
| |
| }
| |
|
| |
| #p-navigation li {
| |
| margin: 0 10px; /* Mezery mezi položkami */
| |
| }
| |
|
| |
| #p-navigation a {
| |
| color: #0079d3; /* Modrá barva odkazů */
| |
| text-decoration: none; /* Bez podtržení */
| |
| font-weight: bold; /* Tučnější písmo */
| |
| }
| |
|
| |
| #p-navigation a:hover {
| |
| text-decoration: underline; /* Podtržení na hover */
| |
| color: #005a9c; /* Tmavší modrá na hover */
| |
| }
| |
|
| |
| /* Hlavní obsah */
| |
| #content {
| |
| padding: 20px;
| |
| background-color: #ffffff; /* Bílé pozadí pro obsah */
| |
| border-radius: 8px; /* Kulaté rohy */
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Měkký stín */
| |
| }
| |
|
| |
| /* Styly pro nadpisy a odstavce */
| |
| #content h1, #content h2, #content h3 {
| |
| color: #333; /* Tmavě šedá barva pro nadpisy */
| |
| }
| |
|
| |
| #content p, #content ul, #content ol {
| |
| margin-bottom: 15px; /* Mezery mezi odstavci */
| |
| }
| |
|
| |
| #content ul, #content ol {
| |
| padding-left: 20px;
| |
| }
| |
|
| |
| #content li {
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| /* Styl pro obrázky */
| |
| #content img {
| |
| max-width: 100%;
| |
| border-radius: 8px; /* Kulaté rohy obrázků */
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Měkký stín */
| |
| }
| |
|
| |
| /* Styl pro patičku */
| |
| #footer {
| |
| background-color: #0079d3; /* Modré pozadí pro patičku */
| |
| padding: 15px;
| |
| text-align: center;
| |
| border-top: 2px solid #005a9c; /* Tmavší modrá horní hranice */
| |
| margin-top: 20px;
| |
| color: #fff; /* Bílé písmo */
| |
| }
| |
|
| |
| /* Responsivní design pro malé obrazovky */
| |
| @media (max-width: 768px) {
| |
| #p-navigation ul {
| |
| flex-direction: column; /* Vertikální zobrazení seznamu */
| |
| align-items: center; /* Vycentrování položek */
| |
| }
| |
|
| |
| #p-navigation li {
| |
| margin: 5px 0; /* Mezery mezi položkami */
| |
| }
| |
| }
| |