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

i'll keep on putting new layouts that i make on here...i don't have any graphic makers on my com, so i used microsoft paint for the headers... i still think their pretty good!!!

i also don't have any preview things either...so i'll put the theme pics that i used on the layouts!!!

more layout codes coming soon!!!

orangepearlvoice heart heart

(p.s)
the layouts won't work unless you go to prefrences and make the the "new profile" thing turn to "old school", and that you make the the other thing in the theme section say "custom"!!!

----------------------------------------------------------------------------------------


sorry if the pic on the headers a little blury!!! rofl this is a picture with most of the mermaid melody main characters!! it's really rainbowy!! 4laugh

code:

html, body
{
background-color: #FFFFFF;
scrollbar-face-color:#FF9900;
scrollbar-shadow-color: #FFCC00;
scrollbar-highlight-color: #FFFF00;
scrollbar-3dlight-color: #99FF33;
scrollbar-darkshadow-color: #99CCFF;
scrollbar-track-color: #99FFFF;
scrollbar-arrow-color: #9933CC;
}

body background: #FFFFFF url
(http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/stars.jpg

#site {
width: 720px;
margin: 0px auto;
no-border: 0px;
}

#content
{
background: #FFFFFF url(http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/stars.jpg) top left

repeat-y; border: 0px; height: 1%; padding: 0; width: 720px; margin-left: 0px;
}

#header
{
position: relative;
border-right: 0px;
}

#extendedProfileBody #header h1
{
background:#FFFFFF
url(http://i64.photobucket.com/albums/h174/orangepearlvoice/mermaidvoice.jpg) top left

no-repeat; height: 340px; width: 720px; border-right: 0px solid; margin-left: 0px;
}



a:link {color: #FF0000; font-weight:bold; text-decoration: none}
a:visited {color: #FFFFFF; font-weight:bold; text-decoration: none}
a:active {color: #FFFFFF; font-weight: bold; text-decoration: none }

A:hover {
color: #000000; font-weight:bold; text-decoration: none;
background:url(http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/stars.jpg) repeat-x 100% 100%;background-color: none;
padding-bottom:2px;
}

#profile {background: (http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/stars.jpg);}

.section {
font: 10px verdana;
color: #131311;
}
.section h2{
color: #131311;
font-size: 14px;
text-align: center;
}



#about, #friends, #journal, #multimedia, #comments, #signature
{
top: -20px;
left: 25px;

width: 480px;

}




#about h2, #friends h2, #journal h2, #multimedia h2, #comments h2, #signature h2
{
left: 35px;
position: left;
width: 481px;
height: 40px;
background: url('http://i47.photobucket.com/albums/f175/princess_of_green/thmiscellaneous_110.gif') no-repeat top;
background-color:NONE;
color: #FFFFFF;
border: 0px;
font-size: 15px;
left;text-indent: -180px;

}

#multimedia embed {width: 470px; height: 370px; }

#friends #friendGroup li{border-right:0px;}

#profile .caption
{
width: 95px;
#000000
center no-repeat;
}

#profile
{
left: 0px;
top: 10px;
position: absolute;
width: 210px;
color: #131311;
font-size: 12px;
background: transparent;
url('http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/stars.jpg') no-repeat top left;
}

#profile h2
{
left: 0px;
position: relative;
background-color:#478441;
color: #FFFFFF;
border: 0px;
width: 210px;
font-size: 15px;
background: url('http://i47.photobucket.com/albums/f175/princess_of_green/thmiscellaneous_110.gif') no-repeat top

left;text-indent: -20px;
}

#details
{
left: 0px;
border: 1px;
top: 340px;
position: absolute;
width: 210px;
color: #131311;
font-size: 10px;
}

#details h2
{
left: -2px;
position: relative;
background-color:#478441;
color: #FFFFFF;
border: 0px;
font-size: 14px;
background: url('http://i47.photobucket.com/albums/f175/princess_of_green/thmiscellaneous_110.gif') no-repeat top

left;text-indent: -20px;
}

#wishlist
{
left: 4px;
border: 1px;
position: absolute;
width: 210px;
color: #131311;
font-size: 10px;
top: 555px;
}

#wishlist h2
{
left: -5px;
position: relative;
background-color:#478441;
color: #FFFFFF;
font-size:14px;
border: 0px;
background: url('http://i47.photobucket.com/albums/f175/princess_of_green/thmiscellaneous_110.gif') no-repeat top

left;text-indent: -20px;
}

#friends #friendGroup li img
{
background: transparent url(http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/stars.jpg)

no-repeat;
}
#friends #friendGroup li { border-right:0px; }


#commonFriends,
.caption:before, .caption:after, .caption2:before, .caption2:after
{display:none;}

.caption {
font-size: 10px;
width:50%;
border-left: 3px double #131311;
border-top: 3px double #131311;
border-bottom: 3px double #131311;
border-right: 3px double#131311;
background-color: #FFFFFF;
}

.caption2 {
font-size: 10px;
width:50%;
border-right: 1px dashed #131311;
border-bottom: 1px dashed #131311;
border-top: 1px dashed #131311;
border-left: 1px dashed #131311;
background-color: #FFFFFF;
}


/* tektek add-in to fix caption boxes */
.caption2:after{background:transparent;content:url(http://tinyurl.com/8rzvl);}
.caption:after{background:transparent;content:url(http://tinyurl.com/8rzvl);}
.caption2:before{background:transparent;content:url(http://tinyurl.com/8rzvl);}
.caption:before{background:transparent;content:url(http://tinyurl.com/8rzvl);}