• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Sidebar Enhancement

Same as above except this is a darker blocks. Follow instructions with regard to pasting the code in the extra .css template (code below) and upload sidebar-attachment.png into the /gradients folder

sidebarblack.webpsidebarblack-hover.webp

Code:
.sidebar .secondaryContent {
    background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #535353;
    border: 1px solid #161616;
    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 1px 0 rgba(209, 209, 209, 0.5);
    padding: 10px;
}
.sidebar h3, .sidebar h3 a  {
    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;
}

.sidebar h3 a:hover {
    text-decoration: none !important;
    opacity: 0.5;
}

.sidebar .pairsJustified dt, .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading, .sidebar .avatarList  .userTitle{
    color: #c7c7c7 ;
    font:  11px/11px !important;
    text-shadow: 0 -1px 0 #2d2d2d ;
}

.sidebar .username, .sidebar .pairsJustified dd {
    color: #ffeca0 !important;
}

.sidebar .avatar img, sidebar .avatar .img.s {
    border: 1px solid #161616;
}
 

Attachments

  • sidebar-gradient.webp
    sidebar-gradient.webp
    78 bytes · Views: 31
Not sure what you mean. Are you referring to the .visitorsPanel? If so below will work if you only want to affect the visitor sideblock though you'll have to make the necessary changes if this wasn't the colour your after.

visitorPanel.webp

Code:
/*VISITORPANEL ONLY BLOCK ENHANCEMENTS*/
 
.visitorPanel .secondaryContent{
    background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #535353;
    border: 1px solid #161616;
    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;
}
 
.visitorPanel .pairsJustified dt{
    color: #c7c7c7 ;
    font:  11px/11px !important;
    text-shadow: 0 -1px 0 #2d2d2d ;
}
 
.visitorPanel .username, .visitorPanel .pairsJustified dd {
    color: #ffeca0 !important;
}
 
.visitorPanel .avatar img {
    border: 1px solid #161616;
}
 
/*VISITORPANEL ONLY BLOCK ENHANCEMENTS*/
 
Top Bottom