From 1f1a3c5443b74819efa1d22dbc6f5e455f02d95e Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Fri, 26 Jul 2024 06:27:06 +0000
Subject: [PATCH] Update file layout.html

---
 wiki/layout.html | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/wiki/layout.html b/wiki/layout.html
index 2da08564..c0d67740 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -48,29 +48,33 @@
         pointer-events: none;
       }
       .sidebar {
-      position: fixed;
-      left: 5px;
-      top: 280px;
-      width: 160px;
-      height: 40%;
-      background-color: #ffffff;
-      padding: 20px;
-      box-shadow: 2px 0 5px rgba(0,0,0,0.1);
-      border-radius: 20px;
+        position: fixed;
+        left: 5px;
+        top: 280px;
+        width: 160px;
+        height: 40%;
+        background-color: #ffffff;
+        padding: 20px;
+        box-shadow: 2px 0 5px rgba(0,0,0,0.1);
+        border-radius: 20px;
       }
       .sidebar ul {
-      list-style: none;
-      padding: 0;
+        list-style: none;
+        padding: 0;
       }
       .sidebar ul li a {
-      display: block;
-      padding: 10px;
-      color: hsl(17, 100%, 50%);
-      text-decoration: none;
+        display: block;
+        padding: 10px;
+        color: #fa8072;  /* Changed from hsl(17, 100%, 50%) to #fa8072 */
+        text-decoration: none;
+        transition: all 0.3s ease;  /* Added transition for smooth effect */
       }
       .sidebar ul li a:hover {
-      background-color: #e9ecef;
-      border-radius: 20px;
+        background-color: #fa8072;  /* Changed from #e9ecef to #fa8072 */
+        border-radius: 20px;
+        color: #ffffff;  /* Changed text color to white for better contrast */
+        transform: translateY(-3px);  /* Added slight lift effect */
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);  /* Added shadow for depth */
       }
 
       .progress-container {
-- 
GitLab