8 500
edições
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; | ||
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%; | ||
} | } | ||
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 */ | ||