BCP_std.css—CSS TEST PAGE

 
 

last update : 25/05/2006, A.Quicke. RETURN TO INDEX.HTML.

 
             
 
 

.txt_pgTitle

 

Heading 1 (h1)

Paragraph. Testing heading appearance in relation to following body/paragra text. publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 2 (h2)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 3 (h3)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 4 (h4)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

heading 5 (h5)

[.txt_sml] (text small paragraph).Verdana rather than Arial/Helvetica (if possible) for better clarity at smaller sizes. Publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 6 (h6)

[.txt_sml] publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 1 multi-line headings to test wrap and appearance of stacked subhead levels

Heading 2 multi-line headings to test wrap and appearance of stacked subhead levels

Heading 3 multi-line headings to test wrap and appearance of stacked subhead levels

Heading 4 multi-line headings to test wrap and appearance of stacked subhead levels

Heading 5 multi-line headings to test wrap and appearance of stacked subhead levels
Heading 6 multi-line headings to test wrap and appearance of stacked subhead level

 

Heading 3 (h3)

Subheading (h4)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

subM option 01

subM option 02

subM option 03

subM option 04 is a long line that's gonna wrap. This is a clever system using background image for the bullet shape, padding for the text indent and pixel-based positioning of the background image (with no-repeat). Pretty happy with this baby!.

Back to a paragraph. Need some space above with a line break?

     
 
Heading 5 on coloured bkg

subM option 01

subM option 02

subM option 03

Heading 5 on coloured bkg

subM option 01

subM option 02

subM option 03

SubM02

this is a second level submenu section, not generally used in links modules but can be useful elsewhere!

 
     

 

[p] Rit iae fur ia ocaequam musa et, nonteres ad forudentui cae eridem, no. Aperis, Catistrite nitus tam.

     
 

[.txt_navHistory] with links CompanyCase studiesPalm: Product recall

 
     

 

[p] (normal paragraph) Rit iae fur ia ocaequam musa et, nonteres ad forudentui cae eridem, no. Aperis, Catistrite nitus tam.

[txt_col_G2] Just a colour change. fit iae fur ia ocaequam musa et, nonteres ad forudentui cae eridem, no. Aperis, Catistrite nitus tam.

[text_col_B3] just a colour change.

text_sectiontitle

[txt_nav] Navigation bar text with link

     
 

[.txt_nav_wt] text navigation bar white with link

 
     

 

form_searchInput

 

 

.txt_sectionTitle (linked)

HEADING 2

     
 

.txt_callout. Callouts are nice and centered things with no space after the paragraph. Put within framed boxes

 
     

 

Paragrah. Tiore, nem intem quam Pala estrae, ut ia? This is a link to the index page. Rit iae fur ia ocaequam musa et, nonteres ad forudentui cae eridem, no. Aperis, Catistrite nitus tam potiam inatra, stricaequam praciocus, Cat.Commovirist dintra vastati lissinatum inam consuloc, ia nos derium tieniam senimo Catabus publist raelario/

[txt_intro1] for bold introductory or key paragraphs

[Normal paragraph after intro para] Rit iae fur ia ocaequam musa et, nonteres ad forudentui cae eridem, no. Aperis, Catistrite nitus tam.

[txt_intro2] for bold introductory or key paragraphs, secondary weight to intro1

[Normal paragraph after intro para] Rit iae fur ia ocaequam musa et, nonteres ad forudentui cae eridem, no. Aperis, Catistrite nitus tam.

 

Form elements

above : class style "form_btn" must be applied. Button width 100% - limit width by placing in container (e.g. table cell)

Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata publin potiaet pris huius, fit. Gratumendam tam optente roximis vitis, silintimis, verensc rimmortem dius ceribus hebem sidepop ublica re, tum omnitiacta murei stis vas facitra?

 

.txt_wt (white text , para)

 
     
 

The table below (darker blue background) containing form controls is 220 pixels wide and has no padding and no margins. For testing of browser "box model" rendering/interpretation.

 
 
above : class style "form_btn" must be applied.
 

 

testing superscripts:

Paragraph containing some superscripts. Superscript in parasuptext2. Lets see how that affect line spacing.

 

heading 3 - bulleted list test (ul/lil)

  • bulleted list
  • second bullet
  • third bullet
  • fourth bullet

    • second level indent. Can use two no-break spaces after previous level
    • second point, second level
  • first level resumed
  • bulleted list

Publin potiaet pris huius, fit. Gratumendam tam optente roximis vitis,

Silintimis, verensc rimmortem dius ceribus hebem sidepop ublica re, tum omnitiacta murei stis vas facitra? Ca; in de inatquod culturorte id iam intientem escesus,

  1. numbered list (orderd list)
  2. numbered list 2
  3. numbered list 3
  4. indented orderd list with a very long line so we can see how things wrap.
  5. indented ordered list line 2
  6. line 6
  7. line 7
  8. line 8
  9. line 9
  10. line 10 - needed to get to double digits.
  11. line 11
  12. line 12
  13. line 13
  14. line 14
  15. line 15
  16. line 16
  17. line 17
  18. line 18
  19. line 19
  20. line 20

eoratusquam ine iamquon sentebem viliu moribenarit, facis, comnir am auc omnes Ahaliendam vit dis hocupio, cae venatiquam te, certelu deperic iondicaecere per.

NAVLINK ANCHOR : you arrived here by clicking one the .navlink text links below this paragraph.

text nav link (to above para) | another link |

 

  .txt_nav_wt  
     
 

Heading 1 (h1)

Testing on B6 background colour (content region background colour)

Heading 2 (h2)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 3 (h3)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 4 (h4)

publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

heading 5 (h5)

[.txt_sml] (text small paragraph).Verdana rather than Arial/Helvetica (if possible) for better clarity at smaller sizes. Publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

Heading 6 (h6)

[.txt_sml] publist raelario Catanti commoru nulica; et neque caesi ponsultum dium, cotissi linata

 
     
 

The table below (darker blue background) containing form controls is 220 pixels wide and has no padding and no margins. For testing of browser "box model" rendering/interpretation.