User Definable Styles

Hi,

Just to warn you, the next upload will have user definable publishing
styles. The idea is that Sailwave generates HTML with *absolutely no
formatting* but with reference to CSS class tags that are supplied by the
user. A small library of examples will be included. If you're happy with
the default Sailwave style there is no action on your part; just use the
supplied "default" style when publishing.

The CSS for the "default" style is supplied below for reference. Hopefully
clubs will exchange styles. They are simply saved as text files in
sailwave/styles and read as necessary. You can probably figure out what
most of the style tags mean, but I'll include some help when released.

Anybody coming to the Dart TT at Mumbles this weekend...?

IF ser.comp_list[i].helm = "Colin Jenkins"
  ser.result_list[i,j].points = 1.0
ELSE
  ser.result_list[i,j].points =
PointsForPosition(ser.result_list[i,j].position)
END

:slight_smile:

Regards,
Colin

//
// Default Sailwave style. Uses CSS1 and CSS2 techniques. Note that you can
// embed elements of the Sailwave Object Model in backquotes; these are
evaluated
// at run time. Not suitable for Netscape 4.n due to bugs in their CSS
// implementation; upgrade to Netscape 6.1 or use the "Minimal" style or use
the
// "Old Netscape" style or create one of your own. Lines starting with //
are treated
// as comments.
//

body.main {background-color: #ffffff; text-align: center; margin: 20px 20px
20px 20px;}

table.title {width: 100%; border-collapse: collapse; text-align: center;}
img.burgee {height: 50px;}
td.burgee {padding: 4px 4px 4px 4px; text-align: center;}
td.venue {padding: 4px 4px 4px 4px; text-align: center; font: normal
normal normal `ser.font.size+4`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
td.event {padding: 4px 4px 4px 4px; text-align: center; font: normal
normal normal `ser.font.size+8`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
td.title {padding: 4px 4px 4px 4px; text-align: center; font: normal
normal normal `ser.font.size+4`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}

p.notes {padding: 0; margin: 20px 0 20px 0; text-align: center; font:
normal normal normal `ser.font.size+0`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}
p.footinfo {padding: 0; margin: 0 0 0 0; text-align: center; font:
normal normal normal `ser.font.size-1`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}
p.race {padding: 0; margin: 0 0 0 0; text-align: center; font:
normal normal normal `ser.font.size+4`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}
p.raceanno {padding: 0; margin: 0 0 0 0; text-align: center; font:
normal normal normal `ser.font.size-1`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}
p.titlet {text-align: center;}
p.maint {text-align: center;}
p.prizet {text-align: center;}
p.foott {text-align: center;}

table.main {margin: 20px 0 20px 0; border-collapse: collapse;
text-align: center;}
td.maintdpos { padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: center; font: normal normal normal
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
td.maintdcomp { padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: left; font: normal normal normal
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
td.maintdextra { padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: left; font: normal normal normal
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
td.maintdrace { padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: center; font: normal normal normal
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
td.maintdpts { padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: right; font: normal normal normal
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.mainthpos {background-color: #f7f7f7; padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: center; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.mainthcomp {background-color: #f7f7f7; padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: left; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.mainthextra {background-color: #f7f7f7; padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: left; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.mainthrace {background-color: #f7f7f7; padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: center; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.mainthpts {background-color: #f7f7f7; padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: right; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.mainthfleet {background-color: #f7f7f7; padding: 2px 3px 2px 3px;
border: 1pt solid #d7d7d7; text-align: center; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}

table.prize {margin: 20px 0 20px 0; border-collapse: collapse; text-align:
center;}
td.prizetd { padding: 3px 3px 3px 3px; border:
1pt solid #d7d7d7; text-align: left; font: normal normal normal
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}
th.prizeth {background-color: #f7f7f7; padding: 3px 3px 3px 3px; border:
1pt solid #d7d7d7; text-align: left; font: normal normal bold
`ser.font.size`pt "`ser.font.face`",Arial,Sans-Serif; color:
`ser.font.colour`;}

table.foot {width: 100%; margin: 20px 0 20px 0; border-collapse: collapse;
text-align: center;}
td.tdfl {width: 33%; padding: 3px 3px 3px 3px; text-align: left; font:
normal normal normal `ser.font.size-1`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}
td.tdfc {width: 33%; padding: 3px 3px 3px 3px; text-align: center; font:
normal normal normal `ser.font.size-1`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}
td.tdfr {width: 33%; padding: 3px 3px 3px 3px; text-align: right; font:
normal normal normal `ser.font.size-1`pt "`ser.font.face`",Arial,Sans-Serif;
color: `ser.font.colour`;}

···

---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.273 / Virus Database: 143 - Release Date: 16/08/2001