Develop essential user profile template

This commit is contained in:
Xevion
2022-03-27 01:29:18 -05:00
parent 99a6bcec87
commit 3f7403ef80
4 changed files with 133 additions and 1 deletions

View File

@@ -123,4 +123,54 @@ form button {
margin: 0 auto;
}
.profile-title {
display: block;
border-bottom: 1px solid grey;
width: 100%;
}
.profile-title .profile-username {
font-size: 1.5em;
font-weight: bold;
}
.profile-title .profile-timestamp {
padding-left: 1em;
font-size: 0.9em;
}
.profile-title .profile-timestamp.offline {
color: dimgrey;
}
.profile-title .profile-timestamp.online {
color: #0C8C00;
font-weight: 600;
}
.profile-left {
padding: 0.8em;
width: fit-content;
border-right: 1px solid grey;
}
.profile-left .profile-details {
font-size: 0.7em;
text-align: center;
}
.profile-left .profile-picture {
margin: 0.8em;
max-width: 10em;
max-height: 10em;
filter: drop-shadow(5px 7px 6px rgba(0, 0, 0, 0.1));
}
.profile-bio, .profile-left {
display: inline-block;
}
.profile-lower {
display: flex;
white-space: nowrap;
}
.profile-lower .profile-bio {
margin: 0.5em 1em;
white-space: normal;
}
/*# sourceMappingURL=styles.css.map */