[pmwiki-users] pmwiki-responsive skin: problem with css for headers

[Johan Bengtsson]

Hi,

I had some complaints about the look of the headers when using the pmwiki-responsive skin.
In skin.css it looks like this: 

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:15px; margin-bottom:9px; }
h1, h2, h3, h6 { font-weight:normal; }
h4, h5 { font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:15px; }
h1 { font-size:27px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:15px; }
h6 { font-size:15px; }

Users complained that some headings "drowned in the text", notably h1-h3.
I changed to look like this, more bold and size change for h6:

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:15px; margin-bottom:9px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:15px; }
h1 { font-size:27px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:15px; }
h6 { font-size:14px; }

Seems to work fine. Any particular reason for no bold for certain sizes?

-Johan Bengtsson