tektek.org > Profile: Gaia Theater

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Gaia Theater

Submitted by LeslieMarie

Submitter Notes: EDIT: fixed the scrollbar arrow color for IE (even though the comment box is off in IE!!) Inspired by the featured profile on gaia. But instead of using flash, using your media. lol. Your media will covor up the are that says "media" so if you don't like whats there, no worrys, you wont see it. =) Took me forever to figure out the coding. x.X BUT I will be making a version two of it, probably in a few months.. Enjoy! Best viewed in Firefox with a 1024x768 Resolution!

Install Profile Theme

More In This Category
More From This Submitter

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

body {background: #fff url(http://public.tektek.org/img/themes/20710/bg2-1.jpg);}

#content {background: url(http://public.tektek.org/img/themes/20710/bg.gif) no-repeat; width: 780px; height: 1545px; border: 0}

/*BAR*/
#bar {background: transparent; position: absolute;}

#bar #onlineButton {background: transparent url(http://public.tektek.org/img/themes/20710/online.gif); width: 129px; height: 121px; top: -322px; left: -9px; position:relative;}

#bar #offlineButton, #bar #hiddenButton {background: transparent url(http://public.tektek.org/img/themes/20710/offline.gif); width: 129px; height: 121px; top: -322px; margin-left: -7px; position:relative;}

#bar #addButton {background: transparent url(http://public.tektek.org/img/themes/20710/friends.gif); text-indent: -5000px; width: 180px; height: 121px; top: -317px; left: 166px; position: absolute;}
#bar #addButton a, #bar #addButton a:hover  {width: 180px; height: 121px; background: transparent;}

#bar #msgButton {background: transparent url(http://public.tektek.org/img/themes/20710/message.gif); text-indent: -5000px; width: 161px; height: 121px; top: -319px; left: 402px; position: absolute;}
#bar #msgButton a, #bar #msgButton a:hover  {width: 161px; height: 121px; background: transparent;}

#bar #tradeButton {background: transparent url(http://public.tektek.org/img/themes/20710/trade4.gif); text-indent: -5000px; width: 157px; height: 121px; top: -317px; left: 611px; position: absolute;}
#bar #tradeButton a, #bar #tradeButton a:hover  {width: 157px; height: 121px; background:transparent;}

#bar #ignoreButton, #bar #ignoreButton a {background: transparent; text-indent: -5000px;}

/*PROFILE*/
#profile { margin-top: 541px; margin left: 10px; background: transparent;}
#profile h2 {font-size: 0;}
#profile .avatar { top: 305px; left: 458px;}

/*ABOUT*/
#about {margin-top: 541px; margin-left: -182px; height: 172px; width: 680px; position:absolute; overflow:scroll; overflow-x:hidden; overflow-y:auto; background: transparent;}
#about h2 {background: transparent; height: 0px; font-size: 0;}

/*DETAILS*/
#details {background: transparent; height: 215px; width: 281px; margin-top: 150px; margin-left: 405px; letter-spacing: 3px; position:absolute;}
#details h2 {height: 2px;}
.section{font-weight: lighter;}
#details #stats {text-align: left; left: -200px; color: #B19561;}
#details #info {display:none;}
#details h3, hr, dl{display:none;}
dl#info, dl#stats, #comments dl{ display:inline; }

/*FRIENDS*/
#friends {background: transparent; position: absolute; margin-top: 818px; margin-left: -152px; overflow:scroll; overflow-x:hidden; overflow-y:auto; height: 220px; width: 285px; position:absolute;}
#friends h2 {font-size: 0; height: 2px;}
#friends #friendGroup li{border-right:0px;}

/*COMMENTS*/
#comments { width: 680px; height: 171px; top: 1300px; margin-left:-183px; background: invisible; overflow:scroll; overflow-x:hidden; overflow-y:auto; position:absolute; color: grapefruit;}
#comments h2 {font-size:0; height: 2px;}
.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}
.caption .message, .caption2 .message{background: transparent;}
#comments .caption, #comments .caption2 {background: #000000; opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=65);}

/*JOURNAL*/
#journal {background: transparent; height: 215px; width: 281px; margin-top: 1117px; margin-left: 223px; overflow:scroll; overflow-x:hidden; overflow-y:auto; position:absolute;}
#journal h2 {font-size:0; height: 2px; text-indent: -5000px;}

/*WHISHLIS*/
#wishlist {background: transparent; height: 30px; width: 680px; MARGIN-top: 445px; margin-left: 45px; overflow:scroll; overflow-x:hidden; overflow-y:auto; position:absolute;}
#wishlist h2 {font-size:0; height: 2px; }

/*MULTIMEDIA*/
#multimedia {margin-left:0px; margin-top:0px; position:absolute; background: transparent;}
#multimedia embed{height:242px; width:323px;}

#signature, #profile .caption, #commonFriends, #profile ul.items, #extendedProfileBody #header h1, #signature h2, #multimedia h2, #journal  {display:none}

/*GENERAL*/
a:link, a:visited {color: #B19561;}
a:hover {color: #B19561;}
.section {color: #B19561; border: 0; filter:chroma(color=#aaaaaa);
scrollbar-base-color: #aaaaaa;
scrollbar-arrow-color: #B19561;
scrollbar-3dlight-color: #aaaaaa;
scrollbar-darkshadow-color: #aaaaaa;
scrollbar-face-color: #aaaaaa;
scrollbar-highlight-color: #aaaaaa;
scrollbar-shadow-color: #aaaaaa;
scrollbar-track-color: #aaaaaa;}
h2 {display:none;}

Popular

Sponsor

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