MediaWiki:Common.css

Nota: Depois de salvar, você terá de limpar o cache do seu navegador para ver as alterações.

• Firefox / Safari: pressione Shift enquanto clica em Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (Command-R para Mac);
• Google Chrome: pressione Ctrl-Shift-R (Command-Shift-R em um Mac)
• Internet Explorer: pressione Ctrl enquanto clica em Recarregar ou pressione Ctrl-F5;
• Opera: limpe o cache em Ferramentas → Preferências (Tools → Preferences)

/* ========================================
   IMAGEM 900px RESPONSIVA – REFORMA TRIBUTÁRIA
   ======================================== */
.img-900-responsive {
    max-width: 1200px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    image-rendering: -webkit-optimize-contrast; /* Nitidez em zoom */
    image-rendering: crisp-edges;
}
/* Telas menores que 960px: encolhe */
@media (max-width: 960px) {
    .img-900-responsive {
        max-width: 100% !important;
        border-radius: 4px !important;
    }
}
/* ========================================
   IMAGEM 400px RESPONSIVA – REFORMA TRIBUTÁRIA
   ======================================== */
.img-400-responsive {
    max-width: 50%!important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    image-rendering: -webkit-optimize-contrast; /* Nitidez em zoom */
    image-rendering: crisp-edges;
}
 
 
 
 
/* ========================================
   1. OCULTA TODOS OS MENUS LATERAIS INTEIROS
   ======================================== */
#mw-panel .portal {
    display: none !important;
}
 
/* ========================================
   2. RECRIA MENU LATERAL MÍNIMO E PERSONALIZADO
   ======================================== */
#mw-panel::before {
    content: "";
    display: block;
    width: 200px;
    padding: 10px 0;
    position: fixed;
    top: 120px;
    left: 10px;
    font-family: Arial, sans-serif;
}
 
#mw-panel::after {
    content: "Página principal";
    display: block;
    background: #f8f9fa;
    padding: 8px 15px;
    border: 1px solid #a2a9b1;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #0645ad;
    text-decoration: none;
    width: 170px;
}
 
#mw-panel::after:hover {
    background: #eaecf0;
}
 
#mw-panel::after {
    content: "";
    background: url('/w/index.php?title=Página_principal&action=raw') no-repeat;
    /* NÃO USE ISSO — é só para forçar o link */
}
 
#custom-mainpage-link {
    position: fixed;
    top: 140px;
    left: 20px;
    z-index: 1000;
}
 
#custom-mainpage-link a {
    display: block;
    background: #f8f9fa;
    padding: 8px 15px;
    border: 1px solid #a2a9b1;
    border-radius: 4px;
    font-weight: bold;
    color: #0645ad !important;
    text-decoration: none;
    width: 170px;
    font-size: 14px;
}
 
#custom-mainpage-link a:hover {
    background: #eaecf0;
}
 
/* ========================================
   3. BARRA SUPERIOR: SÓ "VERSÃO PARA IMPRESSÃO" + "EDITAR" (logado)
   ======================================== */
#p-views,
#p-cactions {
    display: none !important;
}
 
/* Container personalizado para botões superiores */
#custom-top-actions {
    position: absolute;
    top: 55px;
    left: 220px;
    z-index: 1000;
    display: flex;
    gap: 10px;
}
 
/* Botão Editar (só aparece logado) */
#ca-edit,
#ca-ve-edit,
#ca-editsource {
    display: none !important;
}
 
/* Força mostrar apenas quando logado (via JS abaixo) */
body.logged-in #ca-edit,
body.logged-in #ca-ve-edit,
body.logged-in #ca-editsource,
#ca-print {
    display: block !important;
    float: left;
}
 
#ca-print a,
body.logged-in #ca-edit a,
body.logged-in #ca-ve-edit a,
body.logged-in #ca-editsource a {
    background: #f8f9fa;
    padding: 4px 8px;
    border: 1px solid #a2a9b1;
    border-radius: 4px;
    font-size: 13px;
    color: #0645ad;
    text-decoration: none;
}
 
#ca-print a:hover,
body.logged-in #ca-edit a:hover {
    background: #eaecf0;
}