moonlight.. layout | Friendster-Layouts.com

moonlight..

Layout designer

Rate this layout

» Layout Preview

please log in on friendster..then click —> THIS paste and generate the code HERE and then add this application —> please click here on your profile..paste the generated code in the box where you put your NAME and then click “submit about me” at the bottom of the page then check your profile..thank you..=)

Code for CSS section

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

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


/* PAGE BACKGROUND */
body {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/01/moonlit-night-text2/moonlit-night-text2.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
cursor: url(http://);
scrollbar-face-color: #;
scrollbar-shadow-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-track-color: #;
scrollbar-arrow-color: #;
border-style:double; 
border-top-color: #000000;
border-bottom-color: #;
border-left-color: #;
border-right-color: #;
border-top-width: 55px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
overflow-x: hidden;
}

/* VIXENART.NET - xsabrina.chic */
/* Messaging OFF Image */
.badge {
width: 205px;
background: #f7acbb url(http://img80.imageshack.us/img80/4567/xsabicon16kg2.gif) no-repeat;
background-position: left center;
border: 4px double #ffffff;
padding: 10px 0 10px 50px;
}
.badge img{
display: none;
}
.warning {
width: 100px;
font-size: 11px;
color: #669966;
display: block;
}
/* VIXENART.NET - xsabrina.chic */



/* CURSOR CSS GENERATOR - FRIENDSTER-TWEAKERS.COM */
body { cursor:url(http://),default;
}


}
/* GLOBAL FONTS */
.usercontent {
  font-family: Arial Narrow;
font-size: 12px;
  color: #33ffcc;
  text-transform: none;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  font-family: Arial Narrow;
font-size: 12px;
color: #ffffff;
text-transform: none;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
font-family: kristen ITC;
color: #ffff00;
text-decoration: underline overline;
text-transform: lowercase;}

/* MASTER BOXES */
.commonbox {
background-image: url();
background-position: left center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
width : 475px;
overflow : hidden;
position : relative;
left : 120px !important;
background-position : top left !important ;
background-repeat : no-repeat !important ;
}
.commonbox .evenrow {
background-image: url();
background-position: ;
background-repeat: ;
background-color: transparent;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url();
 background-position: left center;
 background-repeat: no-repeat;
 background-color: transparent;
 font-family: Arial Narrow;
 color: #33ffcc;
 text-transform: none;
 border: # 0px none;
height: 50px!important;
text-align: center;
font-size: 0px !important;

}

/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url();
 background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: top center;
background-color: transparent;
 border-width: 4px;
 border-color: #33ffcc;
 border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 4px;
 border-color: #33ffcc;
 border-style: double;
 background-color: transparent;

}

/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Arial Narrow;
font-size: 12px;
color: #ffffff;
text-transform: none;
}
.controlpanel .data {
  font-family: Arial Narrow;
font-size: 12px;
color: #ffffff;
text-transform: none;
}
.data a {
  font-family: Arial Narrow;
font-size: 12px;
color: #33ffcc;
text-transform: none;
}
a.more {
  font-family: Arial Narrow;
font-size: 12px;
color: #33ffcc;
text-transform: none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif);
background-attachement: fixed;
background-repeat: no-repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
  font-family: Arial Narrow;
font-size: 11px;
color: #ffffff;
text-transform: none;
height: 25px;
width:175px;
margin-left: 10px;
margin-top: 3px;
padding: 0 0 0 0;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;

}

#controlPanelButtons 
a:hover {
background-image: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif);
background-color: transparent;
border-width: 5px;
border-color: #33ffcc;
border-style: groove;
  font-family: papyrus;
font-size: 12px;
color: #ffff00;
text-transform: lowercase;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url();
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif);
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}


/* BOX: MY FRIENDS */
.friends {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

.friends, .fanof, .myfans, .groups {
background-color: transparent !important;
width : 147px !important ;
position: relative !important;
left: 105px !important;}
.commonbox .dr {
background-color : transparent !important;
}


/* BOX: MY VIDEOS */
.videos {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY GROUPS */
.groups {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 1px;
border-color: #ffffff;
border-style: dashed;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: FAN OF */
.fanof {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY FANS */
.myfans {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY REVIEWS */
.reviews {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY BLOGS */
.blogs {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
  font-family: Arial Narrow;
font-size: 12px;
color: #33ffcc;
text-transform: none;
}

/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
  font-family: Arial Narrow;
font-size: 11px;
color: #ffffff;
text-transform: none;
font-weight: normal;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  background: transparent;
border-width: 4px;
border-color: #33ffcc;
border-style: double;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Arial Narrow;
  color: #33ffcc;
font-size: 11px;
  background-color: transparent;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px none #;
margin:-10px 0 0 0;
padding:256px 0 0 0;
background-image: url();
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
position : relative !important ;
top : -24px;
left: 11px;
}

#subnav {display: none !important;}

#mainnav .mainfoldericon {
background: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif;)!important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
#mainnav {
width: 450px !important;
background : transparent !important ;
border : transparent !important ;
position : relative;
left : 350px;
top : -290px;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size : 11px !important ;
color : #ffffff!important ;
background-color : transparent !important ;
text-align : center;
text-decoration : none !important ;
}
#mainnav a:hover {
  color: #ffff00!important;
}
#mainnav ul li ul {
background-color : #000000 !important ;
filter: alpha(opacity=40);
-moz-opacity:0.4;opacity: 0.4; 
}


/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #33ffcc; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #ffffff !important; }

.so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background-color: transparent; background-image: url() !important; background-repeat: no-repeat !important; background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 3px double #33ffcc; width: 220px! important; height: 100%; color: #ffffff!important ; overflow: hidden; font-weight: normal; font-size: 14px; -moz-border-radius: 30px;
  -webkit-border-radius: 25px; }


