BluePrint for CSS

Original Sahana CSS documented here: 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

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

CSS can be tested in different Internet Explorer version using:

• ​http://ipinfo.info/netrenderer/

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

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