myspace civilized
phidias showing frieze of parthenon to his friends
moshi fonts v1.2
Working on stylesheet v1.2. It will be an incremental update in an effort to simplify settings and fallback more gracefully with things like background settings.

Here is the font stylesheet. It is a complete list of all the font settings (that I am aware of) used in the myspace profile. The version included in the v.1.2 stylesheet will consolidate some of these. But if you want complete control over your myspace fonts, this is the authority.

Some visual aids are available here. You can see this stylesheet in action here. And if you want a list of widely available cross-platform font families, click here.



NOTE { moshi myspace fonts v.1.2 }

START { Global Fonts }
body, table td
{
color:999999 !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:12px !important; font-weight:normal; font-style:normal; text-decoration:none;
}
u { text-decoration:none !important; }
END { Global Fonts }


START { Global Links }
a, a:link, a:visited, a.searchlinksmall
{
color:ff9999 !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em; font-weight:normal; font-style:normal; text-decoration:none;
}
a:hover, a.searchlinksmall:hover { color:ff0000 !important; }
END { Global Links }


START { Masthead }
TOM { basic fonts and links }
font
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:11px; font-weight:normal; font-style:normal; text-decoration:none;
}
a font { color:003366 !important; }
a font:hover { color:6699cc !important; }

TOM { navbar below banner }
a.navbar:link, a.navbar:visited { color:0000ff !important; }
a.navbar:hover { color:003366 !important; }

TOM { metabar help box -- this appear to have been eliminated }
a.man font { color:00000 !important; }
a.man font:hover { color:999999 !important; }
END { Masthead }


START { Profile Left }
CLASS { left-side-specific fonts and links -- overrides table td above }
table table td table td { color:9999ff !important; }
table table td table td a, table table td table td a:link, table table td table td a:visited, table table td table td a.searchlinksmall { color:9999ff !important; }
table table td table td a:hover, table table td table td a.searchlinksmall:hover { color:0000ff !important; }
TOM { user name (h1) }
.nametext
{
color:CCCCCC;
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
font-size:2.5em; font-style:italic; font-weight:normal; text-decoration:none; padding-left:1em;
}
TOM { detail box header (h2) }
.whitetext12
{
color:336699;
font-family:Trebuchet MS, Helvetica, sans-serif !important;
font-size:1em; font-weight:bold; text-transform:uppercase; letter-spacing:.3em;
margin:5px 0; padding:2px; background-color:transparent; font-style:normal; text-decoration:none;
}
TOM { detail box label }
.lightbluetext8
{
color:336699;
font-family:Trebuchet MS, Helvetica, sans-serif !important;
font-weight:bold; text-transform:uppercase; letter-spacing:.3em;
margin:5px 0; padding:0px; font-style:none; text-decoration:none;
}
TOM { profile url label }
table table table table table td div strong
{
color:336699;
font-family:Tahoma, Geneva, sans-serif; font-size:12px;
margin:5px 0; padding:0px; font-style:none; text-decoration:none;
}
TOM { profile url }
table table table table td div
{
color:ff0000;
font-family:Trebuchet MS, Helvetica, sans-serif !important; font-size:12px;
font-weight:bold; text-transform:uppercase;
padding:0 0 10px; background-color:transparent; font-weight:bold;
}
END { Profile Left }


START { Profile Right }
CLASS { right-side-specific fonts and links -- overrides table td above }
table table td.text table td { color:99ff99 !important; }
table table td.text table td a, table table td.text table td a:link, table table td.text table td a:visited, table table td.text table td a.searchlinksmall { color:99ff99 !important; }
table table td.text table td a:hover, table table td.text table td a.searchlinksmall:hover { color:00ff00 !important; }
TOM { network box (h1) }
.blacktext12
{
color:ff0000;
font-family:Trebuchet MS, Helvetica, sans-serif !important;
font-size:1.4em; line-height:1.2em;
font-weight:lighter; font-style:none; text-decoration:none; text-align:center;
}
CLASS { blog header (h2) and friend count }
.btext
{
color:ffcc00;
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
font-size:1.4em; font-weight:lighter; font-style:italic; text-decoration:none;
}
TOM { blurbs header (h1) }
table table table td .orangetext15
{
color:660000;
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
font-size:2em; font-style:italic; font-weight:normal; text-decoration:none;
}
TOM { friend space / about me / comment header (h2) -- must follow blurb header }
table table table table td .orangetext15 { color:660000; font-family:Trebuchet MS, Helvetica, sans-serif !important; }
TOM { friend number (h2) }
.redbtext
{
color:ff0000;
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
font-size:1.3em; font-weight:bold; font-style:normal; text-decoration:none; padding:0 .1em;
}
TOM { view all friends link }
a.redlink:link, a.redlink:visited
{
color:ffcc00 !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em; font-weight:normal; font-style:normal; text-decoration:none;
}
a:hover, a.searchlinksmall:hover { color:cc9900 !important; }
END { Profile Right }

START { Footer }
CLASS { basic footer font }
body table div div
{
color:999999 !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:11px !important; font-weight:normal; font-style:normal; text-decoration:none;
}
CLASS { footer links }
a.text:link, a.text:visited { color:ff0000 !important; text-decoration:none !important; }
a.text:hover { text-decoration:underline !important; }
TOM { copyright notice }
table div font { color:ffcc00; }
END { Footer }

Labels: