From 80f0389feeb30e5d86a5ba3cf9353f16262986a1 Mon Sep 17 00:00:00 2001 From: Alham Fikri Aji Date: Sat, 23 Nov 2024 21:02:35 +0400 Subject: [PATCH] Update group.html --- _pages/group.html | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/_pages/group.html b/_pages/group.html index 0bd0e18..7f67411 100644 --- a/_pages/group.html +++ b/_pages/group.html @@ -52,35 +52,35 @@ opacity: 1; } - /* Gradient Backgrounds */ + /* Solid Backgrounds with Glow on Hover */ .category-phd { - background: linear-gradient(to right, gold, gray); + background-color: gold; color: white; - transition: background 0.3s ease; + transition: box-shadow 0.3s ease; } .category-phd:hover { - background: gold; + box-shadow: 0 0 10px 5px rgba(184, 134, 11, 0.7); } .category-msc { - background: linear-gradient(to right, purple, gray); + background-color: purple; color: white; - transition: background 0.3s ease; + transition: box-shadow 0.3s ease; } .category-msc:hover { - background: purple; + box-shadow: 0 0 10px 5px rgba(128, 0, 128, 0.7); } .category-staff { - background: linear-gradient(to right, blue, gray); + background-color: blue; color: white; - transition: background 0.3s ease; + transition: box-shadow 0.3s ease; } .category-staff:hover { - background: blue; + box-shadow: 0 0 10px 5px rgba(0, 0, 139, 0.7); } .card-body { @@ -99,11 +99,16 @@ line-height: 1.2; } + /* Prevent Underline on Hover */ a.card-link { text-decoration: none; color: inherit; } + a.card-link:hover { + text-decoration: none; + } + .image-container { width: 100%; padding-top: 100%; /* Maintains square aspect ratio */