1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

sidebar enhancement (black) v1a

sidebar enhancement (black)

  1. Shelley
    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*/
    
    

    Images

    1. sidebar-gradient.png

Recent Updates

  1. Included the CSS