summaryrefslogtreecommitdiff
path: root/alabaster-lite
diff options
context:
space:
mode:
Diffstat (limited to 'alabaster-lite')
-rw-r--r--alabaster-lite/css/alabaster.css4
-rw-r--r--alabaster-lite/css/fkfd.css55
-rw-r--r--alabaster-lite/sidebars/links.html6
3 files changed, 42 insertions, 23 deletions
diff --git a/alabaster-lite/css/alabaster.css b/alabaster-lite/css/alabaster.css
index f5ad007..2343205 100644
--- a/alabaster-lite/css/alabaster.css
+++ b/alabaster-lite/css/alabaster.css
@@ -336,7 +336,7 @@ dl dd {
}
blockquote {
- margin: 0 0 0 30px;
+ margin: 0 0 0 10px;
padding: 0;
}
@@ -353,7 +353,7 @@ pre {
dl pre, blockquote pre, li pre {
margin-left: 0;
- padding-left: 30px;
+ padding-left: 10px;
}
dl dl pre {
diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css
index b33fd96..2ddb1ac 100644
--- a/alabaster-lite/css/fkfd.css
+++ b/alabaster-lite/css/fkfd.css
@@ -33,10 +33,25 @@ a:hover {
color: #206b8b;
}
+a.headerlink {
+ color: #004b6b;
+ margin-left: 0.5em;
+}
+
+a.headerlink:hover {
+ color: #206b8b;
+ background: none;
+}
+
summary {
color: #004b6b;
}
+blockquote {
+ padding-left: 20px;
+ border-left: 3px solid #656565;
+}
+
@media (prefers-color-scheme: dark) {
a {
color: #a5c5ff;
@@ -46,28 +61,21 @@ summary {
color: #cddfff;
}
- summary {
+ a.headerlink {
color: #a5c5ff;
}
-}
-
-a.headerlink {
- color: #004b6b;
- margin-left: 0.5em;
-}
-a.headerlink:hover {
- color: #206b8b;
- background: none;
-}
+ a.headerlink:hover {
+ color: #cddfff;
+ }
-@media (prefers-color-scheme: dark) {
- a.headerlink {
+ summary {
color: #a5c5ff;
}
- a.headerlink:hover {
- color: #cddfff;
+ blockquote {
+ padding-left: 20px;
+ border-left: 3px solid #a5c5ff;
}
}
@@ -157,7 +165,7 @@ div.footer a {
/*
* Custom home page for fkfd.me
* Created on 2022-12-28
- * Last revision 2023-11-05
+ * Last revision 2024-09-06
*/
.category-block-container {
@@ -284,6 +292,11 @@ div.footer a {
-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");
@@ -309,11 +322,6 @@ div.footer a {
-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");
@@ -324,6 +332,11 @@ div.footer a {
-webkit-mask-image: url("../img/icons/umich-hover.png");
}
+#icon-furry:hover {
+ mask-image: url("../img/icons/furry-hover.png");
+ -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");
diff --git a/alabaster-lite/sidebars/links.html b/alabaster-lite/sidebars/links.html
index a3ed869..192c68c 100644
--- a/alabaster-lite/sidebars/links.html
+++ b/alabaster-lite/sidebars/links.html
@@ -29,6 +29,12 @@
<span class="link-text">~x</span>
</div>
</a>
+ <a href="/comics/">
+ <div class="link-block">
+ <span class="link-icon" id="icon-comics"></span>
+ <span class="link-text">Comics</span>
+ </div>
+ </a>
</div>
<div class="webring-block-container">