CSS
From Dokeos
Introduction
The development of CSS for Dokeos 1.8 will now be subject to a small set of rules for the best possibility to extend and keep the CSS as flexible as possible.
The default CSS are kept in the main/css/default/ directory, and main/css/default/default.css is loaded by default on Dokeos installation.
Rules to be followed
- Copy the default directory into a new directory main/css/{your_style_name}. If possible, use the latest development version from SVN. This way, you will ensure you have all the elements of the latest design styles
- Make sure the elements remain in the initial order (as in default/default.css). This will highly improve review time and allow the author of one style to use yours with maximum timing efficiency
- Avoid removing any element from the stylesheets. If you don't want to use them, leave them empty. This will ensure everybody can reuse your CSS and extend them, even if they don't know the existence of some classes or IDs in the code. They will see them in the stylesheet and hopefully, if the name has been thought well, they will know to what it applies
- If images/pictures/icons are specific to your stylesheet, put them in main/img/{your_style_name}. You will then reference them from your stylesheet like this (for example)
background: url(../../img/{your_style_name}/tab_right.gif) no-repeat right top;
- Use the W3C CSS Validator http://jigsaw.w3.org/css-validator/ to check that your CSS complies to the standards. If one section does not and there is no way to make it comply to the W3C recommendations, please add a comment to the wrong piece of code stating exactly why you have to use it.
