sidebar enhancement (black)

Unmaintained sidebar enhancement (black) v1a

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


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*/
  • sidebar-gradient.webp
    sidebar-gradient.webp
    78 bytes · Views: 88
Author
Shelley
Downloads
78
Views
401
First release
Last update

Ratings

0.00 star(s) 0 ratings

Latest updates

  1. Included the CSS

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