CSS Framework v01
Contains an initial attempt at a typical BBC typography. This can be included using:
<!--#set var="blq_css_framework" value="v01" -->
Test
On this particular page blq-typ is applied to the body to test for clashes against global navigation content.
Content sample
This sample of XHTML elements has no other styling applied other than the standard
THE FOLLOWING SNIPPET DEMOS ALL COMMONLY USED XHTML TAGS
CONTENT SNIPPET STARTS
Heading 1
Paragraph text
Heading 2
Paragraph text
Heading 3
Paragraph text
Heading 4
Paragraph text
Heading 5
Paragraph text
Heading 6
Paragraph text
Paragraph2 text lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet.
Blockquote, containing a paragraph
Blockquote, no paragraph
q text
inside a paragraph
Paragraph text
Paragraph inside a div
image link inside a paragraph
| Heading | Heading | Heading |
|---|---|---|
| Cell | Cell | Cell |
| Heading in a thead | Heading in a thead | Heading in a thead |
|---|---|---|
| Cell in a tbody | Cell in a tbody | Cell in a tbody |
| Cell in a tfoot | Cell in a tfoot | Cell in a tfoot |
- Unordered list item
- em list item
- strong list item
del list item
Unordered list item with paragraph
Second list item with paragraph
- Definition term
- Definition text
- Definition term
- Definition text
Pre text
Code text in a paragraph
em text in a paragraph
strong text in a paragraph
del text in a paragraph
Cite text in a paragraph
Paragraph inside an address element
Sup paragraph
Sub paragraph
- Ordered list item
- second list item
CONTENT SNIPPET ENDS
Unstyled content sample for comparison
THE FOLLOWING SNIPPET DEMOS ALL COMMONLY USED XHTML TAGS
CONTENT SNIPPET STARTS
Heading 1
Paragraph text
Heading 2
Paragraph text
Heading 3
Paragraph text
Heading 4
Paragraph text
Heading 5
Paragraph text
Heading 6
Paragraph text
Paragraph2 text lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet.
Blockquote, containing a paragraph
Blockquote, no paragraph
q text
inside a paragraph
Paragraph text
Paragraph inside a div
image link inside a paragraph
| Heading | Heading | Heading |
|---|---|---|
| Cell | Cell | Cell |
| Heading in a thead | Heading in a thead | Heading in a thead |
|---|---|---|
| Cell in a tbody | Cell in a tbody | Cell in a tbody |
| Cell in a tfoot | Cell in a tfoot | Cell in a tfoot |
- Unordered list item
- em list item
- strong list item
del list item
Unordered list item with paragraph
Second list item with paragraph
- Definition term
- Definition text
- Definition term
- Definition text
Pre text
Code text in a paragraph
em text in a paragraph
strong text in a paragraph
del text in a paragraph
Cite text in a paragraph
Paragraph inside an address element
Sup paragraph
Sub paragraph
- Ordered list item
- second list item
CONTENT SNIPPET ENDS
BBC iD
BBC iDBBC navigation
BBC links
BBC © 2014The BBC is not responsible for the content of external sites. Read more.
This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.
