Board Thread:Support Requests - Designing Your Wiki/@comment-7505640-20130611103222/@comment-4018164-20130619115202

In css, you put the styling in a pair of closed curly brackets ({}), and add before them your selector- which specifies what elements to select.
 * The a letter in the beginning stands for the anchor element (&lt;a&gt;), which are used for links.
 * The a:hover is what happens to an anchor tag when you hover it.
 * color: #ff8800; is a text color. On this case, it's a way for writing the color orange (in HEX code).
 * text-shadow: 0px 0px 2px #ff8800; gives a link a shadow around it when hovering above it (on this case, the color is orange as well, but you can use different shades and colors).
 * transition: all 300ms; gives transition to the element. So rather than changing color and adding a shadow the moment you hover above it, it changes its style in a duration that you set. On this case, the "300ms" stand for 300 milliseconds- which are equivelent to 0.3 seconds.
 * As you can see, there also transitions like -ms-transition: all 300ms; and -o-transition: all 300ms;. They are just meant to give a support for the transition for more web browsers.

The bottom code (starting at line 8) gives the styling and transition when hovering above the link.

The upper code (first 7 lines) gives a transition when you move your mouse away from the link.

You can play around with this code and add/remove stylings.