From 059270c12f452fcc3344b826f35295fd7c20906e Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 21 三月 2023 08:31:37 +0800
Subject: [PATCH] #
---
static/css/main.css | 246 ++++++++++++++++++++++++++++++------------------
1 files changed, 152 insertions(+), 94 deletions(-)
diff --git a/static/css/main.css b/static/css/main.css
index 0b69fc2..4e7bde0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,107 +1,166 @@
-body {
- font-family: sans-serif;
- /*font-weight: bold;*/
- font-size: 11px;
- background-color: #000;
- margin: 0;
-}
-canvas {
- display: block;
-}
-#btnhide {
+#label {
position: absolute;
- top: 37.5%;
- left: 100%;
- transform: translateY(50%);
- width: 10%;
- height: 10%;
- background: rgba(255,255,255,0.3);
- border: none;
- color: white;
- /*padding: 15px 32px;*/
- text-align: center;
- text-decoration: none;
- /*display: none;*/
- font-size: 16px;
- border-radius: 0px 5px 5px 0px;
-}
-#btnhide_m{
- position: absolute;
- top: 37.5%;
- left: 100%;
- transform: translateY(50%);
- width: 10%;
- height: 10%;
- border-radius: 0px 5px 5px 0px;
- background: rgba(143, 200, 227, 0.2);
- backdrop-filter: blur(1px);
-}
-#groundglass {
- position: absolute;
- top: 50%;
- left: 1%;
- transform: translateY(-50%);
- width: 20%;
- height: 95%;
- background: rgba(143, 200, 227, 0.2);
+ padding: 10px;
+ background: rgba(255, 255, 255, 0.6);
+ color: #212121;
+ font-family: "榛戜綋", serif;
border-radius: 5px;
- backdrop-filter: blur(1px);
- /*display: none;*/
+ display:none;
+ z-index: 99;
+ line-height: 130%;
+
+ max-height: 350px;
+ overflow-y: scroll;
}
+
#sidebar{
/*瀹氫綅*/
position: absolute;
- top: 50%;
- left: 1%;
+ top: 51%;
+ left: -20%;
+ /*left: 1%;*/
transform: translateY(-50%);
width: 20%;
- height: 95%;
+ height: 90%;
/*鐗规晥*/
background: rgba(255,255,255,0.3);
border-radius: 5px;
color: #ffffff;
- /*display: none;*/
+ z-index: 999;
+ box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
}
-#sidebar p1{
- height: 24px;
- font-family: FZChaoCuHei-M10S;
- font-weight: 900;
- font-size: 24px;
- text-indent: 2.5%;
- letter-spacing:1px;
- line-height: 25px;
- margin-top: 15px;
- margin-left: 2.5%;
- display: block;
+
+#sidebar-btn {
+ display: none;
+ position: absolute;
+ top: 37.5%;
+ left: 100%;
+ transform: translateY(50%);
+ width: 8%;
+ height: 10%;
+ background: rgba(255,255,255,0.3);
+ border: none;
+ color: white;
+ padding: 15px 3px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 16px;
+ border-radius: 0 3px 3px 0;
+ box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .1);
+ cursor: pointer;
}
-#sidebar p2{
- height: 10px;
- font-size: 5px;
- font-family: FZChaoCuHei-M10S;
- font-weight: 400;
- letter-spacing:0px;
- line-height: 8px;
- margin-top: 7px;
- transform: scale(0.8,0.8);
- padding-left: 5%;
+
+.sidebar-contain {
+ position: relative;
+ height: 100%;
}
-#Histogram{
- width: 100%;
- height: 280px;
- padding-left: 3%;
+
+.sidebar-header {
+ box-sizing: border-box;
+ height: 10%;
+ padding: 20px;
}
-#baobiao2 {
- width: 99%;
- height: 280px;
- padding-left: 3%;
+.sidebar-header .t {
+ font-family:"STHeiti",arial,sans-serif;
+ font-size: x-large;
+ letter-spacing: 2px;
+ color: #ffffff;
}
-.tablebox {
- height: 25%;
+.sidebar-header .i {
+ font-style: italic;
+ color: #e0e0e0;
+ font-size: 12px;
+ margin-top: 10px;
+ opacity: 0.7;
+}
+
+
+.sidebar-main {
+ box-sizing: border-box;
+ height: 90%;
+ padding: 20px 0;
+}
+
+
+.task-box {
+ box-sizing: border-box;
+ height: 15%;
+ padding: 10px 20px;
+}
+.task-title {
+ font-family:"STHeiti",arial,sans-serif;
+ font-size: small;
+ letter-spacing: 1px;
+ color: #ffffff;
+ margin-bottom: 15px;
+ margin-left: 10px;
+}
+.task-rbl {
+ background-color: #ffffff;
+ border-radius: 50px;
+ text-align: center;
+ height: 40px;
+ line-height: 40px;
+ opacity: .5;
+ float: left;
+ width: 60%;
+ margin-left: 10px;
+ /*box-shadow: 5px 5px 5px #999999 inset;*/
+}
+.task-select {
+ display: inline-block;
+ width: 20%;
+ border: none;
+ appearance:none;
+ outline: none;
+ text-align: center;
+ cursor: pointer;
+}
+
+.task-confirm {
+ float: right;
+ width: 20%;
+ background-color: #353B43;
+ /*box-shadow: 2px 5px 10px rgb(193, 193, 193) inset;*/
+ border-radius: 50px;
+ text-align: center;
+ height: 40px;
+ line-height: 40px;
+ margin-right: 10px;
+ cursor: pointer;
+ transition:all 300ms;
+ background-repeat: no-repeat;
+ background-position: top center;
+ background-size: 40% 55%;;
+ background-position-x: center;
+ background-position-y: center;
+ background-image: url("../img/out_btn.png");
+ /*background-image: linear-gradient(to bottom, red , yellow);*/
+}
+.task-confirm:hover {
+ opacity: 0.8;
+}
+
+
+
+.charts-box {
+ height: 85%;
+}
+
+#io-chart{
+ width: 95%;
+ height: 50%;
+ padding-left: 10px;
+}
+
+
+.io-msg {
+ height: 50%;
overflow: hidden;
position: relative;
- width: 95%;
- margin: 30px auto;
- /*background-color: rgba(6,26,103,1);*/
+ width: 90%;
+ box-sizing: border-box;
+ margin: 0 auto;
}
.tbl-header {
width: 100%;
@@ -116,27 +175,26 @@
top: 0;
left: 0;
}
-.tablebox table {
+.io-msg table {
width: 100%;
}
-.tablebox table th,
-.tablebox table td {
+.io-msg table th,
+.io-msg table td {
font-size: 12px;
color: #ffffff;
line-height: 15px;
text-align: center;
}
-.tablebox table tr th {
+.io-msg table tr th {
background-color: rgba(136,176,226,1);
- cursor: pointer;
}
-.tablebox table tr td {
+.io-msg table tr td {
background-color: transparent;
}
.tbl-body tr:nth-child(even) td,.tbl-body1 tr:nth-child(even) td {
background-color: rgba(136, 176, 226, 0.4);
}
-.tablebox table tr td span,
-.tablebox table tr td span {
+.io-msg table tr td span,
+.io-msg table tr td span {
font-size: 24px;
-}
\ No newline at end of file
+}
--
Gitblit v1.9.1