Joom!Fish config error: Default language is inactive!
 
Please check configuration, try to use first active language

Style Guide (Example Only)
 

TraQ Program of the BC PBCO

Home About TraQ Style Guide (Example Only)
Saturday, 23 September 2017

Style Guide (Example Only)

Heading 1 (Georgia/Size/RGB 0, 51, 155)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta consectetur tortor id bibendum. Aliquam erat volutpat. Vestibulum ac turpis est, vitae pharetra eros. Maecenas vitae dui sed quam suscipit tincidunt a sit amet nulla. Proin enim nisi, aliquet vitae commodo in, faucibus sed purus. Aenean id justo est, a sagittis diam. Curabitur mattis diam sed arcu ornare in bibendum risus fringilla. Proin et arcu nulla. Aliquam ultrices diam ut ante dignissim sit amet placerat orci lacinia. Pellentesque vel sapien eget augue dictum dapibus at egestas dui. Phasellus placerat purus faucibus nunc malesuada pretium.

Heading 2 (Georgia/Size/RGB 0, 51, 155)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta consectetur tortor id bibendum. Aliquam erat volutpat. Vestibulum ac turpis est, vitae pharetra eros. Maecenas vitae dui sed quam suscipit tincidunt a sit amet nulla. Proin enim nisi, aliquet vitae commodo in, faucibus sed purus. Aenean id justo est, a sagittis diam. Curabitur mattis diam sed arcu ornare in bibendum risus fringilla. Proin et arcu nulla. Aliquam ultrices diam ut ante dignissim sit amet placerat orci lacinia. Pellentesque vel sapien eget augue dictum dapibus at egestas dui. Phasellus placerat purus faucibus nunc malesuada pretium.

Heading 3 (Georgia/ Size/RGB 0, 51, 155)

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Donec tristique tellus vitae orci vestibulum vulputate.
  • Quisque vel eros ac tellus imperdiet suscipit vel et lorem.
  • Nam porttitor tortor consequat risus posuere facilisis.
  • Curabitur sed nibh non urna mattis sollicitudin et sed libero.
  • Donec eu tortor at sem ullamcorper auctor at vitae augue.
  • Aliquam non turpis quis massa fringilla consequat vitae in elit.
  • Vestibulum commodo lectus ut eros elementum sit amet rhoncus metus tincidunt.

Heading 4 (Georgia/Size/Black/CAPS)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta consectetur tortor id bibendum. Aliquam erat volutpat. Vestibulum ac turpis est, vitae pharetra eros. Maecenas vitae dui sed quam suscipit tincidunt a sit amet nulla. Proin enim nisi, aliquet vitae commodo in, faucibus sed purus. Aenean id justo est, a sagittis diam. Curabitur mattis diam sed arcu ornare in bibendum risus fringilla. Proin et arcu nulla. Aliquam ultrices diam ut ante dignissim sit amet placerat orci lacinia. Pellentesque vel sapien eget augue dictum dapibus at egestas dui. Phasellus placerat purus faucibus nunc malesuada pretium.

Heading 5 (Arial/Size /Black)

Used for captions (i.e. for tables and figures)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta consectetur tortor id bibendum. Aliquam erat volutpat. Vestibulum ac turpis est, vitae pharetra eros. Maecenas vitae dui sed quam suscipit tincidunt a sit amet nulla. Proin enim nisi, aliquet vitae commodo in, faucibus sed purus. Aenean id justo est, a sagittis diam. Curabitur mattis diam sed arcu ornare in bibendum risus fringilla. Proin et arcu nulla. Aliquam ultrices diam ut ante dignissim sit amet placerat orci lacinia. Pellentesque vel sapien eget augue dictum dapibus at egestas dui. Phasellus placerat purus faucibus nunc malesuada pretium.

Normal text bold

Normal text (Arial/ Size/Black)

Hyperlinks (Font, Size, Colour) are formatted to open in existing window and the background will change colour to ????????????? when the mouse hovers over it.

  • a:link {color:0066FF; font-weight: none; }
  • a:active {color:maroon; }
  • a:visited {color=maroon; }
  • a:hover {background: #89D8A9; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta consectetur tortor id bibendum. Aliquam erat volutpat. Vestibulum ac turpis est, vitae pharetra eros. Maecenas vitae dui sed quam suscipit tincidunt a sit amet nulla. Proin enim nisi, aliquet vitae commodo in, faucibus sed purus. Aenean id justo est, a sagittis diam. Curabitur mattis diam sed arcu ornare in bibendum risus fringilla. Proin et arcu nulla. Aliquam ultrices diam ut ante dignissim sit amet placerat orci lacinia. Pellentesque vel sapien eget augue dictum dapibus at egestas dui. Phasellus placerat purus faucibus nunc malesuada pretium.

Example - Index 1

In this example, an index uses hyperlinks to jump to page anchors on the page.  In order to delineate the sections, the section headers (formatted with Header 3 style) have  been organized into a table cell with background fill:

<table border="1" width="83%" id="table17" style="border-width: 0px" bgcolor="#FFFFCC">
<tr>
<td style="border-style: none; border-width: medium">
</td>
</tr>
</table>

A link to "top" of page was not used in an effort to simplify/shorten a page with a lot of content.

Index

A (Heading 4)

Link to Item 1

B

Link to Item 2

C

Link to Item 3

G

Link to Item 4

H

Link to Item 5

I

Link to Item 6

O

Link to Item 7

P

Link to Item 8

...

 

Item 1 (Heading 3)

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 2

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 3

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 4

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 5

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 6

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 7

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1

Item 8

Heading 4

  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  • ...

Heading 4

  • Bulleted List Item 1
Last modified on Wednesday, 27 April 2011 14:58