MediaWiki:Common.css: mudanças entre as edições

De nti
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
/** o código CSS colocado aqui será aplicado a todos os temas */
/** o código CSS colocado aqui será aplicado a todos os temas */
/* Layout principal */
#content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    padding: 20px;
    margin: 0 auto;
    max-width: 1200px; /* Largura máxima para desktops */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
@media (max-width: 768px) {
    #content {
        padding: 15px;
        max-width: 100%;
    }
}
/* Sidebar - Oculta em telas menores e deixa o conteúdo centralizado */
#mw-panel {
    display: flex;
    flex-direction: column;
    background-color: #006400; /* Cor verde do IF */
    padding: 10px;
    width: 250px;
}
@media (max-width: 768px) {
    #mw-panel {
        display: none; /* Oculta sidebar em telas pequenas */
    }
}


/* Rodapé */
/* Rodapé */

Edição das 19h27min de 19 de setembro de 2024

/** o código CSS colocado aqui será aplicado a todos os temas */

/* Layout principal */
#content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    padding: 20px;
    margin: 0 auto;
    max-width: 1200px; /* Largura máxima para desktops */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

@media (max-width: 768px) {
    #content {
        padding: 15px;
        max-width: 100%;
    }
}

/* Sidebar - Oculta em telas menores e deixa o conteúdo centralizado */
#mw-panel {
    display: flex;
    flex-direction: column;
    background-color: #006400; /* Cor verde do IF */
    padding: 10px;
    width: 250px;
}

@media (max-width: 768px) {
    #mw-panel {
        display: none; /* Oculta sidebar em telas pequenas */
    }
}





/* Rodapé */
#footer {
    background-color: #006400;
    color: white;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    border-radius: 5px;
}

#footer a {
    color: white;
    text-decoration: underline;
}

@media (max-width: 768px) {
    #footer {
        font-size: 14px;
    }
}