welcome

gone with the wind

This is Moonflame Designs, a small portfolio of a website that I, Presea, created back in October of 2005. Within this design portfolio are different types of graphics, big and small, which I like to call experiments. What can I say? Paint Shop Pro and Photoshop are pretty handy; you just have to make your rounds. I have tested all sorts of styles on layouts, signs, signatures.. You name it, I have probably tried it. However, this is a portfolio, so I only put up what I like best. Notwithstanding, all visitors are welcome to use my designs as they are created to be used. Welcome onlookers to your webapage, dress your Gaia profile with something nice; whatever you like! And, if you ever have a suggestion, send me an e-mail. I like to try new things because, let's face it, HTML, CSS, design.. it's all one big sand box. You just have to keep digging and building. One day, you will have built the sand castle of your dreams. I hope you enjoy! ♥

gaia profiles

strut your stuff

Are you the victim of a default profile? Well sir and or madam, that nightmare is of the past..

Terms of Use

DO NOT take the coding. You may refer to it for a specific code, but do not take the entire set of codes without permission.
DO NOT remove the watermark.
DO NOT redistribute these layouts.
DO NOT crop the header in order to make other graphics.

In order for these layouts to function properly, make sure that under "Preferences," you have chosen a classic profile and under "Profile Theme," your theme is set to custom. Paste the given code in the Theme Override box under the section "Profile Theme."

Profile ID: 03
Name: Moonlight
Best Viewed In: Mozilla Firefox
Uploaded: July 02, 2009

Code:

