Use Theme CSS with TinyMCE and Pixture Reloaded Sub-Theme

Just making a note here for anyone that has had trouble getting WYSIWYG to 'Use Theme CSS' at /admin/config/content/wysiwyg/profile/YOURTEXTFORMAT/edit. I used this setting but could not get the text to look the same in the edit window as on the page itself. After fighting with this for a few hours I figured out the solution and so posting here for others...

1. This setting will pull many of the CSS files from your theme, but possibly not all CSS files, at least in the case of the Pixture Reloaded sub-theme I am using.

2. TinyMCE (or something) will also add the content.css file as a useful CSS baseline, but it may interfere with your formating goals.

3. The solution is that you may need to add some basic CSS into your theme CSS files or custom CSS in the /admin/config/content/wysiwyg/profile/YOURTEXTFORMAT/edit form to get what you want. In my case I added the following CSS into my Pixture Reloaded sub-theme override CSS file and got a happy result. Since WYSIWYG was not loading ALL my themes CSS files I needed to make sure the CSS I needed was included in the CSS files that WYSIWYG was loading.

4. Note that the CSS files were quite stubborn to refresh. I had to clear the Drupal caches as well as clear my browser caches to get the CSS to load into the edit window.

html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
} 
@media screen and (max-width: 1280px) {
html, body, .texture-overlay {    background: none;}
}

ok - hope that helps somebody