• 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?


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 = ???


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.
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;


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.

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;