• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
sidebar enhancement (black)

sidebar enhancement (black) v1a

No permission to download
sidebarblack.png
sidebarblack-hover.png


Summary: black sidebar enhancement

Install: Upload sidebar-gradient.png into your /gradients folder and paste the following css into your Extra.css template. (Screenshots Below)

Code:
/*SIDEBAR BLOCK ENHANCEMENTS*/

.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 0px 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 .minorHeading a {
    color: #969696 !important;
} 
.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: #fbdf94 !important;
}

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

/*SIDEBAR BLOCK ENHANCEMENTS*/
Author
Shelley
Downloads
77
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from Shelley

Latest updates

  1. Included the CSS

    This update includes the css which I forgot to include initially. Install: Simply paste...