[pmwiki-users] Proposed Default Stylesheet (pmwiki.css)

[Hans]

Saturday, February 18, 2006, 7:30:04 PM, Patrick wrote:
> But going a bit further, I think this also means that every paragraph
> (or partial paragraph that is enclosed in <p>...</p>) must be followed
> by full paragraph whitespace, yes?  In other words, there's not a way
> to use the settings you've just described and get something like
> what currently exists in the Cookbook.GeminiSkin page...?

>     '''Colour Schemes'''
>     * Blue colours
>     * Sky colours
>     * Sky-Blue colours
>     * Sand colours

Yes. I agree. That is not possible.

> With the <p> elements having a full margin-bottom component, that 
> would mean that the list would end up with vertical whitespace between
> "Colour schemes" and the first item in the list,  yes?  How could
> we deal with that?

Yes.
So how about this attempt:
paragraphs with 1em top margin, but zero bottom margin,
headers counteract this with negative bottom margins in varying
degrees. No v-space empty paragraphs.

h1 { font-size:2.0em; margin-bottom:-0.3em; margin-top:1em;}
h2 { font-size:1.8em; margin-bottom:-0.3em; margin-top:1em; }
h3 { font-size:1.5em; margin-bottom:-0.3em; margin-top:1em;}
h4 { font-size:1.3em; margin-bottom:-0.5em; margin-top:1em;}
h5 { font-size:1.1em; margin-bottom:-0.7em; margin-top:1em; }
h6 { font-size:1.0em; margin-bottom:-1.0em; margin-top:1em;}
ul, ol, pre, dl { margin-top:0; margin-bottom:0; }
p { margin-top:1em; margin-bottom:0; }

See here:
http://www.softflow.co.uk/test-design/header-test2.html

Looks fine tested on Windows with Firefox1.5, IE6, Netscape7, Opera8,
IE5.5, IE5.01, IE4 9 (all cope with the negative margin)


Best, 
~Hans