[Helpers] fonts
Rich
rich at ulterium.com
Fri Oct 20 23:10:03 PDT 2006
Here it looked great in both browsers.
Seems like some CSS fields are not valid in certain browsers:
http://www.quirksmode.org/css/contents.html
Some small notes in red below.
BODY {
color: Black;
text-align: left;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
<-- Some browser may not have same fonts as other browser, resulting in
different size of text on screen (see images above).
font-style: normal;
font-weight: normal;
line-height: normal;
letter-spacing: normal;
font-size: large; <-- This may differ between browser. May work to try
using pt or px size.
text-transform: none;
text-decoration: none;
}
p{
text-indent: 13px;
line-height: 135%;
}
UL {
list-style: url("http://www.fire-serpent.com/titles/blugem.gif") disc ;
list-style: inside; valign="top";
}
li {
list-style: url("http://www.fire-serpent.com/titles/cobra.jpg") disc ;
list-style: outside; valign="bottom";
}
A:link {
color : #3300cc;
text-decoration : none;
font-weight : bold;
}
A:visited {
color : #660099;
text-decoration : none;
font-weight : bold;
}
A:hover {
color : #66cccc;
text-decoration : underline;
}
A:active {
color : #66cccc;
text-decoration : underline; }
.title {
color: #66cccc;
background: #000000;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino,
serif;
font-size: 30px;
font-style: italic;
font-weight: bold;
line-height: normal;
text-align: center;
text-valign: middle;
text-transform: none;
}
A.title:link {
color: #66cccc;
background: #000000;
font-weight: bolder;
text-transform: none;
}
A.title:visited {
color: #66cccc;
background: #000000;
font-weight: bolder;
text-transform: none;
}
A.title:hover {
color: #ffffff;
background: #000000;
font-weight: bolder;
text-transform: underline;
}
A.title:active {
color: #33ffff;
background: #000000;
font-weight: bolder;
text-transform: underline;
}
H2 {
color: #000000;
background: #009999;
font-family: "ZapfChancery-MediumItalic", Georgia,"times new roman",,serif;
font-size : 30px;
font-style : normal;
font-weight : bold;
line-height : normal;
text-align : center;
text-transform : capitalize;
}
H3 {
color : #000000;
background : #009999;
font-family : "times new roman",Georgia,"BookmanITC Lt BT",serif;
font-size : 25px;
font-style : normal;
line-height : normal;
margin : 8px 10px;
padding-left : 8px;
padding-right : 10px;
text-align : center;
text-indent : 16px;
word-spacing : 3pt;
}
H4{
color: #000000;
background: #009999;
font-family: "BookmanITC Lt BT", Georgia,"times new roman",serif;
font-size: 18px;
font-style:normal;
font-weight:normal;
line-height:normal;
margin:8px 6px;
padding-left:8px;
padding-right:6px;
text-align:center;
text-transform:capitalize;
word-spacing:5px;}
.footer {
color : #000000;
background : #009999;
font-family : "Copperplate Gothic Light", Verdana, Geneva, Arial, Helvetica,
sans-serif;
font-size : 14px;
font-weight: bold;
margin-bottom : 10px;
margin-top : 10;
padding-left : 12px;
padding-top : 0;
text-align: center;
text-decoration : none;
}
BLOCKQUOTE {
color : #FFFFFF;
font-family : tt, Courier, monospace; <-- assume tt is valid font.
font-size : 11px;
font-weight : bold;
margin-left : 18px;
margin-right : 12px;
margin-top : 10px;
max-width : 75%;
orphans : 0;
overflow : hidden;
text-indent : 16px;
}
.tinypale {
color : #99ff99;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.txtblack {
color: black;
background: #009999;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
font-style: normal;
font-size: medium;
font-weight: normal;
line-height: normal;
margin: 8px 10px;
padding-left: 10px;
padding-right: 8px;
text-align: left;
text-indent: 16px;
word-spacing: 3px;
margin-left: 8px;
margin-right: 10px;
margin-top: 0;
padding-bottom: 0;
padding-left: 10px;
padding-right: 8px;
text-decoration: none;
}
.quot {
color: #000033;
font-family: "Times New Roman", Times, serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
line-height: normal;
text-decoration: none;
}
.navlink {
color : #00cccc;
background : black;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
}
A.navlink:link {
color : #3399cc;
text-decoration : none;
background : black;
}
A.navlink:visited {
color : #339999;
background : black;
text-decoration : none;
}
A.navlink:hover {
color : #ffffff;
background : black;
text-decoration : underline;
}
A.navlink:active {
color : #9966ff;
background : black;
text-decoration : underline;
}
.navwhite {
color : #ffffff;
background : black;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
}
.warn {
background : black;
color : #9933ff;
font-size : 19px;
font-family : "Copperplate Gothic light", times ;
margin : 3px;
padding : 3px;
text-indent : 8px;
text-transform : uppercase;
}
A.navmenu:link {
color: #33CCCC;
text-decoration: none;
font-size: 22px;
font-weight: bolder;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
font-style: italic;
}
A.navmenu:visited {
color: #33CCCC;
text-decoration: none;
font-size: 22px;
font-weight: bolder;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
font-style: italic;
}
A.navmenu:hover {
color: #ffffff;
text-decoration: underline;
font-size: 22px;
font-weight: bolder;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
font-style: italic;
}
A.navmenu:active {
color: #9966FF;
text-decoration: underline;
font-size: 22px;
font-weight: bolder;
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
font-style: italic;
}
.trans {
font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino;
font-size: small; <-- may wish to specify PX/PT size.
font-style: normal;
}
.exper {
font-family: "Courier New", Courier, monospace;
font-size: small; <-- may wish to specify PX/PT size.
}
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fire-serpent.org/pipermail/helpers_fire-serpent.org/attachments/20061021/597f307a/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image003.jpg
Type: image/jpeg
Size: 63708 bytes
Desc: not available
URL: <http://fire-serpent.org/pipermail/helpers_fire-serpent.org/attachments/20061021/597f307a/attachment.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image004.jpg
Type: image/jpeg
Size: 57183 bytes
Desc: not available
URL: <http://fire-serpent.org/pipermail/helpers_fire-serpent.org/attachments/20061021/597f307a/attachment-0001.jpg>
More information about the Helpers
mailing list