CSS for the navigation control strip

[liv]

I'm working on converting these Crisped themes to be official site layouts. I've run into a problem with the CSS that makes the navigation control strip match the rest of the layout.

The relevant CSS is as follows:
#lj_controlstrip { box-shadow: 0px 1px 2px $*color_entry_border; } #lj_controlstrip td { border: 1px solid $*color_entry_title_background; }

The problem is that the logged-out version of the nav strip includes a table within a table, for the login form, and this CSS makes all the cells of that table outlined in the entry title colour, which looks kind of awful. So I need to figure out some CSS to turn off border colours in the login form, while leaving them on for the nav strip as a whole.

According to Web Developer the login form looks a bit like this:
table#lj_controlstrip > tbody > tr > td#lj_controlstrip_login > form#login.lj_login_form > div > table > tbody > tr > td

I can't figure out which selector to use with border: none in order to switch off the borders for the inner tables. I've tried variations on #lj_controlstrip_login and #lj_controlstrip_login td and #login.lj_login_form but I'm not getting anywhere. Anyone who's clever with CSS inheritance rules have any good ideas?

Comments

[poulpette]

The body tag has a logged-in/logged out class have you tried adding that in?
Like so:
.logged-out #lj_controlstrip_login td

It should work (haven't tested it)

[liv]

Thank you, that's really helpful. Turns out that part of my problem was using the wrong selector, and part was that I'd missed out a }. Once I fixed those, I got it working as intended, yay.

[momijizukamori]

I will check with Fey and Fu, but I think general policy now is to strip things that override the navstrip coding, because it's an accessibility issue. We have seperate properties for navstrip colors now.

[liv]

I was chatting in #dreamwidth while I started working on this, and denise said it was ok to override the navstrip given that it's really subtle, it's just a little border and drop shadow, the main part of the strip is still set in site colours. I was a bit concerned about the accessibility thing too! But the consensus is that it's ok to add a subtle effect to make it match the lovely gradienty layout.

[momijizukamori]

Okay, D's word rules over all :)