[Helpers] fonts
Mystress Angelique Serpent
Mystress at fire-serpent.com
Sat Oct 21 01:16:21 PDT 2006
At 11:10 PM 20/10/2006, you wrote:
>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>http://www.quirksmode.org/css/contents.html
I looked at the page... that is fancy CSS, my sheet is simpler and
doesn't use most of those selectors. KISS principle.
I actually got it sorted... iexplore doesn't resize px and other
browsers do. I can work around it.
Right now I am wanting to know why firefox insists on pushing the "Fire
serpent tantra" gif away from the logo. It centers it. It must be reading
the table code differently.
>
>
>Some small notes in red below&
>
>
>
>328e7c5.jpg
>
>
>
>
>
>328e823.jpg
>
>
Most of the rest of this, we already worked through last May... that is
why I responded via Sachiko's post on the topic. We already researched
universal fonts, in choosing palantino. I want the body text, experiences
etc... the main part of the lesson res-izeable across browsers for the sake
of visually handicapped members. Maybe I will switch back to pt for the
title and navlinks.
Thanks!
>
>
>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.
>
>}
>
>
>_______________________________________________
>Helpers mailing list
>Helpers at fire-serpent.org
>http://fire-serpent.org/mailman/listinfo/helpers_fire-serpent.org
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 328e7c5.jpg
Type: application/octet-stream
Size: 207773 bytes
Desc: not available
URL: <http://fire-serpent.org/pipermail/helpers_fire-serpent.org/attachments/20061021/5b7f52fa/attachment.bin>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 328e823.jpg
Type: application/octet-stream
Size: 186497 bytes
Desc: not available
URL: <http://fire-serpent.org/pipermail/helpers_fire-serpent.org/attachments/20061021/5b7f52fa/attachment-0001.bin>
More information about the Helpers
mailing list