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 */
+/* Liberar layout */
+#content,
+.mw-body {
+width: 100%;
+max-width: 100% !important;
+}
-.mw-ui-button{
+/* Corrigir limites do Bootstrap */
-	color: #fff;
+.container {
-    background-color: #eb6864;
+width: 100% !important;
-     border-color: #eb6864;
+max-width: 100% !important;
-     display: inline-block;
+}
-     font-weight: 400;
-    line-height: 1.5;
+/* Evitar margens negativas */
-    color: #222;
+.row {
-    text-align: center;
+margin-left: 0;
-    text-decoration: none;
+margin-right: 0;
-    vertical-align: middle;
+}
-    cursor: pointer;
-    -webkit-user-select: none;
+:root {
-    -moz-user-select: none;
+  --wiki-width: 1200px;
-    -ms-user-select: none;
+}
-    user-select: none;
-    background-color: transparent;
+@media (min-width: 1200px) {
-    border: 1px solid transparent;
+  .container,
-    padding: 0.375rem 1rem;
+  .container-lg,
-    font-size: 1rem;
+  .container-xl,
-    border-radius: 0.25rem;
+  .page-container,
-    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  .mw-body,
+  .content-container,
+  #content,
+  .mw-body-content {
+     max-width: 1200px !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);
+}
+/* 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;
+  width: 100%;
+  box-sizing: border-box;
+}
+.section-light {
+  background-color: #f5f5f5;
+  color: #212529;
+}
+.section-dark {
+  background-color: #212529;
+  color: #ffffff;
+}
+.section-light a {
+  color: #0d6efd;
+}
+.section-dark a {
+  color: #66b2ff;
 }