Lorem ipsum dolor  ...

Consectetur adipiscing elit. Cras lorem urna, mattis in ornare at, lacinia eleifend eros. Vestibulum quis dignissim nisi.Nullam a nunc nisi. Nulla eu odio nec urna posuere lobortis quis venenatis magna. Fusce nunc eros, pellentesque commodo nunc eleifend, imperdiet convallis orci.

Sed consequat augue eget ligula vulputate elementum.

Fusce non elit ut nunc posuere blandit. Vestibulum at erat quis elit hendrerit ornare vel et ante. Pellentesque id leo suscipit, condimentum quam laoreet, congue lorem. Duis congue eros non posuere varius.Nullam a nunc nisi. Nulla eu odio nec urna posuere lobortis quis venenatis magna. Fusce nunc eros, pellentesque commodo nunc eleifend, imperdiet convallis orci.

Sidebar

Typography - Colours and Blocks

Primary and secondary styles

The primary1 and secondary2 colours are defined in the template theme settings, while the primary2, primary3 and secondary2, secondary3 colours are calculated using LESS to deliver shades slightly darker and slightly lighter than the original..  The code used to create the blocks below are as follows:

Blocks of colour

These blocks are generated based on the markup below.

<div class="primary1">
<p><strong>Primary1 </strong></p>
<p>Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.</p>
</div>

Primary1

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Primary2

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Primary3

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary1

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary2

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary3

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Borders

These blocks are generated based on the markup below.

<div class="primary1 border">
<p><strong>Primary1 </strong></p>
<p>Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.</p>
</div>

Primary1 border

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Primary2 border

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Primary3 border

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary1 border

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary2 border

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary3 border

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Rounded

The following items have a class " rounded" added to them to create the subtle rounded edge.

<div class="primary1 border">
<p><strong>Primary1 </strong></p>
<p>Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.</p>
</div>

Primary1 rounded

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Primary2 rounded

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Primary3 rounded

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary1 rounded

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary2 rounded

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Secondary3 rounded

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

 

Other styles and effects

The following classes can be applied to modules and html markup.

Shadow

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Shadow2

Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.

Border

Aliquam condimentum volutpat odio lacinia vehicula.