SharePoint 07 styles showing in my 2010 site

While testing out a customization for a client site, I noticed in the out of the box picture library that the list had some of the 2007 look and feel. While the top still looked okay, I wasn’t quite happy with the yellow background behind the selector arrow.

Once again with Firebug and IE Developer toolbar, I tracked down the CSS and made my changes.

/* Fixing the strange behavior on the title rollovers for some lists*/
.ms-vh table.ms-selectedtitle,
.ms-vh2 table.ms-selectedtitle,
.ms-vh-icon table.ms-selectedtitle{
        background-color:#efefef !important;
        border:none;}

tr.ms-viewheadertr > th.ms-vh:hover,
tr.ms-viewheadertr > th.ms-vh2:hover{
        border-color:#b2b2b2;
        background-color:#efefef;}

.ms-menuimagecell{
        background:url("/_layouts/images/selbg.png") repeat-x left center;
        background-color:#efefef;
        cursor:pointer;
        border-right-color:#e0e0e0;
        border-top-width: 0px !important;
        padding:0px;
        height:25px !important;}
.ms-menuimagecell img {margin-top: 5px !important;}    

.ms-vh div,
.ms-vh2 div {margin: 1px; min-height: 20px !important;}

.ms-vh-div {padding-top: 5px;}

While the result is not exactly like the 2010 look and feel it is much closer and matches my overall look and feel.

Let me know if this helps.  As always thanks for reading!

, , , ,