62 lines
1011 B
CSS
62 lines
1011 B
CSS
.profile-box, .item-box, .post-box {
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
|
}
|
|
|
|
.profile-box {
|
|
min-height: 150px;
|
|
padding: 25px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.profile-box .profile-picture {
|
|
width: 150px;
|
|
height: 150px;
|
|
margin: 0 20px 20px 0;
|
|
}
|
|
|
|
.profile-box .profile-username {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
.item-box {
|
|
width: calc(50% - 60px);
|
|
margin: 20px 0 0 0;
|
|
padding: 25px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.posts {
|
|
background-color: red;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.post-box {
|
|
float: left;
|
|
width: 250px;
|
|
margin: 20px 20px 0 0;
|
|
padding: 25px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.post-box img {
|
|
width: 250px;
|
|
}
|
|
|
|
.post-box .post-date {
|
|
float: right;
|
|
color: #aaaaaa;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.friend-request {
|
|
float: right;
|
|
padding: 10px;
|
|
border-radius: 3px;
|
|
background-color: #845663;
|
|
color: #FFFFFF;
|
|
transition-duration: 250ms;
|
|
}
|
|
|
|
.friend-request:hover {
|
|
background-color: #B78996;
|
|
} |