From 03e68b2be24ea024eae645c47da1d4cb1773302a Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期五, 13 十月 2023 19:47:13 +0800
Subject: [PATCH] #
---
src/main/webapp/static/css/index.css | 122 ++++++++++++++++++++++++++++++----------
1 files changed, 92 insertions(+), 30 deletions(-)
diff --git a/src/main/webapp/static/css/index.css b/src/main/webapp/static/css/index.css
index 6a5137e..547a1f5 100644
--- a/src/main/webapp/static/css/index.css
+++ b/src/main/webapp/static/css/index.css
@@ -1,43 +1,100 @@
-/* 瀵艰埅 */
-.nav {
- background-color: #FFFF00; /*todo*/
- color: #000;
- list-style-type: none;
- position: fixed;
- width: 100%;
+* {
+ margin: 0;
overflow: hidden;
- box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}
-.nav li {
- float: left;
- border-right: 1px solid #e1e100; /*todo*/
+html,body {
+ height: 100%;
}
-.nav li a {
- font-size: 16px;
- letter-spacing: 1px;
- display: block;
+
+.sidebar {
+ width: 8%;
+ height: 40%;
+ line-height: 5.625em;
+ position: fixed;
+ top: 50%;
+ transform: translateY(-50%);
+}
+.nav ul {
+ font-size: 1.25em;
+ font-weight: 500;
+ padding-left: 5%;
+}
+.nav a {
+ position: relative;
text-decoration: none;
- padding: 12px 16px;
- text-align: center;
+ margin-left: 0.625em;
+ font-weight: 500;
}
-.nav li a:hover {
- color: #000;
+.nav a:hover {
+ color: #fff;
}
-.nav li.right {
- float: right;
+/* Effect 4: bottom border enlarge */
+.cl-effect-4 a {
+ padding: 0 0 0.625em;
}
+
+.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 4: bottom border enlarge */
+/* .sidebar ul {
+ font-size: 20px;
+ font-weight: 500;
+ padding-left: 5%;
+
+}
+.sidebar a {
+ text-decoration: none;
+}
+
+.sidebar a:hover {
+ color: rgb(255, 148, 111);
+} */
+
+
.nav-unselect {
- color: #666;
+ color: #FFFFFF;
}
.nav-select {
- background-color: #ffe75c; /*todo*/
- color: #000;
+ font-weight: 900;
+ color: #fff;
}
-/*搴曢儴*/
+
+
+
+/* 娑撹缍� */
+iframe {
+ width: 100%;
+ height: 100%;
+ border-width: 0;
+}
+/* 鎼存洟鍎� */
footer {
- border-top: 1px solid #e3e3e3;
+ /* border-top: 1px solid #e3e3e3; */
position: fixed;
bottom: 0;
right: 0;
@@ -46,15 +103,20 @@
font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
box-shadow: 0 -1px 2px 0 rgba(0,0,0,.0);
box-sizing: border-box;
- background-color: #fff;
+ background-color: rgb(108,167,168);
z-index: 999;
- height: 30px;
+ height: 20px;
font-size: 13px;
- line-height: 30px;
+ line-height: 20px;
+ background-color: #f1f1f1;
+ opacity: .7;
}
footer a {
color: #3573ab;
font-weight: bold;
text-decoration: none;
cursor: pointer;
-}
\ No newline at end of file
+}
+
+
+
--
Gitblit v1.9.1