Style Guide

Styling for common elements and typography across your site.

This style guide is great for using as a reference for suggested typographic treatment and styles to your content


Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Blockquote

The blockquote is used to indicate the quotation of a large section of text from another source. It can be as long or as short as you’d like!

Those of us that had been up all night were in no mood for coffee and donuts, we wanted strong drink. We were, after all, the absolute cream of the national sporting press.

Mixed List Items

  • Unordered list item one
  • Unordered list item two
    1. Ordered list item one
    2. Ordered list item two
      • Unordered list item one
      • Unordered list item two
        1. Ordered list item one
        2. Ordered list item two
        3. Ordered list item three
      • Unordered list item three
    3. Ordered list item three
  • Unordered list item three

Code Formatting

pre {
    position: relative;
    background: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    tab-size: 4;
}

Table Styles

Employee Salary
John Snow $1 Because that’s all Steve Job’ needed for a salary.
Ayra Stark $100K For all the blogging he does.
Ross Gellar $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Rachel Green $100B With hair like that?! Enough said…

Jetpack Mosaic Image Gallery

The theme supports the mosaic thumbnail gallery which is provided by the Jetpack plugin. To add this gallery you will need Jetpack installed. Once installed, simply click Add Media in your post editor and click Create Gallery. In the Gallery Settings area, choose Tiled Mosaic as the type of gallery.


Image Alignment

Beautiful Girl


Right Aligned Image

bandImages may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or hologram. They may be captured by optical devices – such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water surfaces.


Left Aligned Image

BeachThe word image is also used in the broader sense of any two-dimensional figure such as a map, a graph, a pie chart, or an abstract painting. In this wider sense, images can also be rendered manually, such as by drawing, painting, carving, rendered automatically by printing or computer graphics technology, or developed by a combination of methods.