myspace civilized
phidias showing frieze of parthenon to his friends
version 0.8 : first draft
In progress... I've tried to rationalize the commenting and organization even further using START, END, TOM, NOTE, etc. labels within the stylesheet. Not 100% these all work yet.

<style type="text/css">

START { NO EDIT }
NOTE { JUNK DNA - default settings to reset formatting as much as possible... EDIT WITH CARE }

body {font-size: 1px; line-height: 1px; font-family:Arial,sans-serif; }
form {border-width:0px; background-color:transparent;}
table { border:0px solid transparent; border-collapse:collapse; }
input { background-color:white !important; border-color:eeeeff; border-width:1px; border-style:solid; }
img { border-width:0px; }
br { line-height: 10px; }

body table { background-color:transparent; }
table, table td, table table { background-color:transparent; border-width:0px; }
table table td { background-color:transparent; border-width: 0px; padding:4px 0; }
table table table { width:100%; background:transparent; margin:4px 0; }
table table table td { margin:0px; padding: 0 0 8px 0; }
table table table td.text { background-color:transparent; border-width:0px; }
table table table table, table table table table td { padding:0px; margin:0px; background-image:none; }

END { NO EDIT }





START { GLOBAL SETTINGS }

TOM { Page Background }
body { background-color:black; }

TOM { Main Content Fonts - table td OR table table table td }
table td
{
font-family:Arial, Helvetica, sans-serif;
color:999999;
font-size:.8em;
font-weight:normal; font-style:normal; text-decoration:none;
}

TOM { Main Link Settings }
a, a:link, a:visited, a.searchlinksmall, a.redlink:link, a.redlink:visited
{
color:ccccff;
font-size:1em;
font-weight:normal; font-style:normal; text-decoration:none;
}
a:hover, a.searchlinksmall:hover, a.redlink:hover
{ color:purple; }

END { GLOBAL SETTINGS }





START { YOUR BANNER - below myspace masthead - coming soon }

body table {margin-top:0px;}
body div table, body td table {margin-top: 0;}

END { YOUR BANNER }





START { MYSPACE MASTHEAD CONTAINER - Tables 1-3 }

TOM { Masthead Background }
div table
{
background-color:white;
border-color:f8f8ff; border-width: 1px; border-style: solid;
}

END { MYSPACE MASTHEAD CONTAINER }



START { MYSPACE METABAR and BANNER AD - div table td - Tables 1-2 }

DNA { Junk DNA }
div table td { background-color:transparent; border-color:transparent; border-width: 0px; border-style: solid; }

TOM { Metabar Fonts }
font { color:cccccc; font-weight:normal; font-style:none; text-decoration:none; }
a font:hover { color:9999ff; }

TOM { Metabar Help Box Fonts }
a.man font { color:green; background-color:transparent; }
a.man font:hover { color:lime; }

END { MYSPACE METABAR and BANNER AD }



START { MYSPACE UPPER NAVBAR - div table table - Table 3 }

TOM { Color Scheme }
div table table { border-color:green; border-width: 1px 0px; border-style: solid; }
div table table td { background-color:eeffee; }

TOM { Fonts }
a.navbar:link, a.navbar:visited { color:green; font-weight:normal; font-style:none; text-decoration:none; }
a.navbar:hover { color:lime; }

END { MYSPACE UPPER NAVBAR }





START { MYSPACE PROFILE TABLE - parent to LEFT and RIGHT cells below - Table 4 }
END { MYSPACE PROFILE TABLE }



START { MYSPACE PROFILE LEFT - table table td }

TOM { Left Info Box Color Scheme }
table table td table td
{
background-color:eeffee;
border-color:green; border-width: 1px; border-style: solid;
padding:0 4px 8px;
}
DNA { keep the children in line }
table table td table table, table table td table table td { padding:0; border-width:0; }


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


TOM { Contact Table }
NOTE { Color Scheme - fonts are all images... use background image for complete makeover }
.contactTable td
{
background-color:eeffee;
border-color:green; border-width: 1px; border-style: solid;
}
DNA { keep the children in line }
.contactTable td table td {background-color:transparent; border-width:0px;}


START { Profile Left Fonts }

TOM { Detail Box Header }
NOTE { h2 }
.whitetext12
{
color:green;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
text-transform:uppercase; letter-spacing:.3em;
margin:5px 0; padding:2px;
background-color:transparent; font-style:none; text-decoration:none;
}

TOM { Profile URL }
NOTE { cannot remove internal borders and keep outer borders for info boxes }
table table table table td div
{
color:green;
background-color:transparent; font-weight:normal;
}

TOM { Detail Box and Profile URL Labels }
.lightbluetext8, table table table table table td div strong
{
color:green;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase; letter-spacing:.3em;
margin:5px 0; padding:0px;
font-style:none; text-decoration:none;
}

END { Profile Left Fonts }

END { MYSPACE PROFILE LEFT }





START { MYSPACE PROFILE RIGHT - table table td.text }
END { MYSPACE PROFILE RIGHT }





START { FOOTER - Table 5 }

TOM { Lower Navbar }
table div div
{
background-color:eeeeff;
border-color:blue; border-width: 1px 0px; border-style: solid;
width:800px; padding-bottom:10px;
}
TOM { Lower Navbar Fonts }
a.text:link, a.text:visited { color:blue; font-weight:normal; font-style:none; text-decoration:none; }
a.text:hover { color:9999ff; }

DNA { Lower Footer Background - match with global body setting above }
NOTE { though a junk dna setting, must be set here to override conflicting settings above }
table div { background:black; }

TOM { Copyright Font }
table div font
{
color:333;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
padding:2px 0;
}

END { FOOTER }





START { Extras }

NOTE { a little extra for network h1 }
.blacktext12:before {content: "Oh no! ";}

END { Extra }

</style>

comments

backlinks

add your own comment