Community Sites

This horrible mess of a site is overdue for a new theme and a content re-jig. Here is the plan:

OK, getting sick of typing my password.
ssh-keygen
enter, enter, enter, enter,
ssh-copy-id -i ~/.ssh/id_rsa.pub ME@REMOTEHOST
- east peasy shoulda done that yonks ago

To save me or you watching Jake Strawns' (albeit very useful) video about using the Delta module here is the nuts and bolts of it:

Go to, Appearance > Delta > +Add
Give it a Title, Description and choose your Theme
Save

Next, go to Structure > Context > +Add
Give it a Name, Tag and Description
'Add a condition' - I chose a path
'Add a reaction' - Choose 'Delta' > 'YourTheme'
Save

http://london2011.drupal.org/conference/sessions/path-mobile-drupal-tech...
http://twitter.com/johnalbin

I am currently working on a site which needs to run nicely on a multitude of platforms, devices and screen sizes.
I started off by reading up on responsive design which I have been interested in for a while. After building my own brew of CSS3 and XHTML using media queries I built myself a responsive Drupal theme based on Zen. Trying to build in some views which were displaying size dependent JQuery layouts it all started to get very messy. So I have now rebooted the project and after looking around decided to use a project I have looked at earlier, Omega.

global.css is the primary when the page is in mobile and should be the main area to begin styling, say you want to change the background color on the wide format then you would add it to the theme_alpha_wide.css and it will override the global.css when the window is in the wide format

here is a link with some more info http://groups.drupal.org/node/156719

+--+
|  |
|  | Mobile
+--+ Out of the box your Omega sub theme will work best if you use global.css for generic size independent stuff to style the mobile device, remember Mobile First!