Demo to see how the theme looks in a sample Drupal site Apply theme
Responsive HTML5 base theme using the Skeleton CSS grid system.
Features
- Added "push-by-" and "pull-by-" responsive grid classes to Skeleton
- Includes Formalize CSS for form styling
- Integrates with Context Layouts to allow setting region classes differently for each layout, via
hook_doune_layouts_alter(). - Responsive styling is all in responsive.css (so you can remove it from certain pages using hook_css_alter().)
Credit
Doune draws inspiration and adapts code from the following projects:
- AdaptiveTheme: HTML5+RDF DOCTYPE
- Boron: Override of meta content-type tag
- HTML5 Base: HTML5 templates
- Tao: Pager theming, core CSS exclusion
What is a responsive layout?
CSS @media queries allow declaring styles conditionally, based on properties of the device viewing the document. In the case of responsive layout, this conditional CSS is used to make a site modify its layout to fit mobile devices' (e.g. smartphones, tablets) screens without requiring any horizontal scrolling. See this A List Apart article.
Doune 7.x-2.x subthemes
- The Railroaded Footnotes site implements responsive layout within the Footnotes, Gallery, and Search sections.
Other responsive layout examples
Doune was developed at OpenSourcery.
