Preview
Summary: Another membercard. For more variants, other colours of this membercard they will be released at adminextra.com
Install Upload all the contents of the .zip archive into your /overlay folder or the overlay folder of that custom style.
After you've uploaded the contents of the archive copy the following css into your EXTRA.CSS template and your done.
Code:
.xenOverlay.memberCard {
width: 620px !important;
height: 370px !important;
}
.xenOverlay.memberCard .avatarCropper
{
background-color: transparent !important;
border: 0px solid #181818 !important;
border-radius: 5px !important;
top: 120px !important;
left: 60px !important;
width: 96px !important;
height: 96px !important;
}
.xenOverlay.memberCard .avatar img {
background-color: transparent !important;
height: 96px !important;
width: 96px !important;
top: 0px !important;
left: 0px !important;
}
.xenOverlay.memberCard .avatarCropper label {
height: 96px !important;
width: 96px !important;
}
.xenOverlay.memberCard .userInfo .userBlurb {
color: #eacb79;
}
.xenOverlay.memberCard .userInfo {
top: 100px !important;
right: 30px !important;
width: 330px !important;
height: 220px !important;
}
.xenOverlay.memberCard .userLinks {
background: url("@imagePath/xenforo/overlay/membercard-spacer.png") no-repeat bottom !important;
border-bottom: 0px dotted #7ba540 !important;
padding-bottom: 10px !important;
}
.xenOverlay.memberCard .userLinks a {
color: #f3bf33 !important;
}
.xenOverlay.memberCard .lastActivity {
background: url("@imagePath/xenforo/overlay/membercard-spacer1.png") no-repeat top!important;
border-top: 0px dotted #a29890 !important;
margin-bottom: 5px !important;
padding-top: 10px !important;
}
.xenOverlay.memberCard a.close {
background-image: url("@imagePath/xenforo/overlay/mclose.png") !important;
right: 300px !important;
top: 25px !important;
width: 26px !important;
height: 20px !important;
}
.xenOverlay.memberCard .userInfo h3 a {
color: #f3bf33 !important;
text-shadow: 0 2px 2px #4e0000;
}
.xenOverlay.memberCard .userInfo h4 {
color: #ebc151 !important;
}
.xenOverlay.memberCard .userInfo .status {
color: #f1e5bc !important;
}
.xenOverlay.memberCard .pairsInline dd {
color: #f1e5bc !important;
}
.xenOverlay.memberCard .userStats dt {
color: #ebcc78 !important;
}
.xenOverlay.memberCard .lastActivity {
color: #f1e5bc!important;
}
.xenOverlay.memberCard .lastActivity .DateTime {
color: #d9d0b1 !important;
}
.xenOverlay.memberCard .muted {
color: #DACFAA !important;
}
.xenOverlay.memberCard .lastActivity dt {
color: #dacfaa !important;
}
.xenOverlay.memberCard .lastActivity a{
color: #f5d874 !important;
}
