MediaWiki:Citizen.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

/* --- FOOTER FINO E NA HORIZONTAL --- */

/* 1. Configuração do Container Principal */
.citizen-footer {
    padding: 8px 20px !important; /* Padding bem pequeno */
    margin-top: 30px !important;
}

/* 2. Forçar tudo a ficar na mesma linha (Row) */
.citizen-footer__content {
    display: flex !important;
    flex-direction: row !important; /* Linha horizontal */
    align-items: center !important; /* Centraliza verticalmente */
    justify-content: space-between !important; /* Logo na ponta, icone na outra */
    gap: 20px !important;
    flex-wrap: nowrap !important; /* Tenta não quebrar linha */
}

/* 3. LOGO: Tamanho original e alinhada a esquerda */
.citizen-footer__sitetitle {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: block !important;
}

.mw-logo-icon {
    height: auto !important; /* Respeita o tamanho original do arquivo */
    width: auto !important;
    max-height: 45px !important; /* Trava de segurança para não explodir */
    display: block !important;
}

.mw-logo-wordmark {
    display: none !important; /* Mantém o texto do logo oculto se quiser só o ícone */
}

/* 4. TEXTO CENTRAL (Copyright) */
#footer-info {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important; /* Alinha texto perto do logo */
    flex-grow: 1; /* Ocupa o espaço do meio */
}

#footer-info li {
    display: inline-block !important; /* Texto em linha */
    margin-right: 15px !important;
    font-size: 0.85em !important;
    line-height: 1 !important;
}

/* 5. BOTÃO MEDIAWIKI (Direita) */
#footer-icons {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Caso a tela seja muito pequena (celular), aí sim permite quebrar */
@media (max-width: 768px) {
    .citizen-footer__content {
        flex-direction: column !important;
        gap: 10px !important;
        text-align: center !important;
    }
    #footer-info { text-align: center !important; }
}