<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Well there is a lot of 'good stuff' in PmWiki.css,<br>
and of course from time to time it gets updated.<br>
This 'good stuff' provides the much of the basis for any skin,<br>
so rather than maintain the whole thing myself I choose to include it
override it where necessary,<br>
or remove (some) references to its classes from the template.<br>
<br>
Hence I change, and recommend changing, the order of the two lines
given below.<br>
For this who are less familiar with CSS I think having PmWiki override
skin css, as it does in the default skin with<br>
<link rel='stylesheet' href='$SkinDirUrl/pmwiki.css'
type='text/css' /><br>
<!--HTMLHeader--><br>
is confusing.<br>
<br>
I imagine that many people are happy with the general PmWiki layout -
and template,<br>
and would just like to change a few colours, and similar - stuff that
could be done largely by CSS and configuration file,<br>
without having to change the template at all,<br>
if only these two lines were the correct way around.<br>
<br>
cheers<br>
<br>
Simon<br>
<br>
PS thus to clarify<br>
The order CSS is loaded should I think be (ie declared in the html page)<br>
<br>
1) local in page CSS (which I believe should be reduced to a minimum by
being moved into css files)<br>
2) the template CSS (pub/skins/myskin/pmwiki.css)<br>
3) skin specific CSS<br>
4) cookbook recipe specific CSS<br>
5) the local css (pub/css/local.css)<br>
<br>
Thus CSS from (5) overrides any earlier CSS etc.<br>
That is more specific and local CSS overrides more general CSS<br>
<br>
So rather than <br>
<br>
Hans wrote:
<blockquote cite="mid1816587314.20070308182424@softflow.co.uk"
type="cite">
<pre wrap="">Thursday, March 8, 2007, 5:51:19 PM, Simon wrote:
</pre>
<blockquote type="cite">
<pre wrap="">To get your CSS to override existing CSS it will help if you change to,
as follows,
the order of these lines in your template.
</pre>
</blockquote>
<pre wrap=""><!---->
</pre>
<blockquote type="cite">
<pre wrap=""> <!--HeaderText-->
<link rel='stylesheet' href='$SkinDirUrl/pmwiki.css' type='text/css' />
</pre>
</blockquote>
<pre wrap=""><!---->
</pre>
<blockquote type="cite">
<pre wrap="">This ensures that your skin CSS overrides the pmwiki css
I believe that this should be done in the standard release.
</pre>
</blockquote>
<pre wrap=""><!---->
</pre>
<blockquote type="cite">
<pre wrap="">The order CSS is processed should I think be
1) local in page CSS (which I believe should be reduced to a minimum -
moved into css files)
2) the template CSS (pub/skins/myskin/pmwiki.css)
3) skin specific CSS
4) cookbook recipe specific CSS
5) pub/css/local.css
</pre>
</blockquote>
<pre wrap=""><!---->
If you are changing the skin template, I suggest you read
<a class="moz-txt-link-freetext" href="http://www.pmwiki.org/wiki/Cookbook/SkinGuidelines#CSS">http://www.pmwiki.org/wiki/Cookbook/SkinGuidelines#CSS</a>
We had a long discussion a while ago about this, and the result was
the order of css loads outlined on the page above.
In particular skin css overrides recipe css, and local css overrides
skin css. PmWiki core css should be loaded first, so it can be
overidden by any subsequent customisation (recipes, skin, local
admin).
I don't understand why you want to load pmwiki.css at all, unless you
use the pmwiki skin. The pmwiki core css styles are loaded by pmwiki
in any case. These are styles which are important for functional
display. The styles from pmwiki.css should be handled/replaced as
suited by the skin.
Hans
</pre>
</blockquote>
<br>
</body>
</html>