tektek.org > Profile: The City

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: The City

Submitted by Snow4Sale

Preview Theme

Submitter Notes: This profile was meant too capture the retro feeling of the City, in black and white. The circles, the buildings, trees, are all meant too make the retro feel of the profile. All of the photos were tooken in San Diego. Hope you all like it. (Best Viewed in Mozzilla FireFox and IE)

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;}
/*SNOW4SALE@GAIAONLINE*/

body {background: #fff url(http://img68.imageshack.us/img68/7090/thecitybackgroundyq4.png) bottom right no-repeat; font-family:Century Gothic; font-size:12px; color: #000; height: 1000px;margin: 0px;}
#extendedProfileBody #header h1 {display:none; border-right:0px; border:none;}
#header {margin: 0px;  border-right:0px; border:none;}
#gaia_header, #gaia_header * {background-color: transparent !important; color: #FFF;}
#header_left {background : url(http://img153.imageshack.us/img153/5411/littleblacktabtz8.gif) top left no-repeat !important;}
#site {margin-left:auto; margin-right:auto; height: 1000px; width: 600px; font-family:Century Gothic; font-size:12pt; color: #FFFFFF; padding-bottom: -150px;}
#content {background: transparent
url(http://img211.imageshack.us/img211/3111/thecityprofileof9.png) no-repeat; height: 1000px; border: 0px;}

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

/*PROFILE*/
#profile {background: transparent; border:none; position:absolute; width:210px; height:230px; left:-300px; top:-100px; border:none; font-family:Century Gothic; font-size:12px; color: #000;}
#profile .avatar {background: transparent url() border:none; position:absolute; left:320px; top:630px; filter: gray;}

/*DETAILS*/
#details {background: transparent; border:none; position:absolute; width:160px; height:130px; left:1px; top:713px; border: none; font-family:Century Gothic; font-size:10px; color: #FFFFFF;}
#details #stats dd {border: 1px solid #FFFFFF; background: transparent; background-position: 0px 0px; padding-left: 0px; text-align: left; color: #FFFFFF;}
#details #stats dt {border: 0px solid #000; background: transparent; background-position: 0px 0px; padding-left: 0px; text-align: right; color: #FFFFFF;}
#details #stats {float: none; width: 160px; margin-left: 0px; margin-top: 0px; position: relative;}
#detals info {border: 1px solid #FFFFFF; background: transparent; background-position: 0px 0px; padding-left: 0px; text-align: left; color: #FFFFFF;}
#details #info dd {border: 1px solid #FFFFFF; background: transparent; background-position: 0px 0px; padding-left: 0px; text-align: left; color: #FFFFFF;}
#details #info dt {border: 0px solid #FFFFFF; background: transparent; background-position: 0px 0px; padding-left: 0px; text-align: left; color: #FFFFFF;}

/*ABOUT*/
#about {background: transparent; position:absolute; width:350px; height:150px; left:170px; top:545px; border:none; font-family:Century Gothic; font-size:10px; font-weight: normal; color: #FFFFFF; overflow:auto; overflow-x: none;}
.section,p,a,strong,span,.message,dd {font-weight:lighter;}

/*COMMENTS*/
#comments {background:transparent; position:absolute; width:160px; height:147px; left:200px; top:762px; border-bottom:none; border-right:none; border-left:none; font-family:Century Gothic; font-size:10px;  color: #FFFFFF; overflow:auto; overflow-x: hidden;}
#comments dl dd {font-family:Century Gothic; font-size:10px; color: #FFFFFF;  margin: 0 0;}
#comments .links {font-family:Century Gothic; font-size:10px; color: #FFFFFF;text-align:center;}
#comments .caption {font-family:Century Gothic; font-size:10px; color: #FFFFFF; background: transparent; border: 3px dotted #FFFFFF; border-bottom:none; border-right:none; border-left:none;}
#comments .caption2 {font-family:Century Gothic; font-size:10px; color: #FFFFFF; background: transparent; border: 3px dotted #FFFFFF; border-bottom:none; border-right:none; border-left:none;}
#comments .message {font-family:Century Gothic; font-size:10px; color: #FFFFFF; background:transparent;}

/*FRIENDS*/
#friends {background: transparent; position:absolute; width:170px; height:147px; left:377px; top:762px; border:none; font-family:Century Gothic; font-size:12px; font-weight:bold; color: #000; overflow:auto; overflow-x: auto;}
#friends #friendGroup img {filter: gray}
#friends #friendGroup li { border-right: 0px;}

/*MULTIMEDIA*/
#multimedia {background: transparent; position:absolute; width:120px; height:140; left:40px; top:40px; border:0px color: #FFFFFF margin: 10px; padding:0px; z-index:55;}
#multimedia embed, #multimedia object
{height: 120px; width: 140px; autostart:no; loop:no}

/*WISHES*/
#wishlist {background: transparent; border: 0px solid #fff; position:absolute; width:272px; height:40px; left:266px; top:925px; border:none; font-family:Century Gothic; font-size:10px; overflow:auto; overflow-x: hidden;}
 #wishlist ul.items li img{ filter: gray; border: 1px dotted #000;}

/*LINKS*/
#about a, #details #info a, #comments a, #friends a, #journal a, #signature a, {color: #FFFFFF; text-decoration: bold; font: times; font-size: 10px;}
#about a:hover, #details #info a:hover, #friends a:hover, #comments a:hover, #friends a:hover, #journal a:hover, #signature a:hover {color: #000; font: Century Gothic; text-decoration: bold; font-size: 11px; cursor: crosshair;}
#about a:active, #details #info a:active, #friends a:active, #comments a:active, #friends a:active, #journal a:active, #signature a:active {color: #000; text-decoration: overline; font-size: 12px;}

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

/*BAR*/
#profile #bar {background: none; display: block}
#bar #addButton a:hover, #bar #msgButton a:hover, #bar #tradeButton a:hover, #bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;}

#bar #onlineButton {background: transparent url(http://img230.imageshack.us/img230/8333/thecityonlinexj8.png) no-repeat; text-indent: -4000px; position: absolute; top: 504px; left: 308px; width:100px; height:100px;}
#bar #offlineButton {background: transparent url(http://img232.imageshack.us/img232/2341/thecityofflinepa1.png) no-repeat; text-indent: -4000px; position: absolute; top: 504px; left:308px; width:100px; height:100px;}

#bar #addButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: 500px; left: 425px; width:100px; height:100px;}
#bar #addButton a {background: transparent url() -22px -90px no-repeat; width:100px; height:100px;}
#bar #ignoreButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top:500px; left: 540px; width:100px; height:100px;}
#bar #ignoreButton a {background: transparent url() -22px -90px no-repeat; width:100px; height:100px;}
#bar #msgButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: 500px; left: 657px; width:100px; height:100px;}
#bar #msgButton a {background: transparent url() -22px -90px no-repeat; width:100px; height:100px;}
#bar #tradeButton {background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: 500px; left: 770px; width:100px; height:100px;}
#bar #tradeButton a {background: transparent url() -22px -90px no-repeat; width:100px; height:100px;}

.caption2:after, .caption:after, .caption2:before, .caption:before{background:none;content:url("");}

Popular

Sponsor

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