gaara crossover layout | Friendster-Layouts.com

gaara crossover

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - gaara crossover

Code for CSS section

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

body { /* page background */
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/05/gaara/gaara.png);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: nw-resize;
}



#navigation {  
padding:280px 0 0 0;
background-image: url(http://img520.imageshack.us/img520/1197/610349826478388da2.gif);
background-repeat: no-repeat;
background-position: top right;
background-color: transparent;}
border-color:none;


body {
scrollbar-face-color: black;
scrollbar-highlight-color: gray;
scrollbar-shadow-color: silver;
scrollbar-3dlight-color: silver;
scrollbar-arrow-color: black;
scrollbar-track-color: #cccccc;
scrollbar-darkshadow-color: gray;
}



.usercontent { /* fonts */
font-family: trebuchet ms, century gothic, Arial; 
color: #996633; 
text-align:center;
}



.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { /* links */
text-decoration:none; 
color:red;
text-align:center; 
}
.data a, a.more, .commonbox .viewall { 
font-family:trebuchet ms, century gothic,Arial; 
color: teal; 
text-align:center; 
} 
.usercontent a:hover { 
text-decoration:blink; 
color: black;
text-align:center; 
}





.commonbox { /* module boxes */
border-width:5px;
border-color:#996633; 
border-style:solid; 
background-color:transparent;
background-attachment: scroll;
background-repeat:repeat;
background-image: url(http://i282.photobucket.com/albums/kk244/jheneko3/back.png);
filter:alpha(opacity=0); -moz-opacity:0.85; opacity:0.85; -khtml-opacity:0.85;
-moz-border-radius: 10px;}
.evenrow {
  background-color: transparent;
background-image: url(http://i282.photobucket.com/albums/kk244/jheneko3/back.png);
filter:alpha(opacity=0); -moz-opacity:0.85; opacity:0.85; -khtml-opacity:0.85;
-moz-border-radius: 10px;}





.commonbox h1, .commonbox h2 { /*headers*/
font-family:trebuchet ms, century gothic,Arial; 
color: #996633; 
font-size:14pt;
text-align: center;
background-attachment: scroll;
background-repeat:repeat;
background-image: url(http://i282.photobucket.com/albums/kk244/jheneko3/back.png); 
border-bottom:solid; 
-moz-border-radius: 10px;}




.controlpanel { /*cp*/
border-width:5px;
border-color:#996633; 
border-style:solid; 
  background-color: transparent;
background-attachment: scroll;
background-repeat:repeat;
 background-image: url(http://i282.photobucket.com/albums/kk244/jheneko3/back.png);
filter:alpha(opacity=0); -moz-opacity:0.85; opacity:0.85; -khtml-opacity:0.85;
-moz-border-radius: 10px;}

.imgblock200 { /*user*/
  background: transparent;
  border: '6'px 'double' #996633;
}


/* CONTROL PANEL: DATA */
.data, .controlpanel .q { 
color: #996633; 
text-align:center; 
}





#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
font-family: century gothic, Verdana, Arial, Helvetica, sans-serif; 
color:#996633; 
border-color:#996633; 
background-color:#ffcc99; 
}
#controlPanelButtons a:hover { 
border-color:#996633; 
background-color:#996633;
color:#ffcc99; 
}



.friends { /*box*/
background-color: transparent;
border: #996633;
border-style: double;
border-width: 6px;
margin-left:0; margin-right:0; margin-top:-10px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:18px; padding-bottom:400px
}

.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:75px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}




.commonbox .imgblock75, .ir { /*small photos*/

border-color:#996633; 
border: '5'px 'inset' '#996633'; 
}


/* MISC: SMALL PHOTO NAMES */
.dr {
  text-align: center;
  background: transparent;
  padding: 3px 0;
  border-top: none;
  white-space: nowrap;
text-align:center; 
}



.controlpanel .so, .minicontrolpanel .so { /*shoutout*/
  margin: 0 -20px 10px 0;
  width: 257px;
  position: relative;
  background: transparent;
  color: white;
  font-weight: bold;
  border: '6'px 'double' #996633;
  text-align: center;
}
.controlpanel .so a, .minicontrolpanel .so a {
  color: teal;
}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  padding: 7px 7px 5px 7px;
  margin: 0;
}
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  display: none;
}
.controlpanel .sol, .minicontrolpanel .sol {
  position: absolute;
  left: -5px;
  top: 8px;
  width: 5px;
  height: 11px;
  background: url() no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
  width: 257px;
  height: 2px;
  background: url() no-repeat;
  line-height: 0;
  font-size: 12px;
}
.controlpanel .label, .minicontrolpanel .label {
  text-align: left;
  font-weight: bold;
  margin: 10px 0 3px 0;
  color: red;
}




