From c4b2cfbdc4b31a6e37a9b51c5f69620bd5e7841f Mon Sep 17 00:00:00 2001
From: pjb <pjb123456>
Date: 星期六, 23 八月 2025 08:38:58 +0800
Subject: [PATCH] wcs功能完善
---
src/main/webapp/static/css/index.css | 135 ++++++++++++++++++++++++++++++---------------
1 files changed, 90 insertions(+), 45 deletions(-)
diff --git a/src/main/webapp/static/css/index.css b/src/main/webapp/static/css/index.css
index 4416c24..7c5a292 100644
--- a/src/main/webapp/static/css/index.css
+++ b/src/main/webapp/static/css/index.css
@@ -1,74 +1,119 @@
* {
- margin: 0;
- overflow: hidden;
+ margin: 0;
+ overflow: hidden;
}
html,body {
- height: 100%;
+ height: 100%;
}
-.nav {
- width: 100%;
- height: 90px;
- line-height: 90px;
- list-style: none;
- color: #fff;
- position: fixed;
- text-align: center;
- letter-spacing:3px;
-
-}
+/*.nav {*/
+/* width: 100%;*/
+/* height: 90px;*/
+/* line-height: 90px;*/
+/* list-style: none;*/
+/* color: #fff;*/
+/* position: fixed;*/
+/* text-align: center;*/
+/* letter-spacing:3px;*/
+
+/*}*/
.right {
- float: right;
- margin-right: 1%;
- margin-top: 1%;
-
+ float: right;
+ margin-right: 1%;
+ margin-top: 1%;
+
}
#about {
- width: 47px;
- height: 47px;
- display: inline-block;
- background-image: url(../images/cancellation.png);
+ width: 47px;
+ height: 47px;
+ display: inline-block;
+ background-image: url(../images/cancellation.png);
}
.sidebar {
- width: 7%;
- height: 40%;
- line-height: 90px;
- position: fixed;
- top: 50%;
- transform: translateY(-50%);
-
+ width: 8%;
+ height: 40%;
+ line-height: 90px;
+ position: fixed;
+ top: 50%;
+ transform: translateY(-50%);
}
-.sidebar ul {
- font-size: 20px;
- font-weight: 500;
- padding-left: 15%;
+.nav ul {
+ font-size: 1.25em;
+ font-weight: 500;
+ padding-left: 5%;
}
-.sidebar a {
- text-decoration: none;
- /* color: #fff; */
+.nav a {
+ position: relative;
+ text-decoration: none;
+ margin-left: 0.625em;
+ font-weight: 500;
+}
+.nav a:hover {
+ color: #fff;
+}
+/* Effect 1: Brackets */
+.cl-effect-4 a {
+ padding: 0 0 0.625em;
}
-.sidebar a:hover {
- color: rgb(87,214,201);
+.cl-effect-4 a::after {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ width: 100%;
+ height: 0.0625em;
+ background: #fff;
+ content: '';
+ opacity: 0;
+ -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
+ -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
+ transition: height 0.3s, opacity 0.3s, transform 0.3s;
+ -webkit-transform: translateY(-0.625em);
+ -moz-transform: translateY(-0.625em);
+ transform: translateY(-0.625em);
}
+
+.cl-effect-4 a:hover::after,
+.cl-effect-4 a:focus::after {
+ height: 0.3125em;
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ transform: translateY(0px);
+}
+/* Effect 1: Brackets 馃憜*/
+/*.sidebar ul {*/
+/* font-size: 20px;*/
+/* font-weight: 500;*/
+/* padding-left: 5%;*/
+
+/*}*/
+/*.sidebar a {*/
+/* text-decoration: none;*/
+/* !*color: #cbcbcb;*!*/
+/*}*/
+
+/*.sidebar a:hover {*/
+/* color: rgb(255, 148, 111);*/
+/*}*/
.nav-unselect {
- color: #fff;
+ color: #FFFFFF;
}
-.nav-select {
- color: rgb(87,214,201);
+.nav-select {
+ font-weight: 900;
+ color: #fff;
}
-
/* 涓讳綋 */
iframe {
- width: 100%;
- height: 100%;
- border-width: 0;
+ width: 100%;
+ height: 100%;
+ border-width: 0;
}
/* 搴曢儴 */
footer {
--
Gitblit v1.9.1