summaryrefslogtreecommitdiff
path: root/alabaster-lite/css
diff options
context:
space:
mode:
Diffstat (limited to 'alabaster-lite/css')
-rw-r--r--alabaster-lite/css/alabaster.css29
1 files changed, 25 insertions, 4 deletions
diff --git a/alabaster-lite/css/alabaster.css b/alabaster-lite/css/alabaster.css
index e733917..94ad49d 100644
--- a/alabaster-lite/css/alabaster.css
+++ b/alabaster-lite/css/alabaster.css
@@ -583,6 +583,12 @@ div .category-block-container {
grid-template-columns: 320px 320px;
}
+div .webring-block-container {
+ display: grid;
+ gap: 0px;
+ grid-template-columns: 120px 120px 120px;
+}
+
@media screen and (max-width: 870px) {
div .category-block-container {
display: grid;
@@ -592,12 +598,12 @@ div .category-block-container {
}
}
-.category-block {
+.category-block, .webring-block {
display: grid;
text-align: center;
}
-.category-icon {
+.category-icon, .webring-icon {
display: block;
width: 120px;
height: 120px;
@@ -611,7 +617,7 @@ div .category-block-container {
}
@media (prefers-color-scheme: dark) {
- .category-icon {
+ .category-icon, .webring-icon {
background-color: white;
}
}
@@ -621,7 +627,10 @@ div .category-block-container {
margin-left: 130px;
margin-top: 40px;
font-size: 1.5em;
- font-variant-caps: small-caps;
+}
+
+.webring-text {
+ text-align: center;
}
#icon-projects {
@@ -654,6 +663,18 @@ div .category-block-container {
-webkit-mask-image: url("../img/icons/comics.png");
}
+#icon-fediring-prev {
+ mask-image: url("../img/icons/fediring_prev.png");
+}
+
+#icon-fediring {
+ mask-image: url("../img/icons/fediring.png");
+}
+
+#icon-fediring-next {
+ mask-image: url("../img/icons/fediring_next.png");
+}
+
/*
* basic.css