diff options
| author | Frederick Yin <fkfd@fkfd.me> | 2023-11-25 18:03:47 -0500 |
|---|---|---|
| committer | Frederick Yin <fkfd@fkfd.me> | 2023-11-25 18:03:47 -0500 |
| commit | 9d52a80558bf83ff0bcf7ff6d037c9c42dcca49a (patch) | |
| tree | 0d0f1d4844eaabe21b5e529ba4d9ca6bc22b9b21 /alabaster-lite/css | |
| parent | 202e123e1bfdde3542bdebb7c2e63d58cae49062 (diff) | |
Different category icons on hover
Diffstat (limited to 'alabaster-lite/css')
| -rw-r--r-- | alabaster-lite/css/fkfd.css | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css index 0ef12f5..b617fee 100644 --- a/alabaster-lite/css/fkfd.css +++ b/alabaster-lite/css/fkfd.css @@ -272,3 +272,43 @@ div.footer a { mask-image: url("../img/icons/fediring_next.png"); -webkit-mask-image: url("../img/icons/fediring_next.png"); } + +#icon-projects:hover { + mask-image: url("../img/icons/projects-hover.png"); + -webkit-mask-image: url("../img/icons/projects-hover.png"); +} + +#icon-random:hover { + mask-image: url("../img/icons/random-hover.png"); + -webkit-mask-image: url("../img/icons/random-hover.png"); +} + +#icon-shitpost:hover { + mask-image: url("../img/icons/shitpost-hover.png"); + -webkit-mask-image: url("../img/icons/shitpost-hover.png"); +} + +#icon-ta:hover { + mask-image: url("../img/icons/ta-hover.png"); + -webkit-mask-image: url("../img/icons/ta-hover.png"); +} + +#icon-ham:hover { + mask-image: url("../img/icons/ham-hover.png"); + -webkit-mask-image: url("../img/icons/ham-hover.png"); +} + +#icon-comics:hover { + mask-image: url("../img/icons/comics-hover.png"); + -webkit-mask-image: url("../img/icons/comics-hover.png"); +} + +#icon-music:hover { + mask-image: url("../img/icons/music-hover.png"); + -webkit-mask-image: url("../img/icons/music-hover.png"); +} + +#icon-umich:hover { + mask-image: url("../img/icons/umich-hover.png"); + -webkit-mask-image: url("../img/icons/umich-hover.png"); +} |