Harmonize CSS files

[cherrynoize]

I love the concept of the separately loadable CSS files. I would like to see some harmonization though.

Now we have:

• a userChrome for chrome editing;
• a userContent for page content styles;
• a CSS folder for separate CSS modules.

Since I love being able to separately load each file, I would like to see something like:

• a userChrome folder for separate chrome modules;
• a userContent folder for separate page content styles.

Now, I understand this is too much to ask because we'd be losing drop-in compatatibility with Firefox. So how about:

• userChrome.css;
• userContent.css;
• components directory for chrome modules;
• content directory for page content modules.

That's just an idea on how to better harmonize this new idea with Firefox's pre-existing chrome folder.

Specifically I think this is necessary 'cause right now it seems to me like files in the CSS directory affect both chrome and content.