Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph text
Separators
You can also use separators with any of the different headings or paragraph text. Below are examples using Heading 3.
Default Separator Above
Default Separator Below
Alt 1 Separator Above
Alt 1 Separator Below
Alt 2 Separator Above
Alt 2 Separator Below
Brand Blue Separator Above & Below
Brand Gold Separator Above & Below
Example of a full line separator, available in CKEditor.
Buttons
Any link can be transformed into a button. Once a link has been created, the styles available will include button options.
Button Options:
Lt Blue
Md Blue
Dk Blue
Brand Blue
Pink (pink is no longer in the new brand and therefore defaults to brand blue)
Red
Burgundy (burgundy is no longer in the new brand and therefore defaults to brand blue)
Gold
Orange
Green
Lt Blue Outline (does not pass accessibility)
Md Blue Outline
Dk Blue Outline
Pink Outline
Red Outline
Burgundy Outline
Gold Outline
Orange Outline
Green Outline
Arrow Button
Unordered and Ordered Lists
- Drupal Default Unordered List
- Ordered List
- Item 1
- Item 2
- Item 3
- Subitem 1
- List Arrows Unordered List
Pull Quotes
This is a quote from a famous person.
Callouts
Euismod elementum nisi quis eleifend. Eget aliquet nibh praesent tristique. Euismod lacinia at quis risus sed vulputate. Vitae tortor condimentum lacinia quis vel. Erat imperdiet sed euismod nisi porta. Mattis molestie a iaculis at erat pellentesque. Praesent elementum facilisis leo vel fringilla. Urna cursus eget nunc scelerisque viverra mauris. Vel elit scelerisque mauris pellentesque. Risus quis varius quam quisque id diam vel quam elementum. Ut sem viverra aliquet eget sit amet tellus cras. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Enim lobortis scelerisque fermentum dui.
Euismod elementum nisi quis eleifend. Eget aliquet nibh praesent tristique. Euismod lacinia at quis risus sed vulputate. Vitae tortor condimentum lacinia quis vel. Erat imperdiet sed euismod nisi porta. Mattis molestie a iaculis at erat pellentesque. Praesent elementum facilisis leo vel fringilla. Urna cursus eget nunc scelerisque viverra mauris. Vel elit scelerisque mauris pellentesque. Risus quis varius quam quisque id diam vel quam elementum. Ut sem viverra aliquet eget sit amet tellus cras. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Enim lobortis scelerisque fermentum dui.
Euismod elementum nisi quis eleifend. Eget aliquet nibh praesent tristique. Euismod lacinia at quis risus sed vulputate. Vitae tortor condimentum lacinia quis vel. Erat imperdiet sed euismod nisi porta. Mattis molestie a iaculis at erat pellentesque. Praesent elementum facilisis leo vel fringilla. Urna cursus eget nunc scelerisque viverra mauris. Vel elit scelerisque mauris pellentesque. Risus quis varius quam quisque id diam vel quam elementum. Ut sem viverra aliquet eget sit amet tellus cras. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Enim lobortis scelerisque fermentum dui.
Euismod elementum nisi quis eleifend. Eget aliquet nibh praesent tristique. Euismod lacinia at quis risus sed vulputate. Vitae tortor condimentum lacinia quis vel. Erat imperdiet sed euismod nisi porta. Mattis molestie a iaculis at erat pellentesque. Praesent elementum facilisis leo vel fringilla. Urna cursus eget nunc scelerisque viverra mauris. Vel elit scelerisque mauris pellentesque. Risus quis varius quam quisque id diam vel quam elementum. Ut sem viverra aliquet eget sit amet tellus cras. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Enim lobortis scelerisque fermentum dui.
Euismod elementum nisi quis eleifend. Eget aliquet nibh praesent tristique. Euismod lacinia at quis risus sed vulputate. Vitae tortor condimentum lacinia quis vel. Erat imperdiet sed euismod nisi porta. Mattis molestie a iaculis at erat pellentesque. Praesent elementum facilisis leo vel fringilla. Urna cursus eget nunc scelerisque viverra mauris. Vel elit scelerisque mauris pellentesque. Risus quis varius quam quisque id diam vel quam elementum. Ut sem viverra aliquet eget sit amet tellus cras. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Enim lobortis scelerisque fermentum dui.
Euismod elementum nisi quis eleifend. Eget aliquet nibh praesent tristique. Euismod lacinia at quis risus sed vulputate. Vitae tortor condimentum lacinia quis vel. Erat imperdiet sed euismod nisi porta. Mattis molestie a iaculis at erat pellentesque. Praesent elementum facilisis leo vel fringilla. Urna cursus eget nunc scelerisque viverra mauris. Vel elit scelerisque mauris pellentesque. Risus quis varius quam quisque id diam vel quam elementum. Ut sem viverra aliquet eget sit amet tellus cras. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Enim lobortis scelerisque fermentum dui.
Tables
Styled Tables
100% width with header on first row
100% width with header on first row using "No Stripes"
Sortable Styled Table
100% width with header on first row. The sortable table will not work without a header row. After 10 entries, pagination starts.
Non Styled Table
When your cursor is in a cell, click on the "Styles" drop down and select "No Style".