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

(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"!!!

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


this one has a evil feeling to it... smile it's very purple and has the mermaid melody character karen on it!

code:

html, body
{
background-color: #9900CC;
scrollbar-face-color:#990099;
scrollbar-shadow-color: #990099;
scrollbar-highlight-color: #CC99FF;
scrollbar-3dlight-color: #CC99FF;
scrollbar-darkshadow-color: #990099;
scrollbar-track-color: #990099;
scrollbar-arrow-color: #CC99FF;
}

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

#content
{
background: #9900CC url(none) 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:#9900CC
url(http://i64.photobucket.com/albums/h174/orangepearlvoice/pw.jpg) top left

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



a:link {color: #9966CC; 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: #FFFFFF; font-weight:bold; text-decoration: none;
background:url(none) repeat-x 100% 100%;background-color: none;
padding-bottom:2px;
}

#profile {background: none;}

.section {
font: 10px verdana;
color: #9966CC;
}
.section h2{
color: #9966CC;
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://i90.photobucket.com/albums/k240/ms_ojitos_chiquitos/hotassbanner.jpg') no-repeat top;
background-color:NONE;
color: #9966CC;
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;
#9966CC
center no-repeat;
}

#profile
{
left: 0px;
top: 10px;
position: absolute;
width: 210px;
color: #9966CC;
font-size: 12px;
background: transparent;
url('none') no-repeat top left;
}

#profile h2
{
left: 0px;
position: relative;
background-color:#9900CC;
color: #9966CC;
border: 0px;
width: 210px;
font-size: 15px;
background: url('http://i90.photobucket.com/albums/k240/ms_ojitos_chiquitos/hotassbanner.jpg') no-repeat top

left;text-indent: -20px;
}

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

#details h2
{
left: -2px;
position: relative;
background-color:#9900CC;
color: #9966CC;
border: 0px;
font-size: 14px;
background: url('http://i90.photobucket.com/albums/k240/ms_ojitos_chiquitos/hotassbanner.jpg') no-repeat top

left;text-indent: -20px;
}

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

#wishlist h2
{
left: -5px;
position: relative;
background-color:#9900CC;
color: #9966CC;
font-size:14px;
border: 0px;
background: url('http://i90.photobucket.com/albums/k240/ms_ojitos_chiquitos/hotassbanner.jpg') no-repeat top

left;text-indent: -20px;
}

#friends #friendGroup li img
{
background: transparent url(http://i90.photobucket.com/albums/k240/ms_ojitos_chiquitos/hotassbanner.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 #9966CC;
border-top: 3px double #9966CC;
border-bottom: 3px double #9966CC;
border-right: 3px double#9966CC;
background-color: #000000;
}

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


/* 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);}