= !BluePrint for CSS =

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 something similar with the default web2py menu: http://groups.google.com/group/web2py/browse_thread/thread/ecffcd0427af0fec
The logo font is Brush Script.

Q: Should we migrate to [http://bluetrip.org BlueTrip]? [[BR]]
A: Probably not as their value isn't proven.

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

CSS can be previewed in different browsers, however no interaction is possible:
 * http://browsershots.org/
 * IE only: http://ipinfo.info/netrenderer/

Original Sahana CSS documented here: [wiki:DeveloperGuidelinesCSS]

Relevant Bugs:
 * #17
 * #19

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

== Menus ==
Main outstanding task on this is to have the Modules menu show which module we're currently in.
 * The Auth menu already does this.

The Modules menu could be moved to a single dropdown - located below the Login box.

The Auth menu should be migrated to using the same style as the Modules/Options menus.

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

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

== Alternative layouts ==

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 a more complex layout, such as:
  * 3 columns: http://matthewjamestaylor.com/blog/perfect-3-column.htm
  * Stackable: http://matthewjamestaylor.com/blog/perfect-stacked-columns.htm
Q: How to {{{{{include}}}}} content into multiple areas? (How is it done with the JPolite app?)

=== Right-to-Left theme ===
We already have a simple:
{{{
body {
    direction: rtl;
}
}}}

This is currently set using the Theme.

We could look at setting this based on a lookup of the current locale.

=== Print View ===
Provide a view which allows for better Printing
 * CSS sufficient? ({{{media=print}}})
Browsers don't print pages in identical ways...if this is key, need to use PDF.

Like for format=ocr.

=== 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

----
BluePrints