Links em fade

Oi de novo , infelizmente , hoje é páscoa e eu estou aqui postando : S

Mas , vamos mudar de assunto e vamos falar sobre feito em fade .

E já que no seu HTML tem um código sobre isso , procure pela primeira linha desse código :

a:link {
  text-decoration:none;
  color: $(link.color);
}
a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}
a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

Agora substitua isso , pelo código abaixo :

a:link {
color: #E9A1C0;
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC;
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070;
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

 Azul bebê : Sem passar o mouse

Lilás : Cor dos links visitados

Azul : Cor ao passar o mouse 

Laranja : Quanto maior o número , mais lento será a troca de cor 

E para colocar na sidebar , tire esse código :

.sidebar .widget a:link {
  color: $(widget.link.color);
  text-decoration: none;
}
.sidebar .widget a:visited {
  color: $(widget.link.visited.color);
}
.sidebar .widget a:hover {
  color: $(widget.link.color);
  text-decoration: underline;
} 

Obrigada Extras Place Fame