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 : 0px;
margin-left : 0px;
}
Links
A:link, A:active
{ text-decoration : none;
color : #cc0000;
background : transparent;
}
A:visited { color : #660066;
background : transparent;
text-decoration : none;
}
A:hover { color : #008000;
background : #FFD700;
}
Headings
H1 { font-family : Impact,
Arial Black, Helvetica Black, sans-serif;
}
H2 { font-family : Arial Narrow,
Helvetica Narrow, sans-serif;
}
H3 { font-family : Arial Narrow,
Helvetica Narrow, sans-serif;
}
H4 { font-family : Arial Narrow,
Helvetica Narrow, sans-serif;
}
P, TD, DL, OL, UL {
font-family : Myriad Web,
Geneva, Arial, Helvetica, sans-serif;
}
Author
Div.Author {
font-style : italic;
font-weight : bold;
}
Abstract
Every page should have an introductory paragraph.
Body.WDVL .Abstract {
background : #eeeeee;
color : #003366;
border : white;
}
eXaMPle Screen
The ht processor
translates XMP tags to PRE.
Pre.Xmp { background : #eeeeee;
color : black;
width : auto;
font-weight : bold;
margin-left : 1em;
margin-right : 1em;
border : solid 2px black;
white-space : pre;
font-family : 'Monotype.com',
Courier New, monospace, Courier, fixed;
}
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 : #ffcc66;
color : #000000;
}
TD.LuT A{ color : #000066;
background : transparent;
}
TD.LuT { background : #ffffcc;
color : #000000;
font-size : 85%;
}
Information Panel
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 : smaller;
}
Div.Info, P.Info {
background : #ffff99;
color : #990033;
text-align : left;
border : blue;
padding : 2%;
font-family : "Comic Sans MS",
Cursive, Verdana;
font-size : 85%;
}
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 : #ffffee;
color : #000066;
}
Drop
sets off a word or phrase like this.
.Drop {
background : #333366;
color : #ffcc33;
font-family : "Copperplate Gothic Light",
Helvetica, Verdana, Arial, sans-serif;
}
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, Arial,
"Comic Sans MS", 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 : "Copperplate Gothic Bold",
Verdana, Arial, "Comic Sans MS", 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,
Helvetica, Arial, sans-serif;
font-size : smaller;
text-decoration : none;
}
A.HoMe { background : white;
color : #ffcc33;
font-family : Verdana,
Helvetica, Arial, sans-serif;
text-decoration : none;
}
BlockQuote {
color : black;
background : #ffffee;
border : none;
}
|
