Generic classes

BlockPress uses a set of generic class names as a means of ensuring compatibility between [themes]] and [palettes. A theme, instead of hard coding font and background colours, should use generic classes for different regions so that palettes can apply the correct colour styles. A theme can also declare its own styling for these generic classes, but should avoid hard coding colours.

Module templates can also use these generic classes in their default templates, and indeed should to ensure they support palettes in their default state.

We have generic classes that define regions with different colour combinations, regions with patterned backgrounds, such as gradients or tiled background images, different kinds of button, different kinds of box shadow effects and different styles of menu.

• Enclosure classes define font, border and background colours.
• Pattern classes define background patterns, such as background image tiles and gradient effects.
• Button classes define different button styles.
• Box shadow classes allow palettes to define different kinds of box shadow effects.
• Menu classes define different kinds of menu.

The main theme template

theme_name.html

Your html template will be used to replace the the contents of the html body tag on the page. Various reserved BlockPress id values mark not just standard theme elements, but also where javascript can modify contents. These include:

• sitetitle
• tagline
• menuArea
• contentArea

Module templates

The Steem Module

The steem module contains several templates used for displaying post, comment and user profile data taken from the steem blockchain. Each of these has a set of special id and class values, in addition to curly braced place-holders that indicate where in the template various types of data can be inserted. A theme can have its own version of these files effective changing how the site will display.

• steem-profile.html
• steem-posts.html
• steem-post.html
• steem-comment.html

Back to Styling, Modules.