tektek.org > Profile: Futuristic

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Futuristic

Submitted by PANIC. ITS. GRACE.

Submitter Notes: Many (male) users on Gaia have asked me to make a theme that is "less feminine". Hopefully they enjoy something futuristic-like. The design of this theme took over 12 hours... So here's another work of mine, enjoy!

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;}
/*THEME BY PANIC. ITS. GRACE. @ GAIAONLINE.COM*/

/*DO NOT EDIT AND DISTRIBUTE, USE AS A TEMPLATE, OR CLAIM AS YOUR OWN, ETC.*/

#gaia_header #header_left, #gaia_header #header_right {
background: transparent; }

body {background: #f4f4f4 url() top left repeat; font-family:tahoma; font-size:10px; color: #facfab; height: 1200px;margin: 0px;}
#extendedProfileBody #header h1 {display:none; border-right:0px; border:none;}
#header {margin: 0px;  border-right:0px; border:none;}
#site {margin-left:auto; margin-right:auto; width: 735px; height: 1200px; font-family:tahoma; font-size:10pt; color: #000; padding-bottom: -150px;}

html {
scrollbar-arrow-color: #363636;
scrollbar-track-color: #d3d943;
scrollbar-face-color: #d3d943;
scrollbar-highlight-color: #363636;
scrollbar-3dlight-color: #d3d943;
scrollbar-darkshadow-color: #363636;
scrollbar-shadow-color: #d3d943;}

#content
{background: transparent url(http://public.tektek.org/img/themes/22791/bg.gif) no-repeat; height: 1180px; border: 0px;}

/*PROFILE*/
#profile {background: transparent; border:none; position:absolute; width: 210px; height:230px; left:0px; top:130px; border:none; font-family:tahoma; font-size:10px; color: #000;}
#profile .avatar {background: transparent url(); border:none; position:absolute; left:380px; top:5px; filter: gray;}

/*DETAILS*/ 
#details {background: transparent; border:none; position:absolute; width: 0px; height:200px; left:536px; top:205px; border:none; font-family:tahoma; font-size:10px; color: #000;}
#details #stats dd, #details #info dd {font-size: 8px; text-transform: uppercase; border: 0px solid #000; border-top: none; background: #f4f4f4; margin-bottom: 0px; padding-left: 0px; text-align: right; width: 143px; color: #000;}
#details #stats dt, #details #info dt {font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #000; border-bottom: none; background: transparent url() no-repeat; background-position: 0px 0px; padding-left: -20px; text-align: left; color: #000;}
#details #stats {float: none; width: 140px; margin-left: 0px; margin-top: 0px; position: relative;}
#details #info {border: 0px solid #000; border-top: none; background: transparent; margin-bottom: 0px; padding-left: 0px;position:absolute; width:140px; height:100px; left:10px; top:95px;}

/*WISHES*/
#wishlist {background: transparent; position:absolute; width:220px; height:160px; left: 6px; top: 1000px; border:none; font-family:tahoma; font-size:10px; overflow:auto; overflow-x: hidden;}
#wishlist ul.items li img {border: 1px solid #000; filter:gray; margin-left: 6px;}

/*JOURNAL*/
#journal {background: transparent; position:absolute; width:205px; height:160px; left: 490px; top: 1010px; border:none; font-family:tahoma; font-size:10px; overflow:auto; overflow-x: hidden; color:#fff;}
#journal .links {text-align:center;}

/*ABOUT*/
#about {background: transparent; position:absolute; width:215px; height:360px; left:16px; top:525px; border:none; font-family:tahoma; font-size:10px; font-weight: normal; color: #fff; overflow:auto; overflow-x: hidden;}
#about .links{text-align: center;}
   
.section,p,a,strong,span,.message,dd {font-weight:lighter;}

/*COMMENTS*/
#comments {background:transparent; position:absolute; width:205px; height:360px; left:490px; top:525px; border:none; font-family:tahoma; font-size:10px; color: #000; overflow:auto; overflow-x: hidden;}

#comments dl dd {font-size:10px; color: #000; margin: 0 0; text-align: center; line-height:16px;}
#comments .links, #comments p {text-align: center;}

#comments .caption, #comments .caption2 {font-size:10px; background: #f4f4f4; border: 0px; color:#000; width: 205px; border-top: 5px solid #d3d943; border-right: none; border-left: none; border-bottom: 5px solid #d3d943; text-align:justify;}

.caption:before, .caption:after, .caption2:before, .caption2:after  { display: none; } 
.caption .message, .caption2 .message {width: 175px; background: transparent; text-align:justify;}

#comments .message {font-family: Tahoma; font-size:10px;background: transparent;  line-height:10px;}

/*MULTIMEDIA*/
#multimedia {background: transparent; border:none; position:absolute; width:0px; height:0px; left:258px; top:1010px; border:none; font-family:tahoma; font-size:10px; color: #000;}
#multimedia embed, #multimedia object {width:220px; height:170px;}

/*FRIENDS*/
#friends {background: transparent; position:absolute; width:218px; height:360px; left: 253px; top:525px; border:none; font-family:tahoma; font-size:10px; font-weight:bold; color: #fff; overflow:auto; overflow-x: auto; text-align:center;}
#friends #friendGroup img {filter: gray;}
#friends #friendGroup li { border:none;}
#friendGroup li {margin-right:-10px;}

/*SCROLLBARS*/
#about, #comments, #wishlist, #friends, #journal{
scrollbar-arrow-color: #d8e512;
scrollbar-track-color: #b8b8b8;
scrollbar-face-color: #b8b8b8;
scrollbar-highlight-color: #b8b8b8;
scrollbar-3dlight-color: #b8b8b8;
scrollbar-darkshadow-color: #b8b8b8;
scrollbar-shadow-color: #b8b8b8;}

/*BLACK LINKS*/
#about a, #details #info a, #comments a, #friends a, #journal a, #gaia_header #header_left a, #gaia_header #header_right a {color:#000; font-weight:bold; font-size:7px;font-family: tahoma; text-transform:uppercase; cursor:default; border-bottom:0px; text-decoration:none;}
#about a:hover, #details #info a:hover, #friends a:hover, #comments a:hover, #friends a:hover, #journal a:hover, #gaia_header #header_left a:hover, #gaia_header #header_right a:hover{color: #d8e512; font-weight: bold; text-decoration: none; background-color:transparent; cursor:default;font-size:7px;  text-transform:uppercase; font-family: tahoma; cursor: hand;}
#about a:active, #details #info a:active, #friends a:active, #comments a:active, #friends a:active, #journal a:active {color: #000; text-decoration: overline; font-size: 10px; font-weight: bold;}

/*NO DISPLAY*/
#profile h2, #profile .caption, #profile .items, #journal h2, #details h2, #details #commonFriends, #details h4, #details h3, #details strong, #details hr, #corp, #comments dl dt.avatar2 img, #comments dl dt.avatar img, #about h2, #wishlist h2, #comments h2, #multimedia h2, #friends h2, #signature, #signature h2, #bar #hiddenButton {display: none;}

/*BAR*/
#profile #bar{background: transparent; display: block}
#bar #onlineButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: -100px; left: 183px; width:96px; height:76px;}
#bar #offlineButton {background: transparent url(http://public.tektek.org/img/themes/22791/offlinepo4.jpg) no-repeat; text-indent: -4000px; position: absolute; top: -100px; left: 183px; width:96px; height:76px;}

#bar #msgButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top:-100px; left: 285px; width:98px; height:76px;}
#bar #msgButton a {background: transparent url() no-repeat; width:98px; height:56px;}

#bar #tradeButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top:-100px; left: 391px; width:98px; height:76px;}
#bar #tradeButton a {background: transparent url() no-repeat; width:98px; height:56px;}

#bar #addButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top:-100px; left: 497px; width:98px; height:76px;}
#bar #addButton a {background: transparent url() no-repeat; width:98px; height:56px;}

#bar #ignoreButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top:-100px; left: 603px; width:98px; height:76px;}
#bar #ignoreButton a {background: transparent url() no-repeat; width:98px; height:56px;}

Popular

Sponsor

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