|
|
| (42 revisões intermediárias pela mesma usuária não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| /** o código CSS colocado aqui será aplicado ao tema Chameleon */ | | /** o código CSS colocado aqui será aplicado ao tema Chameleon */ |
| h1, h2, h3, h4, h5, h6 {color:#343434;}
| | /* Liberar layout */ |
| #principal h3 {color:#652a9e;} | | #content, |
| .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: #B30041; border: 1px solid #B30041; border-radius: 0.25rem; margin: 0.3em; box-shadow:none; padding:0.4rem 1rem;}
| | .mw-body { |
| .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;} | | width: 100%; |
| .card-header {background-color: #343434; background-color: rgba(179 0 65 1); color: #ffffff; margin-bottom:0;}
| | max-width: 100% !important; |
| #participe .card-header {color: #fff; margin-bottom:0;}
| | } |
| .card-title h4 {color: #fff;}
| |
| .card-title h5 {color: #d30350;}
| |
| .navbar, .p-navbar {font-size: 16px;}
| |
| .navbar-brand img {width: 7em;}
| |
| .btn-primary a[href].external {color: #ffffff !important; text-decoration: none;}
| |
|
| |
|
| .articleFeedbackv5-submit,.articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder, .articleFeedbackv5-ui .articleFeedbackv5-submit, .articleFeedbackv5-ui .articleFeedbackv5-cta-button{ | | /* Corrigir limites do Bootstrap */ |
| background: transparent;
| | .container { |
| background-color: #f31d6c;
| | width: 100% !important; |
| border: 1px solid #f31d6c;
| | max-width: 100% !important; |
| border-radius: 0.25rem;
| |
| margin: 0.3em;
| |
| box-shadow:none;
| |
| display:inline;
| |
| } | | } |
| .articleFeedbackv5-submit:hover,.articleFeedbackv5-ui .buttons .articleFeedbackv5-button-placeholder:hover,.articleFeedbackv5-cta-button:hover { | | |
| background:transparent;
| | /* Evitar margens negativas */ |
| background-color: #C7064E;
| | .row { |
| border: 1px solid #C7064E;
| | margin-left: 0; |
| border-radius: 0.25rem;
| | margin-right: 0; |
| margin: 0.3em;
| |
| box-shadow:none;
| |
| } | | } |
| .articleFeedbackv5-ui .articleFeedbackv5-submit span, .articleFeedbackv5-ui .articleFeedbackv5-cta-button span {
| |
|
| |
|
| | :root { |
| | --wiki-width: 1200px; |
| } | | } |
|
| |
|
| .articleFeedbackv5-arrow-back{ | | @media (min-width: 1200px) { |
| margin-right: 10px; | | .container, |
| padding-top: 3em; | | .container-lg, |
| | .container-xl, |
| | .page-container, |
| | .mw-body, |
| | .content-container, |
| | #content, |
| | .mw-body-content { |
| | max-width: 1200px !important; |
| | width: 100% !important; |
| } | | } |
|
| |
|
| .navbar-collapse{ flex-basis: 100%; flex-grow: 1; align-items: flex-end;} | | /* Texto principal centralizado */ |
| .mw-body #siteSub {display: block;font-style: italic;color: #666;margin-top: -15px; margin-bottom:2rem;} | | .container, |
| .card-title {color: #fff;}
| | .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; |
| | } |
|
| |
|
| .collection-creatorbox {background-color: #eee2f8;padding: 10px 10px; margin:auto; border:none;}
| | /* Permite imagem ocupar 100% da tela sem div */ |
| /*.flex-cmln-row, .p-navbar.collapsible .navbar-collapse {flex-direction: column !important; aligh-itens: flex-start;}*/ | | .mw-parser-output span.fullwidth { |
| /* Agenda de Eventos */
| | display: block; |
| .agenda-item {
| | width: 100%; |
| width: 320px;
| | margin: 50px 0 30px; |
| margin: 3px 10px 0 20px;
| |
| float: left;
| |
| padding: 0;
| |
| min-height: 120px;
| |
| } | | } |
| .ag-item-pic-normal { | | |
| border: 4px solid rgba(28,86,172,0.73);
| | .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); |
| } | | } |
| .ag-item-pic { | | |
| border-radius: 60px;
| | /* seção full-width de fundo */ |
| width: 60px;
| | .section-full { |
| height: 60px;
| | width: 100vw; |
| overflow: hidden;
| | margin-left: calc(50% - 50vw); |
| float: left;
| | padding: 60px 0; |
| border: 4px solid rgba(28,86,172,0.73);
| |
| margin-right: 20px;
| |
| } | | } |
|
| |
|
| .ag-item-title { | | .section-inner { |
| padding-bottom: 4px;
| | max-width: 1400px; |
| | margin: 0 auto; |
| | padding: 0 20px; |
| | width: 100%; |
| | box-sizing: border-box; |
| } | | } |
|
| |
|
| .ag-item-author { | | .section-light { |
| font-size: 14px;
| | background-color: #f5f5f5; |
| text-align: left;
| | color: #212529; |
| } | | } |
| .ag-item-text { | | |
| padding: 5px 0 0 0;
| | .section-dark { |
| font-size: 13px;
| | background-color: #212529; |
| color: #868686;
| | color: #ffffff; |
| line-height: 15px;
| |
| } | | } |
| .ag-item-more { | | |
| margin-top: 5px;
| | .section-light a { |
| color: #868686;
| | color: #0d6efd; |
| font-size: 13px;
| |
| text-align: right;
| |
| }
| |
| .agenda-block {
| |
| margin: 40px 0px 40px 0px;
| |
| max-width: 790px;
| |
| font-size: 100%;
| |
| } | | } |
|
| |
|
| .agenda-block-list { | | .section-dark a { |
| position: relative;
| | color: #66b2ff; |
| margin-left: 70px;
| |
| border-left: 2px solid #1c56ac;
| |
| border-right: 2px solid #1c56ac;
| |
| border-bottom: 2px solid #1c56ac;
| |
| padding: 30px 0 30px 0;
| |
| }
| |
| .ag-push-top {
| |
| position: relative;
| |
| top: -30px;
| |
| height: 30px;
| |
|
width: 100%;
| |
| color: #ffffff;
| |
| font-weight: bold;
| |
| text-align: left;
| |
| text-shadow: 1px 1px 1px rgb(0 0 0 / 59%);
| |
| font-size: 15px;
| |
| }
| |
| .ag-push-top .ag-top-column-left {
| |
| display: inline-block;
| |
| background-color: #8a4bc6;
| |
| width: 49%;
| |
| height: 30px;
| |
| text-indent: 40px;
| |
| line-height: 28px;
| |
| }
| |
| .ag-push-top .ag-top-column-right {
| |
| display: inline-block;
| |
| background-color: #8a4bc6;
| |
| width: 49%;
| |
| margin-left: 10px;
| |
| height: 30px;
| |
| text-indent: 40px;
| |
| line-height: 28px;
| |
| }
| |
| .ag-push-left {
| |
| position: relative;
| |
| left: -80px;
| |
| width: 80px;
| |
| height: 40px;
| |
| background-color: #8a4bc6;
| |
| margin-bottom: -40px;
| |
| color: #ffffff;
| |
| font-weight: bold;
| |
| text-align: left;
| |
| line-height: 38px;
| |
| text-indent: 20px;
| |
| border-bottom-left-radius: 4px;
| |
| border-top-left-radius: 4px;
| |
| -webkit-border-bottom-left-radius: 4px;
| |
| -webkit-border-top-left-radius: 4px;
| |
| -moz-border-radius-topleft: 4px;
| |
| -moz-border-radius-bottomleft: 4px;
| |
| text-shadow: 1px 1px 1px rgb(0 0 0 / 59%);
| |
| font-size: 16px;
| |
| }
| |
| .agenda-line {
| |
| overflow: hidden;
| |
| margin-bottom: 0px;
| |
| }
| |
| .ag-line-title {
| |
| padding: 10px 0 8px 20px;
| |
| font-size: 18px;
| |
| color: #8a4bc6;
| |
| text-align: left;
| |
| border-top: 1px dotted #1e67da;
| |
| }
| |
| .ag-stripes {
| |
| border-top: 1px dotted #1e67da;
| |
| padding: 0px;
| |
| margin-bottom: 0px;
| |
| }
| |
| .item-food-break {
| |
| text-align: center;
| |
| height: 40px;
| |
| background-color: #8a4bc6;;
| |
| color: #ffffff;
| |
| padding: 0.5em;
| |
| } | | } |
