|
|
| (42 revisões intermediárias por 2 usuários não estão sendo mostradas) |
| Linha 3: |
Linha 3: |
| body.page-Página_principal.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 Tagline da página principal page-Main_Page */ | | /* Aplica css img-fluid para corrigir exibição de imagens versão 1.43 */ |
| body.page-Página_principal.action-view .mw-body #siteSub, body.page-Main_Page.action-submit .mw-body #siteSub { display: none; }
| | .mw-file-element { |
| | max-width: 100%; |
| | height: auto; |
| | } |
|
| |
|
| /* ocultar redirect*/ | | /* Fixar Barra de ferramentas do editor */ |
| #mw-redirectedfrom, .mw-redirectedfrom {display:none;}
| | .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
| | | position: fixed; |
| /* Sitenotice*/
| | top: 4rem; |
| .siteNotice {padding-top:0.9em; margin-top:0.4em; text-align:center;}
| | border-top: 0; |
| | } |
|
| |
|
| /* idiomas */ | | /* Layout full com conteúdo em bloco */ |
| .grid .row .three {min-width:60%; }
| |
| .infobox_v2{float:right; margin-left:20px;}
| |
|
| |
|
| .uls-language-list { | | .section-full { |
| display: block;
| | width: 100vw; |
| | margin-left: calc(50% - 50vw); |
| | padding: 70px 0; |
| } | | } |
|
| |
|
| .uls-search { | | .section-inner { |
| display: block;
| | max-width: 1400px; |
| | margin: 0 auto; |
| | padding: 1em 4em; |
| } | | } |
|
| |
|
| /* Página principal*/ | | /* Background variante */ |
| .jumbotron {background-color:#fff;}
| |
| .principal {background-image: url('/images/4/47/Imagem_favelas_mono.png'); background-repeat: no-repeat; background-size: cover;}
| |
| .card-img-top {min-width: 100%;}
| |
| .card-header {background: #eaecf0; color: #000000; border-radius: 0.2em 0.2em 0 0;padding: 0.5em 1em 0.5em 1em;}
| |
| .card-title {margin-bottom: 0;}
| |
| | |
| /* índice */
| |
| .toc { display: block;}
| |
| .toc, .mw-warning, .toccolours {border: 1px solid #d1deed;}
| |
|
| |
|
| /*citação*/
| | .section-light { |
| blockquote:not([class]) {margin: 0.5em 20px; border-left: 4px solid #fd7e14; padding-left:0.9em;}
| | background: var(--wiki-bg-light, #f5f5f5); |
| | |
| /* nuvem de palavras */
| |
| .tagcloud a:link, .tagcloud a:visited, .tagcloud a:active {color: #f31d6c; background-color: transparent; border: 0 solid #eee; padding: 15px 10px 15px 10px; text-align: center;}
| |
| | |
| /* Categorias */
| |
| .CategoryTreeToggle {color: #e50b4c;}
| |
| .catlinks {border: 1px solid #d1deed; padding:0.5rem; background-color: #f8f9fa;}
| |
| #catlinks {text-transform: uppercase; font-size: small; font-weight: bold;}
| |
| .catlinks li {border-left: 2px solid #d30350;}
| |
| .list-inline-item, .mw-body .catlinks ul > li {
| |
| margin-right: 0.5rem;
| |
| background-color: #f4f6f9;
| |
| padding: 0.3rem;
| |
| display: inline-block;
| |
| line-height: 1;
| |
| border-left: 2px solid #d30350;
| |
| } | | } |
|
| |
|
| /* listas de verbetes */
| | .section-dark { |
| .mw-newpages-time {text-transform: uppercase; font-size: small; display:inline-block; color: #747474;} | | background: var(--wiki-bg-dark, #ddd); |
| .mw-newpages-pagename {font-size:larger; font-weight: 600; border-bottom: solid 1px #f27405; display:block;}
| | color: white; |
| .mw-parser-output li {margin-bottom: 0.9em;}
| |
| .navbar-nav right {justify-content: flex-start;}
| |
| .not-patrolled {
| |
| background-color: #f4f6f9;
| |
| border-left: solid 4px #f57a00;
| |
| padding-left: 2px;
| |
| } | | } |
|
| |
|
| /* lista arquivos novos */ | | /* Hero */ |
| .gallerytext {font-size: 80%;}
| |
|
| |
|
| /* Buttons Eixos de análise */
| | .hero { |
| .btn-eixo1 {background-color:#CF2800; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;} | | position: relative; |
| .btn-eixo2 {background-color:#75B82B; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| | width: 100vw; |
| .btn-eixo3 {background-color:#763687; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| | margin-left: calc(50% - 50vw); |
| .btn-eixo4 {background-color:#00A8A6; color:#fff; padding:1.5rem!important; border-radius:4px; text-align: center; vertical-align: middle;}
| | overflow: hidden; |
| .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;}
| | } |
|
| |
|
| /* Then style the iframe to fit in the container div with full height and width */
| | .hero img { |
| /* responsive iframe */
| |
| .responsive { | |
| position: relative;
| |
| width: 100%; | | width: 100%; |
| overflow: hidden; | | height: clamp(260px, 45vh, 520px); |
| | object-fit: cover; |
| | display: block; |
| } | | } |
| .responsive-iframe { | | |
| | .hero-content { |
| position: absolute; | | position: absolute; |
| top: 0; | | bottom: 40px; |
| left: 0; | | left: 50%; |
| bottom: 0; | | transform: translateX(-50%); |
| right: 0; | | max-width: 1400px; |
| width: 100%; | | width: 100%; |
| height: 100%; | | padding: 1em 4em; |
| border: none; | | color: white; |
| } | | } |
|
| |
|
| /* Fixar barra de ferramentas do Visual Editor */ | | /* Card grid */ |
| .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { | | |
| position: fixed;
| | .card-grid { |
| top: 4rem;
| | display: flex; |
| border-top: 0;
| | flex-wrap: wrap; |
| | gap: 20px; |
| | max-width: 1400px; |
| | margin: 0 auto; |
| } | | } |
|
| |
|
| /* CSS Sliding Image Gallery for Mediawiki | | /* Split layout */ |
| *
| | |
| * @author: Unknown
| | .split { |
| * current version crafted together by [[User:Christharp]] from several CSS sites.
| | display: flex; |
| */
| | gap: 40px; |
| /* Galeria de imagens Carrousel*/
| | align-items: center; |
| .wrapper { | | max-width: 1400px; |
| position: absolute; | | margin: 0 auto; |
| top: 1%; | | padding: 0 20px; |
| 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 { | | .split > div { |
| -webkit-transform: scale(1.4);
| | flex: 1; |
| -moz-transform: scale(1.4);
| |
| -o-transform: scale(1.4);
| |
| -ms-transform: scale(1.4);
| |
| transform: scale(1.4);
| |
| cursor: pointer;
| |
| } | | } |
| @keyframes credits {
| | |
| 0% {
| | /* mobile */ |
| margin-left: 0px;
| | @media (max-width: 768px) { |
| }
| | .split { |
| 100% {
| | flex-direction: column; |
| 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% { | |
| margin-left: 0px;
| |
| }
| |
| 100% {
| |
| margin-left: -4000px;
| |
| }
| |
|
| |
| } | | } |
|
| |
|
| /* Feedback EM TESTE*/
| | .infobox-row { |
| .articleFeedbackv5-panel { | | display: flex; |
| background-color: #f8f9fa;
| | justify-content: space-between; |
| border: 1px solid #d1deed;
| | padding: 6px 0; |
| padding-bottom: 1px;
| | border-bottom: 1px solid #f0f0f0; |
| margin: 0;
| |
| width: 100%;
| |
| max-width: 100%;
| |
| }
| |
| .ui-button .ui-button-text {display: inline;}
| |
| .articleFeedbackv5-ui .instructions-left {
| |
| float: left;
| |
| margin: 0 15px 0 0;
| |
| font-size: 1em;
| |
| }
| |
| .mw-body .articleFeedbackv5 h1, .mw-body .articleFeedbackv5 h2 {
| |
| margin-top: 0;
| |
| } | | } |
|
| |
| /* Extension Banner EM TESTE*/
| |
| .wpb-topbanner-toc {position: relative; background: #6A5ACD;}
| |
| .wpb-topbanner .wpb-name {font-size: 2em; font-weight: normal;}
| |
| .wpb-banner-toc {line-height: 2em; font-weight: normal; font-size: 1.8em; font-variant-caps: all-small-caps;}
| |
| .wpb-banner-toc a, .wpb-banner-toc a:visited, .wpb-banner-toc a:active {font-weight: normal;}
| |
|
| |
| /* Acessibilidade Definir foco EM TESTE*/
| |
| /* a:focus, a:hover {border: 2px solid #F00;}*/
| |
