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

this layout is really blue and pretty!! whee it reprisents the blue mermaid princess noel from mermaid melody! heart

code:

html, body
{
background-color: #99CCFF;
scrollbar-face-color:#6699FF;
scrollbar-shadow-color: #6699FF;
scrollbar-highlight-color: #CCFFFF;
scrollbar-3dlight-color: #CCFFFF;
scrollbar-darkshadow-color: #6699FF;
scrollbar-track-color: #6699FF;
scrollbar-arrow-color: #CCFFFF;
}

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

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

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



a:link {color: #CCFFFF; 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: #FFFFFF;
}
.section h2{
color: #FFFFFF;
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://i132.photobucket.com/albums/q6/ShikenXr/BAND.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;
#FFFFFF
center no-repeat;
}

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

#profile h2
{
left: 0px;
position: relative;
background-color:#99CCFF;
color: #FFFFFF;
border: 0px;
width: 210px;
font-size: 15px;
background: url('http://i132.photobucket.com/albums/q6/ShikenXr/BAND.gif') no-repeat top

left;text-indent: -20px;
}

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

#details h2
{
left: -2px;
position: relative;
background-color:#99CCFF;
color: #FFFFFF;
border: 0px;
font-size: 14px;
background: url('http://i132.photobucket.com/albums/q6/ShikenXr/BAND.gif') no-repeat top

left;text-indent: -20px;
}

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

#wishlist h2
{
left: -5px;
position: relative;
background-color:#99CCFF;
color: #FFFFFF;
font-size:14px;
border: 0px;
background: url('http://i132.photobucket.com/albums/q6/ShikenXr/BAND.gif') no-repeat top

left;text-indent: -20px;
}

#friends #friendGroup li img
{
background: transparent url(http://i51.photobucket.com/albums/f396/mitz2us/11127230_l.gif)

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: #33CCFF;
}

.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: #33CCFF;
}


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