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

#content #main, #content #sidebar, #details h3
{
height: auto;
}

#content #sidebar
{
padding-left:83px;
padding-top: 60px;
}

#content #main
{
padding-left:0;
padding-top: 0;
position:absolute;
left: 270px;
top: -265px;
}

#extendedProfileBody #header #avatar
{
display: none;
}

#extendedProfileBody #header h1
{
background: #000 url(http://i156.photobucket.com/albums/t12/Leeayre/07Ghost_top.jpg)
width: 1000px;
height: 600px;
}

#site
{
margin-left: auto;
margin-right: auto;
width: 1000px;
}

#header_left, #header_right
{
background: #112B32 !important;
color: #fff !important;
border-bottom: 3px solid #7BA7BA;
}
#header_left a, #header_right a
{
color: #fff !important;
text-decoration: none;
}
#header_left a:hover, #header_right a:hover
{
text-decoration: underline;
}
#header_left img
{
vertical-align:middle;
background: url(http://i156.photobucket.com/albums/t12/Leeayre/gaiaLogoWhite.png) no-repeat;
height: 0;
padding: 2px 47px 23px 0;
width: 0;
}

#content #main
{
border-left:none;
}

#header
{
border-right: 0px;
}

body
{
background: #01090C url()
}

#content
{
border: none;
background: #000 url(http://i156.photobucket.com/albums/t12/Leeayre/07Ghost_bottom.jpg) top center no-repeat;
position: absolute;
height: 600px;
width: 1000px;
}


/*....................SECTIONS!!..................*/


#journal, #signature, #friends .links, #comments #alerts_banner,
#details hr, .caption:before,.caption2:before, .caption:after,.caption2:after, #profile .caption, #profile h2, #multimedia h2, #wishlist h2, #details h2, #friends h2, #about h2, #details #commonFriends, div #trigger, #comments h2
{
display:none;
}


#details, #wishlist, #about, #comments, #friends
{
background: none;
font-size: 10px;
color: #fff;
overflow: hidden;
}

#wishlist:hover, #about:hover, #comments:hover, #details:hover, #friends:hover
{
overflow:scroll;
overflow-x: hidden;
overflow-y: auto;
}

#profile, #details, #wishlist
{
width: 205px;
left: 30px;
}


/*_____________PROFILE______________*/
#profile
{
background: none;
position: absolute;
top: 63px;
height: 150px;
padding-top: 5px;
text-align: right;
width: 210px;
}

#profile .avatar
{
height: 142px;
width: 110px;
background: #01090C;
border: 1px solid #7BA7BA;
}

#profile #animated_item
{
height: 142px;
width: 104px;
background: #01090C;
border: 1px solid #7BA7BA;
position: absolute;
left: 113px;
}
#profile #animated_item object
{
height: 142px;
width: 104px;
}

#profile ul.items
{
height: 140px;
width: 100px;
overflow: hidden;
position: absolute;
top:5px;
text-align: center;
}

#profile ul.items img
{
width: 28px;
height: 28px;
}

#profile .caption
{
display:none;
}

/*_______________DETAILS______________*/
#details
{
position: absolute;
height: 305px;
top: 220px;
padding-left: 10px;
}
#details #info dt, #details #stats dt, #details h3
{
font-weight: bold;
text-align: left;
}

#details #info dd, #details #stats dd
{
margin: 2px 0;
padding: 2px 5px;
height: 13px;
width: 185px;
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_detailsGradient.png)
background-position: center right;
text-align: right;
}

#details h3
{
padding-top: 10px;
padding-bottom: 4px;
}

#details #stats, #details #info
{
position:relative;
width:167px !important;
}

#details #info
{
display: block;
margin-top: 0px;
padding-top: 0px;
}
#details #stats
{
display: block;
margin-top: 10px;
margin-bottom: 0px;
margin: 10px 0 0 0;
padding-bottom: 0px;
float: left;
}

/*_____________WISHLIST_____________*/
#wishlist
{
display: none;
}
#wishlist img, #details #info dd, #details #stats dd
{
opacity:0.7;
filter:alpha(opacity=70)
}

