Panels Layouts

Adaptivetheme includes these 14 layouts for use with the Panels module.

http://drupal.org/project/panels

All layouts are responsive and are controlled via theme settings in your
sub-theme. You can select layout options for each device group - this means
the layout of the panel can change for tablets or smalltouchs to better
suit the smaller size of those screens.

Note: regular Panels layouts or those supplied by another theme or module,
such as Panels Extra Layouts, will not be responsive with this theme, only
the Panels layouts supplied with Adaptivetheme are responsive.

# Gpanels

These same 14 layouts are avaialbe as Gpanels (layout snippets) for use in
your page.tpl.php files. Use Gpanels if you prefer to hold your layout in code
inside templates rather than using the Panels module. The priciple difference,
apart from using Panels, Ctools and Page Manager, is that Gpanels do not have
context avaialbe to them - only what block visibility can provide, unless you
use the Context module, or Mini Panels.

# CSS

Each of the layouts includes an admin CSS file, however the CSS for the front
end view of the panel comes from Adaptivetheme core and is generated when
you save the theme settings. This is the main trick in making responsive
panels work inside this theme - by omitting front end CSS from the actual
layout plugin and instead wrangling all CSS inside the theme.

# Markup

The markup is different from normal Panels layouts. Instead of using the regular
panels type markup and classes I opted to mimic regular regions. This was done
to make them identical to Gpanels, so we only need one set of CSS files to
control both Panels and Gpanel layouts.

# Usage

The layouts will appear inside Panels when you select the layout for the Panel
you are creating, simply choose one of the AT Responsive Panel options.

You will notice the icons are orange and blue compared to Panels module plain
grey icons. The orange regions are optional (collapsible) but the blue ones are
not - they will not collapse if not used.

Most of the layouts are "stacked" meaning they have top and bottom regions - all
top and bottom regions are collapsible.

# Developer Info

Please see the five_5x20 plugin inc file for exstensive docs on the plugin structure
and various other details you will need to make your own plugin.