MediaWiki:Common.css: mudanças entre as edições
Aparência
Created page with "→Esconde o título (H1) só na página Main_Page: .page-Main_Page #firstHeading, .page-Main_Page .mw-page-title-main { display: none; }" |
Sem resumo de edição Etiqueta: Reversão manual |
||
| (9 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
/* Esconde o título (H1) | /* 1. Esconde o título (H1) apenas na Página Principal */ | ||
.page-Main_Page #firstHeading, | .page-Main_Page #firstHeading, | ||
.page-Main_Page .mw-page-title-main { | .page-Main_Page .mw-page-title-main { | ||
display: none; | display: none; | ||
} | |||
/* 2. CONFIGURAÇÃO PARA PC (Telas grandes) */ | |||
@media screen and (min-width: 1001px) { | |||
.mw-logo { | |||
height: 140px !important; /* Mantido seu original */ | |||
padding: 5px 0; | |||
display: flex; | |||
align-items: center; | |||
} | |||
/* Mostra apenas a imagem (ícone) */ | |||
.mw-logo-icon { | |||
display: inline-block !important; | |||
width: auto !important; | |||
height: 100% !important; | |||
} | |||
/* Esconde o texto 'WikiRio' no PC */ | |||
.mw-logo-wordmark { | |||
display: none !important; | |||
} | |||
} | |||
/* 3. CONFIGURAÇÃO PARA TABLET E CELULAR (Telas menores) */ | |||
@media screen and (max-width: 1000px) { | |||
.mw-logo { | |||
height: 60px !important; /* Altura reduzida para não ocupar a tela toda no celular */ | |||
padding: 5px 0; | |||
display: flex; | |||
align-items: center; | |||
} | |||
/* Esconde a imagem (ícone) */ | |||
.mw-logo-icon { | |||
display: none !important; | |||
} | |||
/* Mostra apenas o texto 'WikiRio' */ | |||
.mw-logo-wordmark { | |||
display: inline-block !important; | |||
height: 32px !important; /* Ajustado para boa legibilidade em tablets/celular */ | |||
width: auto !important; | |||
margin-left: 0 !important; | |||
} | |||
} | |||
/* 4. AJUSTE DE IMAGENS E TABELAS (Garantia de responsividade) */ | |||
img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
table { | |||
display: block; | |||
width: 100%; | |||
overflow-x: auto; | |||
} | |||
@media screen and (max-width: 767px) { | |||
.infobox { | |||
float: none !important; /* Remove a flutuação lateral */ | |||
width: 100% !important; /* Faz ocupar a tela toda */ | |||
margin: 1em 0 !important; /* Adiciona espaço em cima e embaixo */ | |||
clear: both !important; /* Garante que nenhum texto suba para o lado */ | |||
box-sizing: border-box; | |||
} | |||
} | } | ||
Edição atual tal como às 16h29min de 17 de janeiro de 2026
/* 1. Esconde o título (H1) apenas na Página Principal */
.page-Main_Page #firstHeading,
.page-Main_Page .mw-page-title-main {
display: none;
}
/* 2. CONFIGURAÇÃO PARA PC (Telas grandes) */
@media screen and (min-width: 1001px) {
.mw-logo {
height: 140px !important; /* Mantido seu original */
padding: 5px 0;
display: flex;
align-items: center;
}
/* Mostra apenas a imagem (ícone) */
.mw-logo-icon {
display: inline-block !important;
width: auto !important;
height: 100% !important;
}
/* Esconde o texto 'WikiRio' no PC */
.mw-logo-wordmark {
display: none !important;
}
}
/* 3. CONFIGURAÇÃO PARA TABLET E CELULAR (Telas menores) */
@media screen and (max-width: 1000px) {
.mw-logo {
height: 60px !important; /* Altura reduzida para não ocupar a tela toda no celular */
padding: 5px 0;
display: flex;
align-items: center;
}
/* Esconde a imagem (ícone) */
.mw-logo-icon {
display: none !important;
}
/* Mostra apenas o texto 'WikiRio' */
.mw-logo-wordmark {
display: inline-block !important;
height: 32px !important; /* Ajustado para boa legibilidade em tablets/celular */
width: auto !important;
margin-left: 0 !important;
}
}
/* 4. AJUSTE DE IMAGENS E TABELAS (Garantia de responsividade) */
img {
max-width: 100%;
height: auto;
}
table {
display: block;
width: 100%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.infobox {
float: none !important; /* Remove a flutuação lateral */
width: 100% !important; /* Faz ocupar a tela toda */
margin: 1em 0 !important; /* Adiciona espaço em cima e embaixo */
clear: both !important; /* Garante que nenhum texto suba para o lado */
box-sizing: border-box;
}
}