The OSC SciPortal
Standard CSS Style Sheet

This is under development.

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.
latin1 colors the text magenta.

.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);}