He puesto un pequeño toque psicodélico al blog. En versión escritorio o pantallas grandes tengo un estilo CSS con fondo claro y enlaces en azul. En cambio, para la versión en móviles, tengo desde hace algunas semanas un tema oscuro con enlaces de secciones, el footer y la lista de post en color turquesa. Pero quería darle un toque diferente a los enlaces dentro de cada post. Le había puesto el color #9fa0ff, y le he añadido un pequeño toque psicodélico con un subrayado que se va degradando en su color hacia un violeta o morado.
El código es este (entry-content, pccby y go_top son las class de mi css donde quiero que apliquen estas reglas):
.entry-content a, .pccby a, .go_top a {
color: #9fa0ff !important;
background: linear-gradient(135deg, #4e4f7d 10%, #9e36ac 100%);
background-position: bottom;
background-size: 100% 1px;
background-repeat: no-repeat;
text-decoration: none;
}
.entry-content a:hover, .pccby a:hover, .go_top a:hover {
background: none;
}
Así, los enlaces quedan de esta forma:
