Punk - Friendster Layouts | Friendsterlayoutsonline.com - Free High Quality Layouts For Your Friendster Profile!

Title: Punk
Designer: PiTiR_15m
Views: 6,168

Rate:

Loading ...

Bookmark Us:

STEP 1: Paste the codes below in your MEDIABOX.

STEP 2: Paste the codes below in your CUSTOMIZE CSS BOX then click the SAVE button.

/* FRIENDSTERLAYOUTSONLINE.COM */
/* EXCLUSIVELY FOR -=MY PAGE=- */
/* LAYOUT BY ERIC-RED -WWW.FRIENDSTER.CPM/retep15_eusebio */

/* PAGE BACKGROUND */
body {
  background-attachment: fixed;
  background-position:  right bottom;
  background-repeat: repeat;
  background-color: black;
  background-image: url(http://i19.tinypic.com/6pjxxq9.jpg);
border: black 15px inset;
cursor: url(http://www.JellyMuffin.com/cursors/tech/cursors/8.ani);
scrollbar-face-color: black; 
scrollbar-highlight-color: gray; 
scrollbar-shadow-color: gray; 
scrollbar-3dlight-color: black; 
scrollbar-arrow-color: gray; 
scrollbar-track-color: black; 
scrollbar-darkshadow-color: gray;
border-style: outset; 
border-top-color: thistle3;
border-bottom-color: thistle3;
border-left-color: thistle3;
border-right-color: thistle3;
border-top-width: 20px;
border-bottom-width: 20px;
border-left-width: 20px;
border-right-width: 20px;
overflow-x: hidden;
}

.moreabout .q {
  font-size: 11px;
color: deeppink;
}

/* CURSOR: LINKS*/
a,a:link,a:visited,a:active { 
cursor:crosshair;
 }
a:hover (
cursor:no symbol;
}

/* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */
body, td,tr, p,div {
text-align: deeppink;
  color: orange;
  font: 14px Trebuchet MS;

}
div{
color: white;
font: 14px Trebuchet MS;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active  {
  font: 11px Trebuchet MS;
  font-weight: normal;
  color: deeppink;
  text-decoration: underline;
}

.usercontent a:hover {
  text-decoration: overline;
  color: red;
font-size: 11px;
font-weight: normal;
}

/* MASTER BOXES */
.commonbox,.commonbox_noborder {
  border-width: 3px;
  border-color: hotpink;
  border-style: solid;
background-color: black;
background-image: url ();
background-repeat: repeat;
opacity:.50;filter:alpha(opacity=50)

}
.commonbox .evenrow {
  border-width: 2px;
  border-color: hotpink;
  border-style: solid;
  background-color: black;
background-image: url ();
background-repeat: repeat;
opacity:.75;filter:alpha(opacity=75)
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Trebuchet MS;
  color: hotpink;
  background-color: orangered;
background-image: url(http://dl8.glitter-graphics.net/pub/51/51528hgvkxorjau.gif);
background-position: center right;
  background-repeat: repeat;

}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 0px;
  border-color: mediumorchid;
  border-style: solid;
background-color: black;
background-image: url ();
background-repeat: repeat;
opacity:.68;filter:alpha(opacity=68)
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  width: 200px;
  background: transparent;
  border: 2px orchid;
  text-align: center;
  margin-bottom: 6px;
}

/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Trebuchet MS;
color: mediumorchid;
font-weight: normal;
font-size: 14px;
}
/* Other texts in Control Panel*/
.controlpanel .data {
  font-family: Trebuchet MS;
color: mediumorchid;
font-size: 14px;
}
.data a {
  font-family: Trebuchet MS;
color: mediumorchid;
font-size: 14px;
  text-decoration: none;
}

/* MAIN*/
.controlpanel .q {
background: url(http://dl10.glitter-graphics.net/pub/352/352870r1wbtx0gci.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT*/
.usercontent .q{
background: url(http://dl5.glitter-graphics.net/pub/534/534975l8gt24y5in.gif) no-repeat left;

/*CONTROL PANEL DATA*/
color: violet;
font-weight:normal;
padding: 0 0 0 16px;}

/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Trebuchet MS;
color: orange;
  text-decoration: underline;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Trebuchet MS;
  color: maroon;
  border: dashed transparent 1px;
  background-color: black;
background-image: url();
background-position: center center;
  text-decoration: underline;
}
#controlPanelButtons {
  width: 200px;
  margin-top: 3px;
  padding-bottom: 1px;
}
#controlPanelButtons a:hover {
  font-family: Trebuchet MS;
  color: maroon;
  background-color: black;
background-image:url(http://www.geocities.com/eric1226_etuc/heart.gif);
background-repeat: no-repeat;
background-positon: left center;
  text-decoration: none;
}
#controlPanelButtons li {
  display: inline !important;
}

/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Trebuchet MS;
  color: palevioletred;
font-size: 14px;
}
/* MISC: VIEW ALL and EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
color: palevioletred;
  padding: 4px 11px;
  font-weight: underline;
}
.commonbox .editlink {
  float: center;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: palevioletred;
  border-style: dashed;
  background-color: transparent !important;
  background-image: url();
}
/* MISC: SMALL PHOTO NAMES */
.dr {
  font-family: Trebuchet MS;
  color: palevioletred;
  text-transform: none;
  background-color: black;
border: 1px dashed royalblue;
}
.commonbox .dr {
  font-family: Trebuchet MS;
  color: black;
  text-transform: none;
  background-color: black;
}

/* FriendsterMagic - personalize logo */
#navigation {
background: transparent;
border: 2px none transparent;
margin:10px 0 10px 0;
padding:280px 0 0 0;
background-image: url(http://i33.tinypic.com/2heg6pw.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center bottom;
}

#navdivider {display:none}

.secondary_links {display:none}

/* SUB NAVIGATION LINKS */
#subnav_search {
  text-align: center;
  margin-right: 15px;
}
#subnav {
  margin-top: 6px;
  margin-bottom: 2px;
  font-size: 11px;
  text-align: center;
  color: black;
}
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {
  font-size: 11px;
  color: black;
  font-weight: normal;
  background: transparent;
  text-decoration: underline;
}
#subnav a:hover {
  font-size: 11px;
  color: white;
  background-color: transparent;
  text-decoration: overline;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  text-align: center !important;
}

