1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

General property of hover link [css]

Discussion in 'Off Topic' started by KatieH, Dec 31, 2012.

  1. KatieH

    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)
     
  2. BlackJacket

    BlackJacket Well-Known Member

    post how you solved it just in case someone else might want the same fix...
     
    Kim and Adam Howard like this.
  3. KatieH

    KatieH Member

    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;
    }
     
    Adam Howard likes this.

Share This Page