ossp-web/SHARE/ossp_css.wml
1.6
##
## ossp_css.wml -- Cascading Style Sheet (CSS) Definitions
## Copyright (c) 2000-2001 Ralf S. Engelschall <rse@engelschall.com>
##
<head>
<style type="text/css"><!--
/* the page starts at the top-left corner of the browser window
and does not have any borders around it */
BODY {
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
}
/* we use a sans-serif font family for text */
BODY,DIV,SPAN,
TABLE,TR,TD,TH,P,
FONT,UL,OL,LI
FORM,INPUT,
TEXTAREA,
BLOCKQUOTE,A,I,B,EM {
font-family: helvetica,lucida,arial,sans-serif;
}
/* we use teletype font for code */
TT,CODE,SAMP,PRE {
font-family: courier,courier-new,terminal,fixed,monospace;
/* font-size: 90%; */
}
/* we use teletype font for code */
H1 {
font-family: tahoma,helvetica,lucida,arial,sans-serif;
margin-bottom: 4px;
color: #666699;
}
H2,H3,H4,H5,H6 {
font-family: tahoma,helvetica,lucida,arial,sans-serif;
margin-bottom: 4px;
color: #993333;
}
/* use square list items */
LI {
list-style-type: square;
margin-top: 4px;
}
/* define the color schemes */
BODY { background: <lbg>; color: <lfg>; }
A { text-decoration: none; font-weight: normal; }
A:link { color: <lhr>; }
A:visited { color: <lhr>; }
A:hover { text-decoration: underline; }
A.plain { text-decoration: none; font-weight: normal; }
A:link.plain { color: <lfg>; }
A:visited.plain { color: <lfg>; }
A:hover.plain { text-decoration: underline; }
.light { background: <lbg>; color: <lfg>; }
.light A:link { color: <lhr>; }
.light A:visited { color: <lhr>; }
.light-bd { background: <lbd>; }
.light-fg { color: <lfg>; }
.medium { background: <mbg>; color: <mfg>; }
.medium A:link { color: <mhr>; }
.medium A:visited { color: <mhr>; }
.medium-bd { background: <mbd>; }
.medium-fg { color: <mfg>; }
.dark { background: <dbg>; color: <dfg>; }
.dark A:link { color: <dhr>; }
.dark A:visited { color: <dhr>; }
.dark-bd { background: <dbd>; }
.dark-fg { color: <dfg>; }
.important { background: <ibg>; color: <ifg>; }
.important A:link { color: <ihr>; }
.important A:visited { color: <ihr>; }
.important-bd { background: <ibd>; }
.important-fg { color: <ifg>; }
.nb1n A { color: <lfg>; font-weight: normal; }
.nb1n A:link { color: <lfg>; }
.nb1n A:visited { color: <lfg>; }
.nb1s A { color: <ifg>; font-weight: bold; }
.nb1s A:link { color: <ihr>; }
.nb1s A:visited { color: <ihr>; }
.nb2n A { color: <lfg>; font-weight: normal; }
.nb2n A:link { color: <lfg>; }
.nb2n A:visited { color: <lfg>; }
.nb2s A { color: <ifg>; font-weight: bold; }
.nb2s A:link { color: <ihr>; }
.nb2s A:visited { color: <ihr>; }
.nb3n A { color: <lfg>; font-weight: normal; }
.nb3n A:link { color: <lfg>; }
.nb3n A:visited { color: <lfg>; }
.nb3s A { color: <ifg>; font-weight: bold; }
.nb3s A { color: <ifg>; font-weight: bold; }
.nb3s A:link { color: <ihr>; }
.nb3s A:visited { color: <ihr>; }
/* define a few text attributes */
.heavy { font-size: 110%; font-weight: bold; }
.justify { text-align: justify; }
.small { font-size: 80%; }
/* special text block formatting */
P.initial:first-letter { font-size: 200%; font-weight: bold; float: left; }
P.initial SPAN { text-transform: uppercase; }
P.following { text-indent: 3em; }
P.spaced { line-height: 140%; }
/* boxed text */
.boxed {
border-width: thin;
border-color: <lbd>;
border-style: solid;
padding: 3px;
}
/* more stuff */
{#PAGE_CSS#}
--></style>
</head>
