All pages have this information:
link rel="stylesheet" type="text/css" href="../NorthWestCoastStory/NorthWestCoastStory.css"
body bgcolor="#000000"
a name="top"
CSS Colors |
#CC3300 .red (A Link) |
#CC6600 .redorange (V Link) |
#CC9900 .tan (Link) |
#FFFFFF .white |
#33CCCC .blue |
#000000 .black |
All Text:
Verdana, sans-serif + 5px margin
H1 - 16px Verdana center bolder black
|
H2 - 16px Verdana center bolder red
|
H3 - 12px Verdana center bolder black
|
H4 - 12px Verdana center bolder red
|
H5 - 12px Verdana left bolder black
|
P - 10px, black
P + B - bold
P + U - underline
P - class="px10"
EM - italics
Outside tags this is the default text size. All text needs to be in within P or H# tags to maintain the colour, size and 5px margins.
More CCS class settings:
.center
.justify
.left
.right
.indent (20px)
.line-through
.underline (also U)
.none
.px10 (font size)
.px10blacen (font size, none, black, center)
.px10blarig (font size, none, black, right)
.px10blucen (font size, none, blue, center)
.px10red (font size, none, red)
.px10redcen (font size, none, red, center)
.px10tancen (font size, none, tan, center)
.px12 (font size, bolder)
.px12blacen (font size, bold, black, center)
.px12blucen (font size, bold, blue, center)
.px12red (font size, bold, red)
.px12redcen (font size, bold, red, center)
.px12tancen (font size, bold, tan, center)
.px16 (font size, bold)
.px16blacen (font size, bold, black, center)
.px16blucen (font size, bold, blue, center)
.px16red (font size, bold, red)
.px16redcen (font size, bold, red, center)
.px16tancen (font size, bold, tan, center)
A Hover - 10px, italics
A Link - 10px, red
A Visited - 10px, redorange
Sample Links
http://www.WickedSunshine.com/NorthWestCoastStory/NorthWestCoastStory-StyleGuide.html#Top
http://www.Blank.com/
Example notes from WebMonkey:
<p class="red"> This text will be red. </p>
<p><span class="foo">This text is rendered as foo-style</span> and this is not.
<div class="foo">
<p>The "foo" style will be applied to this text, and to <a href="page.html">this text</a> as well.
</div>
<p style="font-size: 10pt; color: red">This text is rendered as red, 10-point type</p>
|
