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

What is the CSS styling being used on hyperlinks?

Discussion in 'Off Topic' started by Quillz, Aug 10, 2010.

  1. Quillz

    Quillz Well-Known Member

    When you mouseover a hyperlink within the content of the posted message, the background is highlighted with a color. What is the CSS to do this?

    a:hover = ???
  2. Quillz

    Quillz Well-Known Member

    I should note that I know how to apply a background color to links, but not a drop shadow and rounded corners.
  3. Onimua

    Onimua Well-Known Member

    I believe that bit is controlled here:

    box-shadow: 5px 5px 7px #CCCCCC; -webkit-box-shadow:5px 5px 7px #CCCCCC; -moz-box-shadow:5px 5px 7px #CCCCCC; -khtml-box-shadow:5px 5px 7px #CCCCCC;
    The rounded corners uses a simple border-radius, such as:

    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
  4. Alluidh

    Alluidh Well-Known Member

    Thank you, Onimua
  5. Floris

    Floris Guest

    a - default how it looks, whatever state, unless exception
    a:hover - hovering mouse over the link
    a:active - pressing the link
    a:visited - after pressing the link, coming back .. you've visited it.
  6. Anthony Parsons

    Anthony Parsons Well-Known Member

    The specific one showing is:

    .ugc a:hover, .ugc a:focus {
    background: #FFF4E5 url(http://xenforo.com/community/styles/default/xenforo/gradients/category-23px-light.png) repeat-x 50% 0%;
    color: #6D3F03;

Share This Page