[TYPO3-typo3org] Headers in TER-Documentations (CSS)

[Ernesto Baschny [cron IT]]

Hi,

reading documentations like:

http://typo3.org/documentation/document-library/references/doc_core_tsref/4.0.0/view/4/1/

(which make heavy use of sub-subsections) is very difficult, because one
cannot distinguish between H3,H4 and H5.

In typo3.all-main.css we have:

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 16px 0;
}

This means all headers are rendered in the same style! This makes I
suggest the following addition, which would enhance readability,
separating each H3 section visually, while having each header type
smaller than previous one:

h3 { font-size: 1.3em; background: #ff9f33; color: #fff; padding: 0.4em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; font-style: italic; }

What do you think?

Cheers,
Ernesto