Plone themes based¶

The diazotheme.plone package provides diazo themes based on the Sunburst Theme using the theming and packaging features available in the diazoframework.plone core package for create Diazo theme using plone.app.theming. This add-on contains the following diazo theme implementations:

Plone Classic (Diazo Framework) Theme¶

Technical details:

DOCTYPE HTML: HTML5

Stylesheet: CSS

JS support?: jQuery.

Web fonts?: No

Grid support?: No

Responsive?: No

CSS framework: Plone style sheet

Supported versions: Plone 4

The Plone Classic (Diazo Framework) Theme aka classic, is a diazo theme based on plonetheme.classic used until Plone 3 versions. A demo using it looks like the following:

Diazo Framework Plone Classic Theme at Plone front-page.

Note

This theme is included into the diazotheme.plone package that is based on the diazoframework.plone package.

Plone Sunburst (Diazo Framework) Theme¶

Technical details:

DOCTYPE HTML: HTML5

Stylesheet: CSS

JS support?: jQuery.

Web fonts?: No

Grid support?: Yes

Responsive?: No

CSS framework: Plone style sheet

Supported versions: Plone 4

The Plone Sunburst (Diazo Framework) Theme aka sunburst, is a diazo theme based on plonetheme.sunburst to be used with theme base “(unstyled)” until Plone 4 versions. A demo using it looks like the following:

Plone Sunburst (Diazo Framework) Theme at Plone front-page.

Note

This theme is included into the diazotheme.plone package that is based on the diazoframework.plone package.

Plone Sunburst Responsive (Diazo Framework) Theme¶

Technical details:

DOCTYPE HTML: HTML5

Stylesheet: CSS

JS support?: jQuery.

Web fonts?: No

Grid support?: Yes

Responsive?: Yes

CSS framework: Plone style sheet

Supported versions: Plone 4

The Plone Sunburst Responsive (Diazo Framework) Theme aka responsive, is a theme to responsify plonetheme.sunburst through diazo. A demo using it looks like the following:

Plone Sunburst Responsive (Diazo Framework) Theme.

A demo using the Plone Sunburst Responsive (Diazo Framework) Theme add-on as a reduced view for Mobile device look like the following:

Plone Sunburst Responsive (Diazo Framework) theme Demo at Mobile device.

A demo using the Plone Sunburst Responsive (Diazo Framework) Theme add-on as a reduced view for Tablet device look like the following:

Plone Sunburst Responsive (Diazo Framework) Theme at Tablet device

Plone Sunburst Responsive (Diazo Framework) theme Demo at Tablet device.

A demo using the Plone Sunburst Responsive (Diazo Framework) Theme add-on as a reduced view for Laptop device look like the following:

Plone Sunburst Responsive (Diazo Framework) Theme at Laptop device

Plone Sunburst Responsive (Diazo Framework) theme Demo Laptop device.

Note

This theme is included into the diazotheme.plone package that is based on the diazoframework.plone package.

diazoframework.plone¶

The diazoframework.plone package is the base for creating CSS frameworks (e.g. Twitter Bootstrap, Zurb Foundation, etc.) using the theming and packaging features available for create Diazo theme using plone.app.theming.

They are useful for creating themes based on CSS frameworks. A Diazo framework should provide the framework resources and diazo rules to reuse and add to in a Diazo theme.