= !BluePrint for CSS =

Original Sahana CSS documented here: [wiki:DeveloperGuidelinesCSS]

We have moved to a full page design to allow maximal screen real estate to be available for list views & data entry. Ours is based on:
 * http://matthewjamestaylor.com/blog/perfect-full-page.htm
 * This was inspired by the work done on Sahana PHP: http://demo.respere.com/dnn/
 * Link on doing soemthing similar with the default web2py menu: http://groups.google.com/group/web2py/browse_thread/thread/ecffcd0427af0fec

Main outstanding task on this is to have the Modules menu show which module we're currently in.

The CSS could still do with some cleaning up to remove unused styles.

We should include alternate layouts which different views can inherit from (common areas included into these to be DRY):
 * Site home & Module homes act as portals, which require 3 columns:
  * http://matthewjamestaylor.com/blog/perfect-3-column.htm

Maximal usability ideas:
 * http://www.alistapart.com/articles/progressiveenhancementwithcss

Replace the current menus with Breadcrumb-style Chevrons, e.g.:
 * http://www.guardian.co.uk/world/usa
Enhance these with dropdown menus, like in T3:
 * http://web2py.appspot.com/t3/default/wiki/main

Relevant Bugs:
 * #3
 * #9
 * #14 (e.g. see: http://vita.sahanapy.org/init/pr/person )
 * #17
 * #18
 * #19

CSS can be previewed in different Internet Explorer version, however no interaction is possible:
 * http://ipinfo.info/netrenderer/

=== Right-to-Left theme ===
Ideally this should be as simple as:
{{{
body {
    direction: rtl;
}
}}}

=== Print View ===
Provide a view which allows for better Printing
 * CSS sufficient? ({{{media=print}}})

=== Mobile View ===
Provide a cut-down version for use on low-screensize, low-bandwidth devices, such as Mobiles
 * CSS sufficient?
 * http://mobiforge.com/Designing
Use the RESTlike CRUD controller's ?format=plain

=== Icons in Menus? ===
 * http://groups.google.com/group/web2py/browse_thread/thread/aeb21cca011e4632

----
BluePrints