Friendster CSS Guide

FILL IN THE BLANKS! Use the Reference Chart
EDIT THE FOLLOWING TAGS THAT CONTAINS <---BLAHBLAH--->

/*page background*/
body {
background-image: url(<---URL-OF-IMAGE-HERE--->);
background-position: <---POSITION HERE--->;
background-repeat: <---REPEAT STYLE HERE--->;
background-attachment: <---ATTACHMENT STYLE HERE--->;
background-color:<---BG COLOR HERE---> ;
}
/*global fonts*/
.usercontent {
font-family:<---FONT FACE HERE---> ;
color:<---FONT COLOR HERE---> ;
text-transform: <---TRANSFORM STYLE HERE--->;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: <---DECORATION STYLE HERE--->;
color: <---FONT COLOR HERE--->;
}
.usercontent a:hover {
text-decoration: <---DECORATION STYLE HERE--->;
color:<---FONT COLOR HERE---> ;
}
/*modules*/
.commonbox { /*box*/
border-width: <---WIDTH NUMBER--->;
border-color:<---BORDER COLOR HERE---> ;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE--->;
}
.commonbox h1, .commonbox h2 { /*header*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
background-color: # <---BG COLOR HERE--->;
}
.commonbox .viewall { /*viewall link*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
border-width: <---WIDTH NUMBER--->;
border-color:<---BORDER COLOR HERE---> ;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE--->;
}
.commonbox .dr { /*name bars below photo blocks*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
background-color: # <---BG COLOR HERE--->;
}
.commonbox .evenrow { /*even row*/
background-color: <---BG COLOR HERE---> ;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
border-color: <---BORDER COLOR HERE--->;
border-style: <---BORDER STYLE HERE--->;
}
.data { /*data answers*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
.controlpanel .q { /*data labels*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
.data a { /*data links*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
a.more { /*more about link*/
font-family: <---FONT FACE HERE--->;
color: <---FONT COLOR HERE--->;
text-transform: <---TEXT TRANSFORM HERE--->;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color: <---FONT COLOR HERE--->;
border-color: <---BORDER COLOR HERE--->;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE---> ;
}
#controlPanelButtons a:hover { /*buttons hover*/
color: <---FONT COLOR HERE--->;
border-color: <---BORDER COLOR HERE--->;
border-style: <---BORDER STYLE HERE--->;
background-color: <---BG COLOR HERE---> ;
}