#extendedProfileBody #header, #content { border-right: 0px; } #extendedProfileBody #header h1{ background: #040b17 url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/moonlight-head.png) top left no-repeat; width: 790px; height: 590px;} body {background: #040b17 url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/moonlight-bg2.png) top left repeat-y;} #site{ width: 760px; position: relative;} /* CONTENT */ #content{ padding: 0px; background:transparent;} #content #sidebar{ position: absolute; width: 185px; left: 435px; top: 480px; background: #transparent;} #content #main{ position: absolute; margin-left: 0px; width: 370px; left: 8px; top: 400px; min-height: 500px; height: 500px; border-left: 0px solid ######;} #content > #main{ height: auto;} /* SECTION */ .section{ padding: 0px 0px 0px 0px; font-size: 7pt; font-family: georgia; color: #92aab3;} .section h2{ font-size: 15px; margin: 0 -10px 0 -10px; height: 25px; margin-bottom: 10px; line-height: 25px; text-indent: -5000px; /* PHARK */} .section .clear{ clear: both;} .section .head{ width: 48px; height: 48px;} .section .torso{ width: 96px; height: 96px;} .section .body{ width: 120px; height: 150px;} .section .items li{ display: inline;} .section .items li img{ width: 30px; height: 30px;} .section .online{ background: url(/images/profiles/v1/classic/status_online.gif) top left no-repeat;} .section .offline{ background: url(/images/profiles/v1/classic/status_offline.gif) top left no-repeat;} .section .hidden{ background: url(/images/profiles/v1/classic/status_hidden.gif) top left no-repeat;} .section .links{ margin-bottom: 10px;} .section .links li{ display: inline;} .section .date{ text-align: right; font-size: 7pt; font-family: georgia; font-weight: normal; font-style: italic; margin: 0 0 3px 3px;} /* ACCOUNT */ form{ margin: 0 150px;} textarea{ width: 100%; height: 100px;} .textfield{ width: 100%;} label{ font-weight: bold;} fieldset{ margin-bottom: 10px;} #account ul li{ display: inline;} /* Common Friends */ #commonFriends p {font-weight: normal;} #commonFriends ul {font-size: 7pt; font-family: georgia; color: #3c5981; margin-bottom: 10px;} #commonFriends ul li {display: inline;} /* PROFILE BAR */ #bar {display: block; height: 22px; margin-left: 12px; background: url(/images/profiles/v1/classic/action_bar_frontcap.gif) top left no-repeat} #bar li {float: center;} #bar #onlineButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaonline.png); text-indent: -5000px; height: 20px;} #bar #offlineButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaoffline.png); text-indent: -5000px; height: 20px;} #bar #hiddenButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaoffline.png); text-indent: -5000px; height: 20px;} #bar #addButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaadd.png); height: 20px;} #bar #msgButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiamessage2.png); height: 20px;} #bar #tradeButton {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiatrade2.png); height: 20px;} #bar #ignoreButton {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaignore.png); height: 20px;} #bar a {display: block; height: 0; padding-top: 22px; color: #000; overflow: hidden;} * html #bar a:link, * html #bar a:visited {height: 22px; height: 0;} /* Add hover images here :-) */ #bar #addButton a {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaaddhov.png) -22px -90px no-repeat;} #bar #msgButton a {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiamessagehov2.png) -22px -90px no-repeat;} #bar #tradeButton a {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiatradehov2.png) -22px -90px no-repeat;} #bar #ignoreButton a {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/mlgaiaignorehov.png) -22px -90px no-repeat;} #bar #addButton a:hover {background-position: 0 0; z-index: 50;} #bar #msgButton a:hover {background-position: 0 0; z-index: 50;} #bar #tradeButton a:hover {background-position: 0 0; z-index: 50;} #bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;} * html #bar a:hover {height: 22px; height: 0;} /*LINKS*/ a:link{ color:#566a2b; font-family: georgia; letter-spacing: 0px; font-size: 7pt; text-decoration: none;} a:visited{ color:#566a2b; font-family: georgia; letter-spacing: 0px; font-size: 7pt; text-decoration: none;} a:active{ color:#566a2b; font-family: georgia; letter-spacing: 0px; font-size: 7pt; text-decoration: none;} a:hover{ border-bottom: #edecf8 1px dotted; color:#566a2b; font-family: georgia; letter-spacing: 0px; font-size: 7pt; text-decoration: none;} /* PROFILE */ #profile{ background: #131925; position: relative;} #profile h2{ background: #transparent; color: #667ab9; text-align: center; font-size: 20px; font-weight: normal; font-style: italic; /* UN-PHARK */ text-indent: 0;} #profile .avatar{ position: relative; display: none;} #profile .items{ display: none;} #profile .caption{ position: absolute; top: 70px; left: 110px; width: 105px;} #profile .status{background: url(/images/profiles/v1/classic/action_bar_frontcap.gif) top left no-repeat; margin-left: 10px;} /* DETAILS */ #details { background: #transparent url() top left repeat-x; } #details h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3c5981; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #details #info { width: 150px; float: left; margin: 0 0 10px 10px; } #details #stats { float: left; width: 150px; margin: 0 0 10px 10px; } /* WISHLIST */ #wishlist { background: #transparent url() top left repeat-x; } #wishlist h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3c5981; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #wishlist .questing { background: url(/images/profiles/v1/classic/wishlist_questing.gif) top right no-repeat; } #wishlist .bought { background: url(/images/profiles/v1/classic/wishlist_bought.gif) top right no-repeat; } #wishlist .donated { background: url(/images/profiles/v1/classic/wishlist_donated.gif) top right no-repeat; } /* ABOUT */ #about{background: #transparent url() top left repeat-x;} #about h2{ border-color: #ffffff; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: transparent; font-family: georgia; font-size: 20pt; font-weight: normal; color: #3f6a68 letter-spacing: -3px; text-align: left; text-transform: lowercase;} /* FRIENDS */ #friends{background: #transparent url() top left repeat-x;} #friends h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3f6a68; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #friends #friendGroup { margin-top: 10px; } #friends #friendGroup li { border: none; } #friends #friendGroup li { float: left; width: 110px; height: 130px; text-align: center; border-right: 0px solid ######; } #friends #friendGroup li img { width: 96px; height: 96px; } /* JOURNAL */ #journal {background: #transparent url() top left repeat-x;} #journal h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3f6a68; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* MULTIMEDIA */ #multimedia {background: #transparent; url() top left repeat-x;} #multimedia h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3f6a68; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* COMMENTS */ #comments {background: #transparent url() top left repeat-x;} #comments h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3f6a68; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #comments .message { background-image: none; } #comments .caption { border: solid 0px; border-color: ######; background: #131925; font-family: georgia; width: 350px; font-size: 7pt;} .admin{ display:none;} #comments .caption2 { border: solid 0px; border-color: ######; background: #131925; font-family: georgia; width: 350px; font-size: 7pt;} #comments dl {padding-bottom: 90px;} #comments dl dt {position: relative; padding-top: 10px;} #comments dl dt.avatar img {display: none;} #comments dl dt.avatar2 div {display: none;} #comments dl dt.avatar2 img {display: none;} #comments dl dd {margin: 0 20px 0 20px;} #comments .delete {margin-top: 10px; text-align: right;} #comments #pagination li {display: inline;} #comments .admin li {text-align: right;} #comments form{margin:0px;} #comments fieldset{padding:10px;} /* SIGNATURE */ #signature {background: #transparent url() top left repeat-x;} #signature h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 15pt; font-weight: normal; color: #3f6a68; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #signature p {text-align: center;}

