Punk versus Emo layout | Friendster-Layouts.com

Punk versus Emo

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - Punk versus Emo

Get the FULL Code Friendster Layouts.

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/* STRICTLY DO NOT REMOVE CREDITS ON IMAGES EVEN IN CSS */
/* Vixenart.net */
/* Punk versus Emo */


/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/03/punkvsemo/punkvsemo.gif);
  background-attachment: fixed;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #000000;
  cursor: crosshair;
  text-align:left;
}

/* GLOBAL FONTS */
.usercontent {
  color: #767676;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #990000;
}
.usercontent a:hover {
  text-decoration: none;
  color: #ff5a00;
}


/* MASTER BOXES */
.commonbox {
  border-width: 6px;
  border-color: #1a1a1a;
  border-style: solid;
  background-color: #000000;
}
.commonbox .evenrow {
  background-color: #000000;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  color: #e5e5e5;
  text-transform: capitalize;
  background-color: #000000;
  border-bottom: 2px solid #1a1a1a;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  background-color: #000000;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #990000;
}
/* CONTROL PANEL: DATA */
.data a {
  color: #4d4d4d;
  text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  color: #4d4d4d;
  text-decoration: ;
}
/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#8a8a8a;
border-color:#000000; 
background-color:#131313; 
}
#controlPanelButtons a:hover { 
border-color:#000000; 
background-color:#d51a1a; 
color:#ffffff; 
}
/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { 
border-width:1px; 
border-color:##ffffff; 
background-color:#000000; 
}

/* FRIENDS NAME BG */
.commonbox .dr { 
background-color:#000000; 
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: #660000;
  border-style: dotted;
}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background: #660000 url(http://img522.imageshack.us/img522/5503/zhdr1xv8.gif) !important;
  text-transform: uppercase;
}

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/anitadesigns/" title="vixenart.net's layouts">vixenart.net's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by vixenart.net on March 10th, 2008 (14:16 GMT).

Other layouts from 'Punk/Goth/Emo' category:

Friendster-Layouts.com

Punk versus Emo

Navigation Links

Browse Layouts

Sponsors