MediaWiki:Common.css
Aparência
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.
/* 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;
}