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 is a cute layout!! its really blue, and has cute little star banners!! whee

code:

html, body
{
background-color: #66CCFF;
scrollbar-face-color:#00CCFF;
scrollbar-shadow-color: #00CCFF;
scrollbar-highlight-color: #0099FF;
scrollbar-3dlight-color: #0099FF;
scrollbar-darkshadow-color: #00CCFF;
scrollbar-track-color: #00CCFF;
scrollbar-arrow-color: #0099FF;
}

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

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

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



a:link {color: #00FFFF; font-weight:bold; text-decoration: none}
a:visited {color: #FFFFFF; font-weight:bold; text-decoration: none}
a:active {color: #00FFFF; 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: #99FFFF;
}
.section h2{
color: #99FFFF;
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://i56.photobucket.com/albums/g180/blueaecidsrose/tailedlightstarbannercopy.jpg') no-repeat top;
background-color:NONE;
color: #99FFFF;
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;
#99FFFF
center no-repeat;
}

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

#profile h2
{
left: 0px;
position: relative;
background-color:#478441;
color: #99FFFF;
border: 0px;
width: 210px;
font-size: 15px;
background: url('http://i56.photobucket.com/albums/g180/blueaecidsrose/tailedlightstarbannercopy.jpg') no-repeat top

left;text-indent: -20px;
}

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

#details h2
{
left: -2px;
position: relative;
background-color:#66CCFF;
color: #99FFFF;
border: 0px;
font-size: 14px;
background: url('http://i56.photobucket.com/albums/g180/blueaecidsrose/tailedlightstarbannercopy.jpg') no-repeat top

left;text-indent: -20px;
}

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

#wishlist h2
{
left: -5px;
position: relative;
background-color:#66CCFF;
color: #99FFFF;
font-size:14px;
border: 0px;
background: url('http://i56.photobucket.com/albums/g180/blueaecidsrose/tailedlightstarbannercopy.jpg') no-repeat top

left;text-indent: -20px;
}

#friends #friendGroup li img
{
background: transparent url(http://i56.photobucket.com/albums/g180/blueaecidsrose/tailedlightstarbannercopy.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 #99FFFF;
border-top: 3px double #99FFFF;
border-bottom: 3px double #99FFFF;
border-right: 3px double#99FFFF;
background-color: #00CCFF;
}

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


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