Theme package for OneGov
This is the default theme for all OneGov Plone modules (http://onegov.ch).
Important this package doesn’t work with python 2.6, it requires at least python 2.7
Version 3.x introduces several major changes. Including a change of the default font-size to 16px. If you’re going to upgrade the package from Version 2.1.x to 3.x, please do it first on a TEST environment. Changing the font-size may have a huge impact.
[instance] eggs += plonetheme.onegov
Theme is SCSS based and styles most things with variables which can easily be customized in a control panel.
Just visit the customization view: http://localhost:8080/Plone/customstyles_form
Here are some examples how the Layout can be customized:
You can easily register custom SCSS files in your addon package using ZCML, if you need to customize more than available through the web:
<configure xmlns:theme="http://namespaces.zope.org/plonetheme.onegov"> <include package="plonetheme.onegov" /> <theme:add_scss path="resources/custom.scss" /> </configure>
The SCSS files can also be restricted to a specific context interface or a specific request layer. Be aware that the context interface applies to the context the styles are rendered on, which is either the Plone site root or an INavigationRoot object.
<configure xmlns:theme="http://namespaces.zope.org/plonetheme.onegov"> <include package="plonetheme.onegov" /> <theme:add_scss path="resources/custom.scss" for="my.package.interfaces.ISubsite" layer="my.package.interfaces.IMyPackageLayer" /> </configure>
For another fast way to navigate between content, this theme includes a special path bar, which shows the breadcrumb’s children. This behavior can be disabled in the plone.app.registry, using the setting plonetheme.onegov.flyout_breadcrumbs.
This Theme provides an alternativ search/filter mockup. The Implementation needs to be done by yourself. For an example check the Solr search form of zg.ch.
Known issue page-break in WebKit https://bugs.webkit.org/show_bug.cgi?id=5097
This package is copyright by 4teamwork.
plonetheme.onegov is licensed under GNU General Public License, version 2.
Replace portletItem with portletContent in selectors. The new static text portlet structure, no longer has a portletItem class. [mathias.leimgruber]
Several more major changes to the UI for accessibility reasons: - Change base font-size to 16px, instead of 13px. - Change h2 to heading-font-size * 0.625 (by default 20px) instead of 16px. - Same font-size for portlet headings as for h2. - Change global section font-size to 22px, instead of 18px
Those changes makes the Website generally more readable. The main Issue with the prev. settings was the contrast between the background-color and the font-color. With a size of 13px the contrast was not good enough. With a a font-size of 16px the contrast is fine according to AAA without changing the colors.
Use $text-color for link color in siteactions (Fix AAA contrast Issue). [mathias.leimgruber]
Use tabid for id attribute on global tab links. Title may contain invalid chars. [mathias.leimgruber]
Remove obsolet X-UA-Compatible meta tag. [mathias.leimgruber]
Implement structural heading for personal tools and global navigation. [mathias.leimgruber]
Make it possible to replace the whole language-wrapper. This makes it easier to customize the language select thru a policy. [mathias.leimgruber]
Implement several accesskeys and structural elements (hidden headings for right/left column, etc.). [mathias.leimgruber]