Patrick Malley

1.) There are things in the Standard theme that probably won't go into my new structural theme. Then again, there are probably things that will go into my structural theme that aren't in Standard. My point of view is that Standard is there as a historical reference for administrators. I don't necessarily want to alter that too much and I want the freedom to alter this new structural theme however I see fit - I don't plan on it having any particular nice bits.

2.) I'll reserve editing mod stylesheets for serious issues and will proceed with extreme caution. All design CSS will go into the theme CSS.

3.) I imagine that plugin developers should create as much CSS as necessary to ensure the plugin looks the same across all themes. If they choose to style for specific themes for whatever reason, they are free to do so.

Thanks Sam. This conversation has been a big help, for sure.

And one aspect comes into my mind while writing - when you overwrite a lot of CSS you loose the easy maintainability anyhow because you need to correct your own CSS when the underlying CSS is changed. So with many themes it does not really matter if you create them form Base with a lot of "new" CSS or overwrite another theme with a lot of "new" CSS.

Well said. Families, then.

I appreciate your perspective on theme "families" and think this is the route I'll go then. Base will contain only basic styles. I'll create a new theme that uses Base as it's parent.

Base <- Grandparent
New Family <- Parent
New Themes <- Child

I can't find any documentation on implementing this theme setting. Can someone please help? Here's what I have so far:

I'm guessing that these will show up in the "Styles" dropdown in the TinyMCE editor. Is this correct?

I have added the following to my config.php:

$THEME->editor_sheets = array('editor');

Inside editor.css, I've included the following CSS to test:

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.25em; line-height:1.5em; margin-bottom: 1em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

But, it's not working. What is the correct way to work this. It's a neat feature that my clients will want to implement for sure.