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

Quillz

Well-known member
#1
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 = ???
 

Onimua

Well-known member
#3
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;
 
F

Floris

Guest
#5
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
#6
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;
}