From 72c120049ba6db6eded053e3ba106c2e13696e82 Mon Sep 17 00:00:00 2001
From: mrzhssss <pro6@qq.com>
Date: 星期五, 21 一月 2022 12:38:54 +0800
Subject: [PATCH] 更新前端
---
src/main/webapp/static/css/style.css | 170 ++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 126 insertions(+), 44 deletions(-)
diff --git a/src/main/webapp/static/css/style.css b/src/main/webapp/static/css/style.css
index ecbd5f2..dcf0e4d 100644
--- a/src/main/webapp/static/css/style.css
+++ b/src/main/webapp/static/css/style.css
@@ -14,18 +14,36 @@
}
#top-tab {
width: 100%;
- height: 10%;
+ height: 109px;
background-image: url(../image/head_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
+#logo-bar {
+ width: 200px;
+ height: 109px;
+
+ position: absolute;
+
+
+
+}
+#top-tab img {
+ width: 200px;
+ height: 109px;
+ position: absolute;
+ top: -15px;
+ left: 20px;
+ transform: scale(0.6);
+
+}
+
#top-tab h1{
color:white;
line-height: 94px;
text-align: center;
}
-
#showTime {
width: 350px;
height: 80px;
@@ -37,23 +55,9 @@
text-align: center;
font-size: 20px;
}
-#showTime {
- float: right;
-}
-table,th,td {
- border: 1px solid #fff;
- cursor: default;
-
-}
-th {
- height: 50px;
- width: 50px;
- background-color: /* #223962 */#3a4a5a;
-}
-td {
- cursor: pointer;
-}
+
+
#main-tab {
margin-top: 1%;
@@ -62,16 +66,27 @@
color: #d9d9d9;
margin-left: 1%;
}
+#main-tab,th,td{
+ border: 1px solid #fff;
+ cursor: default;
+}
+#main-tab th {
+ height: 50px;
+ width: 50px;
+ background-color: /* #223962 */#3a4a5a;
+}
+
+
#main-tab td {
width: 50px;
height: 50px;
border-collapse: collapse;
text-align: center;
-
+ cursor: pointer;
}
-/*.normal {*/
-/* background-color: #009966;*/
-/*}*/
+/* .normal {
+ background-color: #009966;
+} */
.nor-mal {
background-color: #3a4a5a;
}
@@ -81,7 +96,7 @@
#details {
width: 98%;
height: 95%;
- background-color: rgba(255,255,255,1);
+ background-color: #FFF;
box-shadow: 0px 5px 20px #000;
border-radius: 15px;
position: relative;
@@ -90,6 +105,48 @@
display: none;
}
+#tips {
+ width: 30%;
+ height: 20%;
+ background-color: #FFF;
+ box-shadow: 0px 5px 20px #000;
+ border-radius: 15px;
+ position: relative;
+ top:30%;
+ left:35%;
+ display: none;
+}
+#tips h3 {
+ text-indent: 1em;
+ height: 40px;
+ line-height: 40px;
+ background-color: #2E4E7E;
+ color: #FFFFFF;
+}
+#text {
+ height: 100px;
+ width: 576px;
+/* background-color: #016165; */
+ font-size: 18px;
+ font-weight: 900;
+ text-indent: 2em;
+ line-height: 100px;
+}
+#closee {
+ display: inline-block;
+ color: #FFFFFF;
+ height: 30px;
+ width: 80px;
+ background-color: #354352;
+ border: 1px #354352;
+ border-radius: 30px;
+ position: relative;
+ left: 50%;
+ top: 5%;
+ transform: translate(-50% ,-30%);
+}
+
+
#details .head {
width: 100%;
height: 50px;
@@ -100,33 +157,58 @@
#details h2 {
display: inline-block;
}
-button {
+#close {
display: inline-block;
+ color: #FFFFFF;
height: 30px;
width: 80px;
- background-color: #009966;
- border: 1px #009966;
+ background-color: #354352;
+ border: 1px #354352;
border-radius: 30px;
- margin-top: 10px;
- margin-right: 10px;
-}
-/* 鐢樼壒鍥� */
-#details-tab {
- background-color: #282c35;
- width: 90%;
- height: 90%;
- margin-left: 5%;
-
-}
-#details-tab th {
- height: 50px;
- width: 50px;
-}
-#details-tab td {
- height: 50px;
- width: 50px;
+ margin-top: 20px;
+ margin-right: 50px;
}
+/* 鐢樼壒鍥� */
+#details-tab {
+ background-color: #FFF;
+ width: 98%;
+ margin-top: 1%;
+ margin-left: 1%;
+
+}
+#details-tab,th,td{
+ border: 1px solid #d9dce3;
+ cursor: default;
+
+}
+#details-tab th {
+ height: 35px;
+ width: 55px;
+}
+#details-tab td {
+ height: 28px;
+ text-align: center;
+ position: relative;
+}
+.loadBox {
+ width: 50px;
+ height: 50px;
+ background-color: #354352;
+ color: #FFFFFF;
+ font-size: 6px;
+}
+.gz-color {
+ height: 50px;
+ border: none;
+}
+
+.loadBox-2 {
+ width: 50px;
+ background-color: #354352;
+ color: #FFFFFF;
+ font-size: 1px;
+}
--
Gitblit v1.9.1