What is the CSS styling being used on hyperlinks?

Dragapult

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 = ???
 
I should note that I know how to apply a background color to links, but not a drop shadow and rounded corners.

I believe that bit is controlled here:

Code:
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:

Code:
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
 
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.
 
The specific one showing is:

HTML:
.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;
}
 
Top Bottom