From 7d6dd8671e4fac4efdfcb14514027f3e2bf0e178 Mon Sep 17 00:00:00 2001
From: heshunme <heshunme@outlook.com>
Date: Sun, 14 Jul 2024 18:07:32 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=E9=87=8D=E6=9E=84=E4=BA=86=E9=83=A8?=
 =?UTF-8?q?=E5=88=86css=EF=BC=8C=E4=BD=86=E6=98=AF=E5=AE=9E=E5=9C=A8?=
 =?UTF-8?q?=E5=A4=AA=E4=B9=B1=E4=BA=86=EF=BC=8C=E6=9E=84=E4=B8=8D=E5=8A=A8?=
 =?UTF-8?q?=E8=BF=99=E5=9D=A8=E6=9E=84=E5=8F=B2=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/resources/css/styles.css | 232 ++++++++++-------------
 1 file changed, 105 insertions(+), 127 deletions(-)

diff --git a/src/main/webapp/resources/css/styles.css b/src/main/webapp/resources/css/styles.css
index 91116b5..89cac2f 100644
--- a/src/main/webapp/resources/css/styles.css
+++ b/src/main/webapp/resources/css/styles.css
@@ -69,16 +69,109 @@ footer {
     text-align: center;
 }
 
-.project-list li:hover, .liButton:hover {
+.project-button {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    margin: 5px;
+    padding: 10px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+    text-align: center;
+    display: inline-block;
+    width: auto; /* 调整按钮宽度，使其不占满整行 */
+}
+
+.project-button:hover {
     background-color: #f0f0f0;
 }
 
-/* Project form styling */
-/*.project-form {*/
-/*    background-color: #fff;*/
-/*    padding: 20px;*/
-/*    border: 1px solid #ddd;*/
-/*}*/
+/* 按钮样式 */
+.project-button {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    margin: 5px;
+    padding: 10px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+    text-align: center;
+    display: inline-block;
+    width: auto;
+}
+
+.project-button:hover {
+    background-color: #f0f0f0;
+}
+
+/* 保存按钮样式 */
+#saveButton, .saveButton {
+    background-color: #007bff;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+}
+
+#saveButton:hover {
+    background-color: #0056b3;
+}
+
+.btn {
+    background-color: #333;
+    color: #fff;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.btn:hover {
+    background-color: #555;
+}
+
+.edit-button {
+    background-color: #4CAF50; /* 绿色背景 */
+    color: white; /* 白色文字 */
+    border: none; /* 无边框 */
+    padding: 10px 20px; /* 内边距 */
+    text-align: center; /* 文字居中 */
+    text-decoration: none; /* 无下划线 */
+    display: inline-block; /* 行内块 */
+    font-size: 16px; /* 字体大小 */
+    margin: 4px 2px; /* 外边距 */
+    cursor: pointer; /* 鼠标指针 */
+    border-radius: 4px; /* 圆角 */
+    transition: background-color 0.3s; /* 背景色过渡效果 */
+}
+
+.edit-button:hover {
+    background-color: #45a049; /* 悬停时背景颜色 */
+}
+
+.cancel-button {
+    background-color: #ffffff; /* 红色背景 */
+    color: #000000; /* 黑色文字 */
+    border: none; /* 无边框 */
+    padding: 10px 20px; /* 内边距 */
+    text-align: center; /* 文字居中 */
+    text-decoration: none; /* 无下划线 */
+    display: inline-block; /* 行内块 */
+    font-size: 16px; /* 字体大小 */
+    margin: 4px 2px; /* 外边距 */
+    cursor: pointer; /* 鼠标指针 */
+    border-radius: 4px; /* 圆角 */
+    transition: background-color 0.3s; /* 背景色过渡效果 */
+}
+
+.cancel-button:hover {
+    background-color: #d2d2d2; /* 悬停时背景颜色 */
+}
+
+.project-list li:hover, .liButton:hover {
+    background-color: #f0f0f0;
+}
 
 .project-form label {
     display: block;
@@ -98,35 +191,6 @@ footer {
     resize: vertical;
 }
 
-.btn {
-    background-color: #333;
-    color: #fff;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-}
-
-.btn:hover {
-    background-color: #555;
-}
-
-/* Save button styling */
-.save_btn {
-    background-color: #4CAF50; /* Green background color */
-    color: white; /* White text color */
-    padding: 10px 20px; /* Padding for the button */
-    border: none; /* Remove default border */
-    border-radius: 5px; /* Rounded corners */
-    cursor: pointer; /* Pointer cursor on hover */
-    font-size: 16px; /* Font size */
-    transition: background-color 0.3s ease; /* Smooth transition for background color */
-}
-
-.save_btn:hover {
-    background-color: #45a049; /* Darker green on hover */
-}
 
 /* Project list item styling */
 #project-list, #user-list {
@@ -134,7 +198,7 @@ footer {
     background-color: #f9f9f9;
     padding: 20px;
     border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     max-width: 80%; /* 修改为百分比宽度，自适应屏幕 */
     margin: 20px auto;
     text-align: center;
@@ -146,28 +210,12 @@ footer {
     margin-bottom: 20px;
 }
 
-.project-button {
-    background-color: #fff;
-    border: 1px solid #ddd;
-    margin: 5px;
-    padding: 10px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-    text-align: center;
-    display: inline-block;
-    width: auto; /* 调整按钮宽度，使其不占满整行 */
-}
-
-.project-button:hover {
-    background-color: #f0f0f0;
-}
-
-#project-details,#user-info {
+#project-details, #user-info {
     font-family: Arial, sans-serif;
     background-color: #f9f9f9;
     padding: 20px;
     border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     max-width: 80%; /* 修改为百分比宽度，自适应屏幕 */
     margin: 20px auto;
 }
@@ -206,7 +254,7 @@ footer {
     background-color: #f9f9f9;
     padding: 20px;
     border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     max-width: 80%; /* 修改为百分比宽度，自适应屏幕 */
     margin: 20px auto;
 }
@@ -265,45 +313,12 @@ footer {
     text-align: center; /* 使每个选项内的文本居中 */
 }
 
-
-/* 按钮样式 */
-.project-button {
-    background-color: #fff;
-    border: 1px solid #ddd;
-    margin: 5px;
-    padding: 10px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-    text-align: center;
-    display: inline-block;
-    width: auto;
-}
-
-.project-button:hover {
-    background-color: #f0f0f0;
-}
-
-/* 保存按钮样式 */
-#saveButton,.saveButton {
-    background-color: #007bff;
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    border-radius: 5px;
-    cursor: pointer;
-    font-size: 16px;
-}
-
-#saveButton:hover {
-    background-color: #0056b3;
-}
-
 /* Section styling for About Me */
 #about-me {
     background-color: #fff; /* 白色背景 */
     padding: 20px; /* 内边距 */
     border-radius: 10px; /* 圆角边框 */
