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

← Edição anterior

@@ Linha 1: / Linha 1: @@
-h1, h2, h3, h4, h5, h6 {color:#d30350;}
+/** o código CSS colocado aqui será aplicado ao tema Chameleon */
-#principal h3 {color:#652a9e;}
+/* Liberar layout */
-.mw-ui-button, .mw-ui-progressive, .mw-ui-button.mw-ui-progressive, .ui-button-text, .articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder  {color: #fff; background-color: #f31d6c; border: 1px solid #f31d6c; border-radius: 0.25rem; margin: 0.3em; box-shadow:none;}
+#content,
-.mw-ui-button:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-progressive:hover, .btn btn-primary:hover, .articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder:hover {color:#fff; background:transparent; background-color: #C7064E; border: 1px solid #C7064E;}
+.mw-body {
-.ui-state-default, .articleFeedbackv5-cta-button, .articleFeedbackv5-cta-button  {background:none; border:none; -webkit-box-shadow: none; box-shadow:none;}
+width: 100%;
-.btn-primary {color: #fff; background: transparent; background-color: #f31d6c; border: 1px solid #f31d6c; border-radius: 0.25rem; margin: 0.3em; box-shadow:none;}
+max-width: 100% !important;
-.navbar, .p-navbar {font-size: 20px;}
+}
-.p-navbar {background-image: linear-gradient(25deg, #000 -20%, #2f144a 100%);}
-.navbar-brand img {width: 8em;}
+/* Corrigir limites do Bootstrap */
-.navbar-collapse{ flex-basis: 100%; flex-grow: 1; align-items: flex-end;}
+.container {
-.siteNotice {color: #523a7d; background-color: #eee2f8; padding-top: 0;}
+width: 100% !important;
-.mw-body #siteSub {display: block;font-style: italic;color: #666;margin-top: -15px; margin-bottom:2rem;}
+max-width: 100% !important;
-.card-header {background-color: #f31d6c; background-color: rgba(242,5,92, 0.9); color: #fff;}
+}
-.collection-creatorbox {background-color: #eee2f8;padding: 10px 10px; margin:auto; border:none;}
-/*.flex-cmln-row, .p-navbar.collapsible .navbar-collapse {flex-direction: column !important; aligh-itens: flex-start;}*/
+/* Evitar margens negativas */
+.row {
+margin-left: 0;
+margin-right: 0;
+}
+:root {
+  --wiki-width: 1200px;
+}
+@media (min-width: 1200px) {
+  .container,
+  .container-lg,
+  .container-xl,
+  .page-container,
+  .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;
+}