/* The following correspond to the Inweb colours !definition, ..., !comment: */

span.Preform-definition-syntax  { color: #444444; }
span.Preform-function-syntax    { color: #C00000; }
span.Preform-identifier-syntax  { color: #4040ff; }
span.Preform-element-syntax     { color: #40407f; }
span.Preform-reserved-syntax    { color: #600000; }
span.Preform-string-syntax      { color: #408040; }
span.Preform-character-syntax   { color: #204020; }
span.Preform-type-syntax        { color: #208020; }
span.Preform-constant-syntax    { color: #804020; }
span.Preform-plain-syntax       { color: #000000; }
span.Preform-extract-syntax     { color: #444444; }
span.Preform-comment-syntax     { color: #404040; font-style:italic; }

/* This is used for the "define" or "enum" keyword on Inweb-defined constants: */

span.Preform-definition-keyword { color:#801010; font-weight:bold; }

/* These are for the angle-bracketed paragraph names: */

span.Preform-named-paragraph, span.Preform-named-paragraph-defn { color: #000000; font-size: 90%; }
span.Preform-named-paragraph-number { color: #000000; font-size: 70%; font-style:italic; }
span.Preform-named-paragraph-container {
	background: #ececf8; border: 1px solid #888888;
}
a.named-paragraph-link:link, a.named-paragraph-link:visited {
	text-decoration: none;
}
a.named-paragraph-link:active, a.named-paragraph-link:hover {
	background: #c8c8e8;
}

/* This is the box into which multi-line stretches of code are put: */

pre.Preform-displayed-code, div.lsmarkdown pre.Preform-displayed-code {
	background: #e8f8e8;
	border: 1px solid #cccccc;
}