8 974
edições
MediaWiki:Mobile.css (ver código-fonte)
Edição das 19h41min de 25 de julho de 2023
, 25 de julho de 2023sem sumário de edição
Sem resumo de edição Etiquetas: Edição móvel Edição feita através do site móvel |
Sem resumo de edição |
||
| Linha 222: | Linha 222: | ||
top: -140px; | top: -140px; | ||
} | } | ||
} | |||
/* Página Instagram */ | |||
.insta-main{ | |||
width: 70%; | |||
margin: 1em; | |||
margin: auto; | |||
} | |||
.post{ | |||
width: 100%; | |||
height: auto; | |||
background: #fff; | |||
border: 1px solid #dfdfdf; | |||
margin-top: 40px; | |||
border-radius: 10px; | |||
} | |||
.info{ | |||
width: 100%; | |||
height: 60px; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
margin: 5px 15px; | |||
} | |||
.info .username{ | |||
width: auto; | |||
font-weight: bold; | |||
color: #000; | |||
font-size: 14px; | |||
margin-left: 10px; | |||
} | |||
.info .options{ | |||
cursor: pointer; | |||
margin-right: 20px; | |||
scale: 0.8; | |||
} | |||
.info .user{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.info .profile-pic{ | |||
height: 40px; | |||
width: 40px; | |||
padding: 0; | |||
background: none; | |||
} | |||
.info .profile-pic img{ | |||
border-radius: 20px; | |||
} | |||
.post-image{ | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
margin-top: -10px; | |||
width: 100%; | |||
height: 100%; | |||
/* object-fit: cover; */ | |||
margin-top: -10px; | |||
} | |||
.post-content{ | |||
width: 100%; | |||
padding: 20px; | |||
} | |||
.likes{ | |||
font-weight: bold; | |||
} | |||
.description{ | |||
width: 96%; | |||
font-size: 14px; | |||
line-height: 20px; | |||
} | |||
.description span{ | |||
font-weight: bold; | |||
margin-right: 10px; | |||
} | |||
.post-time{ | |||
color: rgba(0, 0, 0, 0.5); | |||
font-size: 12px; | |||
} | |||
.comment-wrapper{ | |||
width: 100%; | |||
height: 50px; | |||
border-radius: 1px solid #dfdfdf; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
} | |||
.comment-wrapper .icon{ | |||
height: 30px; | |||
} | |||
.comment-box{ | |||
width: 80%; | |||
height: 100%; | |||
border: none; | |||
outline: none; | |||
font-size: 14px; | |||
} | |||
.comment-btn, | |||
.action-btn{ | |||
width: 70px; | |||
height: 100%; | |||
background: none; | |||
border: none; | |||
outline: none; | |||
text-transform: capitalize; | |||
font-size: 16px; | |||
color: rgb(0, 162, 255); | |||
opacity: 0.5; | |||
} | |||
.reaction-wrapper{ | |||
width: 100%; | |||
height: 50px; | |||
display: flex; | |||
margin-top: -25px; | |||
align-items: center; | |||
} | |||
.reaction-wrapper .icon{ | |||
margin-right: 15px; | |||
} | } | ||