Welcome to Gaia! :: View User's Journal | Gaia Journals

From now on, out of my own bordom, I will do Custom Profile Layouts, and post the code here for all to use, depending on what is on my head depends on which one I do for that week or day, or whenever I'm bored to do one. Also, you may leave comments and suggestions on what you might like, and I'll think about getting to it. Today's free layout is from Naruto. It's for you Garra Lover's. Enjoy.




/* www.GaiaCentral.com */
/* Free Gaia online Resources */

#site{margin-left: auto; margin-right: auto;}

body {margin-bottom: -5px;}

body{background: url(http://s228.photobucket.com/albums/ee156/gaiacentral/tag.gif) bottom left no-repeat fixed;}
html{background: #000000 url(http://i257.photobucket.com/albums/hh212/siryu23/Garra.jpg) repeat top center; background-attachment: scroll;}
#content{background: none; margin: 0px; border: none;}

#gaia_header *{color: #000000; background: #000000!important;}
#gaia_header img{filter: alpha(opacity=50); opacity: .2;}
#gaia_header {border-bottom:1px solid #000000;}
#gaia_header a {font-family: 'Times New Roman', Times, serif; font-size:10px; color:#993300!important; border-bottom:1px solid #000000;}

html, #site{
scrollbar-arrow-color: #993300;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color: #000000;}


a{font-family: Arial; font-size: 10px; color: #993300; font-weight: bold; text-decoration: none;}
a:link, a:visited{font-family: 'Times New Roman', Times, serif; font-size: 10px; color: #993300; font-weight: bold;}
a:hover{font-family: 'Times New Roman', Times, serif; color: #993300; font-weight: none; font-size: 10px; text-decoration: underline;}
img {max-width: 400px;}

#header {margin: 0px; border-right: 0px; border: none;}
#extendedProfileBody #header h1{background: url(http://i43.photobucket.com/albums/e386/gaara8132000/garra.jpg); width: 420px; height: 100px; border-width: 4px; border-style: double; border-color: #990000; margin-bottom: 10px; margin-left: 352px; margin-top: 50px; }
#profile, #wishlist,#details{background: #000000; border: 4px double #990000; margin-top: -126px; margin-bottom: 150px; margin-left: 30px; width: 220px; font-family: 'Times New Roman', Times, serif; color: #993300; font-size: 10px;}
#profile h2, #wishlist h2, #details h2{background: #000000; width: 240px; border: 0px; text-align: center; font-family: 'Times New Roman', Times, serif; color: #993300; font-size:10px; text-transform: none; font-weight: none; margin-top:5px;}
#about, #signature, #comments,#friends,#journal{background: #000000; border: 4px double #990000; margin-bottom: 20px; margin-left: 117px; width: 400px; color: #993300; font-family: 'Times New Roman', Times, serif; font-size: 10px; font-weight: none; padding-left: 5px; padding-right: 5px;}
#about h2, #signature h2, #comments h2,#friends h2,#journal h2{background: #000000; border-bottom: 0px double #990000; text-align: center; font-family: 'Times New Roman', Times, serif; color: #993300; font-size: 10px; text-transform: none; font-weight: none; margin-left: 0px; max-width: 400px;}

.caption, .caption2{background: #000000; border-width: 4px; border-style: double; border-color: #990000; font-family: 'Times New Roman', Times, serif; font-size: 10px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; overflow: hidden; overflow-x: auto;}
.caption:before, .caption2:before{content: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif); background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top right no-repeat;}
.caption:after, .caption2:after{content: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif);background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) bottom right no-repeat;}
.caption .message{background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top left no-repeat; font-family: 'Times New Roman', Times, serif; font-size: 10px; font-weight: none;}
.caption2 .message{background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top right no-repeat; font-family: 'Times New Roman', Times, serif; font-size: 10px; font-weight: none;}

#bar{background: transparent;}
#bar #onlineButton {background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonOnline.gif) no-repeat;}
#bar #offlineButton {background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonOffline.gif) no-repeat;}
#bar #hiddenButton {background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonHidden.gif) no-repeat;}
#profile #bar #addButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #addButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonAdd.gif) no-repeat;}
#profile #bar #addButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonAdd.gif) no-repeat;}
#profile #bar #msgButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #msgButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonMessage.gif) no-repeat;}
#profile #bar #msgButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonMessage.gif) no-repeat;}
#profile #bar #tradeButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #tradeButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonTrade.gif) no-repeat;}
#profile #bar #tradeButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonTrade.gif) no-repeat;}
#profile #bar #ignoreButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #ignoreButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonIgnore.gif) no-repeat;}
#profile #bar #ignoreButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonIgnore.gif) no-repeat;}

/* Multimedia */
#multimedia {background: #000000; border: 4px double #990000; margin-bottom: 20px; margin-left: 134px; width: 360px; height: 320px; padding-left: 5px; padding-right: 5px; }
#multimedia h2 {background: url() top left no-repeat; text-align: center;
font-family: Arial; color: #993300; font-size: 14px; text-transform: none; font-weight: bold; margin-left: -10px;}
#multimedia embed {width: 360px; height: 288px;}
#friends #friendGroup li{border-right: 0px;}
#friends #friendGroup li{border-left: 0px;}