|
|
| (87 revisões intermediárias pela mesma usuária não estão sendo mostradas) |
| 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-button.mw-ui-progressive, .mw-ui-progressive, .btn-primary, .articleFeedbackv5-submit,.articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder {color: #fff; background: transparent; background-color: #f31d6c; border: 1px solid #f31d6c; border-radius: 0.25rem; margin: 0.3em; box-shadow:none; padding:0.4rem 1rem;} | | #content, |
| .mw-ui-button:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-progressive:hover, .btn-primary:hover, .articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder:hover {color: #fff; background:transparent; background-color: #C7064E; border: 1px solid #C7064E; border-radius: 0.25rem; margin: 0.3em; box-shadow:none; padding:0.4rem 1rem;} | | .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: 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; |
|
| |
|
| .articleFeedbackv5-submit,.articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder, .articleFeedbackv5-ui .articleFeedbackv5-submit, .articleFeedbackv5-ui .articleFeedbackv5-cta-button{
| | margin-left: calc(50% - 50vw); |
| background: transparent;
| |
| background-color: #f31d6c;
| |
| border: 1px solid #f31d6c;
| |
| border-radius: 0.25rem;
| |
| margin: 0.3em;
| |
| box-shadow:none;
| |
| padding:0.4rem 1rem;
| |
| display:inline;
| |
|
| |
| } | | } |
| .articleFeedbackv5-submit:hover,.articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder:hover,.articleFeedbackv5-cta-button:hover {
| | |
| background:transparent;
| | /* seção full-width de fundo */ |
| background-color: #C7064E;
| | .section-full { |
| border: 1px solid #C7064E;
| | width: 100vw; |
| border-radius: 0.25rem;
| | margin-left: calc(50% - 50vw); |
| margin: 0.3em;
| | padding: 60px 0; |
| box-shadow:none; padding:0.4rem 1rem;
| |
|
| |
| } | | } |
| .articleFeedbackv5-arrow-back{ | | |
| margin-right: 10px;
| | .section-inner { |
| padding-top: 3em;
| | 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; |
| } | | } |
| .navbar, .p-navbar {font-size: 20px;}
| |
| .p-navbar {background-image: linear-gradient(25deg, #000 -20%, #2f144a 100%);}
| |
| .navbar-brand img {width: 8em;}
| |
| .navbar-collapse{ flex-basis: 100%; flex-grow: 1; align-items: flex-end;}
| |
| .siteNotice {color: #523a7d; background-color: #eee2f8; padding-top: 0;}
| |
| .mw-body #siteSub {display: block;font-style: italic;color: #666;margin-top: -15px; margin-bottom:2rem;}
| |
| .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;}*/
| |
