2016-04-09 01:43:00 +08:00
|
|
|
.zones polygon {
|
|
|
|
fill-opacity: 0.25;
|
|
|
|
stroke-width: 2px;
|
|
|
|
}
|
|
|
|
.Active {
|
|
|
|
stroke: #ff0000;
|
|
|
|
fill: #ff0000;
|
|
|
|
}
|
|
|
|
.Inclusive {
|
|
|
|
stroke: #FFA500;
|
|
|
|
fill: #FFA500;
|
|
|
|
}
|
|
|
|
.Exclusive {
|
|
|
|
stroke: #800080;
|
|
|
|
fill: #800080;
|
|
|
|
}
|
|
|
|
.Preclusive {
|
|
|
|
stroke: #0000FF;
|
|
|
|
fill: #0000FF;
|
|
|
|
}
|
2019-10-30 06:06:03 +08:00
|
|
|
|
2020-08-31 22:10:50 +08:00
|
|
|
.zones, .ZonesImage {
|
2020-07-14 02:51:07 +08:00
|
|
|
position: relative;
|
|
|
|
width: 50%;
|
|
|
|
min-width: 500px;
|
2019-10-30 06:06:03 +08:00
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.ZonesImage img {
|
2020-07-14 02:51:07 +08:00
|
|
|
top:0;
|
|
|
|
left:0;
|
|
|
|
position: relative;
|
2019-10-30 06:06:03 +08:00
|
|
|
}
|
2020-08-31 22:10:50 +08:00
|
|
|
.ZonesImage svg {
|
2020-09-03 04:37:39 +08:00
|
|
|
width: 100%;
|
2020-08-31 22:10:50 +08:00
|
|
|
position:absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2020-09-03 04:37:39 +08:00
|
|
|
right: 0;
|
2020-08-31 22:10:50 +08:00
|
|
|
background: none;
|
|
|
|
}
|
2019-10-30 06:06:03 +08:00
|
|
|
|
|
|
|
#content {
|
2020-07-14 02:51:07 +08:00
|
|
|
width: 97%;
|
2019-10-30 06:06:03 +08:00
|
|
|
position: relative;
|
|
|
|
}
|
2020-08-31 22:10:50 +08:00
|
|
|
|
|
|
|
.Monitor:after {
|
|
|
|
content: ".";
|
|
|
|
display: block;
|
|
|
|
height: 0;
|
|
|
|
font-size: 0;
|
|
|
|
clear: both;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|