myspace civilized
phidias showing frieze of parthenon to his friends
version 0.4 : basic typography with em sizing
for the latest updated moshi myspace font stylesheet, click here

The FET-scan actually proved extremely valuable in trying to break down the typography of myspace profiles. This stylesheet focuses on typography and provides a comprehensive yet organized set of definitions for typesetting your myspace profile. In a nod to standards evangelism, it uses only relative (em) font-size settings, though I will probably move over to absolute (px) settings in later versions.

The current settings are meant to echo the typography of this blog and are currently displayed on my recivilized profile.

<style type="text/css">

NOTE { myspace civilized stylesheet v.0.4 }
NOTE { for more information... }

NOTE { default body font }
table table table td
{ color:999999; font-size:.8em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-decoration:none; }

NOTE { namebox font }
{ color:b3ccfc; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-decoration:none; }

NOTE { body links }
a, a:link, a:visited, a.searchlinksmall, a.redlink:link, a.redlink:visited
{ color:b3ccfc; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; font-style:normal; text-decoration:none; }
a:hover, a.searchlinksmall:hover, a.redlink:hover
{ color:orange; }

NOTE { namebox h1 }
.nametext { padding-left:1em; color:b3ccfc; font-size:2.5em; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-weight:normal; font-style:italic; text-decoration:none; }

NOTE { blurbs h1 }
table table table td .orangetext15
{ color:cccccc; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:none; text-decoration:none; }

NOTE { your network h1... and a little non-IE selector trick }
{ color:cccccc; font-size:1.5em; font-family:Trebuchet MS, Helvetica, sans-serif; font-weight:lighter; font-style:none; text-decoration:none; }
.blacktext12:before {content: "Oh no! ";}

NOTE { left col, friend space & about me h2 }
.whitetext12, table table table table td .orangetext15
color:b3ccfc; background-color:transparent;
margin:5px 0; padding:2px;
font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold;
text-transform:uppercase; letter-spacing:.3em;
font-style:none; text-decoration:none;
.whitetext12 { font-size:.9em; }

NOTE { blog, friend count h2 }
{ color:cccccc; font-size:1.4em; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-weight:lighter; font-style:italic; text-decoration:none; }

NOTE { friend num h2 }
{ color:b3ccfc; padding:0 .1em; font-size:1.3em; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-weight:bold; font-style:normal; text-decoration:none; }

NOTE { interest, detail labels }
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
font-style:none; text-decoration:none;

NOTE { above upper ad links }
font {color:white; font-weight:normal; font-style:none; text-decoration:none;}
a font:hover {color:ffffcc;}

NOTE { below upper ad links }
a.navbar:link, a.navbar:visited {color:999999; font-weight:normal; font-style:none; text-decoration:none;}
a.navbar:hover {color:ffffff;}

NOTE { footer links }
a.text:link, a.text:visited {color:666666; font-weight:normal; font-style:none; text-decoration:none;}
a.text:hover {color:ffffff;}

NOTE { some background styling for visibility }
body{background-color:000000; border-width:0px;}
table{background-color:333333; border-width:0px;}
body table{background-color:999999; border-width:0px;}
table table{background-color:cccccc; border-width:0px;}
table table table{background-color:ffffff; border-width:0px;}
table table table td {background-color:transparent; border-width:0px;}
table table table table {background-color:transparent; border-width:0px;}
form{background-color:none; border-width:0px;}
input{background-color:white !important; border-width:0px;}
img { border-width:0; }
table td, table table td {background-color: transparent; border-width:0px;}

As always, paste the stylesheet below any other text in the "About Me" section of your profile.



add your own comment


add your own comment