102 lines
1.5 KiB
CSS
102 lines
1.5 KiB
CSS
#profile-area {
|
|
margin:auto;
|
|
width:45rem;
|
|
background-color:#fdf6e3;
|
|
margin-top:3rem;
|
|
margin-bottom:3rem;
|
|
line-height:1.5rem;
|
|
border-top:0.375rem solid #002b36;
|
|
color:#002b36;
|
|
}
|
|
|
|
.description {
|
|
padding:1.5rem;
|
|
background-color:#eee8d5;
|
|
margin-left:1.5rem;
|
|
margin-right:1.5rem;
|
|
margin-top:-1.5rem;
|
|
}
|
|
|
|
.description p {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.description p:not(:last-child) {
|
|
margin-bottom:1.5rem;
|
|
}
|
|
|
|
.details-2 {
|
|
text-align:center;
|
|
font-style:italic;
|
|
}
|
|
|
|
|
|
.main-area {
|
|
background-image:url("background.png");
|
|
background-position:center bottom;
|
|
background-repeat:repeat-x;
|
|
background-color:#2aa198;
|
|
padding-top:1.5rem;
|
|
padding-bottom:4.5rem;
|
|
height:15rem;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.avatar {
|
|
height:9rem;
|
|
width:auto;
|
|
margin-left:-1.5rem;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.mwa {
|
|
display:inline-block;
|
|
width:45rem;
|
|
vertical-align:top;
|
|
margin-top:-3rem;
|
|
margin-left:-8.5rem;
|
|
text-align:center;
|
|
}
|
|
|
|
.pseudo {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.details {
|
|
font-weight:800;
|
|
color: #fdf6e3;
|
|
position:relative;
|
|
top:-0.75rem;
|
|
}
|
|
|
|
.logo {
|
|
height:9rem;
|
|
}
|
|
|
|
footer.links {
|
|
padding:1.5rem;
|
|
text-align:center;
|
|
}
|
|
|
|
.linkbutton {
|
|
display:inline-block;
|
|
padding-top:0.75rem;
|
|
padding-bottom:0.75rem;
|
|
padding-left:1.5rem;
|
|
padding-right:1.5rem;
|
|
background-color:#d33682;
|
|
color:#fdf6e3;
|
|
font-weight:800;
|
|
margin-left:0.375rem;
|
|
margin-right:0.375rem;
|
|
}
|
|
|
|
.linkbutton:hover {
|
|
background-color:#be1b70;
|
|
color:#fdf6e3;
|
|
text-decoration:none;
|
|
}
|