MediaWiki:Common.css: mudanças entre as edições
Aparência
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 5: | Linha 5: | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
CSS CUSTOMIZADO | CSS CUSTOMIZADO - LOGO RESPONSIVA (SEM ALTERAÇÃO DE TAMANHO NO PC) | ||
========================================================================== | ========================================================================== | ||
*/ | */ | ||
/* 1. | /* 1. MODO DESKTOP (PC e Tablets >= 768px) */ | ||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
/* Mostra | /* Mostra o ícone da logo no tamanho original/padrão */ | ||
.mw-logo-icon { | .mw-logo-icon { | ||
display: inline-block !important; | display: inline-block !important; | ||
} | } | ||
/* Esconde o nome do site | /* Esconde o texto do nome do site */ | ||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
display: none !important; | display: none !important; | ||
| Linha 33: | Linha 21: | ||
} | } | ||
/* MODO MOBILE (Celulares < 768px) */ | /* 2. MODO MOBILE (Celulares < 768px) */ | ||
@media screen and (max-width: 767px) { | @media screen and (max-width: 767px) { | ||
/* Esconde o ícone | /* Esconde o ícone da logo para dar espaço */ | ||
.mw-logo-icon { | .mw-logo-icon { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Mostra apenas o nome do site | /* Mostra apenas o texto do nome do site */ | ||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
display: inline-block !important; | display: inline-block !important; | ||
width: auto !important; | width: auto !important; | ||
margin-left: 0 !important; | margin-left: 0 !important; | ||
| Linha 48: | Linha 35: | ||
} | } | ||
/* 3. RESPONSIVIDADE | /* 3. AJUSTES GERAIS DE RESPONSIVIDADE */ | ||
/* Garante que imagens e tabelas não quebrem o layout | /* Garante que imagens e tabelas não quebrem o layout em telas menores */ | ||
img { | img { | ||
max-width: 100%; | max-width: 100%; | ||
| Linha 58: | Linha 45: | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
overflow-x: auto; | overflow-x: auto; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
Edição das 16h19min 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 - LOGO RESPONSIVA (SEM ALTERAÇÃO DE TAMANHO NO PC)
==========================================================================
*/
/* 1. MODO DESKTOP (PC e Tablets >= 768px) */
@media screen and (min-width: 768px) {
/* Mostra o ícone da logo no tamanho original/padrão */
.mw-logo-icon {
display: inline-block !important;
}
/* Esconde o texto do nome do site */
.mw-logo-wordmark {
display: none !important;
}
}
/* 2. MODO MOBILE (Celulares < 768px) */
@media screen and (max-width: 767px) {
/* Esconde o ícone da logo para dar espaço */
.mw-logo-icon {
display: none !important;
}
/* Mostra apenas o texto do nome do site */
.mw-logo-wordmark {
display: inline-block !important;
width: auto !important;
margin-left: 0 !important;
}
}
/* 3. AJUSTES GERAIS DE RESPONSIVIDADE */
/* Garante que imagens e tabelas não quebrem o layout em telas menores */
img {
max-width: 100%;
height: auto;
}
table {
display: block;
width: 100%;
overflow-x: auto;
border-collapse: collapse;
}