colorful cubes

Using This Layout

For specific instructions read designer's comments

1. Log into friendster.com (edit profile)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Customize CSS

/*layout made by jessica lazatin*/
/*page background*/
body {
  background-image: url(http://cbimg6.com/layouts/08/08/30390aa.png);
  background-position: bottom-right;
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: ffffff;
}
/*global fonts*/
.usercontent {
  font-family: Trebuchet MS;
  color: ffffff;
  text-transform: none;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  text-decoration: none;
  color: #4B0082;
}
.usercontent a:hover {
  text-decoration: underline;
  color: ffffff;
}
/*modules*/
.commonbox { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.commonbox h1, .commonbox h2 { /*header*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
  background-color: #FF69B4;
}
.commonbox .viewall { /*viewall link*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
  border-width: 2px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #4B0082;
}
.commonbox .dr { /*name bars below photo blocks*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
  background-color: #FF69B4;
}
.commonbox .evenrow { /*even row*/
  background-color: #FF69B4;
}
/*specific module boxes*/
.controlpanel { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.photos { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.friends { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.blogsreviews { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.videos { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.testimonialscomments { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.moreabout { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.fanof { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.groups { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.testimonials { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.scrapbook { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.myfans { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.reviews { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
.blogs { /*box*/
  border-width: 6px;
  border-color: #ADFF2F;
  border-style: dotted;
  background-color: #00BFFF;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border-color: #ADFF2F;
  border-style: solid;
}
.data { /*data answers*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
}
.controlpanel .q { /*data labels*/
  font-family: century gothic;
  color: ffffff;
  text-transform: overline;
}
.data a { /*data links*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
}
a.more { /*more about link*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
  color: ffffff;
  border-color: #20B2AA;
  border-style: solid;
  background-color: #FF69B4;
}
#controlPanelButtons a:hover { /*buttons hover*/
  color: ffffff;
  border-color: #20B2AA;
  background-color: #FF69B4;
}