wombat - i am
Dapper Dabbler
profile
code
/**PROFILE BY THEY GO OF WOMBAT DESIGNS @ GAIA, FOR SEOULOBSESSION. DO NOT REDISTRIBUTE, CLAIM AS YOUR OWN, OR RIP. KTHXBAI**/
@font-face {
font-family: 'Sarina';
font-style: normal;
font-weight: 400;
src: local('Sarina'), local('Sarina-Regular'), url(http://themes.googleusercontent.com/static/fonts/sarina/v2/h7Ev9o3IBMcwkqJNFo7Mbg.woff) format('woff')
}
BODY {
color: #333;
font-size: 11px;
line-height: 120%;
font-family: georgia;
background: #333;
overflow-x:hidden;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/hong_kong_at_night-1280x800.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#site {
border: none;
overflow: hidden;
width: 800px; height: 550px;
margin-left: auto; margin-right: auto; margin-top: 30px;
}
#content {
width: 683px; height: 517px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/content2.png') no-repeat top center;
}
.section {
border: none;
background: none;
}
/*------------GAIA HEADER----------*/
#gaia_header {
background: #191919;
}
#header_left li, #header_right li { color: #cdc4b3;
}
#gaia_header #header_left {
color: #ADC68D;
background: #191919;
}
#gaia_header #header_right {
color: #ADC68D;
background: #191919;
}
#gaia_header a {
font-size: 11px;
font-family: arial;
cursor: nw-resize;
text-decoration: none;
color: #cdc4b3!important;
}
#gaia_header a:link, #gaia_header a:visited, #gaia_header a:active {
font-size: 11px;
font-family: arial;
text-decoration: none;
color: #cdc4b3!important;
}
#gaia_header a:hover {
font-size: 11px;
cursor: pointer;
font-family: arial;
text-decoration: none;
color: #cdc4b3!important;
}
/*----------LINKS-----------*/
a:link, a:active, a:visited {
font-size: 10px;
font-weight: bold;
font-family: arial;
text-decoration: none;
color: #dd0000!important;
}
a:hover {
font-size: 10px;
font-weight: bold;
font-family: arial;
text-decoration: none;
color: #3e3d3d!important;
}
/*----------PROFILE----------*/
#profile {
background: none;
width: 0px; height: 0px;
}
#avatar_dropbox { display: none !important;
}
/*----------PROFILE BAR----------*/
#profile .avatar {
display:none;
}
#profile h2 {display:none;}
#profile #bar {
background: none;
}
#profile #bar #addButton a {
position: absolute;
left: 655px; top: 200px;
width: 72px; height: 48px;
text-indent: -5000px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/a.png') no-repeat;
}
#profile #bar #msgButton a {
position: absolute;
text-indent: -5000px;
left: 655px; top:250px;
width: 113px; height: 95px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/mhover.png') no-repeat;
}
#profile #bar #tradeButton a {
position: absolute;
text-indent: -5000px;
left: 655px; top: 300px;
width: 113px; height: 95px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/t.png') no-repeat;
}
#profile #bar #addButton a:hover {
position: absolute;
text-indent: -5000px;
left: 655px; top: 200px;
width: 152px; height: 48px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/add.png') no-repeat;
}
#profile #bar #msgButton a:hover {
position: absolute;
text-indent: -5000px;
left: 550px; top:500px;
width: 106px; height: 72px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/msg.png') no-repeat;
}
#profile #bar #tradeButton a:hover {
position: absolute;
text-indent: -5000px;
left: 655px; top: 250px;
width: 152px; height: 54px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/seoulobsession/trade.png') no-repeat;
}
/*----------WISHLIST----------*/
#wishlist {display:none;
}
/*----------ABOUT ME----------*/
#about {
width: 331px; height: 406px;
margin-left: 92px; margin-top: 81px;
overflow-y:auto;overflow-x:hidden;
}
#about h2 {width: 100%;
background-color: #493745; padding: 20px; text-align: center; color: #fff;
font-family: 'Sarina';
text-transform: lowercase;
letter-spacing: 1px;
font-size: 40px;
font-weight: normal;
-o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
#about h2:hover {background-color: #000e2e;}
/*-----------MULTIMEDIA-----------*/
#multimedia h2:hover {background-color: #000e2e;}
#multimedia h2 {background-color: #493745; padding: 10px; text-align: center; color: #fff; width: 264px;
font-family: 'Sarina';
text-transform: lowercase;
letter-spacing: 1px;
font-size: 20px;
font-weight: normal;
-o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
#multimedia {position: absolute; left: 25px; top: 443px; height: 80px;}
#multimedia embed, #multimedia object {height:25px; width: 30px;}
/*----------COMMENTS----------*/
#comments {
overflow-y:auto;overflow-x:hidden;
position: absolute;
width: 282px; height: 288px;
margin-left: -216px; margin-top: -416px;
padding-right: 3000px;
-o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;
}
#comments h2:hover {background-color: #000e2e;}
#comments h2 {background-color: #493745; padding: 20px; text-align: center; color: #fff;
font-family: 'Sarina';
text-transform: lowercase;
letter-spacing: 1px;
font-size: 40px;
font-weight: normal;
-o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
.caption {
border: none;
font-size: 11px;
background: none;
line-height: 95%;
font-family: arial;
padding-top: 2px;
border-bottom: 1px dotted #fff;
}
.caption2 {
border: none;
font-size: 11px;
background: none;
line-height: 95%;
font-family: arial;
border-bottom: 1px dotted #fff;
}
.caption .message, .caption2 .message {
font-size: 11px;
background: none;
}
#comments .caption .date {
color: #058789;
font-size: 10px;
font-family: arial;
font-style: normal;
}
#comments .caption2 .date {
color: #058789;
font-size: 10px;
font-family: arial;
font-style: normal;
}
#comments dl dd { margin: 0px; 0px;
}
/*------------UNWANTED CODES----------*/
#extendedProfileBody #header h1, #details, #friends, #journal, #signature, #profile .caption, #profile ul.items, #profile #bar #onlineButton, #profile #bar #offlineButton, #profile #bar #ignoreButton a, #avatar_menu, #comments dl dt.avatar img, #comments dl dt.avatar2 img, .caption:before, .caption:after, .caption2:before, .caption2:after, #comments .links + p ,#alerts_banner { display: none;}
#content #main {border:none;}
#content, #header {border-right:none;}
i have this issue with the profile buttons where they wont change to the new image on hover! the hover image is longer and displays the entire word. for the life of me i can't figure out why it isn't working, though its probably something extremely simple and i'm just missing it. any help would be super appeciated