tektek.org > Profile: Kingdom Hearts

Submit New Profile

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Kingdom Hearts

Submitted by Knight Yoshi

Preview Theme

Submitter Notes: Kingdom Hearts, Sora, Gray, Black, White

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;}
/*===Background===*/
body{background: transparent url('') no-repeat top left; background-attachment: fixed;}
html{background: #000 url('http://i195.photobucket.com/albums/z89/bladefire127/Gaia%20Profile/kh4-1.jpg') no-repeat  top left; background-attachment: scroll;}

/*===Very Top Header===*/
#gaia_header {background: transparent;}
#gaia_header #header_left {background: transparent;}
#gaia_header #header_left img {display: none;}
#gaia_header #header_right {background: transparent;}
#gaia_header #header_right img {background: transparent;}
#gaia_header #header_right li img {background: transparent;}
#gaia_header img {filter: alpha(opacity=40); opacity: .4;}
#gaia_header a {margin-top: -7px; font-family: verdana; font-size:10px; color: white!important; border-bottom: none;}
#gaia_header a:hover {border-bottom: 1px dashed black; padding-bottom: 3px;}
/*profile coding by Knight Yoshi. Do not claim as your own/redistribute/alter. !All violators will be reported!*/

/*===Scroll Bar===*/
html, #site{
scrollbar-arrow-color: #CDCDCD;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color: #000000;}

/*===Header===*/
#header {margin: 0px; border-right: 0px; border: none;}
#extendedProfileBody #header h1{background: transparent url() no-repeat; width: 700px; height: 0px; border-width: 4px; border-style: none; border-color: #0000FF; margin-bottom: 10px; margin-left: 50px; margin-top: 20px; }

/*===Cursor===*/
/*Just change the 2nd URL*/
#extendedProfileBody {cursor: crosshair;}
a:link,a:active,a:visited,a:hover {cursor: help;}

/*_Profile_*/
#profile {background: transparent; border: 1px dashed #B3B4B6; position:absolute; top: 30px; left: -105px; height: 178px; width: 450px; overflow: hidden;}
#profile h2 {display: none;}
#profile .avatar {margin-top: 5px; margin-left: -35px;}
#profile .caption {display: none;}
#profile ul.items {display: none;}
#profile {filter: alpha(opacity=40); opacity: .40;}
#profile img {filter: alpha(opacity=50); opacity: 1;}

/*===Profile Hover===*/
#profile:hover {filter: alpha(opacity=90); opacity: .9;}
#profile:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===Status Bar===*/
#bar{background: transparent; margin-top: 10px; margin-left: 20px; width: 50px;}
#bar #onlineButton {display: none;}

#bar #offlineButton {display: none;}

#profile #bar #addButton{background: url(http://public.tektek.org/img/themes/20881/6cyt0dj.gif) no-repeat; width: 30px;
height: 10px;}
#profile #bar #addButton img{filter: alpha(opacity=0);opacity: 0;}
#bar #addButton a, #bar #addButton a:hover {background: transparent;}

#profile #bar #msgButton{background: url(http://public.tektek.org/img/themes/20881/6cwy36g.gif) no-repeat; width: 20px;
height: 15px;}
#profile #bar #msgButton img{filter: alpha(opacity=0);opacity: 0;}
#bar #msgButton a, #bar #msgButton a:hover {background: transparent;}

#profile #bar #tradeButton{background: url(http://public.tektek.org/img/themes/20881/63icebr.gif) no-repeat; width: 20px;
height:13px;}
#profile #bar #tradeButton img{filter: alpha(opacity=0);opacity: 0;}
#bar #tradeButton a, #bar #tradeButton a:hover  {background: transparent;}

#profile #bar #ignoreButton {background: url(http://public.tektek.org/img/themes/20881/4m7ycfl.gif) no-repeat; width: 20px;
height: 10px;}
#profile #bar #ignoreButton img{filter: alpha(opacity=0);opacity:0;}
#bar #ignoreButton a, #bar #ignoreButton a:hover  {background: transparent;}
#profile #bar #ignoreButton {margin-left: 5px;}

/*===Details===*/
#details {background: transparent; border: 1px dashed #B3B4B6; position:absolute; top: 30px; left: 246px; width: 99px; height: 158px; font-family: verdana; color: black; font-size: 10px; font-style: normal; text-align: center; padding-top: 5px; overflow: hidden; overflow-y: hidden;}
#details h2 {display: none;}
#details h2 {display: none}
#details h3,hr,dl{display:none;}
#details dt strong{display:none;}
#details {filter: alpha(opacity=40); opacity: .40;}
#details img {filter: alpha(opacity=50); opacity: 1;}

/*Details Hover*/
#details:hover {filter: alpha(opacity=90); opacity: .9;}
#details:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===CommonFriends===*/
#commonFriends {display: none;}
#commonFriends h2{display: none;}

/*===Wishlist===*/
#wishlist{background: transparent; border: 1px dashed #B3B4B6; position:absolute; top: 30px; left: 60px; width: 160px; height: 54px; font-family: verdana; color: black; font-size: 10px; overflow-y: auto; overflow-x: hidden;}
#wishlist h2{display: none;}
#wishlist {filter: alpha(opacity=40); opacity: .4;}
#wishlist img {filter: alpha(opacity=50); opacity: .5;}