Profile ID: 02
Name: Deadly Flower
Best Viewed In: Internet Explorer
Uploaded: September 27, 2008

Code:

#extendedProfileBody #header, #content { border-right: 0px; } #extendedProfileBody #header h1{ background: #17414d url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/deadlyflower2.png) top left no-repeat; width: 660px; height: 460px;} body {background: #103540 url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/deadlyflowerbg3.png) top left repeat-y;} #site{ width: 660px; position: relative;} /* CONTENT */ #content{ padding: 0px; background:transparent;} #content #sidebar{ position: absolute; width: 160px; left: 375px; top: 25px; background: #transparent; color: #2c5f64;} #content #main{ position: absolute; margin-left: 0px; width: 350px; left: 8px; top: 350px; min-height: 500px; height: 500px; border-left: 0px solid ######; color: #3daec7;} #content > #main{ height: auto;} /* SECTION */ .section{ padding: 0px 0px 0px 0px; font-size: 7pt; font-family: georgia;} .section h2{ font-size: 15px; margin: 0 -10px 0 -10px; height: 25px; margin-bottom: 10px; line-height: 25px; text-indent: -5000px; /* PHARK */} .section .clear{ clear: both;} .section .head{ width: 48px; height: 48px;} .section .torso{ width: 96px; height: 96px;} .section .body{ width: 120px; height: 150px;} .section .items li{ display: inline;} .section .items li img{ width: 30px; height: 30px;} .section .online{ background: url(/images/profiles/v1/classic/status_online.gif) top left no-repeat;} .section .offline{ background: url(/images/profiles/v1/classic/status_offline.gif) top left no-repeat;} .section .hidden{ background: url(/images/profiles/v1/classic/status_hidden.gif) top left no-repeat;} .section .links{ margin-bottom: 10px;} .section .links li{ display: inline;} .section .date{ text-align: right; font-size: 7pt; font-family: georgia; font-weight: normal; font-style: italic; margin: 0 0 3px 3px;} /* ACCOUNT */ form{ margin: 0 150px;} textarea{ width: 100%; height: 100px;} .textfield{ width: 100%;} label{ font-weight: bold;} fieldset{ margin-bottom: 10px;} #account ul li{ display: inline;} /* Common Friends */ #commonFriends p {font-weight: normal;} #commonFriends ul {font-size: 7pt; font-family: georgia; color: #2c5f64; margin-bottom: 10px;} #commonFriends ul li {display: inline;} /* PROFILE BAR */ #bar {display: block; height: 22px; margin-left: 12px; background: url(/images/profiles/v1/classic/action_bar_frontcap.gif) top left no-repeat} #bar li {float: center;} #bar #onlineButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaonline2.png); text-indent: -5000px; height: 20px;} #bar #offlineButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaoffline2.png); text-indent: -5000px; height: 20px;} #bar #hiddenButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaoffline2.png); text-indent: -5000px; height: 20px;} #bar #addButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaadd.png); height: 20px;} #bar #msgButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiamessage.png); height: 20px;} #bar #tradeButton {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiatrade.png); height: 20px;} #bar #ignoreButton {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaignore.png); height: 20px;} #bar a {display: block; height: 0; padding-top: 22px; color: #000; overflow: hidden;} * html #bar a:link, * html #bar a:visited {height: 22px; height: 0;} /* Add hover images here :-) */ #bar #addButton a {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaaddhov.png) -22px -90px no-repeat;} #bar #msgButton a {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiamessagehov.png) -22px -90px no-repeat;} #bar #tradeButton a {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiatradehov.png) -22px -90px no-repeat;} #bar #ignoreButton a {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/dfgaiaignorehov.png) -22px -90px no-repeat;} #bar #addButton a:hover {background-position: 0 0; z-index: 50;} #bar #msgButton a:hover {background-position: 0 0; z-index: 50;} #bar #tradeButton a:hover {background-position: 0 0; z-index: 50;} #bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;} * html #bar a:hover {height: 22px; height: 0;} /*LINKS*/ a:link{ color:#2a8481; font-family: gerogia; letter-spacing: 1px; font-size: 7pt; text-decoration: none;} a:visited{ color:#2a8481; font-family: georgia; letter-spacing: 1px; font-size: 7pt; text-decoration: none;} a:active{ color:#2a8481; font-family: georgia; letter-spacing: 1px; font-size: 7pt; text-decoration: none;} a:hover{ color:#2a8481; font-family: georgia; border-bottom: #3fc9ce 1px dotted; letter-spacing: 1px; font-size: 7pt; text-decoration: none;} /* PROFILE */ #profile{ background: #386c95; position: relative;} #profile h2{ background: #transparent; color: #274d50; text-align: center; font-size: 20px; font-weight: normal; font-style: italic; /* UN-PHARK */ text-indent: 0;} #profile .avatar{ position: relative; display: none;} #profile .items{ display: none;} #profile .caption{ position: absolute; top: 70px; left: 110px; width: 105px;} #profile .status{background: url(/images/profiles/v1/classic/action_bar_frontcap.gif) top left no-repeat; margin-left: 10px;} /* DETAILS */ #details { background: #transparent url() top left repeat-x; } #details h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #274d50; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #details #info { width: 150px; float: left; margin: 0 0 10px 10px; } #details #stats { float: left; width: 150px; margin: 0 0 10px 10px; } /* WISHLIST */ #wishlist { background: #transparent url() top left repeat-x; } #wishlist h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #274d50; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #wishlist .questing { background: url(/images/profiles/v1/classic/wishlist_questing.gif) top right no-repeat; } #wishlist .bought { background: url(/images/profiles/v1/classic/wishlist_bought.gif) top right no-repeat; } #wishlist .donated { background: url(/images/profiles/v1/classic/wishlist_donated.gif) top right no-repeat; } /* ABOUT */ #about{background: #transparent url() top left repeat-x;} #about h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #2a8481; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* FRIENDS */ #friends{background: #transparent url() top left repeat-x;} #friends h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #2a8481; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #friends #friendGroup { margin-top: 10px; } #friends #friendGroup li { border: none; } #friends #friendGroup li { float: left; width: 110px; height: 130px; text-align: center; border-right: 0px solid ######; } #friends #friendGroup li img { width: 96px; height: 96px; } /* JOURNAL */ #journal {background: #transparent url() top left repeat-x;} #journal h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #2a8481; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* MULTIMEDIA */ #multimedia {background: #transparent; url() top left repeat-x;} #multimedia h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #2a8481; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* COMMENTS */ #comments {background: #transparent url() top left repeat-x;} #comments h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #2a8481; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #comments .message { background-image: none; } #comments .caption { border: solid 0px; border-color: ######; background: #5086b4; font-family: georgia; width: 300px; font-size: 7pt; color: #2c6166;} .admin{ display:none;} #comments .caption2 { border: solid 0px; border-color: ######; background: #5086b4; font-family: georgia; width: 300px; font-size: 7pt; color: #2c6166;} #comments dl {padding-bottom: 90px;} #comments dl dt {position: relative; padding-top: 10px;} #comments dl dt.avatar img {display: none;} #comments dl dt.avatar2 div {display: none;} #comments dl dt.avatar2 img {display: none;} #comments dl dd {margin: 0 20px 0 20px;} #comments .delete {margin-top: 10px; text-align: right;} #comments #pagination li {display: inline;} #comments .admin li {text-align: right;} #comments form{margin:0px;} #comments fieldset{padding:10px;} /* SIGNATURE */ #signature {background: #transparent url() top left repeat-x;} #signature h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: georgia; font-size: 20pt; font-style: italic; color: #2a8481; font-weight: normal; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #signature p {text-align: center;}

