UserPreferences

HelpOnSkins


The following 104 words could not be found in the dictionary of 550 words (including 550 LocalSpellingWords) and are highlighted below:

0063a5   adapt   added   And   and   appearance   as   avoids   background   best   bit   by   C99   Cascading   change   Changing   changing   clever   color   colors   com   Configuration   copying   css   default   development   discuss   distributed   do   during   editable   fit   following   For   h1   h2   h3   h4   h5   have   headlines   Help   idea   import   in   In   incutio   inherting   involved   is   it   jh   like   likely   likings   line   lines   link   make   mechanism   more   new   now   of   On   only   outdated   own   plain   python   second   see   setup   Sheets   site   Style   styles   stylesheets   support   system   that   The   the   theme   things   This   this   those   to   To   use   users   very   visited   visual   want   way   we   with   With   work   You   you   your  

Clear message

Changing CSS styles

/!\ With 1.2 this is a bit outdated, as we have theme support now.

The best way to change the visual appearance of your wiki site is by inherting the default MoinMoin 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 @import mechanism like this:

/*  #python wiki styles */
@import url("/users/jh/wiki/css/moinmoin.css");

h1,h2,h3,h4,h5 {
    background-color: #88CCFF; /* #EECC99; */
}
a:link {
    color: #0096CC;
}
a:visited {
    color: #0063a5;
}

In the second line, we import the default styles as distributed with MoinMoin. You have to change the URL to fit your system setup, likely to "/wiki/css/moinmoin.css".

In the following lines, we change the background color of headlines and the colors of hyperlinks. And that's it.

For more, see HelpOnConfiguration/CascadingStyleSheets and the [WWW]css-discuss wiki.

For a very clever idea to make CSS wiki editable, see [ESW]plain.css.