/*_____________ABOUT_____________*/
#about
{
height: 470px;
width: 213px !important;
position: absolute;
top: 320px;
left: -235px;
}

#about .links li a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: 0 -11px;
height: 0px;
width: 62px;
padding-top: 10px;
text-indent: -5000px;
color: transparent;
display: inline-block;
}
#about .links li a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: 0 3px;
padding-top: 12px;
height: 0;
text-indent: -5000px;
}
#about .links li+li a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -67px -9px;
height: 0px;
width: 66px;
padding-top: 12px;
text-indent: -5000px;
color: transparent;
}
#about .links li+li a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -67px 3px;
padding-top: 12px;
height: 0;
width: 66px;
text-indent: -5000px;
}
#about .links li+li+li a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -141px -12px;
height: 0px;
width: 61px;
padding-top: 9px;
text-indent: -5000px;
color: transparent;
}
#about .links li+li+li a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -142px 0;
padding-top: 9px;
height: 0;
width: 61px;
text-indent: -5000px;
}

/*_____________MEDIA_____________*/
#multimedia
{
position: absolute;
top: 600px;
left: -5px;
}

#multimedia embed, #multimedia object
{
height: 200px !important;
width: 210px !important;
}

/*_____________COMMENTS_____________*/
#comments
{
height: 470px;
left: 220px;
width: 205px;
top: 285px;
margin-top: 30px;
padding-top: 5px;
overflow:hidden !important;
position: absolute;
}
#comments dl dt.avatar img, #comments dl dt.avatar2 img
{
position: absolute;
left: 5px;
top: 25px;
width: 50px;
height: 55px;
background: #01090C;
border: 1px solid #7BA7BA;
z-index: 1;
}
#comments .postcontent
{
text-indent: 55px;
padding-top: 37px;
padding-bottom: 5px;
}
#comments .postcontent:first-letter
{
font-size: 30px;
}
#comments .date a
{
display:none;
}
#comments .date
{
height: 12px;
width: 59px;
overflow: hidden;
text-indent: -7px;
float:right;
text-align: left;
position: static !important;
}
#comments .message p
{
position: absolute;
}
#comments dl
{
margin-top: 10px;
padding-top: 0;
height: 360px;
width: 215px;
overflow: hidden;
padding-bottom: 75px !important;
position: relative;
}
#comments dl:hover {
overflow-y: scroll;
}
#comments dd
{
position: relative;
margin-top: 10px;
margin-left: 0px;
width: 195px;
left: -100px;
}
#comments .message a, #comments .message a:hover, #comments .date
{
font-size: 9px !important;
}

#comments .links a, #comments .links a:hover
{
font-size: 9px !important;
}
#comments .caption .message
{
margin: 0 -15px 0 0 !important;
padding: 0 0 0 28px !important;
}
#comments .caption2 .message
{
margin: 0 0 0 -15px !important;
padding: 0 28px 0 0 !important;
}


#comments .alert_container li a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -210px -10px;
height: 0px;
width: 71px;
padding-top: 10px;
text-indent: -5000px;
color: transparent;
display: inline-block;
}
#comments .alert_container li a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -209px 0;
padding-top: 9px;
height: 0;
text-indent: -5000px;
}
#comments .alert_container li+li a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -284px -10px;
height: 0px;
width: 80px;
padding-top: 10px;
text-indent: -5000px;
color: transparent;
display: inline-block;
}
#comments .alert_container li+li a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -285px 0;
padding-top: 10px;
height: 0;
text-indent: -5000px;
}

/*_____________friends_____________*/
#friends
{
position: absolute;
top: 320px;
left: 0px;
height: 260px;
width: 202px;
overflow:hidden;
font-size: 10px !important;
}

#friends #friendGroup li
{
border-right: none;
height: 110px;
width: 90px;
}

#friends #friendGroup li img
{
height: 85px !important;
width: 85px !important;
}

