MediaWiki:Common.css: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 288: Linha 288:
.column {
.column {
     width: 28%;
     width: 28%;
    margin: 0.8em;
     text-align: center;
     text-align: center;
}
}
Linha 293: Linha 294:
.social-media {
.social-media {
     text-align: center;
     text-align: center;
    width: 100%;
     height: auto;
     height: auto;
     padding-bottom: 10px;
     padding-bottom: 10px;
     margin-top: -70px;
     margin-top: -70px;
    position: absolute;
    top: 0;
}
}


Linha 425: Linha 427:
.hero-section2{     
.hero-section2{     
     margin: 5%;
     margin: 5%;
    padding-bottom: 88%;
}
}


Linha 513: Linha 514:
}
}


.hero {
  display: inline-block;
  position: relative;
  width: 400px;
  min-width: 400px;
  height: 400px;
  border-radius: 30px;
  overflow:hidden;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
  margin: 30px;
}
.hero-profile-img {
  height: 70%;
}
.hero-description-bk {
  background-image: linear-gradient(0deg , #3f5efb, #fc466b);
  border-radius: 30px;
  position: absolute;
  top: 55%;
  left: -5px;
  height: 65%;
  width: 108%;
  transform: skew(19deg, -9deg);
}
.second .hero-description-bk {
  background-image: linear-gradient(-20deg , #bb7413, #e7d25c)
}
.hero-logo {
  height: 80px;
  width: 80px;
  border-radius: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 30%;
  left: 30px;
  overflow:hidden;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}
.hero-logo img {
  height: 100%;
}
.hero-description {
  position: absolute;
  color: #fff;
  font-weight: 900;
  left: 150px;
  bottom: 26%;
}
.hero-btn {
  position: absolute;
  color: #fff;
  right: 30px;
  bottom: 10%;
  padding: 10px 20px;
  border: 1px solid #fff;
}
.hero-btn a {
  color: #fff;
}
.hero-date {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 10%;
}
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  background-color: #eee;
  min-height: 100vh;
}
.btn i:before {
  width: 14px;
  height: 14px;
  position: fixed;
  color: #fff;
  background: #0077B5;
  padding: 10px;
  border-radius: 50%;
  top:5px;
  right:5px;
}


/* History Page */
/* History Page */
Linha 727: Linha 821:
.reaction-wrapper .icon{
.reaction-wrapper .icon{
     margin-right: 15px;
     margin-right: 15px;
}
/* Media Query */
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
}


Linha 746: Linha 847:


/* Testes */
/* Testes */
.hero {
  display: inline-block;
  position: relative;
  width: 400px;
  min-width: 400px;
  height: 400px;
  border-radius: 30px;
  overflow:hidden;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
  margin: 30px;
}
.hero-profile-img {
  height: 70%;
}
.hero-description-bk {
  background-image: linear-gradient(0deg , #3f5efb, #fc466b);
  border-radius: 30px;
  position: absolute;
  top: 55%;
  left: -5px;
  height: 65%;
  width: 108%;
  transform: skew(19deg, -9deg);
}
.second .hero-description-bk {
  background-image: linear-gradient(-20deg , #bb7413, #e7d25c)
}
.hero-logo {
  height: 80px;
  width: 80px;
  border-radius: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 30%;
  left: 30px;
  overflow:hidden;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}
.hero-logo img {
  height: 100%;
}
.hero-description {
  position: absolute;
  color: #fff;
  font-weight: 900;
  left: 150px;
  bottom: 26%;
}
.hero-btn {
  position: absolute;
  color: #fff;
  right: 30px;
  bottom: 10%;
  padding: 10px 20px;
  border: 1px solid #fff;
}
.hero-btn a {
  color: #fff;
}
.hero-date {
  position: absolute;
  color: #fff;
  left: 30px;
  bottom: 10%;
}
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  background-color: #eee;
  min-height: 100vh;
}
.btn i:before {
  width: 14px;
  height: 14px;
  position: fixed;
  color: #fff;
  background: #0077B5;
  padding: 10px;
  border-radius: 50%;
  top:5px;
  right:5px;
}

Menu de navegação