Skip to main content

A responsive design for Plone/Diazo powered sites

Project description


Responsive Diazo is an installable Plone Theme developed by Simples Consultoria using the theming and packaging features available in

You could use this theme as a start for you own Diazo themes – but send us a postcard, ok ;-)



Layout of the site when viewed in a computer resolution:

Layout of the site when viewed with a tablet resolution:


Getting the theme

Zip file

If you are an end user, you might enjoy installation via zip file import.

  1. Download a zip file

  2. Import the theme from the Diazo theme control panel.


If you are a developer, you might enjoy installing it via buildout.

Add beyondskins.responsive to your plone.recipe.zope2instance section’s eggs parameter e.g.:

eggs =

Or, you can add it as a dependency on your own product


Enabling the theme

Select and enable the theme from the Diazo control panel. That’s it!


  • Thiago Tamosauskas (thiago at simplesconsultoria dot com dot br) - CSS, Accessibility and Q&A.

  • Andre Nogueira (andre at simplesconsultoria dot com dot br) - Conception and prototype.

  • Davi Lima (davi at simplesconsultoria dot com dot br) - Translation, Fixes.


0.4 (2012-09-02)

  • Introduce the “plone:static” directive (from plone.resource) before using it [danjacka]

  • Add support [ericof]

  • New diazo rule for Analytics [tamosauskas]

  • New diazo rule for Plone Lingua [tamosauskas]

  • A most efficient rule for head elements. Thanks brett-kimball [tamosauskas]

  • Fix bug in lists and numbered lists in content [tamosauskas]

0.3 (2012-03-21)

  • Explicitly add stuff to , solving issue #1 [ericof]

  • Add include to [ericof]

0.2 (2012-02-23)

  • Including customizable touch-favicon [tamosauskas]

  • Pixel-Perfect adjustment in navbar [tamosauskas]

  • Add ARIA landmark roles [agnogueira]
    • Add a so much better Ipad navigation experience [tamosauskas]

  • Mobile search using overlay [tamosauskas]

0.1 (2011-11-04)

  • Packaging [erico_andrei]

  • Applies Liquid Layout [tamosauskas]

  • Proportional use of images and fonts [tamosauskas]

  • Media queries for responsive design [tamosauskas]

  • Transparent Bacground in the header image [tamosauskas]

  • Search Box layout without images [tamosauskas]

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution (1.3 MB view hashes)

Uploaded source

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Huawei Huawei PSF Sponsor Microsoft Microsoft PSF Sponsor NVIDIA NVIDIA PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page