/* RECENT UPDATE BOX*/
.user_tracker {
color: #ffffff;
background-color: transparent;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 3px;
border-color: #33ffcc;
border-style: double;
font-size: 10px;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;

}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: Arial Narrow;
font-size: 12px;
font-weight: normal !important;
color: #ffffff !important;
text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: papyrus;
font-size: 11px;
font-weight: italic !important;
color: #ffff00 !important;
text-decoration: none !important;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}


#f_logo {
  display: none !important;}

.rtd .viewall a,.reviews .viewall a,.blogs .viewall a {
background:transparent url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif) no-repeat left center;color:#ffffff;padding-left:15px}
#content_2 .viewall,#content_8 .viewall,#content_7 .viewall
{position: relative; left: -20px !important;}
#content_13 .viewall,#content_12 .viewall{text-align:left}
#content_18 .viewall a,#content_1 .viewall a{background:transparent url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif) no-repeat scroll left center;padding-left:15px;}
#content_18 .viewall,#content_1 .viewall,.rtd .viewall {
text-align:center !important
}

.groups .data { display:none; }


ul.entries li { background: url(http://www.layoutshome.com/Images/Cute_Bullets/images/bullet649.gif) no-repeat; padding-left: 15px; margin-right: 100px !important; margin-bottom: 5px;}

#content_0 {margin-top: 0px !important;}
#content_1 {margin-top: 0px !important;}
#content_2 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}
#content_7 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}
#content_8 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}

#content_18 {
height: 100% !important;
overflow: hidden !important;
overflow-x: hidden !important;
scrollbar-3dlight-color : #33ffcc; 
scrollbar-shadow-color : #000000;
scrollbar-face-color: #33ffcc9;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
scrollbar-highlight-color: #33ffcc;
margin-top: 20px !important;
}
#content_18 .data {padding: 20px 0 0px 20px !important;}
#content_18 ul  {
width : 315px !important ;
overflow-x: hidden !important;
background-color: transparent;
border-style: dashed;
border-color: #ffffff;
border-width: 1px !important;
}

#navLang { display : none !important ;}
#banneradrow  { display : none !important ;}
.controlpanel p {display : none !important ;}
#headersearch  {display : none !important ;}
#search  { display : none !important ;}
#search form { display : none !important ;}
#marketing {display : none !important ;}
#content_14 {display : none !important ;}
#subnav {display : none !important ;}
#marketing_bg {display : none !important ;}
#surfer {display : none !important ;}
#navdivider {display : none !important ;}
#content_0 a.more {display : none !important ;}
.banner_ad_fix {display : none !important ;}
#navLink_FindFriends {display : none !important ;}
#secondary_links {display: none;}
.reportabuse {display : none !important ;}
#ads_2_3 {display : none !important ;}
#subnav_search {display : none !important ;}
.secondary_links {display : none !important ;}
#mainnav .left {display : none !important ;}
#content_15 {display : none !important ;}
.dr {border:none;}
.commonbox .editlink {display: none !important;}
#googleAdFactory.fullwidth {position : absolute; top : -5500px;}
#mainnav div div {display: none !important;}
#f_logo {display : none;}


.somsg {
text-align: center; !important;
}
.controlpanel .sol, .minicontrolpanel .sol {
position : absolute;
left : -5px;
top : 8px;
width : 6px;
height : 12px;
background : transparent no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
display : none !important ;
}
.controlpanel .so, .minicontrolpanel .so {
background : url() no-repeat center left transparent;
border-style: none;
font-size : 10px !important;
text-decoration : none;
padding: 20px 0 20px 0 !important;
}

.secondary_links {display: none;}

#footer{
color: transparent;
height: 192px;
padding: 0px 0 0px  0;
background: transparent url() 
no-repeat;
background-position: top left;
position : relative !important ;
left: 37px;
top: 56px !important;
bottom: -20px;
}

#footer a {display:none!important;}

.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 5px 2px 5px;
  overflow: hidden;
border-width: 1px;
border-color: #ffffff;
border-style: dashed;
  text-align: center;
  width: 360px;
  height: auto;
 -moz-border-radius: 30px;
  -webkit-border-radius: 25px; 
}

.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { background-color: transparent; -moz-border-radius:  0 30px 0 30px; text-align:center;
width:360px; height: 75px; overflow: hidden; padding: 2px 2px 2px 2px;}

.publiccomments div div .dtd ul:hover{ background-color: transparent; -moz-border-radius: 30 0px 30 0px; height: 100%; min-height: 75px; height:auto !important; height:75px; }

.data img, .data embed {max-width: 360px;}

/* IMAGE EFFECTS */
img { opacity:0.65;filter:alpha(opacity=75); }
a:hover img { opacity:1;filter:alpha(opacity=100); 

div #mainnav div div { display:none ! important;}

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

/* {--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/misskath57/" title="misskath57's layouts">misskath57's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by misskath57 on January 23rd, 2009 (0:08 GMT).

Other layouts from 'Dark' category:

Friendster-Layouts.com

moonlight..

Navigation Links

Browse Layouts

Sponsors