Plone theme based on Twitter's Bootstrap CSS
Project description
Introduction
============
Plone theme based on Twitter Bootstrap 2.0
Installation
============
Install the ``diazotheme.bootstrap`` product using the Add-on Control Panel.
This will activate the theme and also setup Plone's default ``public.css``
to only included when Diazo is enabled or when you are viewing the Theming
Control Panel. This theme includes its own ``public.css`` which had several
items from the default ``public.css`` removed.
Features
=========
* Turn your site into a pretty Bootstrap based theme, and also simplifies
templating of customization addons.
* Portlets are converted to ``div`` elements instead of ``dl``, ``dt``, ``dd``
* ``presentation_view`` is enhanced with Google's HTML5 slides
* Included carousel portlet provides a way to display images using Bootstrap's
carousel
* ``Products.ContentWellPortlets`` is supported, however with some modifications.
* PortletAboveContentA will appear full width right below logo
* PortletAboveContentB will appear full width right below breadcrumbs
* PortletAboveContentC will appear fluid width right above content center
column
* PortletBelowContentA, PortletBelowContentB, PortletBelowContentC will
appear as a 3 column portlet slots right below content and sidebar area
* PortletBelowContentD will appear full width right below
PortletBelowContentA, PortletBelowContentB, and PortletBelowContentC
* PortletBelowContentE will appear right below content center column
* All PortletFooter will appear as a 6 column slot within the footer area
* ``eea.facetednavigation`` is also supported, with some enhancements.
* The diazo rules rewrite facetednavigation templates to take advantage of
the responsive design.
* If the first widget at the top widget slot is a text search widget, it will
appear as a full width widget with a different background.
* Installing ``webcouturier.dropdownmenu`` will enhance the top navigation with
dropdown menus.
Using Bootstrap javascripts
===========================
This product leaves plone jquery alone not to break existing functionality.
But bootstrap requires a newer jQuery version. We include the needed one renaming it to jQuery17.
If you need js functionality from bootstrap you have to use jQuery17, for instance
$(function() {
jQuery17('.tooltipped').tooltip()
});
to activate the tooltip plugin on elements with the class "tooltipped".
Changelog
=========
0.3 (2012-10-13)
----------------
- Include Plone's site scripts
0.2 (2012-07-27)
----------------
- added PortletBelowContentE right below the main content
- remove styling that cause listitem to be greyish
0.1 (2012-07-24)
------------------
Initial Pypi release
============
Plone theme based on Twitter Bootstrap 2.0
Installation
============
Install the ``diazotheme.bootstrap`` product using the Add-on Control Panel.
This will activate the theme and also setup Plone's default ``public.css``
to only included when Diazo is enabled or when you are viewing the Theming
Control Panel. This theme includes its own ``public.css`` which had several
items from the default ``public.css`` removed.
Features
=========
* Turn your site into a pretty Bootstrap based theme, and also simplifies
templating of customization addons.
* Portlets are converted to ``div`` elements instead of ``dl``, ``dt``, ``dd``
* ``presentation_view`` is enhanced with Google's HTML5 slides
* Included carousel portlet provides a way to display images using Bootstrap's
carousel
* ``Products.ContentWellPortlets`` is supported, however with some modifications.
* PortletAboveContentA will appear full width right below logo
* PortletAboveContentB will appear full width right below breadcrumbs
* PortletAboveContentC will appear fluid width right above content center
column
* PortletBelowContentA, PortletBelowContentB, PortletBelowContentC will
appear as a 3 column portlet slots right below content and sidebar area
* PortletBelowContentD will appear full width right below
PortletBelowContentA, PortletBelowContentB, and PortletBelowContentC
* PortletBelowContentE will appear right below content center column
* All PortletFooter will appear as a 6 column slot within the footer area
* ``eea.facetednavigation`` is also supported, with some enhancements.
* The diazo rules rewrite facetednavigation templates to take advantage of
the responsive design.
* If the first widget at the top widget slot is a text search widget, it will
appear as a full width widget with a different background.
* Installing ``webcouturier.dropdownmenu`` will enhance the top navigation with
dropdown menus.
Using Bootstrap javascripts
===========================
This product leaves plone jquery alone not to break existing functionality.
But bootstrap requires a newer jQuery version. We include the needed one renaming it to jQuery17.
If you need js functionality from bootstrap you have to use jQuery17, for instance
$(function() {
jQuery17('.tooltipped').tooltip()
});
to activate the tooltip plugin on elements with the class "tooltipped".
Changelog
=========
0.3 (2012-10-13)
----------------
- Include Plone's site scripts
0.2 (2012-07-27)
----------------
- added PortletBelowContentE right below the main content
- remove styling that cause listitem to be greyish
0.1 (2012-07-24)
------------------
Initial Pypi release
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
diazotheme.bootstrap-0.3.zip
(1.5 MB
view hashes)