MediaWiki:Chameleon.css: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 53: | Linha 53: | ||
/* Permite imagem ocupar 100% da tela sem div */ | /* Permite imagem ocupar 100% da tela sem div */ | ||
.mw-parser-output | .mw-parser-output span.fullwidth { | ||
display: block; | display: block; | ||
position: relative; | |||
width: 100vw; | width: 100vw; | ||
left: 50%; | |||
transform: translateX(-50%); | |||
max-width: 100vw; | max-width: 100vw; | ||
} | |||
.mw-parser-output span.fullwidth img { | |||
width: 100%; | |||
height: auto; | height: auto; | ||
display: block; | |||
} | } | ||
Edição das 12h48min de 14 de abril de 2026
/** o código CSS colocado aqui será aplicado ao tema Chameleon */
/* Liberar layout */
#content,
.mw-body {
width: 100%;
max-width: 100% !important;
}
/* Corrigir limites do Bootstrap */
.container {
width: 100% !important;
max-width: 100% !important;
}
/* Evitar margens negativas */
.row {
margin-left: 0;
margin-right: 0;
}
:root {
--wiki-width: 1400px;
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-xl,
.page-container,
.mw-body,
.content-container,
#content,
.mw-body-content {
max-width: 1400px !important;
width: 100% !important;
}
/* Texto principal centralizado */
.container,
.page-container,
.mw-body,
.content-container {
margin-left: auto !important;
margin-right: auto !important;
}
/* Background imagem*/
#content.full-bg {
background-image: url("/images/c/cb/Favelas.jpg");
background-size: cover;
background-position: center;
}
/* Permite imagem ocupar 100% da tela sem div */
.mw-parser-output span.fullwidth {
display: block;
position: relative;
width: 100vw;
left: 50%;
transform: translateX(-50%);
max-width: 100vw;
}
.mw-parser-output span.fullwidth img {
width: 100%;
height: auto;
display: block;
}