CSS Support

The appearance of publications can be influenced by the HTML settings. It can be further influenced by applying a custom Cascaded Style Sheet.

Applying a CSS

Select Reference external style sheet in the HTML settings and enter the name of your own .css file in the Style sheet file (CSS) edit box.

You should provide a sufficiently qualified URL or path. You can just enter the file name, in which case the file is assumed to be in the same folder as the publications. But you can also enter a full internet address of the file or an directory path to it. Note that when you provide a local or even networked directory path, the file is likely not to be accessible when other users view your publications over the internet.

Formatting Through Paragraph Types

The structure of the publications's HTML like any HTML document consists of tags for paragraphs, titles, tables, etc.

Tag	Used for
blockquote	Signature at bottom Communiqué body text
em	(Half) stage identifier in document recognition string Properties at top Section headers in main table with listed competitors, for instance to indicate sprints "Last calculated" statement at bottom Advertisement at bottom
h1	Event title
h2	Subtitle
h6	Technical reference string at bottom
hr	Horizontal divider, for instance under main table headers
strong	Crossed out competitor on cross out list
td	Document recognition string Communiqué numbering Listed competitors in main table
th	Main table's column headers
tt	Labels for properties and advertisement

Furthermore, tags as body, table and others are used as appropriate in an HTML document.

To implement your own style options for these tags you have to include lines like this:

[tag] { [style information] )

For instance:

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; color: #FF0000; font-style: normal; font-weight: bold; margin-top: 10px; margin-bottom: 30px }

Formatting Through Style Classes

To further diversify the layout of the paragraph tags described before, it is possible to make use of the following style classes.

Class	Used for
bold	Highlighting teams between involved competitors listings on teams classifications
commnr	Communiqué numbering
communique	Communiqué body text
customhtml	Style for custom HTML blocks
docrecognition	Document recognition block
docreg	Actual document recognition string
docregid	(Half) stage identifier in document recognition string
lastcalc	"Last calculated" statement at bottom
prop	Properties at top Advertisement at bottom
section	Section headers in main table with listed competitors, for instance to indicate sprints
signature	Signature at bottom
tdblack	Black background for signed out competitors on sign out lists
ucicode	Fixed-width font for UCI codes

To implement your own style options for these classes you have to include lines like this:

.[class] { [style information] )

For instance:

.signature { font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%; color: #FF0000 }

Style classes are not used by StageRace but merely available for you to diversify the layout of your publications. The only exception to this is the style class tdblack that is used to override the td paragraph type tag definition to get a black background for signed out competitors on sign out lists.

To decrease file sizes, no class is available for the numerous listed competitors in the main table.

Converted from CHM to HTML with chm2web Standard 2.8 (unicode)