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

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


the character from the header is usually playful, but she shows a serious look, and the pic was teal, so the layout is based on the colour teal! whee

code:

html, body
{
background-color: #339999;
scrollbar-face-color:#669999;
scrollbar-shadow-color: #669999;
scrollbar-highlight-color: #00CCCC;
scrollbar-3dlight-color: #00CCCC;
scrollbar-darkshadow-color: #669999;
scrollbar-track-color: #669999;
scrollbar-arrow-color: #00CCCC;
}

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

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

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



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

A:hover {
color: #33CCCC; 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: #00CCCC;
}
.section h2{
color: #00CCCC;
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://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/untitled-1.jpg') no-repeat top;
background-color:NONE;
color: #00CCCC;
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;
#00CCCC
center no-repeat;
}

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

#profile h2
{
left: 0px;
position: relative;
background-color:#478441;
color: #00CCCC;
border: 0px;
width: 210px;
font-size: 15px;
background: url('http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/untitled-1.jpg') no-repeat top

left;text-indent: -20px;
}

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

#details h2
{
left: -2px;
position: relative;
background-color:#339999;
color: #00CCCC;
border: 0px;
font-size: 14px;
background: url('http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/untitled-1.jpg') no-repeat top

left;text-indent: -20px;
}

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

#wishlist h2
{
left: -5px;
position: relative;
background-color:#339999;
color: #00CCCC;
font-size:14px;
border: 0px;
background: url('http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/untitled-1.jpg') no-repeat top

left;text-indent: -20px;
}

#friends #friendGroup li img
{
background: transparent url(http://i64.photobucket.com/albums/h174/orangepearlvoice/random%20things/untitled-1.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 #FFFFFF;
border-top: 3px double #FFFFFF;
border-bottom: 3px double #FFFFFF;
border-right: 3px double#FFFFFF;
background-color: #669999;
}

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


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