Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
UTMag - stylesheet upgrade
Message
 
 
To
All
General information
Forum:
Visual FoxPro
Category:
Other
Title:
UTMag - stylesheet upgrade
Miscellaneous
Thread ID:
00514338
Message ID:
00514338
Views:
54
Michel,

Please consider using a stylesheet that is % based instead of pt based. There is also a typo in the font "Courrier" instead of "Courier" used in several of the styles. As an example this makes the magazine respect the user's current font size selection:

P.Content
{
font-size: 100%;
font-family: "Arial";
font-weight: bold;
color: yellow;
}

P.ContentMenu
{
font-size: 90%;
font-family: "Arial";
font-weight: bold;
color: #FFFFFF;
margin-top: 4pt;
margin-bottom: 0pt;
}

P.ContentMenuItem
{
font-size: 80%;
font-family: "Arial";
font-weight: none;
color: #C0C0C0;
margin-top: 0pt;
margin-bottom: 0pt;
}

SPAN.ContentMenuItemPage
{
font-size: 80%;
font-family: "Arial";
font-weight: bold;
color: #FFFFFF;
}

.Article
{
font-size: 140%;
font-family: "Arial";
font-weight: bold;
}

.Bio
{
font-size: 80%;
font-family: "Arial";
font-style: Italic;
}

.ArticleSection
{
font-size: 90%;
font-family: "Arial";
font-weight: bold;
}

.Page
{
font-size: 90%;
font-family: "Arial";
font-weight: bold;
}

P
{
font-size: 90%;
font-family: "Arial";
}

TD
{
font-family: "Arial";
font-size: 90%;
}

TD.Content
{
font-family: "Arial";
font-size: 90%;
}

@media print
{
BODY {background-image: none; background-color: white}
}

TABLE.Detail
{
BACKGROUND-COLOR: CCCCC1;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 0px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 0px solid;
}

TABLE.Detail TD
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
font-family: "Arial";
font-size: 90%;
}

TABLE.Detail TH
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
BACKGROUND-COLOR: CCCC99;
font-family: "Arial";
font-size: 90%;
}

PRE.Code
{
background: none;
font-family: "Courier";
font-size: 80%;
color: #003399;
}

P.Figure
{
font-size: 80%;
font-family: "Arial";
font-weight: bold;
margin-top: 6pt;
margin-bottom: 2pt;
}

PRE.CodeStraight
{
font-family: "Courier";
font-size: 90%;
margin-top: 2pt;
color: #003399;
}

TT.CodeStraight
{
font-family: "Courier";
font-size: 90%;
color: #003399;
}

TABLE.FAQ
{
BACKGROUND-IMAGE: url("BackContent2.jpg");
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 0px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 0px solid;
}
TABLE.FAQ TD
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
}
TABLE.FAQ TH
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
BACKGROUND-IMAGE: url("BackContent.jpg");
}
df (was a 10 time MVP)

df FoxPro website
FoxPro Wiki site online, editable knowledgebase
Reply
Map
View

Click here to load this message in the networking platform