MediaWiki:Chameleon.css

/** 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;
  width: 100%;
  margin: 50px 0 30px; 
}

.mw-parser-output span.fullwidth img {
  width: 100vw;
  max-width: 100vw;
  height: clamp(220px, 40vh, 500px);
  object-fit: cover;
  display: block;

  margin-left: calc(50% - 50vw);
}

/* liberar títulos */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3 {
  position: relative;
  z-index: 2;
  margin-top: 1.5em;
}


/* seção full-width de fundo */
.section-full {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 60px 0;
}

.section-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.section-light {
  background-color: var(--bs-light-bg-subtle, #f8f9fa);
  color: var(--bs-body-color);
}

.section-dark {
  background-color: var(--bs-dark);
  color: var(--bs-body-color-inverse, #fff);
}
.section-dark a {
  color: var(--bs-link-light, #9ec5fe);
}

.section-light a {
  color: var(--bs-link-color);
}