General property of hover link [css]

KatieH

Member
Hi, I am using this code on my custom homepage, but i'd like to use the one Xenforo uses, the css styling.

The current one i use for hover over any link is :

Code:
.message a:hover {
color:#E04D93;
text-decoration:none;
#padding:1px 5px 1px 5px;
#-moz-border-radius:3px;
#khtml-border-radius:3px;
-webkit-border-radius:3px;
border:1px #e3e3e3;
background-color:#eeeeee;
#-moz-box-shadow:1px 1px 8px #b3b3b3;
#-webkit-box-shadow:1px 1px 4px #b3b3b3;
}

Edit: Figure it out :0)
 
I just played with my original settings, my issue was with padding and color but i had everything else. I also don't like the shadow box so i removed this and this is the final result:

Code:
.message a:hover {
color:#be6749;
background-color:#FFF4E5;
text-decoration:none;
padding:0px 3px;
border-radius:5px;
-moz-border-radius:5px;
khtml-border-radius:5px;
-webkit-border-radius:5px;
#-moz-box-shadow:1px 1px 8px #b3b3b3;
#-webkit-box-shadow:1px 1px 4px #b3b3b3;
box-shadow:1px 1px 1px #b3b3b3;
}
 
Top Bottom