Website style guide

guelph.ca uses the Bootstrap Framework and is based on the WordPress 2012 theme.

Heading 1

h1 {
font-weight:bold;
font-size: 26.25px;
line-height: 31.5px
}

Heading 2

h2 {
font-size:22.4px;
line-height:35.84px;
}

Heading 3

h3 {
font-size: 18.2px;
line-height:33.6px;
}

Heading 4

h4 {
font-size: 16.8px;
line-height:31.0154px;
}

Heading 5

h5 {
font-size: 14px;
line-height:25.8462px;
}

Lead text

.lead {
margin-bottom: 20px;
font-size: 21px;
font-weight: 300;
line-height: 1.4;
}

Font family
"Open Sans", Helvetica, Arial, sans-serif;

Body text
body {
color: #474747;
font-size:14px;
line-height:24px;
}

Link
a {
color:#3b5998;
font-weight:600;
text-decoration:none;
}

Site header
#00a6e5

Site footer
#474747

Blue
#3B5998

Green
#008A00

Purple
#8C0095

Yellow
#C39A00

Orange
#D14625

Red
#BF1E4B

Sky blue
#0A5BC4

Teal
#008299

 

Text box
1 KBPDF file
Basic table
Column heading 1 Column heading 2 Column heading 3
Row heading 1 x x
Row heading 2 x x
Row heading 3 x x