diff options
| -rw-r--r-- | alabaster-lite/css/fkfd.css | 118 |
1 files changed, 61 insertions, 57 deletions
diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css index 2ddb1ac..16547d8 100644 --- a/alabaster-lite/css/fkfd.css +++ b/alabaster-lite/css/fkfd.css @@ -165,7 +165,7 @@ div.footer a { /* * Custom home page for fkfd.me * Created on 2022-12-28 - * Last revision 2024-09-06 + * Last revision 2024-09-14 */ .category-block-container { @@ -252,34 +252,26 @@ div.footer a { margin-top: 20px; } +/* Category icons */ + #icon-projects { mask-image: url("../img/icons/projects.png"); -webkit-mask-image: url("../img/icons/projects.png"); } +#icon-projects:hover { + mask-image: url("../img/icons/projects-hover.png"); + -webkit-mask-image: url("../img/icons/projects-hover.png"); +} + #icon-random { mask-image: url("../img/icons/random.png"); -webkit-mask-image: url("../img/icons/random.png"); } -#icon-shitpost { - mask-image: url("../img/icons/shitpost.png"); - -webkit-mask-image: url("../img/icons/shitpost.png"); -} - -#icon-ta { - mask-image: url("../img/icons/ta.png"); - -webkit-mask-image: url("../img/icons/ta.png"); -} - -#icon-ham { - mask-image: url("../img/icons/ham.png"); - -webkit-mask-image: url("../img/icons/ham.png"); -} - -#icon-comics { - mask-image: url("../img/icons/comics.png"); - -webkit-mask-image: url("../img/icons/comics.png"); +#icon-random:hover { + mask-image: url("../img/icons/random-hover.png"); + -webkit-mask-image: url("../img/icons/random-hover.png"); } #icon-music { @@ -287,24 +279,24 @@ div.footer a { -webkit-mask-image: url("../img/icons/music.png"); } +#icon-music:hover { + mask-image: url("../img/icons/music-hover.png"); + -webkit-mask-image: url("../img/icons/music-hover.png"); +} + #icon-umich { mask-image: url("../img/icons/umich.png"); -webkit-mask-image: url("../img/icons/umich.png"); } -#icon-furry { - mask-image: url("../img/icons/furry.png"); - -webkit-mask-image: url("../img/icons/furry.png"); -} - -#icon-projects:hover { - mask-image: url("../img/icons/projects-hover.png"); - -webkit-mask-image: url("../img/icons/projects-hover.png"); +#icon-umich:hover { + mask-image: url("../img/icons/umich-hover.png"); + -webkit-mask-image: url("../img/icons/umich-hover.png"); } -#icon-random:hover { - mask-image: url("../img/icons/random-hover.png"); - -webkit-mask-image: url("../img/icons/random-hover.png"); +#icon-shitpost { + mask-image: url("../img/icons/shitpost.png"); + -webkit-mask-image: url("../img/icons/shitpost.png"); } #icon-shitpost:hover { @@ -312,24 +304,9 @@ div.footer a { -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-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"); +#icon-furry { + mask-image: url("../img/icons/furry.png"); + -webkit-mask-image: url("../img/icons/furry.png"); } #icon-furry:hover { @@ -337,21 +314,28 @@ div.footer a { -webkit-mask-image: url("../img/icons/furry-hover.png"); } -#icon-fediring-prev { - mask-image: url("../img/icons/fediring_prev.png"); - -webkit-mask-image: url("../img/icons/fediring_prev.png"); +#icon-ta { + mask-image: url("../img/icons/ta.png"); + -webkit-mask-image: url("../img/icons/ta.png"); } -#icon-fediring { - mask-image: url("../img/icons/fediring.png"); - -webkit-mask-image: url("../img/icons/fediring.png"); +#icon-ta:hover { + mask-image: url("../img/icons/ta-hover.png"); + -webkit-mask-image: url("../img/icons/ta-hover.png"); } -#icon-fediring-next { - mask-image: url("../img/icons/fediring_next.png"); - -webkit-mask-image: url("../img/icons/fediring_next.png"); +#icon-ham { + mask-image: url("../img/icons/ham.png"); + -webkit-mask-image: url("../img/icons/ham.png"); +} + +#icon-ham:hover { + mask-image: url("../img/icons/ham-hover.png"); + -webkit-mask-image: url("../img/icons/ham-hover.png"); } +/* Sidebar icons */ + #icon-about { mask-image: url("../img/icons/about.png"); -webkit-mask-image: url("../img/icons/about.png"); @@ -376,3 +360,23 @@ div.footer a { mask-image: url("../img/icons/x.png"); -webkit-mask-image: url("../img/icons/x.png"); } + +#icon-comics { + mask-image: url("../img/icons/comics.png"); + -webkit-mask-image: url("../img/icons/comics.png"); +} + +#icon-fediring-prev { + mask-image: url("../img/icons/fediring_prev.png"); + -webkit-mask-image: url("../img/icons/fediring_prev.png"); +} + +#icon-fediring { + mask-image: url("../img/icons/fediring.png"); + -webkit-mask-image: url("../img/icons/fediring.png"); +} + +#icon-fediring-next { + mask-image: url("../img/icons/fediring_next.png"); + -webkit-mask-image: url("../img/icons/fediring_next.png"); +} |