This is how Web Application's tabs are suppose to look like when they are selected or hovered over:

alt text

and this is what they look like now:

alt text

The culprit I have found is that the .nav .youarehere list item's style is been overridden by the sprite styles, which have higher specificity. The following properties are the important ones that are been overridden:

.nav .youarehere {
    background-color: #F0F0F0;
    background-image: none;

In addition, I find this ruleset puzzling:

.youarehere a {
    color: #FFFFFF;

Using Jin's original design screenshot, the selected tabs are suppose to have #445A70 font color, not pure white, which would have very low contrast with the light gray background.

I suspect all this may have something to do with a backend change to the way CSS files are been served for StackExchange 2.0 sites.


The fix is on production now. Please refresh browser.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .