Summary: Not sure how practical this will and only beneficial to a very small niche. I've optimised the membercard image as best as i could in fireworks.
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: 640px !important;
height: 413px !important;
}
.xenOverlay.memberCard .avatarCropper
{
background-color: transparent !important;
border: 0px solid #181818 !important;
border-radius: 5px !important;
top: 57px !important;
left: 75px !important;
}
.xenOverlay.memberCard .avatar img
{
background-color: transparent !important;
}
.xenOverlay.memberCard .userInfo {
top: 55px !important;
right: 25px !important;
width: 285px !important;
}
.xenOverlay.memberCard .userLinks
{
border-bottom: 1px dotted #a99768 !important;
padding-bottom: 5px !important;
}
.xenOverlay.memberCard .userLinks a
{
color: #696059 !important;
}
.xenOverlay.memberCard .lastActivity
{
border-top: 1px dotted #a29890 !important;
margin-bottom: 5px !important;
}
.xenOverlay.memberCard a.close
{
background-image: url("@imagePath/xenforo/overlay/mclose.png") !important;
right: 52px !important;
top: 10px !important;
width: 14px !important;
height: 14px !important;
}
.xenOverlay.memberCard .userInfo h3 a
{
color: #696059 !important;
}
.xenOverlay.memberCard .userInfo h4 {
color: #696059 !important;
}
.xenOverlay.memberCard .userInfo .status {
color: #918074 !important;
}
.xenOverlay.memberCard .pairsInline dt {
color: #8f7c6c!important;
}
.xenOverlay.memberCard .userStats dd {
color: #bbafa5!important;
}
.xenOverlay.memberCard .lastActivity {
color: #745123;
}