Profile Block Enhancement
Summary: This alteration will adjust the profile blocks only not any other side blocks throughout the forum. Primarily, it's more of a guide for those that want to adjust their blocks and make them different from other blocks throughout the styles.
I'll be honest, I rushed the follow blocks a little but if you spend the time you can create a better job using your own gradients, styling implementation. I'm sure there's a more efficient way of styling the profile side blocks as it was a quick alteration I made.
Install: Upload sidebar-gradient.png into your /gradients folder and paste the following into your EXTRA.CSS template.
Summary: This alteration will adjust the profile blocks only not any other side blocks throughout the forum. Primarily, it's more of a guide for those that want to adjust their blocks and make them different from other blocks throughout the styles.
I'll be honest, I rushed the follow blocks a little but if you spend the time you can create a better job using your own gradients, styling implementation. I'm sure there's a more efficient way of styling the profile side blocks as it was a quick alteration I made.
Install: Upload sidebar-gradient.png into your /gradients folder and paste the following into your EXTRA.CSS template.
Code:
/*PROFILE ONLY BLOCK ENHANCEMENTS*/
.profilePage .mast .secondaryContent{
background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #535353;
border: 1px solid #161616 !important;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 rgba(209, 209, 209, 0.4) inset, 0 0 0 1px rgba(209, 209, 209, 0.2) inset, 0 0px 0 rgba(209, 209, 209, 0.5);
padding: 10px;
}
.profilePage .infoBlock dt {
color: #ffffff;
text-shadow: 0 -1px 0 #2d2d2d;
}
.profilePage .infoBlock dd {
color: #bcbcbc;
}
.profilePage .infoBlock dd a {
color: #ffe5ad;
}
.profilePage .sharePage h3 {
color: #dcdcdc !important;
font: bold 12px/14px Arial,sans-serif;
text-shadow: 0 0 0 transparent, 0 -1px 0 #2d2d2d ;
border-bottom: 1px solid #2d2d2d !important;
box-shadow: 0 1px 0 0 #7d7d7d;
}
.profilePage .subHeading{
background: url("") repeat-x scroll center top #535353;
border-bottom: 1px solid #161616;
border-top: 1px solid #161616;
border-right: 1px solid #161616;
border-left: 1px solid #161616;
color: #dcdcdc !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.profilePage .textWithCount.subHeading .count {
background-color: #5f5f5f;
border: 1px solid #2d2d2d;
border-radius: 3px 3px 3px 3px;
color: #FFE5AD;
}
.profilePage .text {
color: #dcdcdc !important;
}
.profilePage .mast .followBlocks .primaryContent.avatarHeap {
border-color: #161616 !important;
border-style: solid;
border-width: 0px 1px 1px 1px !important;
background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #535353;;
box-shadow: 0 1px 0 rgba(209, 209, 209, 0.4) inset, 0 0 0 1px rgba(209, 209, 209, 0.2) inset, 0 0px 0 rgba(209, 209, 209, 0.5);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.profilePage .mast .avatar .img {
border: 1px solid #161616;
}
.profilePage .mast .section.infoBlock {
border: 0px solid #D7EDFC !important;
}
/*PROFILE ONLY BLOCK ENHANCEMENTS*/
