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... myspacecivilized.blogspot.com }

NOTE { BODY FONTS }
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 }
.text
{ 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 { HEADER FONTS }
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 }
.blacktext12
{ 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 }
.btext
{ 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 }
.redbtext
{ 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 }
.lightbluetext8
{
color:b3ccfc;
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
text-transform:uppercase;
font-style:none; text-decoration:none;
}



NOTE { MARGIN FONTS }
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;}
</style>


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

Labels:

comments

add your own comment
edbhhewbfjhfkhewr
add your own comment