Image Sizes - sizes created on upload of an image

Original must be larger then Large size to create other sizes - double click on image to see/work with image

Large - width 640px

Medium - width 320px

Small - width 160px

Thumbnail - width 80px height 80px

 

 

The following are the general styles, some blocks or blocks within a certain zone may have different styles, they will be noted as such further in this style guide.

Fonts

Text-

    color: rgba(65,65,65,1);

    font-family: 'Roboto', Arial, Helvetica, sans-serif;

    font-size: 1.6rem;

    font-weight: 400;

    line-height: 1.4;

 

Blockquotes

This is a blockquote. It uses the same styles as paragraphs, but indents the text on the left and right.

Unordered Lists

• Unordered
• List

Ordered Lists

1. Ordered
2. List

Horizontal Lines

---

Links

Sample link

---

 

Navigation Zones:

For Top Main nav and 1st child drop down nav use Top

For Utility nav use Utility

For Footer Bottom nav use Bottom

For Left nav use Left

Only uncheck TOC if you never want the page to be displayed in a List Block (TOC, Filter)

Text Editor Style

Highlight images or text and use dropdown to apply styles

 

FloatLeft Images will float to the left of your content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Bsunt in culpa qui officia deserunt mollit anim id est laborum.unt in culpa qui officia deserunt mollit anim id est laborum.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.t cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.unt in culpa qui officia deserunt mollit anim id est laborum.

onsequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

FloatRight Images will float to the right of your content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ksunt in culpa qui officia deserunt mollit anim id est laborum.unt in culpa qui officia deserunt mollit anim id est laborum.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.t cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.unt in culpa qui officia deserunt mollit anim id est laborum.

onsequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Button

- highlight link and apply button Style

This is a button

 

Block STyles can be applied to an entire block - Click the Block Properties icon after you are DONE and add Block Properties.