It's pretty cool that the Wikidot layout is now customisable — But as we can't use IDs in our customisable code, we can't actually customise the legacy layout and preserve customised CSS for it.
I've created a legacy section on this site which will help users to "upgrade" their legacy layouts to customisable ones without additional programming.
I have achieved this by:
- Upgrading legacy CSS themes to compatible ones (Emulated Legacy CSS)
- Emulating the legacy layout (Emulated Legacy Layout)
- Creating a JavaScript CSS converter (Legacy CSS Upgrade Converter)
There is a known issue where Wikidot's base CSS doesn't seem to include the button GIFs in the editor, however I'm not prepared to look into resolving that issue. If others are willing, I recommend appending the CSS fix to the Emulated Base CSS.
Feel free to test this with your own sites. I know that I'd probably enjoy using my existing layouts but moving the editor to above the page content instead of below it :-)