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

Edição das 16h18min de 17 de janeiro de 2026

/* Esconde o título (H1) só na página Main_Page */
.page-Main_Page #firstHeading,
.page-Main_Page .mw-page-title-main {
  display: none;
}
/* ==========================================================================
   CSS CUSTOMIZADO PARA WIKIRIO (VECTOR 2022)
   ========================================================================== 
*/

/* 1. AJUSTE GLOBAL DE LOGO (TAMANHO) */
.mw-logo {
    height: 60px !important; /* Aumenta a logo no cabeçalho */
    padding: 5px 0;
    display: flex;
    align-items: center;
}

/* 2. COMPORTAMENTO RESPONSIVO DA LOGO */

/* MODO DESKTOP (PC e Tablets >= 768px) */
@media screen and (min-width: 768px) {
    /* Mostra apenas o ícone (Logo) */
    .mw-logo-icon {
        display: inline-block !important;
        width: auto !important;
        height: 100% !important;
    }
    /* Esconde o nome do site (WikiRio) */
    .mw-logo-wordmark {
        display: none !important;
    }
}

/* MODO MOBILE (Celulares < 768px) */
@media screen and (max-width: 767px) {
    /* Esconde o ícone (Logo) para economizar espaço */
    .mw-logo-icon {
        display: none !important;
    }
    /* Mostra apenas o nome do site (WikiRio) */
    .mw-logo-wordmark {
        display: inline-block !important;
        height: 30px !important; /* Tamanho do texto no mobile */
        width: auto !important;
        margin-left: 0 !important;
    }
}

/* 3. RESPONSIVIDADE DE CONTEÚDO (IMAGENS E TABELAS) */
/* Garante que imagens e tabelas não quebrem o layout no celular */
img {
    max-width: 100%;
    height: auto;
}

table {
    display: block;
    width: 100%;
    overflow-x: auto; /* Adiciona barra de rolagem em tabelas largas */
    border-collapse: collapse;
}

/* 4. AJUSTES VISUAIS PARA WIKIRIO */
/* Melhora o espaçamento do conteúdo principal */
.mw-body {
    padding: 1.5em;
    font-size: 1.1em; /* Melhora a legibilidade para guias de viagem */
}

/* Destaca links externos (útil para referências de bares e eventos) */
#mw-content-text a.external {
    font-weight: 500;
}