.:: Retro Diner :: Gaia Tools :: Profile Archive ::.

A list of quality GaiaOnline themes and profiles, made by other Gaia users.

You must register in order to submit profiles.

Submitted: 9/10/2007	Retro Diner
	This is a layout made for hip retro people who love colors and retro diners! Set your theme to Custom on your Profile Preferences in order to use this theme. Show Code \| Download Code \| Preview/Edit Code #content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;} #content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;} body {background:transparent url(http://i209.photobucket.com/albums/bb113/I_Love_The_Candyman/rainbows.gif) top left repeat; color: #facfab; height: 1269px;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: 670px;height: 1269px; font-family:century gothic; font-size: 20 px; color: #4839a2; padding-bottom: -150px;} #content {background: transparent url(http://i209.photobucket.com/albums/bb113/I_Love_The_Candyman/retroweb.jpg) no-repeat; height: 1000px; width: 660px; border: solid 7px hotpink;} /PROFILE/ #profile {background: transparent; border: none; position:absolute; width:90px; height:0px; left:0px; top:130px; border:none; font-family:century gothic; font-size:10px; color: orange;} #profile .avatar {background: transparent url(); border:none; position:absolute; left:280px; top:-100px; filter: gray;} /DETAILS/ #details {background: transparent; border:none; position:absolute; width: 0px; height:200px; left:370px; top:60px; border:none; font-family:century gothic; font-size:10px; color: red;} #details #stats dd {border: 0px solid #4839a2; border-top: none; background: transparent; margin-bottom: 0px; padding-left: 0px; text-align: center; width: 130px; color: black;} #details #stats dt {border-bottom: 1px solid hotpink; border-bottom: none; background: white; opacity: .7; url() repeat; background-position: 0px 0px; padding-left: -20px; text-align: center; color: #FF3399; text-transform: uppercase; height: 15px; border-right: 7px solid teal; border-left: 7px solid teal; border-bottom: 2px solid teal; border-top: 2px solid teal;} #details #stats {float: none; width: 130px; margin-left: 0px; margin-top: 0px; position: relative;} /WISHES/ #wishlist {background: transparent; position:absolute; width:400px; height: 50px; left: 130px; top: 360px; border:none; font-family:century gothic; font-size:10px; overflow:auto; overflow-x: hidden;} #wishlist ul.items li img {background: url(http://i160.photobucket.com/albums/t174/t-o-r-i-a/74e8b4cf.gif) no-repeat top; border: 2px solid #CC99FF; filter:gray;} /ABOUT/ #about {background:; position:absolute; width:500px; height:300px; left:100px; top:450px; border:none; font-family:century gothic; font-size:10px; font-weight: normal; color: #4839a2; overflow:auto; overflow-x: hidden;} .section,p,a,strong,span,.message,dd {font-weight:lighter;} /COMMENTS/ #comments {background:white ; opacity: .4; position:absolute; width:200px; height:100px; left:250px; top:250px; border: none 5px #FF9933; font-family:century gothic; font-size:10px; color: #4839a2; overflow:auto; overflow-x: hidden;} #comments dl dd {font-family:century gothic; font-size:10px; color: #66CCFF; margin: 0 0;} #comments .links {font-family:century gothic; font-size:10px; color: #66CCFF;text-align:center;} #comments .caption, #comments .caption2 {background: #fff url() repeat; font-family:century gothic; font-size:10px; color: #66CCFF; border-top: 1px solid #FF3399; border-right: 5px solid #FF3399; border-left: 5px solid #FF3399; border-bottom: 1px solid #FF3399;} #comments .message {font-family:century gothic; font-size:10px; color: #4839a2; background:transparent; font-weight: bold;} /MULTIMEDIA/ #multimedia {background: transparent; border:none; position:absolute; width:0px; height:0px; left:110px; top:750px; border:none;} #multimedia embed {width:200px; height:120px;} #multimedia object{width:200px; height:120px;} /FRIENDS/ #friends { background: url(); position:absolute; width:200px; height:250px; left:425px; top:730px; opacity: .6;border: none 1px #FF3399; font-family:century gothic; font-size:10px; font-weight:bold; color: #4839a2; overflow:auto; overflow-x: auto; text-align:center;} #friends #friendGroup img {filter: gray; align: center; } #friends #friendGroup li { border:none;} #friendGroup li {margin-left: -5px; margin-right: -17px;} /BLUE LINKS/ #about a, #details #info a, #comments a, #friends a, #journal a {color: #4839a2; 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 {color: #4839a2; font: times; text-decoration: bold; font-size: 10px; cursor: crosshair;} #about a:active, #details #info a:active, #friends a:active, #comments a:active, #friends a:active, #journal a:active {color: #4839a2; text-decoration: overline; font-size: 10px;} /NO DISPLAY/ #profile h2, #profile .caption, #profile .items, #journal h2, #details h2, #details #commonFriends, #details h4, #details h3, #details strong, #details hr, #details #info dd, #details #info dt, #details #info, #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, #journal{display: none;} #profile #bar { background: white; position: relative; left: 217px; top: 68px; height: 35px; width: 220px; opacity: .4;} #profile #bar #onlineButton { background: url( http://i138.photobucket.com/albums/q274/buster_ganster/1.gif ) no-repeat; position: relative; left: 5px; top: 5px; height: 35px; width: 60px; opacity: .8;} #profile #bar #offlineButton { background: url( http://i12.photobucket.com/albums/a208/pepsiplease08/offline.jpg ) no-repeat; position: relative; left: 5px; top: 5px; height: 35px; width: 60px; opacity: .8;} #profile #bar #addButton { background: url( http://i165.photobucket.com/albums/u73/iPodAnime/addme.jpg ) no-repeat; position: relative; left: 1px; top: 10px; height: 35px; width: 10px; opacity: .8;} #profile #bar #msgButton { background: url( http://i179.photobucket.com/albums/w313/chriss_bear/msg.png ) no-repeat; position: relative; left: 70px; top: 10px; height: 35px; width: 10px; opacity: .8;} #profile #bar #tradeButton { background: url( http://i181.photobucket.com/albums/x42/Support_Housing-Halton/arrow.gif ) no-repeat; position: relative; left: 100px; top: 10px; height: 35px; width: 10px; opacity: .8;} #profile #bar #ignoreButton { background: url( http://i165.photobucket.com/albums/u73/iPodAnime/ignoreme.jpg ) no-repeat; position: relative; left: 8px; top: 10px; height: 35px; width: 10px; opacity: .8; } #profile #bar #addButton a { background: url( http://i165.photobucket.com/albums/u73/iPodAnime/addme.jpg ) no-repeat; } #profile #bar #msgButton a { background: url( http://i179.photobucket.com/albums/w313/chriss_bear/msg.png ) no-repeat; } #profile #bar #tradeButton a { background: url( http://i181.photobucket.com/albums/x42/Support_Housing-Halton/arrow.gif ) no-repeat; } #profile #bar #ignoreButton a { background: url( http://i165.photobucket.com/albums/u73/iPodAnime/ignoreme.jpg ) no-repeat; } .caption2:after, .caption:after, .caption2:before, .caption:before{background:none;content:url();} To copy : Mouseover, then right-click and copy.
Demo	Public code	xXDinoRoboXx