2021-07-27 15:24:32 +08:00
|
|
|
.ui.message a .icon.remove {
|
2021-07-11 18:05:49 +08:00
|
|
|
position: absolute;
|
|
|
|
|
right: 1em;
|
2021-07-27 15:24:32 +08:00
|
|
|
top: 2em;
|
2021-07-11 18:05:49 +08:00
|
|
|
}
|
2022-04-07 10:21:38 +08:00
|
|
|
.grid.realtime-chart {
|
|
|
|
|
margin-left: 0.4em !important;
|
2022-04-07 18:31:21 +08:00
|
|
|
position: relative;
|
2021-07-11 18:05:49 +08:00
|
|
|
}
|
2022-04-07 10:21:38 +08:00
|
|
|
.grid.realtime-chart .column {
|
|
|
|
|
margin-bottom: 1em;
|
2022-04-07 18:31:21 +08:00
|
|
|
border: 1px rgba(0, 0, 0, 0.1) solid;
|
|
|
|
|
border-right: none;
|
2021-07-11 18:05:49 +08:00
|
|
|
}
|
2022-04-07 18:31:21 +08:00
|
|
|
.grid.realtime-chart .column.with-border {
|
|
|
|
|
border-right: 1px rgba(0, 0, 0, 0.1) solid;
|
2021-07-11 18:05:49 +08:00
|
|
|
}
|
2022-04-07 10:21:38 +08:00
|
|
|
.grid.realtime-chart .chart {
|
|
|
|
|
height: 10em;
|
2021-07-11 18:05:49 +08:00
|
|
|
}
|
2022-04-07 18:31:21 +08:00
|
|
|
.grid.realtime-chart a {
|
|
|
|
|
display: none;
|
|
|
|
|
font-size: 0.85em;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 1em;
|
|
|
|
|
}
|
|
|
|
|
.grid.realtime-chart .column:hover {
|
|
|
|
|
background: rgba(0, 0, 0, 0.03);
|
|
|
|
|
}
|
|
|
|
|
.grid.realtime-chart .column:hover a {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
2021-07-11 18:05:49 +08:00
|
|
|
.chart-box {
|
2021-12-05 18:59:20 +08:00
|
|
|
height: 14em;
|
|
|
|
|
}
|
|
|
|
|
.traffic-map-box {
|
|
|
|
|
height: 16em;
|
|
|
|
|
}
|
|
|
|
|
.traffic-map-box div::-webkit-scrollbar {
|
|
|
|
|
width: 4px;
|
2021-07-11 18:05:49 +08:00
|
|
|
}
|
2021-07-19 18:19:33 +08:00
|
|
|
h4 span {
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
color: grey;
|
|
|
|
|
}
|
2022-04-07 10:21:38 +08:00
|
|
|
.percent-box {
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.percent-box .detail {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
margin-top: -2em;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
}
|
|
|
|
|
.percent-box .detail .label {
|
|
|
|
|
color: grey;
|
|
|
|
|
}
|
|
|
|
|
.percent-box .detail .value {
|
|
|
|
|
font-size: 1.2em;
|
|
|
|
|
}
|
|
|
|
|
.percent-box .summary {
|
|
|
|
|
color: grey;
|
|
|
|
|
margin-top: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
.percent-box .summary span {
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
padding-left: 0.2em;
|
|
|
|
|
}
|
|
|
|
|
.percent-box .summary a {
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
}
|
|
|
|
|
/*# sourceMappingURL=index_plus.css.map */
|
