1050 lines
20 KiB
CSS
1050 lines
20 KiB
CSS
|
|
.esriPopup {
|
|
user-select: none;
|
|
}
|
|
|
|
.esriPopup .titlePane .title {
|
|
overflow: hidden;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#mapView {
|
|
position: absolute;
|
|
right: 0;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#basemapToggleDiv {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
z-index: 30;
|
|
}
|
|
|
|
#leftCtrl {
|
|
position: absolute;
|
|
border: 1px solid lightgray;
|
|
width: 0;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
line-height: 26px;
|
|
font-size: 14px;
|
|
/*z-index:50;*/
|
|
/*background-color:white;*/
|
|
}
|
|
|
|
#rightCtrl {
|
|
position: absolute;
|
|
border: 1px solid black;
|
|
width: 0;
|
|
right: 0;
|
|
top: 120px;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
z-index: 30;
|
|
background-color: white;
|
|
}
|
|
|
|
#splitIcon {
|
|
position: absolute;
|
|
background-color: lightgray;
|
|
border: 1px solid #919191;
|
|
height: 45px;
|
|
width: 20px;
|
|
left: 1px;
|
|
/*top: 50%;*/
|
|
bottom: 50%;
|
|
z-index: 30;
|
|
}
|
|
|
|
#mapMeunDiv {
|
|
position: absolute;
|
|
top: 40px;
|
|
right: 110px;
|
|
z-index: 30;
|
|
}
|
|
|
|
#splitIconRight {
|
|
position: absolute;
|
|
background-color: lightgray;
|
|
border: 1px solid #919191;
|
|
height: 45px;
|
|
width: 20px;
|
|
right: 1px;
|
|
/*top: 50%;*/
|
|
bottom: 50%;
|
|
z-index: 30;
|
|
}
|
|
|
|
#mapAlertLayerDiv {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 100px;
|
|
z-index: 30;
|
|
background-color: #E8E8E8;
|
|
padding: 3px;
|
|
}
|
|
|
|
#basemapImg {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#basemapTitle {
|
|
position: absolute;
|
|
z-index: 2;
|
|
bottom: 0px;
|
|
width: 90%;
|
|
color: #4c4c4c;
|
|
margin: 0;
|
|
font-size: 10px;
|
|
line-height: 12px;
|
|
display: block;
|
|
padding: 2px 5%;
|
|
background: #fff;
|
|
background: rgba(255, 255, 255, 0.80);
|
|
-webkit-border-radius: 0 0 5px 5px;
|
|
-moz-border-radius: 0 0 5px 5px;
|
|
-o-border-radius: 0 0 5px 5px;
|
|
border-radius: 0 0 5px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
#basemapgalleryDiv {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
z-index: 29;
|
|
background-color: #EFEFEF;
|
|
height: 75px;
|
|
width: 75px;
|
|
border: solid 1px #57585A;
|
|
border-radius: 5px;
|
|
padding: 1px;
|
|
}
|
|
|
|
#basemapGallery {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
width: 370px;
|
|
height: 120px;
|
|
overflow: auto;
|
|
display: none;
|
|
z-index: 31;
|
|
background-color: #EFEFEF;
|
|
}
|
|
|
|
.leftcontent {
|
|
margin-left: 10px;
|
|
overflow: auto;
|
|
position: absolute;
|
|
top: 115px;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 410px;
|
|
}
|
|
|
|
.historypanel {
|
|
margin-left: 5px;
|
|
margin-bottom: 5px;
|
|
overflow: auto;
|
|
position: absolute;
|
|
height: 174px;
|
|
left: 0;
|
|
bottom: 0;
|
|
border-top: 1px solid gray;
|
|
width: 410px;
|
|
display: none; /*默认隐藏*/
|
|
}
|
|
|
|
.historypanel table td {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.machineitem {
|
|
padding-left: 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.machineitem:hover {
|
|
background-color: lightgray;
|
|
}
|
|
|
|
.machineitemchk {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.selectedmachine {
|
|
background-color: lightgray;
|
|
}
|
|
|
|
.otherinfo {
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
margin-left: 20px;
|
|
color: gray;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.otherinfo_big {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.tabheader {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid gray;
|
|
z-index: 10;
|
|
background-color: lightgray;
|
|
}
|
|
|
|
.tabheader:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tabheaderselected {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid gray;
|
|
border-bottom: 0;
|
|
z-index: 10;
|
|
background-color: white;
|
|
}
|
|
|
|
.tabheaderselected:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.notfirsttab {
|
|
border-left: 0;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.treelihassub {
|
|
list-style-type: none;
|
|
margin-left: 15px;
|
|
word-break: keep-all;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
.treelinosub {
|
|
list-style-type: none;
|
|
margin-left: 25px;
|
|
word-break: keep-all;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
.treeicone {
|
|
font-family: CalciteWebCoreIcons;
|
|
font-size: 10px;
|
|
cursor: default;
|
|
}
|
|
|
|
.treeicone:before {
|
|
content: '\e608';
|
|
}
|
|
|
|
.treeiconc {
|
|
font-family: CalciteWebCoreIcons;
|
|
font-size: 10px;
|
|
cursor: default;
|
|
}
|
|
|
|
.treeiconc:before {
|
|
content: '\e607';
|
|
}
|
|
|
|
|
|
#refreshTimeDiv {
|
|
position: absolute;
|
|
right: 55px;
|
|
bottom: 25px;
|
|
background-color: #eee;
|
|
font-weight: bold;
|
|
color: black;
|
|
z-index: 30;
|
|
}
|
|
|
|
#locationhistoryDiv {
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
background-color: lightgray;
|
|
z-index: 30;
|
|
min-width: 1000px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#tripDiv {
|
|
position: absolute;
|
|
border: 1px solid black;
|
|
left: 0px;
|
|
bottom: 52px;
|
|
background-color: white;
|
|
z-index: 30;
|
|
width: 550px;
|
|
/*padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;*/
|
|
overflow: hidden;
|
|
height: 450px;
|
|
}
|
|
|
|
|
|
#loadingDiv {
|
|
position: absolute;
|
|
top: 90px;
|
|
right: 45px;
|
|
z-index: 30;
|
|
/*background-color: #EFEFEF;*/
|
|
padding: 10px;
|
|
width: 25px;
|
|
height: 25px;
|
|
font-family: 'CalciteWebCoreIcons';
|
|
text-align: center;
|
|
/*line-height: 70px;*/
|
|
font-size: 25px;
|
|
}
|
|
|
|
.loadingmach:before {
|
|
content: '\e61a';
|
|
}
|
|
|
|
.icnmach {
|
|
font-family: 'CalciteWebCoreIcons';
|
|
}
|
|
|
|
.icn-spinmach {
|
|
-webkit-animation: icn-spin 1.2s infinite linear;
|
|
animation: icn-spin 1.2s infinite linear;
|
|
}
|
|
|
|
@-webkit-keyframes icn-spinmach {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
@keyframes icn-spinmach {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.tb_parameter {
|
|
line-height: 26px;
|
|
}
|
|
|
|
.tb_parameter input, .tb_parameter select {
|
|
margin-left: 5px;
|
|
width: 180px;
|
|
}
|
|
|
|
.tb_parameter select {
|
|
height: 20px;
|
|
width: 183px;
|
|
}
|
|
|
|
.td_paramtype {
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.hisicon::before {
|
|
font-family: FontAwesome;
|
|
content: '\f1da';
|
|
font-weight: bold;
|
|
}
|
|
|
|
.deleteicon::before {
|
|
font-family: FontAwesome;
|
|
content: '\f00d';
|
|
font-weight: bold;
|
|
color: rgb(123,28,33);
|
|
}
|
|
|
|
.pointer:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#filterIconDiv {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 400px;
|
|
z-index: 30;
|
|
/*background-color: #EFEFEF;*/
|
|
padding: 10px;
|
|
width: 25px;
|
|
height: 25px;
|
|
text-align: center;
|
|
/*line-height: 70px;*/
|
|
font-size: 20px;
|
|
}
|
|
|
|
.filtericon {
|
|
font-family: FontAwesome;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.filtericon::before {
|
|
content: '\f0b0';
|
|
}
|
|
|
|
.clearbtn:before {
|
|
content: '\f00d';
|
|
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.iconpicup:before {
|
|
content: '\f077';
|
|
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
|
font-size: 1.4em;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.iconpicdown:before {
|
|
content: '\f078';
|
|
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
|
font-size: 1.4em;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.iconalertsup:before {
|
|
content: '\f077';
|
|
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
|
font-size: 1.4em;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.iconalerts:before {
|
|
content: '\f0f3';
|
|
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
|
font-size: 1.4em;
|
|
font-weight: 900;
|
|
color: red;
|
|
}
|
|
|
|
#divassetview,
|
|
#divtimelineview {
|
|
position: absolute;
|
|
right: 0;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#divtimelineview {
|
|
background-color: white;
|
|
}
|
|
|
|
.machineitemlink {
|
|
display: inline-flex;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
/*float: left;*/
|
|
}
|
|
|
|
.switchon {
|
|
font-family: CalciteWebCoreIcons;
|
|
font-size: 13px;
|
|
cursor: default;
|
|
}
|
|
|
|
.switchon:before {
|
|
content: '\e613';
|
|
}
|
|
|
|
.switchoff {
|
|
font-family: CalciteWebCoreIcons;
|
|
font-size: 13px;
|
|
cursor: default;
|
|
}
|
|
|
|
.switchoff:before {
|
|
content: '\e612';
|
|
}
|
|
|
|
.unselectable {
|
|
/* 禁止选中 */
|
|
-moz-user-select: none; /*火狐*/
|
|
-webkit-user-select: none; /*webkit浏览器*/
|
|
-ms-user-select: none; /*IE10*/
|
|
user-select: none;
|
|
}
|
|
|
|
.traffic {
|
|
font-family: FontAwesome;
|
|
font-size: 24px;
|
|
cursor: default;
|
|
}
|
|
|
|
.traffic::before {
|
|
content: '\f637';
|
|
}
|
|
|
|
.weathericon {
|
|
font-family: FontAwesome;
|
|
font-size: 23px;
|
|
cursor: default;
|
|
}
|
|
|
|
.weathericon::before {
|
|
content: '\f746';
|
|
}
|
|
|
|
|
|
#mapmenu {
|
|
min-width: 200px;
|
|
max-width: 400px;
|
|
/*padding: 0;*/
|
|
/*background-color: #e6e6e6;*/
|
|
position: absolute;
|
|
z-index: 999;
|
|
/*padding: 6px;*/
|
|
background-color: #F6F6F6;
|
|
outline: 0;
|
|
border: 1px solid #d6d6d6;
|
|
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.24);
|
|
box-shadow: 0 0 6px rgba(0,0,0,.24);
|
|
box-sizing: content-box;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
display: none;
|
|
}
|
|
|
|
#mapmenu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#mapmenu ul li {
|
|
font-size: 1.1em;
|
|
display: flex;
|
|
overflow: hidden;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#mapmenu ul li:hover {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
#mapmenu ul li a,
|
|
#mapmenu ul li a:visited {
|
|
color: #000;
|
|
text-decoration: none;
|
|
display: list-item;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
padding-left: 10px;
|
|
border-bottom: 1px solid #eaeaea;
|
|
}
|
|
|
|
#mapmenu ul li a:hover {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mapmenuicon {
|
|
width: 16px;
|
|
max-height: 16px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.menuicon {
|
|
min-height: 24px;
|
|
line-height: 24px;
|
|
vertical-align: middle;
|
|
margin-left: 6px;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.menuicon:before {
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
|
|
.menuiconmap:before {
|
|
background: url('../img/modules/Map.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconfilterq:before {
|
|
background: url('../img/modules/filterq.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconjobsite:before {
|
|
background: url('../img/modules/jobsite.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconpmalerts:before {
|
|
background: url('../img/modules/assethealth.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconcredentials:before {
|
|
background: url('../img/modules/credentials.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconpmsecurity:before {
|
|
background: url('../img/modules/security.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconassets:before {
|
|
background: url('../img/modules/devices.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconfic:before {
|
|
background: url('../img/modules/ficmanagement.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconm3:before {
|
|
background: url('../img/modules/fitracker.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconjobsitelimit:before {
|
|
background: url('../img/modules/jobsitelimit.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconotrconfig:before {
|
|
background: url('../img/modules/otrconfig.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconinspection:before {
|
|
background: url('../img/modules/inspection.png?t=10') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuiconteam:before {
|
|
background: url('../img/modules/teamintelligence.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuicondashboard:before {
|
|
background: url('../img/modules/dashboards.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.menuicondispatch:before {
|
|
background: url('../jobSite/img/dispatch.png?t=9') no-repeat top left /18px 18px;
|
|
}
|
|
/*.menuiconwsp:before {
|
|
font-family: CalciteWebCoreIcons, FontAwesome;
|
|
content: '\f200';
|
|
color: black;
|
|
font-size: 1.4em;
|
|
color: rgb(123,28,33);
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: 900;
|
|
}*/
|
|
.menuiconwsp:before {
|
|
background: url('../img/modules/dashboard.png?t=8') no-repeat top left /18px 18px;
|
|
}
|
|
|
|
.div_check {
|
|
width: 30px;
|
|
position: relative;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.la1_check {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 0;
|
|
left: 0px;
|
|
background-color: gray;
|
|
border: 1px solid black;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.la1_check::after {
|
|
opacity: 0;
|
|
content: "";
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 5px;
|
|
top: 4px;
|
|
left: 5px;
|
|
border: 3px solid white;
|
|
border-right: none;
|
|
border-top: none;
|
|
transform: rotate(-50deg);
|
|
}
|
|
/* 选中check1中的input如果它为选中状态 那我们改变伪类的透明度让√显示出来 */
|
|
.div_check input[type=checkbox]:checked + .la1_check::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.tripaddress_span {
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
width: 180px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
line-height: 0.9;
|
|
}
|
|
|
|
.QuickLoad:before {
|
|
content: '\f051';
|
|
font-family: FontAwesome;
|
|
font-size: 2.4em;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.QuickLoading:before {
|
|
content: '\f110';
|
|
font-family: FontAwesome;
|
|
font-size: 2.4em;
|
|
}
|
|
|
|
.TripReport:before {
|
|
content: '\f4d7';
|
|
font-family: FontAwesome;
|
|
font-size: 2.4em;
|
|
}
|
|
|
|
.icondetail:before {
|
|
font-family: FontAwesome;
|
|
content: '\f05a';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.icondetail1:before {
|
|
font-family: FontAwesome;
|
|
content: '\f05a';
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconweather:before {
|
|
font-family: FontAwesome;
|
|
content: '\f746';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.icondirection:before {
|
|
content: '\f5eb';
|
|
font-family: FontAwesome;
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconlochis:before {
|
|
font-family: FontAwesome;
|
|
content: '\f1da';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconasset:before {
|
|
font-family: FontAwesome;
|
|
content: '\f7d2';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconmapworkorder:before {
|
|
font-family: FontAwesome;
|
|
content: '\f732';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconmaintenancerecord:before {
|
|
font-family: FontAwesome;
|
|
content: '\f073';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconmail:before {
|
|
font-family: FontAwesome;
|
|
content: '\f0e0';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconvideo:before {
|
|
font-family: FontAwesome;
|
|
content: '\f03d';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconmapmanagealerts:before {
|
|
font-family: FontAwesome;
|
|
content: '\f071';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconmapfuelrecord:before {
|
|
font-family: FontAwesome;
|
|
content: '\f52f';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconjobsite:before {
|
|
font-family: FontAwesome;
|
|
content: '\f85d';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.iconatta:before {
|
|
font-family: FontAwesome;
|
|
content: '\f0c6';
|
|
font-size: 2.4em;
|
|
font-weight: bold;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.assetsummaryinfo_div {
|
|
text-align: center;
|
|
margin-left: 40px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.assetdetailinfo_div b {
|
|
font-weight: 500;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.divicon_left {
|
|
position: fixed;
|
|
background-color: #EFEFEF;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
margin-left: -10px;
|
|
margin-top: -10px;
|
|
padding: 5px 5px;
|
|
}
|
|
|
|
.divicon_bottom {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.postspeed {
|
|
font-family: "Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 35px;
|
|
/*box-shadow: inset 0px 0px 10px #131313, 0px 2px 18px rgba(0,0,0,0.5);*/
|
|
border: 5px solid;
|
|
border-radius: 106px;
|
|
border-color: red;
|
|
margin: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.notpostspeed {
|
|
font-family: "Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;
|
|
height: 100%;
|
|
width: 50px;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.speed {
|
|
font-family: "Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;
|
|
height: 100%;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.notspeed {
|
|
font-family: "Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.speedline {
|
|
height: 100%;
|
|
font-size: 40px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#assetsummary {
|
|
position: absolute;
|
|
border: 1px solid gray;
|
|
left: 0px;
|
|
background-color: white;
|
|
z-index: 50;
|
|
width: 520px;
|
|
overflow: hidden;
|
|
height: 460px;
|
|
overflow: auto;
|
|
padding: 0px 6px 6px 10px;
|
|
}
|
|
|
|
.assetsummaryplus:before {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
|
content: '\e620';
|
|
margin-right: 5px;
|
|
color: #0079c1;
|
|
}
|
|
|
|
.assetsummarytrigle {
|
|
position: relative;
|
|
width: 0px;
|
|
height: 0px;
|
|
/*padding: 8px;*/
|
|
background-color: #FFFFFF;
|
|
/*border: gray solid 1px;*/
|
|
/*border-radius: 3px;*/
|
|
z-index: 50;
|
|
}
|
|
|
|
.assetsummarytrigle:before {
|
|
box-sizing: content-box;
|
|
width: 0px;
|
|
height: 0px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: -16px;
|
|
padding: 0;
|
|
border-right: 8px solid #FFFFFF;
|
|
border-top: 8px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
border-left: 8px solid transparent;
|
|
display: block;
|
|
content: '';
|
|
z-index: 12;
|
|
}
|
|
|
|
.assetsummarytrigle:after {
|
|
box-sizing: content-box;
|
|
width: 0px;
|
|
height: 0px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: -18px;
|
|
padding: 0;
|
|
border-right: 9px solid gray;
|
|
border-top: 9px solid transparent;
|
|
border-bottom: 9px solid transparent;
|
|
border-left: 9px solid transparent;
|
|
display: block;
|
|
content: '';
|
|
z-index: 10
|
|
}
|
|
|
|
.titlelink {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
.dropdown-wrapper > .dropdown-header > .dropdown-text {
|
|
line-height: 22px;
|
|
}
|
|
|
|
|
|
.divattp {
|
|
width: 300px;
|
|
margin-right: 10px;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
|
|
.divatt {
|
|
width: 120px;
|
|
height: 120px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
border: 1px solid #b0b0b0;
|
|
border-radius: 2px;
|
|
box-shadow: rgba(0, 0, 0, 0.4);
|
|
text-align: center;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
|
|
.picture {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
/*override*/
|
|
.context-menu-submenu:after {
|
|
border-width: 0.4em 0 0.4em 0.4em;
|
|
}
|