-    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* 盒子阴影 */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 盒子阴影 */
     max-width: 80%; /* 设置最大宽度 */
     margin: 20px auto; /* 垂直外边距和水平居中 */
 }
@@ -323,40 +338,3 @@ footer {
     color: #555; /* 文字颜色 */
 }
 
-.edit-button {
-    background-color: #4CAF50; /* 绿色背景 */
-    color: white; /* 白色文字 */
-    border: none; /* 无边框 */
-    padding: 10px 20px; /* 内边距 */
-    text-align: center; /* 文字居中 */
-    text-decoration: none; /* 无下划线 */
-    display: inline-block; /* 行内块 */
-    font-size: 16px; /* 字体大小 */
-    margin: 4px 2px; /* 外边距 */
-    cursor: pointer; /* 鼠标指针 */
-    border-radius: 4px; /* 圆角 */
-    transition: background-color 0.3s; /* 背景色过渡效果 */
-}
-
-.edit-button:hover {
-    background-color: #45a049; /* 悬停时背景颜色 */
-}
-
-.cancel-button {
-    background-color: #ffffff; /* 红色背景 */
-    color: #000000; /* 黑色文字 */
-    border: none; /* 无边框 */
-    padding: 10px 20px; /* 内边距 */
-    text-align: center; /* 文字居中 */
-    text-decoration: none; /* 无下划线 */
-    display: inline-block; /* 行内块 */
-    font-size: 16px; /* 字体大小 */
-    margin: 4px 2px; /* 外边距 */
-    cursor: pointer; /* 鼠标指针 */
-    border-radius: 4px; /* 圆角 */
-    transition: background-color 0.3s; /* 背景色过渡效果 */
-}
-
-.cancel-button:hover {
-    background-color: #d2d2d2; /* 悬停时背景颜色 */
-}
\ No newline at end of file