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

body{
background: #ffffff;
}

#extendedProfileBody #header h1{
display: none;}

#content{
border: 0px;
}

#profile{
top: 70px;
width: 290px;
height: 250px;
background-image: url(http://data3.whicdn.com/images/137121852/superthumb.png);
background-repeat: no-repeat;
background-position: center center;
border: 4px double #dddddd;
border-radius: 1px;
}

#profile h2{
color: #777777;
font-size: 48px;
font-weight: normal;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #aaaaaa;
text-align: left;
position: absolute;
top: -35px;
left: 5px;
width: 400px;
}

#profile .avatar{
display: none;
}

#profile #bar{
background: #ffffff;
width: 300px;
height: 30px;
left: -17px;
top: 200px;
position: relative;
opacity: .8;
}

#bar #onlineButton, #bar #offlineButton{
display: none;}

#bar #addButton{
background: none;
}

#bar #addButton a{
background-image: none;
background-color: #ffffff;
border-right: 1px solid #6c6c6c;
font-size: 0px;
color: #6d6c6c;
text-decoration: none;
text-align: center;
padding: 0px;
width: 55px;
height: 15px;
top: 6px;
left: 15px;
position: relative;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

#bar #addButton a:before{
content: 'add';
font-size: 12px;
}

#bar #addButton a:hover{
color: #000000;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}


#bar #msgButton{
background: none;
}

#bar #msgButton a{
background-image: none;
background-color: #ffffff;
border-right: 1px solid #6c6c6c;
font-size: 0px;
color: #6d6c6c;
text-decoration: none;
text-align: center;
padding-top: 0px;
padding-right: 10px;
width: 55px;
height: 15px;
top: 6px;
left: 25px;
position: relative;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

#bar #msgButton a:before{
content: 'message';
font-size: 12px;
}

#bar #msgButton a:hover{
color: #000000;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}


#bar #tradeButton{
background: none;
}

#bar #tradeButton a{
background-image: none;
background-color: #ffffff;
border-right: 1px solid #6c6c6c;
font-size: 0px;
color: #6d6c6c;
text-decoration: none;
text-align: center;
padding-top: 0px;
width: 55px;
height: 15px;
top: 6px;
left: 30px;
position: relative;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

#bar #tradeButton a:before{
content: 'trade';
font-size: 12px;
}

#bar #tradeButton a:hover{
color: #000000;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}


#bar #ignoreButton{
background: none;
}

#bar #ignoreButton a{
background-image: none;
background-color: #ffffff;
font-size: 0px;
color: #6d6c6c;
text-decoration: none;
text-align: center;
padding-top: 0px;
padding-right: 10px;
width: 55px;
height: 15px;
top: 6px;
left: 35px;
position: relative;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

#bar #ignoreButton a:before{
content: 'block';
font-size: 12px;
}

#bar #ignoreButton a:hover{
color: #000000;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}



#profile .caption{
width: 300px;
height: 50px;
background: #ffffff;
border: 0px solid black;
position: relative;
left: -5px;
top: 200px;
opacity: 0;
-moz-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
}

#profile:hover .caption{
top: 100px;
-moz-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
opacity: .7;
}

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

#profile .message{
background: none;
text-align: center;
font-size: 9px;
color: #6c6c6c;
left: 0px;
width: 295px;
padding: 10px 2px 5px 2px;
}