MediaWiki:Common.css: Difference between revisions

Help

Revision as of 20:06, 29 August 2024

/* 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 */
    }
}