summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFrederick Yin <fkfd@fkfd.me>2024-09-14 21:23:16 -0400
committerFrederick Yin <fkfd@fkfd.me>2024-09-14 21:23:16 -0400
commit6d1be1e119e917acae5c073871c5e42a64fc5342 (patch)
tree67d7b8c056a2b1bef5c9778c650e644998470f94
parentbb8655dc2cc99859abb027edd10908cc2edb2f16 (diff)
Style: Sort icons in CSS
-rw-r--r--alabaster-lite/css/fkfd.css118
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");
+}