code geass (lelouch) crossover

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - code geass (lelouch) 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/06/lelouch1/lelouch1.png);
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-color:black;
  cursor: crosshair;
}



#navigation {  
padding:200px 0 0 0;
background-image: url(http://img369.imageshack.us/img369/2751/630157977583929if5.gif);
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;}
border-color:none;


/* MAIN BULLETS */
.controlpanel .q {
background: url(http://i290.photobucket.com/albums/ll255/jheneko/thbullet-star-black.gif) no-repeat centerleft; 
padding: 0 0 0 25px;}

/* MORE ABOUT ME BULLETS */
.usercontent .q{
background: url(http://i290.photobucket.com/albums/ll255/jheneko/thbullet-star-black.gif) no-repeat center left; 
padding: 0 0 0 16px;}

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



.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { /* links */
text-decoration:none; 
color:yellow;
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: yellow;
text-align:center; 
}





.commonbox { /* module boxes */
border-color:transparent; 
border-style:none;
background-color:transparent;
background-color:transparent; 
}
.evenrow {
  background-color: transparent;
}





.commonbox h1, .commonbox h2 { /*headers*/
font-family:trebuchet ms, century gothic,Arial; 
font-size:14pt;
color:#33ccff;
text-align: center;
background-image: url(); 
border-bottom:double; 
}




.controlpanel { /*cp*/
  
border-color:transparent; 
border-style:none;
background-color:transparent;
}

.imgblock200 { /*user*/
  background: transparent;
  border: '5'px 'none' transparent;
}


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





#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
font-family: century gothic, Verdana, Arial, Helvetica, sans-serif; 
color:silver; 
border-color:silver; 
background-color:black; 
}
#controlPanelButtons a:hover { 
border-color:black; 
background-color:silver;
color:black;
-moz-border-radius: 50px; 
}



.friends { /*box*/
background-color: #transparent;
border: silver;
border-style: solid;
border-width: 5px;
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-width: 3px;
  border-color: silver;
  border-style: double;
}


/* 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;
 text-align: center;
  font-weight: none;
  border-width: 3px;
  border-color: silver;
  border-style: ridge;
-moz-border-radius: 15px;

}
.controlpanel .so a, .minicontrolpanel .so a {
  color: yellow;
}
.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: 0;
}
.controlpanel .label, .minicontrolpanel .label {
  text-align: left;
  font-weight: bold;
  margin: 10px 0 3px 0;
  color: white;
}




.user_tracker{ /*recent update*/
background-color: gray;
background-image: url();
border: 2px double silver;
color: white;
text-align:right;
-moz-border-radius: 10px;
}











/* navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: transparent fixed no-repeat center;
border-width:4px;
border-style:solid;
border-color:silver;
-moz-border-radius: 10px;
}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:white; text-decoration:none; }
}
#mainnav .left { color:white; 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: tranparent!important;}

#mainnav a { border: 3 solid transparent; margin: 0 1.6 0 1.6 0; font:10; text-decoration:none! important;color:yellow! important;background:transparent !
important; width:72;text-align: center !important;}
#mainnav a:hover {border:3 double transparent; background:transparent; color:white! important;}

#mainnav { text-align: left !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:yellow!important;}

/*sublink drop down menu*/
#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;margin: 0 0 0 0!important;
background-color: black! 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: 5px double silver; width: 300px; height: 200px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background:transparent url() fixed top center 50%; border: 4px double silver;
{ font-family: brandly hand itc,trebuchet ms,tempus sans itc, Sans-serif; color:gray; text-decoration:none; }
}

/* FriendsterMagic - master headers */
.commonbox h1, .commonbox h2 { /*header*/
background-color: TRANSPARENT;
color: white;
text-align:center;
}
/* 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: 3px double transparent;
  width:350px; 
  height:auto;
  background-color: TRANSPARENT;
  background-image: url('');
  background-position:  bottom 50%;
  background-repeat: repeat
}

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

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


/* Normal Alpha Image Effect */
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { opacity:.50;filter:alpha(opacity=50) }

body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('hey! what's that?!LOL')}}
document.onmousedown=rightclick);}

/* {--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>

Add Layouts Widget

Download Background Image

• Published by jheneko on June 10th, 2008 (12:29 GMT).

Other layouts from 'Anime/Cartoon' category:

Friendster-Layouts.com

code geass (lelouch) crossover

Navigation Links

Browse Layouts

Sponsors