This stylesheet is appropriate for general use, was developed by the OSC Visualization Group. These styles can be used in any HTML container but are often used in a <span>. Usage is class="xxx" except where noted.
p |
All paragraphs are 12 pt and black. |
.center or .C .right or .R .left or .L .justify .underline |
A set of utility classes to replace the deprecated align tag attribute. |
.Help |
To indicate a help statement are 8 pt and red. |
.highLight
and span.highlight .latin1 |
Classes to highlight (color red and bold) a section of text.
|
.CODE td.code span.code div.code div.codeBlock div.spreadOut |
To indicate a code snippet are 12 pt, bold, italic and black. Also a set of code classes for a selection of HTML tags. |
table and table elements |
Border thickness is zero with 10pt captions, table headers and table data cells. |
ID="#Special14" |
This special style will center a piece of text with wider margins than the rest of the text. Ina ddition, the font will be italic, colored brown and justified to offest the text from the rest of the page. |
.NOTE |
Used to offset a note to the reader. bold text colored green, font size is 10pt. |
.sP |
To diffferentiate the SciPortal text from other text; an aqua color, bold and italic. |
h1.bdr - colored h2.bdr - colored h3.bdr - colored h4.bdr - colored h1.bdr1 h2.bdr1 h3.bdr1 h3.bdr1 |
Header (1-4) borders colored and black and white. These borders center the txt at size 20pt. The colored border is red border with yellow background. |
body |
Set the default font size to 12pt and black. |
body.bg1 |
Sets several attributes for the default page. lang: en-US; color:black; font-family:helvetica, sans-serif; font-size:14pt; background-color: #f2fae4; background-image: url(http://URL/images/bg1.jpg); |
.sienna-bg - background color is sienna.
.goldenrod-bg - background color is goldenrod. |
Set different background colors. |
For IE5 and possible future Netscape
"list-style-position" and "list-style-image" |
ul {list-style-position: outside;} ul.purbull {list-style-image: url(../images/purbull.gif);} ul.redbull {list-style-image: url(../images/redbull.gif);} ul.bluebull {list-style-image: url(../images/bluebull.gif);} ul.greenbull {list-style-image: url(../images/greenbull.gif);} |