.user_tracker{ /*recent update*/
background-color: transparent;
background-image: url();
border: 4px double silver;
color: #996633;
text-align:left; 
}

#mainnav{ position:relative;left:150px!important;width:490px; }

/* navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:6px;
font-weight:normal;
background: transparent fixed no-repeat center;}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#996633; text-decoration:none; }
}
#mainnav .left { color:silver; text-decoration:none; }
#mainnav .right { display:none; }
#navdivider {display:none;background:transparent;}



#subnav {display:none!important;}
#content_15 {display:none!important;}
.secondary_links {display:none!important} 
#navLang { display: none ! important }
#search form { display : none !important; }
#marketing {display:none!important;}
#logo {display:none!important;}
#content_14 {display:none!important;}
#marketing_bg {display:none!important;}
#navdivider {display:none!important;}
#content_14 {display:none!important;}



#6 {overflow: auto; width: 490px; overflow-y: hidden;}
#10 {overflow: auto; width: 490px; overflow-y: hidden;}
#18 {overflow: auto; width: 490px; overflow-y: hidden;}
.friends {display:none!important;}


#mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;}
#mainnav span, #mainnav_left, #mainnav_right
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: transparent!important;}

#mainnav a { border: 6 solid transparent; margin: 0 1.6 0 1.6 0; font:10; text-decoration:none! important;color:#996633! important;background:transparent! background-color: transparent! important;
background-image: url()!important;}

important; width:72;text-align: center !important;}
#mainnav a:hover {border:6 double transparent; background:transparent; color:brown! important;}

#mainnav { text-align:  center !important; margin-bottom: 0px !important;}
.primary_links { margin-left: 0px !important; width: 900px !important;} 

.secondary_links {display:none}


/*treemenu*/

#mainnav .mainfoldericon{
background: url()! important;background-attachment: fixed;
background-repeat: repeat!important;
background-position: top center;
background-color: transparent!important;color:#996633!important;}

/* SUBLINK DROP-DOWN MENU */
#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
background-color: #ffcc99! important;
background-image: url()!important;}
}


/* Hide Group updates */
#content_8 .data {display:none!important;}
}

/* FriendsterMagic - scrolling testimonial boxes */
.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 6px double #996633; width: 300px; height: 200px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background:black url('http://i306.photobucket.com/albums/nn243/jheneko1/black-stripes.gif') fixed top center 50%; border: 6px double #996633;
{ font-family: brandly hand itc,trebuchet ms,tempus sans itc, Sans-serif; color:#996633; text-decoration:none; }
}

/* FriendsterMagic - master headers */
.commonbox h1, .commonbox h2 { /*header*/
background-color: TRANSPARENT;
color: #996633;
}
/* MOREABOUT SCROLLINGBOX */
#content_6 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 3px;
  overflow: auto;
  border: 6px double #996633;
  width:350px; 
  height: 350px;
  background-color: TRANSPARENT;
  background-image: url('');
  background-position:  bottom 50%;
  background-repeat: repeat;
}

/* Fan Of */
.fanof {display:none!important;}

/* Groups */
.groups {display:none!important;}


td, tr {
  direction: rtl;
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook, #cpShoutoutBox, .controlpanel .q, .controlpanel .data, .user_tracker, p {
  direction: ltr;
}
#meettrail, .friends, .myfans, .fanof, .groups {
  direction: ltr !important;
}
#navigation {
  direction: ltr;}

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

Download Background Image

• Published by jheneko on May 28th, 2008 (7:25 GMT).

Other layouts from 'Anime/Cartoon' category:

Friendster-Layouts.com

gaara crossover

Navigation Links

Browse Layouts

Sponsors