Not planned member card redesigned

This suggestion has been closed. Votes are no longer accepted.
I already had a modified member card on my site but I really like the two column layout so I stole copied it.

We don't have any add-ons installed which hook into it so it's not an issue (at the moment).

View attachment 43501

If more vertical space is ever needed then I can swap the columns around and make the stats column use the full height.

Can you please share the edits?
 
Here are all the member card related CSS changes which are specific to my site:
Code:
/* Member card */
.xenOverlay.memberCard {
width: 636px !important;
height: 268px !important;
}
 
.xenOverlay.memberCard .avatarCropper {
top: 38px !important;
left: 38px !important;
background-color: transparent !important;
}
 
.xenOverlay.memberCard .userInfo {
width: 360px !important;
top: 33px !important;
right: 38px !important;
}
 
.xenOverlay.memberCard .userInfo .userTitleBlurb {
margin: 0 0 4px !important;
}
 
.xenOverlay.memberCard .userInfo .status,
.xenOverlay.memberCard .userInfo .status a {
margin: 2px 0 !important;
font: 11px Arial !important;
color: @secondaryLight !important;
}
 
.xenOverlay.memberCard .userInfo h3,
.xenOverlay.memberCard .userInfo h3 a {
color: @CTAExtraColour12 !important;
}
 
.xenOverlay.memberCard .userInfo h4 {
color: @CTAExtraColour7 !important;
font-weight: bold;
}
 
.xenOverlay.memberCard .muted,
.xenOverlay.memberCard  a.muted,
.xenOverlay.memberCard  .muted a {
color: @CTAExtraColour19 !important;
}
 
.xenOverlay.memberCard .userLinks {
margin: 2px 0 !important;
border-bottom: 1px solid @dimmedTextColor !important;
}
 
.xenOverlay.memberCard .userLinks a {
margin-right: 8px !important;
color: @CTAExtraColour12 !important;
}
 
.xenOverlay.memberCard .userInfo .userStats {
float: left;
width: 174px !important;
border-right: 1px solid @dimmedTextColor !important;
padding-right: 4px;
}
 
.xenOverlay.memberCard .userInfo .userStats dd {
float: right !important;
margin-right: 4px !important;
}
 
.xenOverlay.memberCard .userInfo .userStats dt  {
float: left;
color: @CTAExtraColour19;
clear: both;
}
 
.xenOverlay.memberCard .lastActivity {
float: right;
width: 174px !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: 0 !important;
}
 
.xenOverlay.memberCard .lastActivity.pairsInline dt{
float: left;
color: @CTAExtraColour19 !important;
}
 
.xenOverlay.memberCard .lastActivity.pairsInline dd{
float: left;
clear: both;
}

I'll create a resource later tonight based on the default style.
 
Top Bottom