tektek.org > Profile: Why So Serious?

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Why So Serious?

Submitted by Sabaku no Heeromai

Preview Theme

Submitter Notes: This is a custom profile I created with the theme of The Joker from the Dark Knight. I didn't use any of the older Joker pictures, so that's why I'm indicating which Joker he is (because there's so many x.x;). Note, this is the first time I've coded a Gaia profile. I've done regular web design before, but because i'm not familiar with Gaia's setup, it doesn't have all the cool little gadgets you would sometimes see. Hope you enjoy it!

Install Profile Theme

Rate Profile

Profile Code

Designed for a CUSTOM setting on CLASSIC / OLD SCHOOL profile

Copy this CSS code into your Theme Override box:

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#extendedProfileBody #header h1
{
background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/joker_header-1.jpg);
border:none;
border: 1px dashed #00CC00;
} 
#header {position: relative; border-right: 0px;}
#extendedProfileBody{cursor: crosshair;}

a:link,a:active,a:visited,a:hover {cursor: crosshair}
BODY{ 
background: #000000 url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/HAHAgreen.jpg) fixed center center no-repeat;
width: 760px;
margin: 0 auto;
cursor: move;
}
#content
{
border: #00CC00;
background: transparent;
}
#content #main{
padding-left: 10px;
}
.section {
font: 10px Verdana;
font-weight:bold
background-color: #000000;
background: url('');
border: 1px dashed #00CC00;
padding-top: 10px;
}
.section h2{
color: #ffffff;
font-size: 14px;
text-indent: -3000px; }
#wishlist,#about,#friends,#comments,#journal,#multimedia,#details,#profile,#signature{background: #000000 url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/content_background.jpg)}
#about,#friends,#comments,#multimedia,#signature,#journal{
width: 480px;
}
body 
{ 
font-family: Verdana; 
font-size: 10pt; 
color: #ffffff 
}

#profile{
background-color:#000000;
url('')
}
#profile h2
{
background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_avatar.jpg) top left no-repeat;
height: 50px;
text indent: -3000px;
}
#profile
{
  color: #ffffff;
}
#profile .avatar  
{ 
filter:progid:DXImageTransform.Microsoft.Glow(Color=#660099,Strength=10); 
    width: 120px; 
}

#details h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_details.jpg) top left no-repeat;
    text-indent: -3000px;
	height: 50px;
}

#about h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_about.jpg) top left no-repeat;
    text-indent: 700px;
	height: 50px;
}

#friends #friendGroup li{border-right:0px;}
#friends h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_friends.jpg) top left no-repeat;
    text-indent: 700px;
	height: 50px;
}
#friends #friendGroup li img 
{ 
filter:progid:DXImageTransform.Microsoft.Glow(Color=#CC3300,Strength=10); 
    width: 96px; 
}

#wishlist h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_wishlist.jpg) top left no-repeat;
    text-indent: -3000px;
	height: 50px;
}

#comments h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_comments.jpg) top left no-repeat;
font color: #ffffff;
    text-indent: 700px;
	height: 50px;
}

.caption { background: transparent url(); 
border: 1px dashed #00CC00; color: #ffffff; } 
.caption:before { content: url(); 
background: url() top right no-repeat; 
} 
.caption:after { content: url(); 
background: url( image URL goes here ) bottom right no-repeat; } 
.caption .message { background: url() top left no-repeat; }

.caption2 { background: transparent url(); 
border: 1px dashed #00CC00; color: #ffffff; } 
.caption2:before { content: url(); 
background: url() top right no-repeat; } 
.caption2:after { content: url(); 
background: url() bottom right no-repeat; } 
.caption2 .message { background: url() top right no-repeat; }

#comments dl dt.avatar img 
{ 
background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/comment_bg.jpg) no-repeat; 
} 
#comments dl dt.avatar2 img 
{ 
background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/comment_bg.jpg) no-repeat; 
}

#journal h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_journal.jpg) top left no-repeat;
    text-indent: 700px;
	height: 50px;
}

#multimedia h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_multi.jpg) top left no-repeat;
    text-indent: 700px;
	height: 50px;
}

#signature h2
{
    background: url(http://i43.photobucket.com/albums/e375/KaizDarkAngel06/header_signature.jpg) top left no-repeat;
    text-indent: 700px;
	height: 50px;
}

}
a:link,a:active,a:visited,a:hover {
font: 10px Verdana;
font-weight: bold; 
cursor: move;
}

a:link { color: #660099; font-weight: bold; text-decoration: none} 
a:visited { color: #990000; font-weight: bold; text-decoration: none} 
a:active { color: #ffffff; font-weight: bold; text-decoration: underline overline} 
a:hover { color: #00CC00; font-weight: bold; text-decoration: line-through filter:blur(add="0",direction="90",strength="7"); height:0;}

html {
scrollbar-3dlight-color: #660099;
scrollbar-shadow-color:#000000;
scrollbar-face-color:#000000;
scrollbar-darkshadow-color: #660099;
scrollbar-track-color: #660099;
scrollbar-arrow-color#660099;
scrollbar-highlight-color: #00CC00;}

#gaiaLogo { border: 0px; color: #00CC00; font-size: 11px; }

#footer { display: none; }

#footer { background: #660099 url() right no-repeat;color: #660099; }

#corp { color: #00CC00; font-size: 10pt; text-decoration: none; }

Popular

Sponsor

About tektek.org Contact Us Advertise on tektek.org Terms of Service