|
Tags: Replaced Manual revert |
| (2 intermediate revisions by the same user not shown) |
| 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 celou stránku */
| |
| body {
| |
| background-color: #e6f7ff; /* Světle modré pozadí pro celé tělo stránky */
| |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Moderní font */
| |
| color: #333; /* Tmavě šedá barva textu */
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* Styl pro hlavní banner */
| |
| #p-banner {
| |
| background-color: #b3e0ff; /* Světle modré pozadí */
| |
| padding: 20px;
| |
| text-align: center;
| |
| border-radius: 12px;
| |
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
| |
| font-size: 2em;
| |
| font-weight: bold;
| |
| color: #333;
| |
| }
| |
|
| |
| /* Styl pro navigaci */
| |
| #p-navigation {
| |
| background-color: #cce7ff; /* Světle modré pozadí */
| |
| padding: 15px;
| |
| border-radius: 8px;
| |
| border-bottom: 3px solid #99c2ff; /* Tmavší modrá dolní hranice */
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| #p-navigation ul {
| |
| list-style: none;
| |
| padding: 0;
| |
| margin: 0;
| |
| display: flex;
| |
| justify-content: center;
| |
| }
| |
|
| |
| #p-navigation li {
| |
| margin: 0 15px;
| |
| }
| |
|
| |
| #p-navigation a {
| |
| color: #3399ff; /* Modrá barva pro odkazy */
| |
| text-decoration: none;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| #p-navigation a:hover {
| |
| text-decoration: underline;
| |
| color: #007acc; /* Tmavší modrá na hover */
| |
| }
| |
|
| |
| /* Styl pro hlavní obsah */
| |
| #content {
| |
| padding: 20px;
| |
| background-color: #ffffff; /* Bílé pozadí pro obsah */
| |
| border-radius: 12px;
| |
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
| |
| }
| |
|
| |
| /* Styl pro články a jejich bloky */
| |
| #content h1, #content h2, #content h3 {
| |
| color: #333;
| |
| }
| |
|
| |
| #content p, #content ul, #content ol {
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| #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);
| |
| }
| |
|
| |
| /* Styl pro patičku */
| |
| #footer {
| |
| background-color: #b3e0ff; /* Světle modré pozadí */
| |
| padding: 15px;
| |
| text-align: center;
| |
| border-top: 3px solid #99c2ff; /* Tmavší modrá horní hranice */
| |
| margin-top: 20px;
| |
| box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
| |
| font-size: 0.9em;
| |
| color: #333;
| |
| }
| |
|
| |
| /* Responsivní design pro malé obrazovky */
| |
| @media (max-width: 768px) {
| |
| #p-navigation ul {
| |
| flex-direction: column;
| |
| align-items: center;
| |
| }
| |
|
| |
| #p-navigation li {
| |
| margin: 10px 0;
| |
| }
| |
| }
| |