/*Wishlist Hover*/
#wishlist:hover {filter: alpha(opacity=90); opacity: .9;}
#wishlist:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===ABOUT===*/
#about {background: transparent; margin-top: 270px; margin-left:  -335px; width: 450px; height: 220px; border: 1px dashed #B3B4B6; font-size: 10px; color: black; font-family: verdana; font-weight: none; overflow-y: auto; overflow-x: hidden; text-align: left; padding-top: 10px;}
#about h2 {display: none;}
#about .links {display: none;}
#about {filter: alpha(opacity=40); opacity: .40;}
#about img {filter: alpha(opacity=100); opacity: 1;}

/*About Hover*/
#about:hover {filter: alpha(opacity=90); opacity: .9;}
#about:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===FRIENDS===*/
#friends {background: transparent; position:absolute; top: 75px; left: 130px; width: 100px; height: 10px; border: 1px dashed gray; font-size: 10px; color: gray; font-family: verdana; font-weight: bold; padding-top: 10px;}
#friends {overflow: hidden;}
#friends h2 {display: none;}
#find_friends_banner {display:none;}
#friends #friendGroup li{border-right: 0px;}
#friends #friendGroup li{border-left: 0px;}
#friends #friendGroup li img {margin-top: 5px; height: 60px; width: 60px;}

#friends {filter: alpha(opacity=40); opacity: .40;}
#friends img {filter: alpha(opacity=100); opacity: 1;}

/*Friends Hover*/
#friends:hover {filter: alpha(opacity=90); opacity: .9;}
#friends:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===JOURNAL===*/
#journal {display: none;}
#journal h2 {display: none;}

/*===COMMENTS===*/
#comments {background: transparent; position:absolute; width: 100px; height: 15px; left: 130px; top: 115px; border: 1px dashed gray; font-family:verdana; font-size:9px; color: black; overflow-y:hidden; overflow-x: hidden; padding-top: 2px;}
#comments dl dd {font-family:tahoma; font-size:9px; color: #4E9258; margin: 0 0;}
#comments dl dt.avatar img { display:none }
#comments dl dt.avatar2 img { display:none }

#comments dl dd {font-family:tahoma; font-size:9px; color: #4E9258; margin: 0 0;}
#comments .links {font-family:tahoma; font-size:9px; color: #4E9258;text-align:center;}

#comments .caption {font-family:tahoma; font-size:9px; color: #black; background:none; border:none;}

#comments .caption2 {font-family:tahoma; font-size:9px; color: #4E9258; background:none;border:none;}

#comments .message {font-family:tahoma; font-size:9px; color: #black; background:transparent;}
#comments h2{display:none;}

.caption:before { display:none;}
.caption:after { display:none;}

.caption2:before { display:none; }
.caption2:after { display:none; }

#alerts_banner {display: none;}
#comments {filter: alpha(opacity=40); opacity: .4;}
#comments img {filter: alpha(opacity=100); opacity: 1;}

/*Comments Hover*/
#comments:hover {filter: alpha(opacity=90); opacity: .9;}
#comments:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===SIGNATURE===*/
#signature {display: none;}
#signature h2 { display: none;}

/*===Multimedia===*/
#multimedia {background: transparent; border: 1px dashed #B3B4B6;; position:absolute; top: 520px; left: 205px; width: 225px; height: 185px; padding-left: 5px; padding-right: 5px; }
#multimedia h2 {background:  url() top left no-repeat; text-align: center;
font-family: verdana; color: black; font-size: 14px; text-transform: none; font-weight: bold; margin-left: -10px;}
#multimedia embed {width: 225px; height: 185px; margin-top: 10px;}
#multimedia h2 {display: none; text-align: center;}
#multimedia {filter: alpha(opacity=40); opacity: .40;}
#multimedia img {filter: alpha(opacity=100); opacity: 1;}

/*Multimedia Hover*/
#multimedia:hover {filter: alpha(opacity=90); opacity: .9;}
#multimedia:hover img {filter: alpha(opacity=100); opacity: 1;}

/*===OTHER===*/
#site{margin-left: auto; margin-right: auto;}

body {margin-top: 20px; margin-bottom: -5px;}
#content, #header {border: 0px;}
dl#info,dl#stats,#comments dl {display:inline;}

#content{background: transparent; margin: 0px; border: none;}

#content a:link {color: gray; font-size: 10px; font-style: italic; font-weight: normal; text-decoration: none; background-color: transparent;}

#content a:hover {color: gray; font-size: 10px; font-weight: bold; font-style: normal; text-decoration: underline; background-color: none;}

#content a:visited, a:active {background-color: none; color: #000; font-size:10px; font-style: normal; font-weight: normal; text-decoration: none;}
/*HOVER*/
#content a:visited:hover, a:active:hover {background-color: none; color: #000; font-size:10px; font-style: italic; font-weight: bold; text-decoration: none;}

#content{background: transparent; margin-top: -50px; border: none;}
#content, #main, #header {border: none;}

Popular

Sponsor

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