|
|
| (196 revisões intermediárias por 2 usuários não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| /** o código CSS colocado aqui será aplicado a todos os temas */ | | /** o código CSS colocado aqui será aplicado a todos os temas */ |
| /* Ocultar título da página principal page-Main_Page */ | | /* Ocultar título da página principal page-Main_Page */ |
| body.page-Dicionário_de_Favelas_Marielle_Franco.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | | body.page-Página_principal.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } |
|
| |
|
| /* ocultar redirect */ | | /* Aplica css img-fluid para corrigir exibição de imagens versão 1.43 */ |
| #mw-redirectedfrom, .mw-redirectedfrom {display:none;}
| | .mw-file-element { |
| | max-width: 100%; |
| | height: auto; |
| | } |
| | |
| | /* Fixar Barra de ferramentas do editor */ |
| | .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
| | position: fixed; |
| | top: 4rem; |
| | border-top: 0; |
| | } |
| | |
| | /* Layout full com conteúdo em bloco */ |
| | |
| | .section-full { |
| | width: 100vw; |
| | margin-left: calc(50% - 50vw); |
| | padding: 70px 0; |
| | } |
| | |
| | .section-inner { |
| | max-width: 1400px; |
| | margin: 0 auto; |
| | padding: 1em 4em; |
| | } |
| | |
| | /* Background variante */ |
|
| |
|
| .siteNotice { | | .section-light { |
| color: #856404;
| | background: var(--wiki-bg-light, #f5f5f5); |
| background-color:#fff3cd;
| |
| border-color:#ffeeba;
| |
| background-clip: border-box;
| |
| border: 1px solid rgb(0,0,0);
| |
| border: 1px solid rgba(0,0,0,0.125);
| |
| border-radius:0.25rem;
| |
| padding-top:0.9em;
| |
| margin-top:0.4em;
| |
| text-align:center;
| |
| } | | } |
|
| |
|
| .CategoryTreeToggle {color: #e50b4c;} | | .section-dark { |
| | background: var(--wiki-bg-dark, #ddd); |
| | color: white; |
| | } |
|
| |
|
| .wiki-docs-header {padding-top: 0.3rem; padding-bottom: 2em;}
| | /* Hero */ |
|
| |
|
| blockquote:not([class]) {
| | .hero { |
| margin: 0.5em 20px;
| | position: relative; |
| border-left: 4px solid #fd7e14;
| | width: 100vw; |
| padding-left:0.9em;
| | margin-left: calc(50% - 50vw); |
| | overflow: hidden; |
| } | | } |
|
| |
|
| /* Then style the iframe to fit in the container div with full height and width */
| | .hero img { |
| .responsive-iframe { | |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| bottom: 0;
| |
| right: 0;
| |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: clamp(260px, 45vh, 520px); |
| | object-fit: cover; |
| | display: block; |
| } | | } |
|
| |
|
| .jumbotron {background-color:#fff;} | | .hero-content { |
| .principal {background-image: url('/images/4/47/Imagem_favelas_mono.png'); background-repeat: no-repeat; background-size: cover;}
| |
| .alert alert-dismissible alert-light {background-color:#ffffff; background-color: rgba(254,254,254, 0.6);}
| |
| | |
| .wrap {
| |
| width: 50vw;
| |
| box-sizing: border-box;
| |
| line-height: 1.65;
| |
| position: absolute; | | position: absolute; |
| top: 50%; | | bottom: 40px; |
| left: 50%; | | left: 50%; |
| transform: translate(-50%,-50%); | | transform: translateX(-50%); |
| @media screen and (max-width: 800px) { | | max-width: 1400px; |
| width: 75vw;
| | width: 100%; |
| }
| | padding: 1em 4em; |
| p { | | color: white; |
| margin: 0 0 20px;
| |
| font-size: 25px;
| |
| &:last-child {
| |
| margin: 0;
| |
| }
| |
| a {
| |
| position: relative;
| |
| overflow: hidden;
| |
| text-decoration: none;
| |
| color: #EC407A;
| |
| &::after {
| |
| content: "";
| |
| background: rgba(#EC407A, 0.25);
| |
| position: absolute;
| |
| left: -2px;
| |
| bottom: -4px;
| |
| width: calc(100% - 8px);
| |
| height: calc(100% - 8px);
| |
| z-index: -1;
| |
| transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
| |
| }
| |
| &:hover:after {
| |
| left: 0px;
| |
| bottom: -2px;
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
| }
| |
| }
| |
| } | | } |
|
| |
|
| .btn-eixo1 {background-color:#CF2800; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| | /* Card grid */ |
| .btn-eixo2 {background-color:#75B82B; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| |
| .btn-eixo3 {background-color:#763687; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| |
| .btn-eixo4 {background-color:#00A8A6; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| |
|
| |
|
| .btn-eixo1 a, .btn-eixo2 a, .btn-eixo3 a, .btn-eixo4 a {color:#fff; font-size: 1.1em; text-decoration:none; font-weight: 400!important;} | | .card-grid { |
| | display: flex; |
| | flex-wrap: wrap; |
| | gap: 20px; |
| | max-width: 1400px; |
| | margin: 0 auto; |
| | } |
|
| |
|
| .tagcloud a:link, .tagcloud a:visited, .tagcloud a:active {color: #eb6864; background-color: transparent; border: 0 solid #eee; padding: 15px 10px 15px 10px; text-align: center;}
| | /* Split layout */ |
|
| |
|
| /* CSS Sliding Image Gallery for Mediawiki
| | .split { |
| *
| | display: flex; |
| * @author: Unknown
| | gap: 40px; |
| * current version crafted together by [[User:Christharp]] from several CSS sites.
| | align-items: center; |
| */
| | max-width: 1400px; |
| | margin: 0 auto; |
| | padding: 0 20px; |
| | } |
|
| |
|
| /* Galeria de imagens Carrousel*/
| | .split > div { |
| .wrapper { | | flex: 1; |
| position: absolute; | |
| top: 1%;
| |
| width: 4000px;
| |
| -webkit-animation: 60s credits linear infinite;
| |
| -moz-animation: 60s credits linear infinite;
| |
| -ms-animation:60s credits linear infinite;
| |
| -o-animation: 60s credits linear infinite;
| |
| animation: 60s credits linear infinite;
| |
| } | | } |
|
| |
|
| .wrapper img:hover {
| | /* mobile */ |
| -webkit-transform: scale(1.4);
| | @media (max-width: 768px) { |
| -moz-transform: scale(1.4);
| | .split { |
| -o-transform: scale(1.4);
| | flex-direction: column; |
| -ms-transform: scale(1.4);
| | } |
| transform: scale(1.4);
| |
| cursor: pointer;
| |
| }
| |
| @keyframes credits {
| |
| 0% { | |
| margin-left: 0px; | |
| }
| |
| 100% {
| |
| margin-left: -4000px;
| |
| }
| |
|
| |
| } | | } |
|
| |
|
| @-webkit-keyframes credits {
| | /* Infobox */ |
| 0% {
| |
| margin-left: 0px;
| |
| }
| |
| 100% {
| |
| margin-left: -4000px;
| |
| }
| |
|
| |
|
| | .infobox-modern { |
| | background: #fff; |
| | border-radius: 12px; |
| | padding: 20px; |
| | box-shadow: 0 2px 12px rgba(0,0,0,0.08); |
| | max-width: 360px; |
| } | | } |
| @-moz-keyframes credits {
| | |
| 0% { | | .infobox-modern h3 { |
| margin-left: 0px;
| | margin-top: 0; |
| }
| | font-size: 18px; |
| 100% {
| | border-bottom: 1px solid #eee; |
| margin-left: -4000px;
| | padding-bottom: 8px; |
| }
| |
|
| |
| } | | } |
| @-o-keyframes credits {
| | |
| 0% { | | .infobox-row { |
| margin-left: 0px;
| | display: flex; |
| }
| | justify-content: space-between; |
| 100% {
| | padding: 6px 0; |
| margin-left: -4000px;
| | border-bottom: 1px solid #f0f0f0; |
| }
| |
|
| |
| } | | } |
