Scribd
Upload
128 views2 pages

Notepad

This document contains CSS code for styling various elements of a Friendster-style social media profile page layout. It includes CSS classes for styling the page background, global fonts, links, master boxes containing profile sections, headers, the control panel, individual profile boxes like photos and friends, and miscellaneous elements like testimonials, reviews, and small photos. The CSS is designed to display the content on a black background with pink accent colors.

Uploaded by

tarsila
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
128 views2 pages

Notepad

This document contains CSS code for styling various elements of a Friendster-style social media profile page layout. It includes CSS classes for styling the page background, global fonts, links, master boxes containing profile sections, headers, the control panel, individual profile boxes like photos and friends, and miscellaneous elements like testimonials, reviews, and small photos. The CSS is designed to display the content on a black background with pink accent colors.

Uploaded by

tarsila
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

/* {--friendster-layouts.

com css code start--} */ /* FRIENDSTER-


LAYOUTS.COM */ /* Perfectly Damaged by heartxhate */ /* PAGE
BACKGROUND */ body { background-image:
url(http://img238.imageshack.us/img238/7765/pdamagekj1.jpg); background-
attachment: fixed; background-position: bottom right; background-repeat: no-
repeat; background-color: #000000; cursor: move; } /* GLOBAL FONTS */
.usercontent { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ec008c; }
/* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited,
.usercontent a:hover, .usercontent a:active { color: #ffffff; } .usercontent a:hover {
color: #ec008c; } /* MASTER BOXES */ .commonbox { border-width: 1px;
border-color: #ec008c; border-style: dotted; background-color: #000000; }
.commonbox .evenrow { background-color: #000000; } /* MASTER HEADERS */
.commonbox h1, .commonbox h2 { font-family: Verdana, Arial, Helvetica, sans-
serif; color: #ec008c; text-transform: uppercase; background-color: #000000; } /*
CONTROL PANEL: BOX */ .controlpanel { border-width: 1px; border-color:
#ec008c; border-style: dotted; background-color: #000000; } /* CONTROL
PANEL: USER PHOTO */ .controlpanel .imgblock200 { border-color: #ec008c;
border-style: dotted; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-
family: Verdana, Arial, Helvetica, sans-serif; color: #ec008c; } .controlpanel .data {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #ec008c; } .data a { font-
family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; } /* CONTROL
PANEL: MORE ABOUT ME LINK */ a.more { font-family: Verdana, Arial,
Helvetica, sans-serif; color: #ffffff; } /* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; border-color:
#000000; background-color: #ec008c; } #controlPanelButtons a:hover { font-
family: Verdana, Arial, Helvetica, sans-serif; color: #000000; border-color:
#000000; background-color: #ec008c; text-decoration: line-through; } /* BOX:
MORE ABOUT ME */ .moreabout { border-width: 1px; border-color: #ec008c;
border-style: dotted; background-color: #000000; } /* BOX: MY PHOTO
GALLERY */ .photos { border-width: 1px; border-color: #ec008c; border-style:
dotted; background-color: #000000; } /* BOX: MY FRIENDS */ .friends { border-
width: 1px; border-color: #ec008c; border-style: dotted; background-color:
#000000; } /* BOX: MY VIDEOS */ .videos { border-width: 1px; border-color:
#ec008c; border-style: dotted; background-color: #000000; } /* BOX: MY
GROUPS */ .groups { border-width: 1px; border-color: #ec008c; border-style:
dotted; background-color: #000000; } /* BOX: MY TESTIMONIALS */
.testimonials { border-width: 1px; border-color: #ec008c; border-style: dotted;
background-color: #000000; } /* TESTIMONIAL COMMENTS */
.testimonialscomments { border-width: 1px; border-color: #ec008c; border-style:
dotted; background-color: #000000; } /* BOX: MY SCRAPBOOK */ .scrapbook {
border-width: 1px; border-color: #ec008c; border-style: dotted; background-color:
#000000; } /* BOX: FAN OF */ .fanof { border-width: 1px; border-color: #ec008c;
border-style: dotted; background-color: #000000; } /* BOX: MY FANS */ .myfans
{ border-width: 1px; border-color: #ec008c; border-style: dotted; background-color:
#000000; } /* BOX: MY REVIEWS */ .reviews { border-width: 1px; border-color:
#ec008c; border-style: dotted; background-color: #000000; } /* BOX: MY BLOGS
*/ .blogs { border-width: 1px; border-color: #ec008c; border-style: dotted;
background-color: #000000; } /* BOX: MY BLOG REVIEWS */ .blogsreviews {
border-width: 1px; border-color: #ec008c; border-style: dotted; background-color:
#000000; } /* MISC: TESTIMONIALS/REVIEWS TEXT */ .data { font-family:
Verdana, Arial, Helvetica, sans-serif; color: #ec008c; text-transform: lowercase; } /*
MISC: VIEW ALL LINKS */ .commonbox .viewall { font-family: Verdana, Arial,
Helvetica, sans-serif; color: #000000; text-transform: uppercase; } /* MISC:
SMALL PHOTOS */ .commonbox .imgblock75, .ir { border-width: 1px; border-
color: #ec008c; border-style: dotted; background-color: #000000; } /* MISC:
SMALL PHOTO NAMES */ .commonbox .dr { font-family: Verdana, Arial,
Helvetica, sans-serif; color: #ec008c; text-transform: uppercase; background-color:
#000000; } /* {--friendster-layouts.com css code end--} */

You might also like