Here are a few layouts I made because I was bored. sweatdrop
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Alphonse Elric:
/* 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://i19.photobucket.com/albums/b156/coleart2/emoalright.jpg) no-repeat bottom left; background-attachment: fixed;}
#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: 'Courier New', Courier, monospace; font-size:12px; color:#99CCFF!important; border-bottom:1px solid #000000;}
html, #site{
scrollbar-arrow-color: #FFFFFF;
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: 12px; color: #99CCFF; font-weight: bold; text-decoration: none;}
a:link, a:visited{font-family: 'Courier New', Courier, monospace; font-size: 12px; color: #99CCFF; font-weight: bold;}
a:hover{font-family: 'Courier New', Courier, monospace; color: #CC0000; font-weight: none; font-size: 12px; text-decoration: underline;}
img {max-width: 400px;}
#header {margin: 0px; border-right: 0px; border: none;}
#extendedProfileBody #header h1{background: url(http://i19.photobucket.com/albums/b156/coleart2/Alphonse.png); width: 420px; height: 100px; border-width: 4px; border-style: double; border-color: #FFFFFF; margin-bottom: 10px; margin-left: 352px; margin-top: 50px; }
#profile, #wishlist,#details{background: #000000; border: 4px double #FFFFFF; margin-top: -126px; margin-bottom: 150px; margin-left: 30px; width: 220px; font-family: 'Courier New', Courier, monospace; color: #FFFFFF; font-size: 12px;}
#profile h2, #wishlist h2, #details h2{background: #000000; width: 240px; border: 0px; text-align: center; font-family: 'Courier New', Courier, monospace; color: #CCCC00; font-size:12px; text-transform: none; font-weight: none; margin-top:5px;}
#about, #signature, #comments,#friends,#journal{background: #000000; border: 4px double #FFFFFF; margin-bottom: 20px; margin-left: 117px; width: 400px; color: #FFFFFF; font-family: 'Courier New', Courier, monospace; font-size: 12px; 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 #FFFFFF; text-align: center; font-family: 'Courier New', Courier, monospace; color: #CCCC00; font-size: 12px; text-transform: none; font-weight: none; margin-left: 0px; max-width: 400px;}
.caption, .caption2{background: #000000; border-width: 4px; border-style: double; border-color: #FFFFFF; font-family: 'Courier New', Courier, monospace; font-size: 12px; 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: 'Courier New', Courier, monospace; font-size: 12px; font-weight: none;}
.caption2 .message{background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top right no-repeat; font-family: 'Courier New', Courier, monospace; font-size: 12px; 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 #FFFFFF; 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: #CCCC00; 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;}
View User's Journal
MY JOURNAL
 |
~Edo_fullmetal~
