body {
|
/* position: relative; */
|
margin: 0 0;
|
font-family: Microsoft Yahei;
|
}
|
|
.background {
|
position: absolute;
|
left: 0;
|
top: 0;
|
bottom: 0;
|
width: 100%;
|
height: 100%;
|
min-height: 900px;
|
min-width: 1440px;
|
/* pointer-events: none; */
|
}
|
|
.head {
|
position: relative;
|
height: 10vh;
|
margin: 0;
|
color: #ffffff;
|
background-color: rgb(39, 39, 39);
|
box-shadow: 0px 5px 10px rgba(136, 136, 136, 0.308);
|
}
|
|
.head .title {
|
line-height: 10vh;
|
position: relative;
|
font-size: 1.5rem;
|
padding: 0rem 1rem;
|
vertical-align: middle;
|
}
|
|
.page {
|
padding: 0rem 0.5rem 0 0.5rem;
|
}
|
|
.page .horinzal {
|
width: 100vw;
|
position: relative;
|
display: flex;
|
justify-content: start;
|
align-items: center;
|
flex-wrap: wrap;
|
}
|
|
.card {
|
position: relative;
|
background-color: rgb(223, 223, 223);
|
padding: 1rem 1rem;
|
border-radius: 8px;
|
}
|
|
.multi-checkbox {
|
position: relative;
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
}
|
|
.card h2 {
|
margin: 0 0 10px 0;
|
padding: 0;
|
}
|
|
#container {
|
height: 50vh;
|
width: 50%;
|
}
|
|
.foot {
|
position: relative;
|
}
|
|
.flexbox {
|
display: box;
|
display: -webkit-box;
|
/* OLD - iOS 6-, Safari 3.1-6 */
|
display: -moz-box;
|
/* OLD - Firefox 19- (buggy but mostly works) */
|
display: -ms-flexbox;
|
/* TWEENER - IE 10 */
|
display: -webkit-flex;
|
/* NEW - Chrome */
|
display: flex;
|
}
|
|
.flexbox-col {
|
display: box;
|
display: -webkit-box;
|
/* OLD - iOS 6-, Safari 3.1-6 */
|
display: -moz-box;
|
/* OLD - Firefox 19- (buggy but mostly works) */
|
display: -ms-flexbox;
|
/* TWEENER - IE 10 */
|
display: -webkit-flex;
|
/* NEW - Chrome */
|
display: flex;
|
flex-direction: column;
|
}
|
|
.flex-space-between {
|
-webkit-box-pack: space-between;
|
-moz-justify-content: space-between;
|
-webkit-justify-content: space-between;
|
justify-content: space-between;
|
}
|
|
.flex-space-around {
|
-webkit-box-pack: space-around;
|
-moz-justify-content: space-around;
|
-webkit-justify-content: space-around;
|
justify-content: space-around;
|
}
|
|
.flexbox-wrap {
|
display: box;
|
display: -webkit-box;
|
/* OLD - iOS 6-, Safari 3.1-6 */
|
display: -moz-box;
|
/* OLD - Firefox 19- (buggy but mostly works) */
|
display: -ms-flexbox;
|
/* TWEENER - IE 10 */
|
display: -webkit-flex;
|
/* NEW - Chrome */
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.text-nowrap {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.match-width {
|
width: 100%;
|
}
|
|
.align-items-start {
|
align-items: flex-start;
|
-webkit-align-items: flex-start;
|
box-align: flex-start;
|
-moz-box-align: flex-start;
|
-webkit-box-align: flex-start;
|
vertical-align: top;
|
}
|
|
.align-items {
|
align-items: center;
|
-webkit-align-items: center;
|
box-align: center;
|
-moz-box-align: center;
|
-webkit-box-align: center;
|
vertical-align: middle;
|
}
|
|
.align-items-end {
|
align-items: flex-end;
|
-webkit-align-items: flex-end;
|
box-align: flex-end;
|
-moz-box-align: flex-end;
|
-webkit-box-align: flex-end;
|
vertical-align: top;
|
}
|
|
.flex-center {
|
-webkit-box-pack: center;
|
-moz-justify-content: center;
|
-webkit-justify-content: center;
|
justify-content: center;
|
}
|
|
.flex-end {
|
-webkit-box-pack: flex-end;
|
-moz-justify-content: flex-end;
|
-webkit-justify-content: flex-end;
|
justify-content: flex-end;
|
}
|
|
.time {
|
color: #ffffffde;
|
font-size: 12px;
|
}
|
|
.location {
|
color: #ffffff9d;
|
font-size: 12px;
|
vertical-align: middle;
|
/* background-color: violet; */
|
}
|
|
.big-number {
|
font-size: 2rem;
|
float: left;
|
}
|
|
.tag {
|
float: left;
|
margin-top: 20px;
|
margin-left: 6px;
|
font-size: 1rem;
|
padding: 6px 12px;
|
background-color: green;
|
border: 0px solid black;
|
border-radius: 16px;
|
-moz-border-radius: 16px;
|
/* Old Firefox */
|
}
|
|
.tag-2 {
|
padding: 2px 4px;
|
/* background-color: green; */
|
border: 1px solid white;
|
border-radius: 2px;
|
-moz-border-radius: 25px;
|
width: 120px;
|
/* Old Firefox */
|
}
|
|
.margin-top {
|
margin-top: 8px;
|
}
|
|
.margin-left {
|
margin-left: 24px;
|
}
|
|
.margin-left-8 {
|
margin-left: 8px;
|
}
|
|
.margin-right-8 {
|
margin-right: 8px;
|
}
|
|
.margin-left-2 {
|
margin-left: 2px;
|
}
|
|
.padding-h {
|
padding: 0 6px;
|
}
|
|
.padding-6 {
|
padding: 6px;
|
}
|
|
.rectangle {
|
min-width: 10px;
|
min-height: 10px;
|
/* width: 16px;
|
height: 16px; */
|
margin: 0px 4px 0px 0px;
|
border: 1px solid white;
|
border-radius: 4px;
|
padding: 2px 4px;
|
}
|
|
.nav-link {
|
cursor: pointer;
|
}
|
|
.loading {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
min-height: 900px;
|
min-width: 1440px;
|
background-color: #ffffff34;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
vertical-align: middle;
|
}
|
|
.loading-pic {
|
color: white;
|
}
|
|
table.easy-table {
|
position: relative;
|
display: block;
|
height: calc(94vh - var(--bevel-length-2));
|
min-height: calc(860px - var(--bevel-length-2));
|
font-size: 14px;
|
border-collapse: collapse;
|
text-align: center;
|
overflow-y: scroll;
|
}
|
|
table.easy-table th {
|
background-color: var(--bg-color-2);
|
border: 1px solid #ffffffce;
|
white-space: nowrap;
|
}
|
|
table.easy-table td {
|
cursor: pointer;
|
min-width: 50px;
|
border: 1px solid #ffffff49;
|
padding: 0 4px;
|
white-space: nowrap;
|
}
|
|
table.border-table tbody {
|
display: block;
|
overflow-y: scroll;
|
height: calc(94vh - var(--bevel-length-2) * 2);
|
min-height: calc(860px - var(--bevel-length-2) * 2);
|
}
|
|
table.border-table.small {
|
height: auto;
|
min-height: 0px;
|
}
|
|
table.small tbody {
|
overflow-y: hidden;
|
height: auto;
|
min-height: 0px;
|
}
|
|
table.border-table {
|
position: relative;
|
display: block;
|
table-layout: fixed;
|
height: calc(94vh - var(--bevel-length-2));
|
min-height: calc(860px - var(--bevel-length-2));
|
font-size: 14px;
|
border-collapse: collapse;
|
text-align: center;
|
/* overflow: scroll; */
|
/* overflow-y: scroll; */
|
}
|
|
table.border-table th {
|
cursor: pointer;
|
background-color: var(--bg-color-2);
|
border: 1px solid #ffffffce;
|
/* box-shadow: 0px 1.1px 2.5px #888888; */
|
white-space: nowrap;
|
}
|
|
table.border-table td {
|
cursor: pointer;
|
min-width: 60px;
|
border: 1px solid #ffffff49;
|
padding: 0 4px;
|
white-space: nowrap;
|
}
|
|
table.tr.tr-content:hover {
|
background-color: #23dad0a2;
|
}
|
|
table.text-table td {
|
cursor: pointer;
|
padding: 4px;
|
white-space: nowrap;
|
}
|
|
/* firefox */
|
.scrollbar {
|
scrollbar-color: dark;
|
}
|
|
/* chrome */
|
.scrollbar::-webkit-scrollbar {
|
width: 5px;
|
height: 0px;
|
border-radius: 10px;
|
background-color: #F5F5F5;
|
}
|
|
/* chrome */
|
.scrollbar::-webkit-scrollbar-thumb {
|
/*滚动条里面小方块*/
|
border-radius: 5px;
|
background-color: #15809F;
|
background-image: -webkit-linear-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
|
}
|
|
/* chrome */
|
.scrollbar::-webkit-scrollbar-track {
|
/*滚动条里面轨道*/
|
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
|
border-radius: 10px;
|
background-color: #CCCCCC;
|
}
|
|
.ff-input-range {
|
width: 40px;
|
height: 20px;
|
font-size: 12px;
|
}
|
|
/******************************************************/
|
.content-window-card {
|
position: relative;
|
box-shadow: none;
|
bottom: 0;
|
left: 0;
|
width: auto;
|
padding: 0;
|
}
|
|
.content-window-card p {
|
height: 2rem;
|
}
|
|
.custom-info {
|
border: solid 1px rgb(255, 255, 255);
|
}
|
|
div.info-top {
|
/* position: relative; */
|
}
|
|
div.info-top .sub-title {
|
color: #4de2dba2;
|
}
|
|
div.info-top i {
|
/* position: absolute;
|
top: 5px;
|
right: 5px; */
|
transition-duration: 0.25s;
|
}
|
|
div.info-top i:hover {
|
box-shadow: 0px 0px 5px #000;
|
}
|
|
div.info-middle {
|
padding: 0px 12px 4px 0px;
|
/* line-height: 20px; */
|
color: #ffffffde;
|
}
|
|
div.refresh-btn {
|
padding: 0px 6px;
|
text-align: right;
|
}
|
|
div.info-middle .time {
|
font-size: 10px !important;
|
/* padding: 4px 6px; */
|
line-height: 16px;
|
text-align: right;
|
margin-top: 20px;
|
margin-left: 60px;
|
color: var(--font-color)
|
}
|
|
div.info-middle .time-2 {
|
font-size: 10px !important;
|
/* padding: 4px 6px; */
|
line-height: 16px;
|
text-align: right;
|
margin-top: 20px;
|
margin-left: 60px;
|
color: #4de2db;
|
white-space: nowrap;
|
}
|
|
div.info-middle .text-table td {
|
text-align: right;
|
justify-content: center;
|
line-height: 12px
|
}
|
|
div.info-middle .text-table td.last-col {
|
text-align: left;
|
}
|
|
div.info-middle .text-table tr.divide {
|
/* line-height: 16px; */
|
border-bottom: 1px dashed #ffffff93;
|
}
|
|
div.info-middle .text-table-2 td {
|
text-align: left;
|
justify-content: center;
|
line-height: 10px;
|
font-size: 10px;
|
color: #4de2dba2;
|
}
|
|
div.info-bottom {
|
height: 0px;
|
width: 100%;
|
clear: both;
|
text-align: center;
|
}
|
|
div.info-bottom img {
|
position: relative;
|
z-index: 104;
|
}
|
|
.info-middle img {
|
float: left;
|
margin-right: 6px;
|
}
|
|
.marker-content {
|
border: 1px solid rgba(96, 96, 255, 0.473);
|
background-color: rgba(255, 255, 255, 0.8);
|
color: #333333;
|
/* color: #ffffff85; */
|
font-size: 8px !important;
|
white-space: nowrap;
|
padding: 2px 4px;
|
margin-left: -40px;
|
}
|
|
.form-check-label {
|
white-space: nowrap;
|
}
|
|
.text-close {
|
color: var(--font-color);
|
font-size: 16px;
|
padding: 0px 4px;
|
}
|
|
.text-clz {
|
/* background-color: aliceblue; */
|
font-size: 14px;
|
line-height: 16px;
|
}
|
