Dreamwidth style system discussion

Question: what is your CSS level, and are you familiar with using browser developing tools to see what CSS is doing?

Basically, you are going to have to:

* Reset the color set here to nothing, because you are doing each one individually, and the border radius to nothing, since you will put that onto the individual modules:

#secondary > .inner:first-child, 
.three-columns #tertiary > .inner:first-child, 
.one-column #tertiary > .inner:first-child {
    background-color: #D93D04;
    border-radius: 5px 5px 5px 5px;
}

* Also take away the padding, you will have to add it into the modules instead:

#secondary > .inner:first-child, 
#tertiary > .inner:first-child {
    padding: 2px 10px;
}

* Then, go through the things on your sidebar and add the colors. You can do it using the classes of each module (http://wiki.dwscoalition.org/wiki/index.php/S2_CSS:_Module_ids_and_classes -- this list might need updating, come to think of it). This way would probably be easier conceptually, and work in old browsers, but you'd have to manually do it for every color.

* Or you can use CSS3 selectors for the module classes: http://reference.sitepoint.com/css/pseudoclass-nthchild If you do this, you can make repeating colors that are in the right sequence no matter how you rearrange the modules on the side or no matter how many modules there are, without doing them all individually.

* You will also need to add the border radius to the top and bottom modules, for the right corners. This, too, can be done with individual module selectors or CSS3 last and first child selectors.