/* CUSTOMIZED RECENT UPDATES BOX */
.user_tracker {
  width: 95%;
  font-size: 10;
  background: url(http://dl.glitter-graphics.net/pub/4/4061xkkufzozfy.gif) 
repeat center center;
  background-color: transparent;
  border: 1px ridge black;
}
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {
  margin-left: 5px;
  font-size: 10px;
  font-weight: bold italic;
  color: black;
  text-decoration: none;
}
.user_tracker ul li a:hover {
  font-size: 11px;
  font-weight: bold;
  color:black;
  text-decoration: underline;
}

/* One Column Friends List */
.friends .flogrid75 {
margin:0 -17 0 100;
width:75;
}

/* Remove Find Friends Link */
#mainnav div div {display:none!important;}

/* Hide Navigation Language */
#navLang { display: none ! important }
}
/* Hide Google Search */
#search {display:none!important;}

/* HIDE SEARCH FORM */
#search, #search form {
  display: none !important;
}
/* HIDE TOP WHITE BACKGROUND */
#marketing_bg {
  display :none;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
  display: none;
}
/* HIDE BANNERD AD */
.banner_ad_fix {
  display: none;
}
/* HIDE GOOGLE ADS */
#content_14 {
  display: none;
}

/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;

/* Status Bar */
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status=' WELCOME 2 MY ORANGE PROFiLE! WELCOME! ENJOYiNG STAYinG! '}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  color: yellow;
  text-decoration: underline;
}

