#format wiki
#language en
#acl All:read
{{{#!Frame align=float:left,position=relative,width=70%,thick=2px,background=gray
/!\ This is a approximative translation from french page: [[Doc/Wiki/MoinMoin/Contrib/CssInWikiPage|CssInWikiPage (fr)]]
}}}
{{{
#!Frame align=clear
}}}

<<TableOfContents(3)>>
= Introduction =

The theme Err404 aims to put the css directly into a wiki page, allowing you to edit css without using a ftp client, and enjoy all the advantages of a wiki (we can compare different versions and we can revert to an earlier version). MoinMoin supports file upload, which allows you to edit the image files to the css without needing an FTP client.

= Files modified =
== Page.py ==
{{{
/usr/share/pyshared/MoinMoin/Page.py
}}}
search '''text/plain''' and replace it with '''text/css''' (line 969)

== /css/common.css ==

I did not understand everything the '''synorca4moin.py''', I still synorca4moin of css files (renamed to err404) in '''/usr/share/moin/htdocs/err404''' but modified as follows:

I replaced the contents of '''common.css''' by:
{{{
@ import "/CSS/err404-current?action=raw";
}}}
other css files are emptied of their contents (I use only one css for all)

== synorca4moin.py ==

to add the menu to the left with the inclusion of a wiki page, I am greatly inspired by the theme '''[[ http://moinmo.in/ThemeMarket/Mandarin|mandarin]]'''

so I just hacked '''synorca4moin.py''' (renamed '''err404.py''')

[[Doc/Wiki/MoinMoin/Contrib/CssInWikiPage/err404.py]] <- use ?Action=diff to see changes

= Wiki pages to create =
create three wiki pages readable by all

 * [[CSS/err404-current]] <-- to write the css of the current theme. (which can be copied from another theme, for example [[CSS/err404-test]])

 * [[CSS/err404-spatial]] <-- to save css and images in the space theme.

 * [[SideBar]] <-- to the left menu

it is easy to create multiple themes and switch from one to another
= ToDo =

 * I do not know much about CSS, it should still feature plenty of unnecessary, redundant, or not.
 * My theme is not yet adapted to the small screen size.
 * I would like to shrink left menu for small screens.
 * The use of semi-transparent png aggravated the page, but it is beautiful.
 * I tried a while ago to write action plugin like ?action=css, but it did not work, I'll have to go look again.
 * I leave the img file, even if a part is replaced by the CSS, it turns out that some of them are in hard '''synorca4moin.py''' (renamed ''' err404.py''').