House Style Sheet
|
This is the style sheet applied to every WDVL page.
|
Page
BODY
{
font-family : Myriad Web,
Geneva, Arial,
Helvetica, sans-serif;
margin-top: -8px;
margin-left: -8px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
border-top: 0;
border-left: 0;
border-bottom: 0;
border-right: 0;
width: auto;
background-color: #ffffee;
}
Links
A:link, A:active
{
text-decoration : none;
color : #ff0000;
background : transparent;
}
A:visited
{
text-decoration : none;
color : #993300;
background : transparent;
}
A:hover
{
text-decoration : none;
color : #000000;
background : #ffcc00;
}
Headings and Text Elements
H1 {
COLOR: black;
FONT-FAMILY: Impact,
Arial Black, Helvetica Black,
sans-serif;
FONT-WEIGHT: bold;
}
H2 {
COLOR: black;
FONT-FAMILY: Arial Narrow,
Helvetica Narrow, sans-serif;
FONT-WEIGHT: bold;
}
H3 {
COLOR: black;
FONT-FAMILY: Arial Narrow,
Helvetica Narrow, sans-serif;
FONT-WEIGHT: bold;
}
H4 {
COLOR: black;
FONT-FAMILY: Arial Narrow,
Helvetica Narrow, sans-serif;
FONT-WEIGHT: bold;
}
P, TR, THEAD, TFOOT, TH, TD,
DL, OL, UL, BLOCKQUOTE, SPAN, BR
{
FONT-FAMILY: Myriad Web,
Geneva, Arial,
Helvetica, sans-serif;
}
Navigation
.icomtitle
{
font-family :Arial, Helvetica, sans-serif;
font-size :12pt;
color :#FFFFFF;
background :transparent;
line-height :.1em;
}
.icomlink
{
font-family :Arial, Helvetica, sans-serif;
font-size :8pt;
}
.siteNavHead
{
COLOR: #000033;
FONT-SIZE: 10pt;
FONT-WEIGHT: bold
}
.siteNavLink
{
COLOR: #000033;
FONT-SIZE: 9pt
}
.siteNavTD
{
BACKGROUND-COLOR: #ffffcc
}
Header Elements
.gold
{
background-color: #ffcc33;
}
Author
.Author
{
font-size : 12pt;
font-style : italic;
font-weight : bold;
font-family : Myriad Web,
Geneva, Arial,
Helvetica, sans-serif;
}
Abstract
.Abstract
{
background-color: #eeeedd;
border-width : 2px;
border-color : #ffcc33;
border-style : solid;
padding : 10px;
font-size: 10pt;
font-weight: bold;
color : #660000;
}
eXaMPle Screen
The ht processor
translates XMP tags to PRE.
Pre.Xmp, Pre
{
background: #eeeedd;
color: black;
width: auto;
font-weight: bold;
margin-left: 1em;
margin-right: 1em;
border: solid 2px black;
white-space: pre;
font-family: Courier, fixed, serif;
text-align: left;
}
PRE.xmp EM
{
font-style: normal;
color: #FF0000;
background: transparent;
}
CODE
{
color: #A00000;
background: transparent;
}
DIV.example
{
margin-left: 2em;
margin-right: 2em;
border: solid 2px #003000;
}
Look-up Table
Resource tables, link in left cell and annotation in the right cell.
TH.LuT A
{
color: #000066;
background: transparent;
}
TH.LuT
{
background: #ffcc33;
color: #000000;
}
TD.LuT A
{
color: #000066;
background: transparent;
}
TD.LuT
{
background: #eeeeee;
color: #000000;
font-size: 85%;
}
Information Panel
DIV Emphasises a block of stuff.
This is The WDVL.
|
TH Emphasises a block of stuff.
This is The WDVL.
|
TD Emphasises a block of stuff.
This is The WDVL.
|
TH.Info, TD.Info
{
background: #ffffcc;
color: #660000;
font-family: Myriad Web,
Geneva, Arial,
Helvetica, sans-serif;
font-size: 10pt;
}
TH.Info A, TD.Info A
{
background: white;
color: #ff6600;
}
Div.Info, P.Info
{
background: #ffff99;
color: #990033;
text-align: left;
border: blue;
padding: 1%;
font-family: Myriad Web,
Geneva, Arial,
Helvetica, sans-serif;
font-size: 10pt;
}
Div.Info A
{
background: white;
color: #ff6600;
}
HiLite
Just like those yellow markers...
.HL
{
background: #ffff99;
color: #000000;
}
TD.HL
{
background: #ccffff;
color: #000000;
}
Name/Value Tables
| Type | Meaning |
|---|
| Name | An identifier |
|---|
| Value | Its contents |
|---|
.Type
{
background: #cccccc;
color: #660000;
}
.Name
{
background: #eeeeee;
color: #660000;
vertical-align: top;
text-align: right;
}
.Value
{
background: #eeeeee;
color: #000066;
}
Drop
sets off a word or phrase like this.
.Drop
{
background: #333366;
color: #ffcc33;
font-family: "Copperplate Gothic Light",
Myriad Web, Geneva, Arial,
Helvetica, sans-serif;
font-size : 16pt;
font-weight : bold;
}
Buttons
|
See the menu bar at bottom.
|
A.Button:hover
{ color: #ff6600;
background: transparent;
}
A.Button
{
text-decoration: none;
color: #003366;
background: #ffcc33;
}
.Button
{
text-align: center;
text-decoration: none;
color: #003366;
background: #ffcc33;
border-top: 2px solid #ffff99;
border-left: 2px solid #ffff99;
border-right: 2px solid #cc9933;
border-bottom: 2px solid #cc9933;
font-family: Verdana,
Myriad Web, Geneva, Arial,
Helvetica, sans-serif;
}
Banners
|
The Web Developer's Virtual Library
|
TH.Banner
{
color: black;
background: #ffcc33;
}
.Banner
{
margin-left: 0;
text-align: center;
text-decoration: none;
color: #003366;
background: #ffcc33;
border-top: 4px solid #ffff99;
border-left: 4px solid #ffff99;
border-right: 4px solid #cc9933;
border-bottom: 4px solid #cc9933;
font-family: Verdana,
Myriad Web, Geneva, Arial,
Helvetica, sans-serif;
}
Navigation Links
TH.Nav
{
background: #0000cc;
color: #ff9900;
}
TH.Menu
{
background: #3366cc;
color: #ff9900;
}
A.Menu:hover
{
color: #ff6600;
background: transparent
}
A.HoMe:hover
{
color: #ff6600;
background: transparent
}
A.Menu
{
background: white;
color: #ffcc33;
font-family: Verdana,
Myriad Web, Geneva, Arial,
Helvetica, sans-serif;
font-size: smaller;
text-decoration: none;
}
A.HoMe
{
background: white;
color: #ffcc33;
font-family: Verdana,
Myriad Web, Geneva, Arial,
Helvetica, sans-serif;
text-decoration: none;
}
.PUN {
font-family : Myriad Web,
Geneva, Arial,
Helvetica, sans-serif;
background : gold;
color : green;
}
|
