From Indigenous Peoples in Brazil
(Created page with "→CSS placed here will be applied to all skins: .margem-left { margin-left: 10px; } .margem-right { margin-right: 10px; } .mw-body-content blockquote p { font-family:...") |
|||
| Line 1: | Line 1: | ||
| − | /* CSS | + | /** o código CSS colocado aqui será aplicado a todos os temas */ |
.margem-left { | .margem-left { | ||
| Line 16: | Line 16: | ||
.mw-body-content blockquote small { | .mw-body-content blockquote small { | ||
| − | |||
font-style: normal; | font-style: normal; | ||
} | } | ||
| Line 37: | Line 36: | ||
width: 100%; | width: 100%; | ||
padding: 5px; | padding: 5px; | ||
| + | } | ||
| + | |||
| + | .thumbnail > img, .thumbnail a > img { | ||
| + | min-height: 245px; | ||
| + | object-position: top; | ||
| + | object-fit: cover; | ||
| + | width: 100%; | ||
| + | max-height: 245px; | ||
| + | } | ||
| + | |||
| + | .img-contain { | ||
| + | object-fit: contain !important; | ||
} | } | ||
| Line 47: | Line 58: | ||
width: 45%; | width: 45%; | ||
float: left; | float: left; | ||
| + | } | ||
| + | |||
| + | .thumbnail > img, .thumbnail a > img { | ||
| + | min-height: 320px; | ||
| + | max-height: 320px; | ||
} | } | ||
} | } | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
| − | .mw-body-content .list-group { | + | .mw-body-content .list-group-left { |
width: 340px; | width: 340px; | ||
| + | float: left; | ||
} | } | ||
| − | .mw-body-content .list-group-item { | + | .mw-body-content .list-group-left .list-group-item { |
width: 100%; | width: 100%; | ||
float: none; | float: none; | ||
| Line 66: | Line 83: | ||
font-family: 'Ubuntu', 'Helvetica', Arial, Verdana, Helvetica, sans-serif; | font-family: 'Ubuntu', 'Helvetica', Arial, Verdana, Helvetica, sans-serif; | ||
color: #8a8a8a; | color: #8a8a8a; | ||
| + | } | ||
| + | |||
| + | .isotope-container .element { | ||
| + | float: none !important; | ||
| + | } | ||
| + | |||
| + | /* estilo da seta do acordion */ | ||
| + | |||
| + | .mw-headline-toggle { | ||
| + | font-size: 14px; | ||
| + | top: -3px; | ||
| + | } | ||
| + | |||
| + | /* ajustes no menu superior */ | ||
| + | .navbar-header li { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | /* Ajustes de titulos */ | ||
| + | .mw-body-content h2 { | ||
| + | font-size: 27px; | ||
| + | } | ||
| + | |||
| + | @media (min-width: 768px) { | ||
| + | .mw-body-content h2 { | ||
| + | font-size: 29px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Disclaimer do rodapé */ | ||
| + | #creditos { | ||
| + | max-width: 900px; | ||
| + | margin: auto; | ||
| + | } | ||
| + | |||
| + | #creditos a { | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | /* correção nas listas numeradas */ | ||
| + | .mw-body-content ol li { | ||
| + | list-style-image: none; | ||
| + | } | ||
| + | |||
| + | /* correção nas imagens em telas pequenas */ | ||
| + | @media (max-width: 360px) { | ||
| + | .img-thumbnail { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Ajuste de cor e fundo para nome dos povos na ficha */ | ||
| + | |||
| + | #imagem-povo h1 { | ||
| + | background: linear-gradient(to bottom,rgba(255,0,0,0) 15%,rgba(34, 34, 34, 0.52)); | ||
| + | width: 100%; | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Zerando uma margem errada no drop down Quem somos */ | ||
| + | #ferramentas-top-menu ul { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | |||
| + | /* Adiciona opensans ao stack do Body */ | ||
| + | body { | ||
| + | font-family: 'Ubuntu', Open sans, 'Helvetica', Open sans, Arial, Verdana, Helvetica, sans-serif; | ||
| + | } | ||
| + | |||
| + | /* Estilo do logo lateral */ | ||
| + | |||
| + | #logolateral { | ||
| + | width: 100%; | ||
| + | opacity: 0.5; | ||
| + | z-index: 0; | ||
| + | } | ||
| + | |||
| + | /* Correções pós atualização do bootstrap 3 */ | ||
| + | |||
| + | html { | ||
| + | font-family: 'Ubuntu', 'Helvetica', Arial, sans-serif; | ||
| + | } | ||
| + | |||
| + | body { | ||
| + | font-family: 'Ubuntu', 'Open sans', 'Helvetica', Arial, sans-serif; | ||
| + | } | ||
| + | |||
| + | hr { | ||
| + | border-top: 1px dotted #f63; | ||
| + | } | ||
| + | |||
| + | h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6, | ||
| + | .h1, | ||
| + | .h2, | ||
| + | .h3, | ||
| + | .h4, | ||
| + | .h5, | ||
| + | .h6 { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | |||
| + | .lead { | ||
| + | font-family: inherit; | ||
| + | font-size: 17px; | ||
| + | font-weight: 400; | ||
| + | color: #444; | ||
| + | } | ||
| + | |||
| + | .table { | ||
| + | max-width: 680px; | ||
| + | margin: auto auto 20px; | ||
| + | } | ||
| + | |||
| + | caption { | ||
| + | padding-left: 23px; | ||
| + | color: #F0F0F0; | ||
| + | background-color: #410000; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | |||
| + | |||
| + | th { | ||
| + | font-weight: lighter; | ||
| + | } | ||
| + | |||
| + | .table-hover > tbody > tr:hover { | ||
| + | background-color: #C0E07A; | ||
| + | } | ||
| + | |||
| + | .navbar-brand { | ||
| + | height: auto; | ||
| + | padding: 15px 10px; | ||
| + | } | ||
| + | |||
| + | .navbar { | ||
| + | margin-bottom: 0; | ||
| + | z-index: 10; | ||
| + | } | ||
| + | |||
| + | .container-fluid .mw-body-content { | ||
| + | margin-top: -20px; | ||
| + | } | ||
| + | |||
| + | .menu-lateral .toctitle { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .lead { | ||
| + | font-family: inherit; | ||
| + | } | ||
| + | |||
| + | .img-thumbnail { | ||
| + | padding: 0px; | ||
| + | background-color: #f7f7f7; | ||
| + | border: none; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | |||
| + | .well { | ||
| + | margin: 20px auto; | ||
| + | background-color: #eee; | ||
| + | border: 1px solid #fa5; | ||
| + | max-width: 700px; | ||
| + | } | ||
| + | |||
| + | .dropdown-menu > li > a:hover, | ||
| + | .dropdown-menu > li > a:focus { | ||
| + | color: #fff; | ||
| + | background-color: #444; | ||
| + | } | ||
| + | |||
| + | .navbar-default { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-nav > .open > a, | ||
| + | .navbar-default .navbar-nav > .open > a:hover, | ||
| + | .navbar-default .navbar-nav > .open > a:focus { | ||
| + | background-color: #333; | ||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-nav > li > a { | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 767px) { | ||
| + | #p-search { | ||
| + | border-top: none; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | |||
| + | .navbar-nav .open .dropdown-menu { | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
| + | color: #333333; | ||
| + | font-size: 15px; | ||
| + | white-space: normal; | ||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-nav > .open > a, | ||
| + | .navbar-default .navbar-nav > .open > a:hover, | ||
| + | .navbar-default .navbar-nav > .open > a:focus { | ||
| + | font-size: 16px; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #222} | ||
| + | |||
| + | .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { | ||
| + | padding: 7px 15px 7px 25px; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | .navbar-toggle { | ||
| + | margin: 15px 10px 15px 0; | ||
| + | } | ||
| + | |||
| + | .navbar-nav li { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Ajustes do scroll do logo lateral */ | ||
| + | |||
| + | #menu-lateral { | ||
| + | margin-top: -49px; | ||
| + | } | ||
| + | |||
| + | /* Ajustes nuvem de povos */ | ||
| + | |||
| + | .stamp { | ||
| + | right: 0; | ||
| + | } | ||
| + | |||
| + | .isotope-container select, .isotope-container button { | ||
| + | margin: 5px; | ||
| + | font-size: 13px !important; | ||
| + | background: none; | ||
| + | border: 1px solid grey; | ||
| + | border-radius: 6px; | ||
| + | padding: 3px; | ||
| + | -moz-appearance: none; | ||
| + | appearance: none; | ||
| + | -webkit-appearance: none; | ||
} | } | ||
Revision as of 16:33, 12 April 2018
/** o código CSS colocado aqui será aplicado a todos os temas */
.margem-left {
margin-left: 10px;
}
.margem-right {
margin-right: 10px;
}
.mw-body-content blockquote p {
font-family: 'Ubuntu','Helvetica',Arial,Verdana,Helvetica,sans-serif;
color: #252525;
clear: none;
}
.mw-body-content blockquote small {
font-style: normal;
}
.navbox ul {
font-size: 19px;
font-family: Ubuntu, Arial, sans-serif;
max-width: 700px;
}
.navbox ul > li {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
/* Predefinição Info-link */
.mw-body-content .list-group {
width: 100%;
padding: 5px;
}
.thumbnail > img, .thumbnail a > img {
min-height: 245px;
object-position: top;
object-fit: cover;
width: 100%;
max-height: 245px;
}
.img-contain {
object-fit: contain !important;
}
@media (min-width: 768px) {
.mw-body-content .list-group {
margin: 5px 10px 5px 10px;
}
.mw-body-content .list-group-item {
margin: 5px;
width: 45%;
float: left;
}
.thumbnail > img, .thumbnail a > img {
min-height: 320px;
max-height: 320px;
}
}
@media (min-width: 992px) {
.mw-body-content .list-group-left {
width: 340px;
float: left;
}
.mw-body-content .list-group-left .list-group-item {
width: 100%;
float: none;
}
}
/* Data de modificação no menu */
#data-publicacao p {
font-family: 'Ubuntu', 'Helvetica', Arial, Verdana, Helvetica, sans-serif;
color: #8a8a8a;
}
.isotope-container .element {
float: none !important;
}
/* estilo da seta do acordion */
.mw-headline-toggle {
font-size: 14px;
top: -3px;
}
/* ajustes no menu superior */
.navbar-header li {
display: inline-block;
}
/* Ajustes de titulos */
.mw-body-content h2 {
font-size: 27px;
}
@media (min-width: 768px) {
.mw-body-content h2 {
font-size: 29px;
}
}
/* Disclaimer do rodapé */
#creditos {
max-width: 900px;
margin: auto;
}
#creditos a {
color: white;
}
/* correção nas listas numeradas */
.mw-body-content ol li {
list-style-image: none;
}
/* correção nas imagens em telas pequenas */
@media (max-width: 360px) {
.img-thumbnail {
max-width: 100%;
}
}
/* Ajuste de cor e fundo para nome dos povos na ficha */
#imagem-povo h1 {
background: linear-gradient(to bottom,rgba(255,0,0,0) 15%,rgba(34, 34, 34, 0.52));
width: 100%;
color: #fff;
}
/* Zerando uma margem errada no drop down Quem somos */
#ferramentas-top-menu ul {
margin-left: 0;
}
/* Adiciona opensans ao stack do Body */
body {
font-family: 'Ubuntu', Open sans, 'Helvetica', Open sans, Arial, Verdana, Helvetica, sans-serif;
}
/* Estilo do logo lateral */
#logolateral {
width: 100%;
opacity: 0.5;
z-index: 0;
}
/* Correções pós atualização do bootstrap 3 */
html {
font-family: 'Ubuntu', 'Helvetica', Arial, sans-serif;
}
body {
font-family: 'Ubuntu', 'Open sans', 'Helvetica', Arial, sans-serif;
}
hr {
border-top: 1px dotted #f63;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
}
.lead {
font-family: inherit;
font-size: 17px;
font-weight: 400;
color: #444;
}
.table {
max-width: 680px;
margin: auto auto 20px;
}
caption {
padding-left: 23px;
color: #F0F0F0;
background-color: #410000;
font-size: 16px;
}
th {
font-weight: lighter;
}
.table-hover > tbody > tr:hover {
background-color: #C0E07A;
}
.navbar-brand {
height: auto;
padding: 15px 10px;
}
.navbar {
margin-bottom: 0;
z-index: 10;
}
.container-fluid .mw-body-content {
margin-top: -20px;
}
.menu-lateral .toctitle {
display: none;
}
.lead {
font-family: inherit;
}
.img-thumbnail {
padding: 0px;
background-color: #f7f7f7;
border: none;
border-radius: 0;
}
.well {
margin: 20px auto;
background-color: #eee;
border: 1px solid #fa5;
max-width: 700px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #fff;
background-color: #444;
}
.navbar-default {
border-bottom: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #333;
}
.navbar-default .navbar-nav > li > a {
font-size: 15px;
}
@media (max-width: 767px) {
#p-search {
border-top: none;
margin-top: 0;
}
.navbar-nav .open .dropdown-menu {
background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333333;
font-size: 15px;
white-space: normal;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
font-size: 16px;
color: #FFFFFF;
background-color: #222}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 7px 15px 7px 25px;
}
}
.navbar-toggle {
margin: 15px 10px 15px 0;
}
.navbar-nav li {
margin-bottom: 0;
}
/* Ajustes do scroll do logo lateral */
#menu-lateral {
margin-top: -49px;
}
/* Ajustes nuvem de povos */
.stamp {
right: 0;
}
.isotope-container select, .isotope-container button {
margin: 5px;
font-size: 13px !important;
background: none;
border: 1px solid grey;
border-radius: 6px;
padding: 3px;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
}