<?xml version="1.0" encoding="utf-8"?><!DOCTYPE article  PUBLIC '-//OASIS//DTD DocBook XML V4.4//EN'  'http://www.docbook.org/xml/4.4/docbookx.dtd'><article><articleinfo><title>HelpOnSkins</title></articleinfo><section><title>Changing CSS styles</title><para><inlinemediaobject><imageobject><imagedata depth="15" fileref="http://www.ninux.org//moin_static197/ninuxtheme02/img/alert.png" width="15"/></imageobject><textobject><phrase>/!\</phrase></textobject></inlinemediaobject> With 1.2 this is a bit outdated, as we have theme support now. </para><para>The best way to change the visual appearance of your wiki site is by inherting the default <ulink url="http://www.ninux.org/HelpOnSkins/MoinMoin#">MoinMoin</ulink> styles and only changing those things you want to adapt to your likings. This avoids the work involved in copying new styles added during development to your own stylesheets. To do this, we use the CSS <code>@import</code>  mechanism like this: </para><screen><![CDATA[/*  #python wiki styles */
@import url("/users/jh/wiki/css/moinmoin.css");
]]><![CDATA[
h1,h2,h3,h4,h5 {
    background-color: #88CCFF; /* #EECC99; */
}
a:link {
    color: #0096CC;
}
a:visited {
    color: #0063a5;
}]]></screen><para>In the second line, we import the default styles as distributed with <ulink url="http://www.ninux.org/HelpOnSkins/MoinMoin#">MoinMoin</ulink>. You have to change the URL to fit your system setup, likely to &quot;<code>/wiki/css/moinmoin.css</code>&quot;. </para><para>In the following lines, we change the background color of headlines and the colors of hyperlinks. And that's it. </para><para>For more, see <ulink url="http://www.ninux.org/HelpOnSkins/HelpOnConfiguration/CascadingStyleSheets#">HelpOnConfiguration/CascadingStyleSheets</ulink> and the [<ulink url="http://css-discuss.incutio.com/"/> css-discuss] wiki. </para><para>For a very clever idea to make CSS <emphasis>wiki editable</emphasis>, see <ulink url="http://esw.w3.org/topic/plain#">plain</ulink>.css. </para></section></article>