Profile ID: 01
Name: Crimson
Best Viewed In: Mozilla Firefox
Uploaded: September 08, 2008

Code:

#extendedProfileBody #header, #content { border-right: 0px; } #extendedProfileBody #header h1{ background: #2f0505 url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/crimson2.png) top left no-repeat; width: 760px; height: 460px;} body {background: #2f0505 url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/crimson-bg2.png) top left repeat-y;} #site{ width: 760px; position: relative;} /* CONTENT */ #content{ padding: 0px; background:transparent;} #content #sidebar{ position: absolute; width: 160px; left: 358px; top: 310px; background: #transparent;} #content #main{ position: absolute; margin-left: 0px; width: 320px; left: 8px; top: 300px; min-height: 500px; height: 500px; border-left: 0px solid ######;} #content > #main{ height: auto;} /* SECTION */ .section{ padding: 0px 0px 0px 0px; font-size: 8pt; font-family: courier new; color: #f5c4c4;} .section h2{ font-size: 15px; margin: 0 -10px 0 -10px; height: 25px; margin-bottom: 10px; line-height: 25px; text-indent: -5000px; /* PHARK */} .section .clear{ clear: both;} .section .head{ width: 48px; height: 48px;} .section .torso{ width: 96px; height: 96px;} .section .body{ width: 120px; height: 150px;} .section .items li{ display: inline;} .section .items li img{ width: 30px; height: 30px;} .section .online{ background: url(/images/profiles/v1/classic/status_online.gif) top left no-repeat;} .section .offline{ background: url(/images/profiles/v1/classic/status_offline.gif) top left no-repeat;} .section .hidden{ background: url(/images/profiles/v1/classic/status_hidden.gif) top left no-repeat;} .section .links{ margin-bottom: 10px;} .section .links li{ display: inline;} .section .date{ text-align: right; font-size: 8pt; font-family: courier new; font-weight: normal; font-style: italic; margin: 0 0 3px 3px;} /* ACCOUNT */ form{ margin: 0 150px;} textarea{ width: 100%; height: 100px;} .textfield{ width: 100%;} label{ font-weight: bold;} fieldset{ margin-bottom: 10px;} #account ul li{ display: inline;} /* Common Friends */ #commonFriends p {font-weight: normal;} #commonFriends ul {font-size: 8pt; font-family: courier new; color: #f0f4f7; margin-bottom: 10px;} #commonFriends ul li {display: inline;} /* PROFILE BAR */ #bar {display: block; height: 22px; margin-left: 12px; background: url(/images/profiles/v1/classic/action_bar_frontcap.gif) top left no-repeat} #bar li {float: center;} #bar #onlineButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaonline2.png); text-indent: -5000px; height: 20px;} #bar #offlineButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaoffline.png); text-indent: -5000px; height: 20px;} #bar #hiddenButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaoffline.png); text-indent: -5000px; height: 20px;} #bar #addButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaadd.png); height: 20px;} #bar #msgButton {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiamessage.png); height: 20px;} #bar #tradeButton {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiatrade.png); height: 20px;} #bar #ignoreButton {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaignore.png); height: 20px;} #bar a {display: block; height: 0; padding-top: 22px; color: #000; overflow: hidden;} * html #bar a:link, * html #bar a:visited {height: 22px; height: 0;} /* Add hover images here :-) */ #bar #addButton a {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaaddhov.png) -22px -90px no-repeat;} #bar #msgButton a {width: 20px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiamessagehov.png) -22px -90px no-repeat;} #bar #tradeButton a {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiatradehov.png) -22px -90px no-repeat;} #bar #ignoreButton a {width: 30px; background: transparent url(http://i19.photobucket.com/albums/b198/Weird_Gravity/Layouts/cgaiaignorehov.png) -22px -90px no-repeat;} #bar #addButton a:hover {background-position: 0 0; z-index: 50;} #bar #msgButton a:hover {background-position: 0 0; z-index: 50;} #bar #tradeButton a:hover {background-position: 0 0; z-index: 50;} #bar #ignoreButton a:hover {background-position: 0 0; z-index: 50;} * html #bar a:hover {height: 22px; height: 0;} /*LINKS*/ a:link{ color:#9a8888; font-family: courier new; letter-spacing: 1px; font-size: 8pt; text-decoration: none;} a:visited{ color:#9a8888; font-family: courier new; letter-spacing: 1px; font-size: 8pt; text-decoration: none;} a:active{ color:#9a8888; font-family: courier new; letter-spacing: 1px; font-size: 8pt; text-decoration: none;} a:hover{ color:#9a8888; font-family: courier new; border-bottom: #d43737 1px dotted; letter-spacing: 1px; font-size: 8pt; text-decoration: none;} /* PROFILE */ #profile{ background: #480909; position: relative;} #profile h2{ background: #transparent; color: #210909; text-align: center; font-size: 20px; font-weight: normal; font-style: italic; /* UN-PHARK */ text-indent: 0;} #profile .avatar{ position: relative; display: none;} #profile .items{ display: none;} #profile .caption{ position: absolute; top: 70px; left: 110px; width: 105px;} #profile .status{background: url(/images/profiles/v1/classic/action_bar_frontcap.gif) top left no-repeat; margin-left: 10px;} /* DETAILS */ #details { background: #transparent url() top left repeat-x; } #details h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #f5c4c4; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #details #info { width: 150px; float: left; margin: 0 0 10px 10px; } #details #stats { float: left; width: 150px; margin: 0 0 10px 10px; } /* WISHLIST */ #wishlist { background: #transparent url() top left repeat-x; } #wishlist h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #f5c4c4; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #wishlist .questing { background: url(/images/profiles/v1/classic/wishlist_questing.gif) top right no-repeat; } #wishlist .bought { background: url(/images/profiles/v1/classic/wishlist_bought.gif) top right no-repeat; } #wishlist .donated { background: url(/images/profiles/v1/classic/wishlist_donated.gif) top right no-repeat; } /* ABOUT */ #about{background: #transparent url() top left repeat-x;} #about h2{ border-color: #ffffff; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: transparent; font-family: courier new; font-size: 20pt; font-weight: normal; color: #d01919; letter-spacing: -3px; text-align: left; text-transform: lowercase;} /* FRIENDS */ #friends{background: #transparent url() top left repeat-x;} #friends h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #d01919; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #friends #friendGroup { margin-top: 10px; } #friends #friendGroup li { border: none; } #friends #friendGroup li { float: left; width: 110px; height: 130px; text-align: center; border-right: 0px solid ######; } #friends #friendGroup li img { width: 96px; height: 96px; } /* JOURNAL */ #journal {background: #transparent url() top left repeat-x;} #journal h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #d01919; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* MULTIMEDIA */ #multimedia {background: #transparent; url() top left repeat-x;} #multimedia h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #d01919; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} /* COMMENTS */ #comments {background: #transparent url() top left repeat-x;} #comments h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #d01919; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #comments .message { background-image: none; } #comments .caption { border: solid 0px; border-color: ######; background: #520d0d; font-family: courier new; width: 300px; font-size: 8pt;} #comments .caption2 { border: solid 0px; border-color: ######; background: #520d0d; font-family: courier new; width: 300px; font-size: 8pt;} #comments dl {padding-bottom: 90px;} #comments dl dt {position: relative; padding-top: 10px;} #comments dl dt.avatar img {display: none;} #comments dl dt.avatar2 div {display: none;} #comments dl dt.avatar2 img {display: none;} #comments dl dd {margin: 0 20px 0 20px;} #comments .delete {margin-top: 10px; text-align: right;} #comments #pagination li {display: inline;} #comments .admin li {text-align: right;} #comments form{margin:0px;} #comments fieldset{padding:10px;} /* SIGNATURE */ #signature {background: #transparent url() top left repeat-x;} #signature h2{ border-color: ######; border-style: solid; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; background: #transparent; font-family: courier new; font-size: 15pt; font-weight: normal; color: #d01919; letter-spacing: -1.5px; text-align: left; text-transform: lowercase; /* UN-PHARK */ text-indent: 0;} #signature p {text-align: center;}