tektek.org > Profile: Radar

Submit New Profile

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Radar

Submitted by kEr0

Preview Theme

Submitter Notes: A ppurple and pink profile based on a spontaneous idea. FF and IE compatible.

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;}
#site{margin-left: auto; margin-right: auto;}

PROFILE MADE BY KER0
If you're goint to use it as a base, please give credit.

body, html {background: black url(http://img297.imageshack.us/img297/6779/backfade3zn9.png);}

#content {width: 785px; background: white url(http://img211.imageshack.us/img211/3209/raderv3mf9.png); height: 1200px; border-left: 8px solid #d9d9d9; border-right: 8px solid #d9d9d9;}

#friends li {margin-left: -20px; margin-top: -22px;}
#friends a {position: absolute; }
#friends {height: auto; width: 118px; top: 35px; overflow: hidden; background: transparent; left: 640px; position: absolute;}
#friends .links {display: none;}
#friends p {display: none;}
#friends li a:hover {background:url(http://img45.imageshack.us/img45/4151/friendswhitene5.png) 95px;}
#friends li a {background:url(http://img45.imageshack.us/img45/4151/friendswhitene5.png) 190px;}
#friends #friendGroup li{border-right:0px;}
#friends h2 {display: none;}
#friends {display: none;}

#comments {left: 55px; top: 925px; height: 260px; width: 670px; background: transparent; overflow: hidden; overflow-x:hidden; position: absolute; color: #9F45DB; text-align: center; *margin-top: -75px;}
#comments h2 {display: none;}
#comments .links a {top: 81px; background: transparent; left: 10px; height: 50px; width: 60px; position: absolute; text-indent: -5000px; z-index: 3 !important; *backgrounnd: green;}
#comments li+li a {background: white; margin-top: 66px;}
#comments .avatar, #comments .avatar2 {display: none;}
#comments .caption, #comments .caption2 {width: 550px; margin-left: 100px; margin-top: 10px; padding-bottom: 10px; border: 2px solid black; background: #F0F0F0; opacity: .9; filter: alpha(opacity=80) !important;}
#comments .caption p, #comments .caption2 p {display: block; text-align: center; background: url(http://img520.imageshack.us/img520/7427/commentsname2bc9.png) center no-repeat; margin-top: 10px; padding: 1px; width: 458px; height: 15px; padding-bottom:5px;}
#comments p {display: none;}
.date {background: black; position: absolute; left: 5000px;}
#comments a {color: white; text-decoration: none; font-weight: bold;}

#profile {position: absolute; width: 600px; left: 30px; height: 300px; background: transparent url(http://img151.imageshack.us/img151/4579/radar250pxjn8.gif) 256px -11px no-repeat;}
#profile .items {display: none;}
#profile h2 {top: 242px; left: 90px; position: absolute; width: 566px; background: transparent; color: #7D7D7D;}
#profile .avatar {position: absolute; top: 670px; left: -5px; border-right: 5px double #CC1E73;}
#profile #bar {position: absolute; background: transparent;}
#profile #bar #offlineButton, #profile #bar #hiddenButton { width: 100px; height: 83px; background: transparent url(http://img254.imageshack.us/img254/8529/offlineik3.png) center; top: 95px; left: -23px; position: absolute;}
#profile #bar #onlineButton {width: 100px; height: 83px; background: transparent; top: 95px; left: -23px; position: absolute;}
#profile #bar #msgButton a {width: 100px; height: 70px; text-indent: -5000px; position: absolute; background: transparent; top: 0px; left: 70px;}
#profile #bar #addButton a {width: 100px; height: 70px; text-indent: -5000px; position: absolute; background: transparent; top: 0px; left: 535px;}
#profile #bar #tradeButton a {width: 100px; height: 70px; text-indent: -5000px; position: absolute; background: transparent; top: 90px; left: 620px;}
#profile #bar #ignoreButton {display: none;}
#profile .caption {display: none;}

#about {position: absolute; width: 670px; left: 60px; height: 255px; top: 335px; background: transparent; color: white; *margin-top: -125px; overflow: hidden; *overflow: auto; *overflow-x: hidden;}
#about:hover {overflow: auto; overflow-x: hidden;}
#about .links {text-align: center; width: 560px; font-variant: small-caps; margin-left: 20px; font-weight: bold; letter-spacing: 5px;}
#about .links a { color: #CC1E73; opacity: .8;}
#about .links a:hover {opacity: 1;}
#about .links li+li a {margin-left: 15px;}
#about a { text-decoration: none;}
#about a:hover {color: #DF3182;}
#about h2 {display: none;}

#details dl a, #details dt strong, #details h3 {display: none;}
#details hr {border: none; *display: none;}
#details #commonFriends {display: none;}
#details {position: absolute; top: 670px; left: 150px; width: 110px; background: transparent; padding: 10px; text-align: center; height: 155px; overflow: hidden;}
#details dt {background: #8305BD; width: 120px; text-align: center; margin-left: -8px; color: white; border-left: 3px solid pink;}
#details dd {padding-bottom: 2px; padding-top: 2px;}
#details h2 {display: none;}
#details #info {display: none;}
#details #info a {display: block; width: 120px; text-decoration: none; color: #E85199; font-weight: bold;}
#details #info dd {width: 130px; margin-left: -10px;}

#multimedia {top: 684px; left: 525px; position: absolute; width: 223px; height: 182px; background: transparent;}
#multimedia embed {width: 225px; margin-left: -1px; height: 191px; margin-top: -34px;}
#multimedia h2 {display: none;}

#gaia_header a {text-decoration: none; color: #d9d9d9 !important; font-weight: bold; letter-spacing: 2px;}
#gaia_header #header_right, #gaia_header #header_left {color: #DF3182; background: black;}
#gaia_header {background: black;}
#gaia_header img {border-right: 5px double #D83F93; border-left: 5px double #D83F93;}
#gaia_header #header_left img {padding-left: 7px; padding-right: 7px;}

#wishlist, #journal, #signature {display: none;}
#extendedProfileBody #header h1 {width: 805px; background: black; height: 25px; border-left: 8px solid #d9d9d9; border-right: 8px solid #d9d9d9; margin-top: -2px;}

.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}
.caption .message, .caption2 .message{background: transparent;}

/*IE FIXES*/
*:first-child+html #about {top: 490px;}
*:first-child+html #multimedia embed {margin-top: -8px;}
*:first-child+html #comments {top: 1030px;}
*:first-child+html #comments .links a {background: white; opacity: .0; -moz-opacity: .0; filter:alpha(opacity=0);}
#about {_top: 510px;}
#multimedia embed {_margin-top: 15px;}
#comments {_top: 1050px;}
#comments .links a {_background: yellow; _opacity: .5; _filter:alpha(opacity=50); *margin-top: 0px; *margin-left: -10px; *text-indent: 0px; *width: 50px; *display: block;}
#comments .links a {*position: relative !important; *margin: 15px; *filter:alpha(opacity=0);}
#comments .links {*position: relative; *margin-left: -615px; *margin-top: -15px;}
#comments dl {*margin-top: -125px;}
#main {border: none !important;}

#alerts_banner {display: none;}

#about {filter:chroma(color=#aaaaaa)
scrollbar-base-color: #aaaaaa;
scrollbar-arrow-color: #8305BD;
scrollbar-3dlight-color: #aaaaaa;
scrollbar-darkshadow-color: #aaaaaa;
scrollbar-face-color: #aaaaaa;
scrollbar-highlight-color: #aaaaaa;
scrollbar-shadow-color: #aaaaaa;
scrollbar-track-color: #aaaaaa;}

#comments .links {_width: 50px; _height: 50px; _background: transparent !important; _text-indent: 0px !important; filter: alpha(opacity=50) !important; _position: relative;}

#multimedia {border-top: 5px double #CC1E73;}

Popular

Sponsor

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