MediaWiki:Chameleon.css: mudanças entre as edições

← Edição anterior

@@ Linha 1: / Linha 1: @@
 /** o código CSS colocado aqui será aplicado ao tema Chameleon */
-/* Teste largura layout */
+/* 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: 1320px;
+   --wiki-width: 1200px;
 }
@@ Linha 14: / Linha 32: @@
    #content,
    .mw-body-content {
-     max-width: 1320px !important;
+     max-width: 1200px !important;
      width: 100% !important;
-  }
+}
-/* centralizar */
+/* Texto principal centralizado */
    .container,
    .page-container,
@@ Linha 25: / Linha 43: @@
      margin-left: auto !important;
      margin-right: auto !important;
-  }
 }
-/* Liberar layout */
+/* Background imagem*/
-#content,
+#content.full-bg {
-.mw-body {
+background-image: url("/images/c/cb/Favelas.jpg");
-width: 100%;
+background-size: cover;
-max-width: 100% !important;
+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);
+}
+/* seção full-width de fundo */
+.section-full {
+  width: 100vw;
+  margin-left: calc(50% - 50vw);
+  padding: 60px 0;
 }
-/* Corrigir limites do Bootstrap */
+.section-inner {
-.container {
+  max-width: 1400px;
-width: 100% !important;
+  margin: 0 auto;
-max-width: 100% !important;
+  padding: 0 20px;
+  width: 100%;
+  box-sizing: border-box;
 }
-/* Evitar margens negativas */
+.section-light {
-.row {
+  background-color: #f5f5f5;
-margin-left: 0;
+  color: #212529;
-margin-right: 0;
 }
-/* Texto principal centralizado */
+.section-dark {
-#mw-content-text {
+  background-color: #212529;
-width: 80%;
+  color: #ffffff;
-max-width: 1400px;
-margin: 0 auto;
 }
-#contentHeader, #siteNotice {
+.section-light a {
-width: 80%;
+  color: #0d6efd;
-max-width: 1400px;
-margin: 0 auto;
 }
-/* Background */
+.section-dark a {
-#content {
+  color: #66b2ff;
-background: #f5f5f5;
 }