From 60edbee179c2a5af004f85799544346c9bdabfd8 Mon Sep 17 00:00:00 2001
From: cshenfu <men883234@gmail.com>
Date: 星期二, 28 三月 2023 11:23:14 +0800
Subject: [PATCH] change style
---
read_com/css/style.css | 106 ++++++++++++++++++++++++++---------------------------
1 files changed, 52 insertions(+), 54 deletions(-)
diff --git a/read_com/css/style.css b/read_com/css/style.css
index 837df83..d51d56a 100644
--- a/read_com/css/style.css
+++ b/read_com/css/style.css
@@ -10,6 +10,11 @@
width: 100%;
}
+a{
+ text-decoration:none;
+ color: black;
+}
+
.head{
padding: 10px 16px;
height: 56px;
@@ -24,24 +29,30 @@
border: none;
border-radius: 4px;
}
-.fbox{
- left: -20px;
+.xiedian{
+ transform: scale(0.5,0.5);
+ float: left;
+ position: relative;
+ left: -100px;
+ top: -200px;
}
+/* .fbox{
+ transform:scale(0.5,0.5);
+} */
.fbox,.fbox2 {
position: relative;
padding: 6px 16px;
- /* margin-left: 16px; */
- margin-top: 15px;
width: 242px;
height: 640px;
+ margin: 0;
+ margin-top: 200px;
+ float: left;
background: url(../images/bg.png) #fff no-repeat;
background-size: cover;
+ z-index: 0;
}
.fbox2{
transform:scale(-1,1);
- position: absolute;
- top:56px;
- left: 700px;
}
.fbox2 .mask{
position: absolute;
@@ -59,14 +70,6 @@
width: 100%;
height: 100%;
}
-
-
-/*
-.data {
- border-radius: 20px;
- border: 1px solid #000;
- background: #fff;
-} */
@@ -307,12 +310,6 @@
}
-/* .foot{
- margin: 10px;
- display: flex;
- justify-content: space-around;
- width: 600px;
-} */
.foot div,.region_data div{
border: 1px solid black;
@@ -329,29 +326,28 @@
font-size: 24px;
height: 24px;
margin: 33px 0px;
- background-color: #fff;
+ /* background-color: #fff; */
}
-.dataLeft{
+.foot{
+ float: left;
position: absolute;
- top: 100px;
- left: 240px;
+ top: -10px;
+ left: 100px;
+ display: flex;
+ justify-content: space-around;
+
}
-.dataRight{
+.region_data{
+ float: left;
position: absolute;
- top: 100px;
- left: 980px;
+ top: -10px;
+ right: -180px;
+ display: flex;
+ justify-content: space-around;
+
}
-.region_data .dataLeft{
- position: absolute;
- top: 100px;
- left: 1540px;
-}
-.region_data .dataRight{
- position: absolute;
- top: 100px;
- left: 1980px;
-}
+
@@ -473,6 +469,10 @@
background-size: cover;
}
+.foot,.region_data{
+ transform: scale(0.5,0.5);
+}
+
@@ -530,32 +530,27 @@
.chart_line{
width: 100%;
display: flex;
+ justify-content: space-evenly
}
.heatmap_box{
- width: 100%;
- height: 500px;
- min-width: 1000px;
+ position: relative;
+ left: -1325px;
+ border: 1px solid black;
+ height: 640px;
+ width: 3872px;
display: flex;
justify-content: baseline;
- margin: 80px;
+ margin-top: 80px;
+ transform: scale(0.3);
}
.heatmap_box div{
- width: 500px;
- height: 500px;
- /* background-color: gray; */
- margin: 80px;
+ width: 484px;
}
-.left_map{
- background: url(../images/bg.png) no-repeat center;
- background-size: 50% 100%;
-}
.right_map{
- background: url(../images/bg.png) no-repeat center;
- background-size: 50% 100%;
transform:scale(-1,1);
}
.right_map_top,.right_map_middle,.right_map_buttom{
@@ -573,9 +568,12 @@
}
#chart-container,#chart-container2 {
+ border: 1px solid black;
position: relative;
- height: 1500px;
- width: 1500px;
+ margin: 0 auto;
+ top: -100px;
+ height: 500px;
+ width: 500px;
overflow: hidden;
margin-bottom: 500px;
}
\ No newline at end of file
--
Gitblit v1.9.1