RE: [boost] Boost Documentation templates: unresponsive text size

From: Brey, Edward D (EdwardDBrey_at_[hidden])
Date: 2002-02-13 15:19:43

Good.  I'd suggest just a couple other changes: Shy away from using pica (as
in "MARGIN-LEFT: 2pc"), since this is also fixed.  As your font size
increases, you generally want your margins to increase proportionately, but
picas won't do this for you.  Instead use font-relative sizing, e.g.
"margin-left: 2em".

The issue is that of a syntax error and undefined color in H1.  Paste the
text into the css validator for more info:
http://jigsaw.w3.org/css-validator/validator-text.html

From: 	David Abrahams [mailto:david.abrahams_at_[hidden]] 

----- Original Message -----
From: "Brey, Edward D" <EdwardDBrey_at_[hidden]>

> Yes.  boost.css has many lines like: "FONT-SIZE: 13pt".  Specifying the
> font-size in points causes an exact pixel count rendering under IE, so you
> lose size control as the viewer.  This usage of point sizes is indeed
quite
> obnoxious, bordering on evil. :-)  Instead the style sheet should be using
> percent and/or relative sizes.  For example: "font-size: 150%".

Thanks; changing it as shown below fixed it. I also took out the explicit
specification of courier font (I use a sans-serif fixed width font and
didn't want it to be overridden):

H1
{
    FONT-SIZE: 200%
    COLOR: darkblue
}
H2
{
    FONT-SIZE: 150%;
}
H3
{
    FONT-SIZE: 125%;
}
H4
{
    FONT-SIZE: 108%;
}
BODY
{
    FONT-SIZE: 100%;
    BACKGROUND-COLOR: #ffffff
}
PRE
{
    MARGIN-LEFT: 2pc;
}
CODE
{
 white-space: pre
}
.index
{
    TEXT-ALIGN: left
}
.page-index
{
 TEXT-ALIGN: left
}
.definition
{
 TEXT-ALIGN: left
}
.footnote
{
    FONT-SIZE: 66%;
    VERTICAL-ALIGN: super;
    TEXT-DECORATION: none
}
.function-semantics
{
    CLEAR: left
}