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