diff options
author | Frederick Yin <fkfd@fkfd.me> | 2023-01-17 20:07:38 +0800 |
---|---|---|
committer | Frederick Yin <fkfd@fkfd.me> | 2023-01-17 20:07:38 +0800 |
commit | bc52703ec0562b14fef68b3c874f67e2872e193c (patch) | |
tree | 5a92c2835a611b1fc2ef8b1a5ad8482a691f8234 /alabaster-lite/css | |
parent | 632adb669ba50343f017f06961e2c2b5c989ec2e (diff) |
Style: new category icons, fediring icons
Diffstat (limited to 'alabaster-lite/css')
-rw-r--r-- | alabaster-lite/css/alabaster.css | 29 |
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 |