#friends li a, #friends li a:hover
{
font-size: 9px !important;
}




/*___________________SCROLL____________________*/

#details, #friends, #wishlist, #about, #comments
{
scrollbar-face-color: #1E444F;
scrollbar-shadow-color: #112B32;
scrollbar-highlight-color: #7BA7BA;
scrollbar-3dlight-color: #7BA7BA;
scrollbar-darkshadow-color: #112B32;
scrollbar-track-color: #01090C;
scrollbar-arrow-color:#7BA7BA;
}

/*.................CAPTIONS!!!....................*/

.caption,.caption2
{
border: none;
background: #2A5D6C;
color: #fff;
font-size: 10px;
}

.caption .message, .caption2 .message
{
background: none;
color: #fff;
font-size: 9px;
}



/*................PROFILE BAR!!..................*/

#profile #bar
{
background: transparent;
height: 0px;
}

#profile #bar #addButton img, #profile #bar #msgButton img, #profile #bar #tradeButton img, #profile #bar #ignoreButton img
{
filter:alpha(opacity=0)
opacity:0;
}

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

#profile #bar #addButton a, #profile #bar #msgButton a, #profile #bar #tradeButton a, #profile #bar #ignoreButton a
{
text-indent: -5000px;
padding-top:10px;
background: url() no-repeat;
position:absolute;
height: 0;
}

#profile #bar #addButton a:hover, #profile #bar #msgButton a:hover, #profile #bar #tradeButton a:hover, #profile #bar #ignoreButton a:hover
{
text-indent: -5000px;
position:absolute;
padding-top: 10px;
height: 0;
}

#profile #bar #addButton a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -372px -10px;
left: 81px;
top: -629px;
height: 0px;
width: 58px;
padding-top: 11px;
}
#profile #bar #addButton a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -373px 2px;
left: 81px;
top: -629px;
padding-top: 11px;
}

#profile #bar #msgButton a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -567px -12px;
left: 751px;
top: -629px;
height: 0;
width: 83px;
padding-top: 13px;
}
#profile #bar #msgButton a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -567px 1px;
left: 751px;
top: -629px;
height: 0;
width: 84px;
padding-top: 13px;
}

#profile #bar #tradeButton a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -500px -10px;
left: 584px;
top: -629px;
height: 0;
width: 61px;
padding-top: 11px;
}
#profile #bar #tradeButton a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -500px 1px;
left: 584px;
top: -629px;
padding-top: 11px;
}

#profile #bar #ignoreButton a
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -438px -10px;
left: 261px;
top: -629px;
height: 0;
width: 58px;
padding-top: 11px;
}
#profile #bar #ignoreButton a:hover
{
background: url(http://i156.photobucket.com/albums/t12/Leeayre/ghost_text.png) no-repeat;
background-position: -437px 1px;
left: 261px;
top: -629px;
padding-top: 11px;
}

#profile #bar #ignoreButton
{
background: url() no-repeat;
}


/*.....................LINKS!!!...................*/

#content a:link, a:visited, a:active
{
color: #74A1B2;
font-size:10px;
font-weight: bold;
text-decoration: none;
}
#content a:hover, #corp a:hover
{
color: #74A1B2;
font-size:10px;
font-weight: bold;
text-decoration: underline;
}
#corp a:link, a:active, a:visited
{
color: #74A1B2;
font-size:10px;
font-weight: bold;
text-decoration: none;
}



/*....................OTHER!!!....................*/

#extendedProfileBody #footer
{
background: none;
border: none;
color: #000000;
text-align: left;
}
#site
{
margin-left: auto;
}

#content {
padding: 0 !important;
}
#extendedProfileBody{
margin-top: -1px !important;
}


/* Theme by Leeayre/Left Bird - CUSTOM for CLASSIC/OLD SCHOOL */
/* CREDITS:

Fonts: Zaiphon (http://forums.mangafox.com/threads/317133-Zaiphon-fonts-download)

Brushes: none

Images: 07 Ghost wallpaper belongs to Cilou at animepaper.net
*/