Twenty Thirteen: add Editor styles

[lancewillett]

Add styles for the TinyMCE visual editor.

Note: see #22499 for loading the Google fonts in the editor stylesheet in Twenty Thirteen.

[Frank Klein]

Used the Layout Test from the Theme Unit Test to verify the editor styles. There a still some issues with the kdb and tt tags though.

[Frank Klein]

Added caption styles.

[lancewillett]

Noting also Editor Styles will need RTL version in css/editor-style-rtl.css, see also #23550.

[lancewillett]

.4 patch: update comment blocks (add a few periods, remove extra space before closing braces) and update CSS comment style to match main stylesheet.

[azaozz]

Would there be a visible indication of the theme's width in the editor?

[lancewillett]

Replying to azaozz:

Would there be a visible indication of the theme's width in the editor?

We didn't do it in older default themes -- should we add it? I personally like it without.

[azaozz]

It's always been a bit weird that there is a well defined box where to type but the text wraps in the middle of it. On the other hand most users are used to that by now.

[lancewillett]

@kovshenin Do you have an opinion on the shaded background colors to show an idea of the content width?

[kovshenin]

I don't have a strong opinion on this. I can usually figure out the content width right after typing in the first line, and in DFW the dotted border is very helpful too. I also don't think it will hurt, even if people are used to it.

[lancewillett]

In 23672:

Twenty Thirteen: first pass at editor styles. Props Frank Klein and obenland. See #23551.

[saltcod]

@azaozz: On the other hand most users are used to that by now

That wrap still feels a little weird. I think I like the very light grey background.

Though if it's loaded by the theme, it will feel strange to them if/when they switch themes and it goes away.

[lancewillett]

As discussed in today's Twenty Thirteen office hours ​log -- another suggestion is to use a dotted gray line on the right side, similar style to the DFW interface.

Sounds like most people voted to leave it out entirely, though.

[saracannon]

I'd say leave it out. I can see showing the "max-width line" if the post editor will also adapt to smaller widths - in keeping with the responsive design. .. but we're not there yet ;)

[lancewillett]

Let's open new tickets with new issues, this first pass is good for code freeze.