purple n blue

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

/*page background*/
body {
  background-image: url(http://cbimg9.com/layouts/08/08/30262aa.png);
  background-position: center;
  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: #FFD700;
}
.usercontent a:hover {
  text-decoration: underline;
  color: ffffff;
}
/*modules*/
.commonbox { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.commonbox h1, .commonbox h2 { /*header*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
  background-color: #191970;
}
.commonbox .viewall { /*viewall link*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
  border-width: 2px;
  border-color: ffffff;
  border-style: solid;
  background-color: #191970;
}
.commonbox .dr { /*name bars below photo blocks*/
  font-family: century gothic;
  color: ffffff;
  text-transform: none;
  background-color: #191970;
}
.commonbox .evenrow { /*even row*/
  background-color: #191970;
}
/*specific module boxes*/
.controlpanel { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.photos { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.friends { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.blogsreviews { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.videos { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.testimonialscomments { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.moreabout { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.fanof { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.groups { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.testimonials { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.scrapbook { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.myfans { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.reviews { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
.blogs { /*box*/
  border-width: 6px;
  border-color: ffffff;
  border-style: double;
  background-color: #800080;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border-color: ffffff;
  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: #FFD700;
  border-style: solid;
  background-color: #191970;
}
#controlPanelButtons a:hover { /*buttons hover*/
  color: ffffff;
  border-color: #FFD700;
  background-color: #191970;
}

Layout Code

Copy and paste to Add Media

Help

Layout Comments

Showing latest 1 of 1 comments

the background's cute but the boxes are too dark T_T

By leithargy on Sep 20, 2008 1:03 pm

Layout Details

Designer	kewlnerdcutie
Submitted on	Aug 6, 2008
Page views	12,861
Favorites	5
Comments	1
Reviewer	schizo
Approved on	Aug 6, 2008

purple n blue

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates