summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFrederick Yin <fkfd@fkfd.me>2023-11-25 15:53:57 -0500
committerFrederick Yin <fkfd@fkfd.me>2023-11-25 15:53:57 -0500
commit8b7affb9896d8d68fc37bc81ace19cb05d0f2eba (patch)
tree163a9e26ce62455dd21f04cdb8479123ee142e6e
parentbbeea695a6d0c0a58be82813a691ac413dee8f3f (diff)
Remove header blocks in css
-rw-r--r--alabaster-lite/css/fkfd.css36
1 files changed, 3 insertions, 33 deletions
diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css
index e53df74..aa27b35 100644
--- a/alabaster-lite/css/fkfd.css
+++ b/alabaster-lite/css/fkfd.css
@@ -141,12 +141,6 @@ div.footer a {
* Last revision 2023-11-05
*/
-.header-block-container {
- display: grid;
- gap: 60px;
- grid-template-columns: 120px 120px 120px;
-}
-
.category-block-container {
display: grid;
gap: 20px;
@@ -160,27 +154,22 @@ div.footer a {
}
@media screen and (max-width: 870px) {
- .header-block-container {
- gap: 0px;
- }
-
.category-block-container {
/* one column only on narrow screens */
grid-template-columns: 320px;
}
}
-.header-block-container a,
.webring-block-container a {
text-decoration: none;
}
-.header-block, .category-block, .webring-block {
+.category-block, .webring-block {
display: grid;
text-align: center;
}
-.header-icon, .category-icon, .webring-icon {
+.category-icon, .webring-icon {
display: block;
width: 120px;
height: 120px;
@@ -197,15 +186,11 @@ div.footer a {
}
@media (prefers-color-scheme: dark) {
- .header-icon, .category-icon, .webring-icon {
+ .category-icon, .webring-icon {
background-color: white;
}
}
-.header-text {
- text-align: center;
-}
-
.category-text {
position: absolute;
margin-left: 130px;
@@ -217,21 +202,6 @@ div.footer a {
text-align: center;
}
-#icon-about {
- mask-image: url("../img/icons/about.png");
- -webkit-mask-image: url("../img/icons/about.png");
-}
-
-#icon-x {
- mask-image: url("../img/icons/x.png");
- -webkit-mask-image: url("../img/icons/x.png");
-}
-
-#icon-links {
- mask-image: url("../img/icons/links.png");
- -webkit-mask-image: url("../img/icons/links.png");
-}
-
#icon-projects {
mask-image: url("../img/icons/projects.png");
-webkit-mask-image: url("../img/icons/projects.png");