Demoria | Free quality layout designs for Gaia and websites

Theme:Classic

/*Layout from Demoria.net */

/* Background */
body {margin: 10px 0px 0px 0px; background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/ff13bg.gif) 10px 25px repeat-x  #1D1D1D; font-size: 10px;}

#header {background: none; border-right: 0px;}
#content { background: none; border: 0px;}
#content #main {border: 0px;}
#profile .avatar {margin: -20px 0 0 0;}
#profile h2 {background: none; font-size: 25px; color: #FFF;  font-weight: normal; margin: -470px 0px 0px 80px; height: auto;}
#profile .caption {display: none;}
#profile .caption .message {display: none;}

/* Banner */
#extendedProfileBody #header h1 { width: 771px; height: 492px; background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/ff13-1.jpg); 0px 100px; border: none; margin: 0px 0px 0px -10px;}
#main {border-left: none;}
#profile {background: transparent; border: none;}
table {background: transparent;}

/* Comments */
#comments { background: none;  position: absolute; top: 365px; left: 97px; width: 585px; overflow-x: hidden; overflow-y: auto; height: 90px; color: #3E576D;}
#comments dl dd {color: #3D555B; margin: 0 0;}
#comments .caption {background: url() top left no-repeat #101618; border: 2px solid #243338; color: #3D555B;}
#comments .caption2 {background: url() top right no-repeat #12181C; border: 2px solid #2A3A46; color: #486378;}
#comments .message {color: #3D555B; background:transparent;}
.caption2:after, .caption:after, .caption2:before, .caption:before{background:none;content:url("");}
#comments img {display: none;}
#comments h2 {  display: none;}

/* Links */
a:link, a:visited  {color: #7C445E; border-bottom: 1px dotted #FFF; text-decoration: none;}
a:hover {color: #B0105B; border-bottom: 1px solid #FFF; text-decoration: none;}
b {color: #FF3599;}

/* About */
#about {background: none;  position: absolute; top: 103px; left: 448px; width: 233px; overflow-x: hidden; overflow-y: auto; height: 215px; font-size: 10px; color: #3E576D; text-align: justify;}
#about h2 { background: #FECED3 url(http://img507.imageshack.us/img507/9103/birdaboutti2.gif) top left no-repeat; display: none;}

/* Friends */
#friends {display: none;}
#friends h2 { display: none;}
#friends #friendGroup li {border-right: 0px;}

/* Details */
#details {display: none;}
#details h2 { display: none;}
#details dt {display: none;}
#details h3 {display: none;}

/* Wishlist */
#wishlist {display: none;}
#wishlist h2 {display: none;}

/* Journal */
#journal {display: none; }
#journal h2 {display: none;}

/* Multimedia */
#multimedia {display: none; }
#multimedia h2 {display: none;}
#multimedia embed, #multimedia object  {display: none;}

#about span {color: #FFF;}
hr {display: none;}
div {font-size: 10px;}

/* Links */
#bar #onlineButton { display: none; }
#bar #offlineButton { display: none; }
#bar #hiddenButton { display: none; }
#bar {background: transparent; position: absolute; top: 5px; left: 435px; float: left; width: 500px;}

#profile #bar #onlineButton { background: url( image URL goes here ) no-repeat; }
#profile #bar #offlineButton { background: url( image URL goes here ) no-repeat; }
#profile #bar #hiddenButton { background: url( image URL goes here ) no-repeat; }
#profile #bar #addButton { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/friend-1.gif) no-repeat; width: 64px; }
#profile #bar #msgButton { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/message-1.gif) no-repeat; width: 72px;}
#profile #bar #tradeButton { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/trade-1.gif) no-repeat; width: 61px; }
#profile #bar #ignoreButton { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/ignore-1.gif) no-repeat; width: 57px; }

#profile #bar #addButton a { background: none; width: 82px; display: block;}
#profile #bar #addButton a:hover { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/friendh.gif); width: 64px; }
#profile #bar #msgButton a { background: none; width: 72px; display: block; }
#profile #bar #msgButton a:hover { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/messageh.gif); width: 72px; }
#profile #bar #tradeButton a { background: none; width: 61px; display: block; }
#profile #bar #tradeButton a:hover { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/tradeh.gif); width: 61px; display: block; }
#profile #bar #ignoreButton a { background: none; width: 57px; display: block;}
#profile #bar #ignoreButton a:hover { background: url(http://i135.photobucket.com/albums/q143/Rawrasaurous/layouts/ignoreh.gif);; width: 57px; display: block;}
#signature { display: none; }
#signature h2 { display: none; }
#profile ul.items { display: none; }
#profile .avatar {display: none; }

/* Top menu */
#gaia_header *{color: #FFF; background: #404040!important; border-bottom: 1px solid #404040; padding-top: 2px;} 
#gaia_header img{filter: alpha(opacity=50); opacity: .2;}
#gaia_header a {color:#FFFFFF!important; border-bottom:0px solid #2a73dd;}

#profile a {border-bottom: none;  float: left;}

/*Layout from Demoria.net */

How to apply the layout

Copy the given code.
Sign into Gaia Online.
Go to the Profile theme page and paste the code into the "Theme Override" section.
Make sure the theme is the right one (specified above) in the drop down menu above the "Theme Override" section.
Press "Save all changes" and your new layout is up!

How to apply the layout

Designs

Free layouts for your use

Tutorials

Learn something new

Brushes

Brushes for various uses

Site

Concerning Demoria