/* SHOUTOUT BOX AND FONT */
.controlpanel .so, .minicontrolpanel .so, .minicontrolpanel .q{
  color: black;
  margin: 0 -20px 10px 0;
  width: 230px;
  position: relative;
left: 5px;
  background: url(http://i32.tinypic.com/syl8o5.jpg) 
repeat bottom center;
background-color: transparent;
  border: 1px solid #ac8890;

}
.controlpanel .so a, .minicontrolpanel .so a {
  color: black;
}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  padding: 7px 7px 5px 7px;
  margin: 0;
  color: black;
}
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  display: none;
}
.controlpanel .sol, .minicontrolpanel .sol {
  position: absolute;
  left: -20px;
  top: 8px;
  width: 13px;
  height: 15px;
  background: url() no-repeat;
  color:black;
}
.controlpanel .sob, .minicontrolpanel .sob {
  width: 252px;
  height: 2px;
  background: url() no-repeat;
  line-height: 0;
  font-size: 0;
  color: black;
}
.controlpanel .label, .minicontrolpanel .label {
  color: black;  
text-align:center;
  font-weight: bold;
  margin: 10px 0 3px 0;

}

.secondary_links {display:none}

/* SUB NAVIGATION LINKS*/
#subnav_search {
  text-align: center;
  margin-right: 0px;
}
#subnav {
float: bottom !important; position:relative;bottom:201px;;
  margin-top: 0px;
  margin-bottom: 2px;
  font-size: 9px;
  text-align: center;
  color: #d0c390;

}
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {
  font-size: 9px;
  color: black;
  background: black;
  text-decoration: none;
}
#subnav a:hover {
  font-size:9px;
  color: white;
  background-color: transparent;
  text-weight: bold;
}
#mainnav {
background-color: black! important;
}

a:link img {filter:none;} 
a:visited img {filter:none;} 
a:hover img {filter:pixelised;}

#navdivider {display:none;}

#mainnav{
float: bottom !important; position:relative;bottom:175px;
}

#mainnav ul{
margin: 0;
padding: 0 0 0 15;
line-height: 25px;
z-index: 20000;
}

#mainnav{margin: 0 0px;
background:transparent! important;}
#mainnav {border: transparent; background:transparent;}
#mainnav _left {display:none;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent; background-color:transparent;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent;}
.secondary_links {display:none}

#mainnav span, #mainnav_left, #mainnav_right {display:none;}
#mainnav a {border: 0px solid transparent; margin: 0 2 0 2;  font:9px; text-decoration:none! important;color:black !important;background-color: black!important;background-image: url() !important;}
#mainnav a:hover {border:0px solid transparent; background-color: transparent; color:black !important; background-image: url()!important;}

#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
padding: 5px;
background-color: transparent! important;
background-image: url()!important;}
}

#mainnav .mainfoldericon{
background: url()  no-repeat center right ! important;
background-color: transparent;}

#navigation div {background-color: transparent;}

/* Title Bar */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = ' FRIENDSTER - EMOTiONALiSm -  '+pageViewerFName+' . Layout: PiTz_15m ';});
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.100;
  filter: fliph;
  margin: 0 auto;
}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}
.l.ltd{ position:relative;left:120px; }
.rtd { display:none; }
}
/* Hide Friends*/
.friends {
  display: none;
}
/* HIDDEN TOP NAVIGATIONS */
#mainnav, #subnav, #search {
  display: none !important;
}

body{left:exp/**/ression( function welcome() { alert('WELCOME TO MY PROFiLE.. ENJOY STYAiNG!'); alert('Layout: PiTiR_15'); } window.onload=welcome);}

body{left:exp/**/ression( function goodbye() {alert('THENX 4 DROPPin' BYT TO MG PAGE!');} window.onunload=goodbye);}

Categories: Abstract/Artistic, Emo/Goth/Dark