Optometry Australia Web Stylesheet
Typography
Default paragraph with bold / italics and text anchor applied.
Lorem ipsum dolor sit amet, bold italics bold-italics sed do text inline anchor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
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.
Main Headline / H1
css styles:
font: normal bold 3.6em/1.1em 'OA', 'Roboto', Helvetica, Arial, sans-serif;
Main Headline / H1
Secondary Headline / H2
css styles:
font: normal bold 2.6em/1.1em 'OA', 'Roboto', Helvetica, Arial, sans-serif;
Secondary Headline / H2
Tertiary Headline / H3
css styles:
font: normal bold 1.6em/1.1em 'OA', 'Roboto', Helvetica, Arial, sans-serif;
Tertiary Headline / H3
Lists
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- sed do eiusmod ut
- labore et dolore magna aliqua
- Ut enim ad minim veniam, quis nostrud exercitation
- ullamco laboris nisi ut aliquip ex ea commodo consequat
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- sed do eiusmod ut
- labore et dolore magna aliqua
- Ut enim ad minim veniam, quis nostrud exercitation
- ullamco laboris nisi ut aliquip ex ea commodo consequat
Colours
Solid colours
OA Dark Blue
#00285a
OA Alternate Mid Blue
#063c8f
OA Mid Blue
#285faa
OA Light Blue
#3cb4f0
OA Dark Grey
#292e32
OA Silver
#b9bec3
OA Orange
#f3703f
OA Light Green
#5eaf5e
OA Dark Green
#10886e
OA Purple
#6a4592
OA Dark Purple
#3c2278
Gradients
OA Light to mid blue gradient
#3cb4f0 => #285faa
OA Midblue (Footer)
#285faa => #063c8f
OA Mid to dark blue
#285faa => #00285a
OA darkblue gradient
#00285a => #00082d
OA Light to dark purple gradient
#6a4592 => #3c2278
OA Light to dark green gradient
#5eaf5e => #10886e
Form Elements
Tabs & Accordion
ACCORDION
Question
Question 2
TABS
Tabbed content 1 - 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.
Tabbed content 2 - 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.
TABLES
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||