1363 lines
29 KiB
CSS
1363 lines
29 KiB
CSS
/* 字体颜色 */
|
|
body{
|
|
color: #464952;
|
|
}
|
|
.form-signin .input-group input,.logotitle,.sidebar ul li a,
|
|
.dropdown >a,.diagram>a{
|
|
color: #464952;
|
|
}
|
|
.diagram>.btn:hover{
|
|
color: #FFFFFF;
|
|
background-color: #237AF8;
|
|
}
|
|
|
|
/* 背景颜色 */
|
|
.navbar-header,.menu_bar,.navbar{
|
|
background-color: #fbfefd;
|
|
}
|
|
.menu_bar .device-ul{
|
|
background-color: rgba(212, 212, 212, 0.5);
|
|
padding: 2px;
|
|
}
|
|
.menu_bar .device-li:hover,
|
|
.menu_bar .device-li.active{
|
|
background-image: none;
|
|
background-color: #237AF8;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* 登录页面 li 鼠标悬停事件 */
|
|
.login-ul > li {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.login-ul > li > a {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
}
|
|
.login-ul > li > a > select{
|
|
cursor: pointer;
|
|
}
|
|
.login-ul > li > a:hover{
|
|
background-color: rgba(153, 153, 153, 0);
|
|
}
|
|
|
|
/* 输入框颜色 */
|
|
input[type="text"],textarea,input[type="password"]{
|
|
border-radius: 20px;
|
|
background-color: #F5F6FA;
|
|
border: 1px solid #5599FD;
|
|
box-shadow: rgba(15, 96, 244, 0) 0px 0px 20px;
|
|
color: #464952;
|
|
}
|
|
|
|
/* 背景图 */
|
|
.Body-Background{
|
|
background: url(../img/loginbg.jpg) left top/cover no-repeat !important;
|
|
}
|
|
.Login-Background{
|
|
background: url(../img/logininfo.png) no-repeat;
|
|
}
|
|
|
|
/* 总览页面 */
|
|
.body_bg{
|
|
background: url(../img/bg.jpg) no-repeat center/100% 100%;
|
|
}
|
|
#view-scroll a{
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.sidebar ul li a.active{
|
|
background: url(../img/MenuBar/bg_White.png) left;
|
|
background-size: calc(100% - 20px) 50px;
|
|
color: #237AF8;
|
|
}
|
|
.sidebar ul li a:hover{
|
|
background: url(../img/MenuBar/bg_White.png) left;
|
|
background-size: calc(100% - 20px) 50px;
|
|
}
|
|
.diagram-alarmCount, .view-alarmCount{
|
|
background-color: #E64E5B;
|
|
}
|
|
|
|
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
|
|
background-color: #F2F3FA;
|
|
}
|
|
.nav > li > a:focus{
|
|
background-color: #F2F3FA;
|
|
}
|
|
.nav > li > a:hover{
|
|
background-color: #F2F3FA;
|
|
}
|
|
.dropdown-menu{
|
|
background-color: #F5F6FA;
|
|
}
|
|
.dropdown-menu > ul > li > a{
|
|
color: #464952;
|
|
}
|
|
.dropdown-menu .divider{
|
|
background-color: #464952;
|
|
}
|
|
#alarmCount{
|
|
background-color: #E64E5B;
|
|
}
|
|
|
|
.diagram> .active{
|
|
background-color: #fbfefd;
|
|
color: #237AF8;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
}
|
|
.diagram label{
|
|
background-color: #F5F6FA;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
box-shadow: 0px 6px 10px 0px rgba(1, 102, 254, 0.1);
|
|
}
|
|
.btn:active, .btn.active{
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
background-color: #237af8;
|
|
color: #FFFFFF;
|
|
border-color:#237af8;
|
|
}
|
|
|
|
#view-scroll{
|
|
margin: 8px 0px 0px 8px;
|
|
width: calc(99.5%);
|
|
}
|
|
#view-scroll.iView-scroll{
|
|
margin-left: 160px;
|
|
}
|
|
#page-wrapper .row{
|
|
margin-top: 8px;
|
|
margin-left: -7px;
|
|
}
|
|
|
|
/* MDC 首页 */
|
|
.MdcMenu{
|
|
height: 48px;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
}
|
|
.MdcMenu table,.MdcMenu tr td{
|
|
background-color: #F5F6FC;/*rgb(222, 226, 246);*/
|
|
}
|
|
.MdcMenu tr td.selected{
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
color: #237AF8;
|
|
}
|
|
.MdcMenu tr td:hover{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* iView 3.0 历史 */
|
|
.record-title{
|
|
height: 48px;
|
|
border: 2px solid rgb(35, 122, 248);
|
|
}
|
|
.record-title a{
|
|
color: #464952;
|
|
}
|
|
.record-title table,.record-title table tr td{
|
|
background-color: #F5F6FC;
|
|
}
|
|
.record-title table tr td:hover{
|
|
background-color: #ffffff;
|
|
}
|
|
.record-title table tr td.selected{
|
|
background-color: #237af8;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
color: #ffffff;
|
|
}
|
|
.record-title table tr td.selected a{
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
.cabinet_body{
|
|
background-image: none;
|
|
background-color: #FBFEFD;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.3);
|
|
}
|
|
|
|
/* MDC 机柜背景图 */
|
|
.UPS{
|
|
background:url('../img/mdc/ups_White.png');
|
|
}
|
|
.RACK{
|
|
background:url('../img/mdc/rack_White.png');
|
|
}
|
|
.AC{
|
|
background:url('../img/mdc/ac_White.png');
|
|
}
|
|
.UNUSE{
|
|
background:url('../img/mdc/unuse_White.png');
|
|
}
|
|
.CELL{
|
|
background:url('../img/mdc/cell_White.png');
|
|
}
|
|
.RECTIFIER{
|
|
background:url('../img/mdc/rectifier_White.png');
|
|
}
|
|
.HVDC{
|
|
background:url('../img/mdc/hvdc_White.png');
|
|
}
|
|
|
|
.cabinet-box .cabinet-body{
|
|
background-color: rgba(39, 47, 66, 0);
|
|
box-shadow: 0px 2px 20px 0px rgba(140, 146, 172, 0.5);
|
|
}
|
|
.cabinet-box .cabinet-body > div{
|
|
background-color: #F5F6FC;
|
|
color: #464952;
|
|
border-radius: 0px;
|
|
}
|
|
.thermal .cabinet-body{
|
|
border: rgb(208, 212, 232) 3px solid;
|
|
}
|
|
|
|
/* MDC 机柜告警边框颜色 */
|
|
.device .normal{
|
|
border: rgb(208, 212, 232) 3px solid;
|
|
box-shadow: 0px 2px 20px 0px rgba(140, 146, 172, 0.5);
|
|
-webkit-box-shadow: 0px 2px 20px 0px rgba(140, 146, 172, 0.5);
|
|
}
|
|
.device .alarmUrgent{
|
|
border:rgb(236, 93, 160) 3px solid;
|
|
box-shadow: 0px 2px 20px 0px rgba(219, 63, 118,1);
|
|
-webkit-box-shadow: 0px 2px 20px 0px rgba(219, 63, 118,1);
|
|
-moz-box-shadow: 0px 2px 20px 0px rgba(219, 63, 118,1);
|
|
}
|
|
.device .alarmImportant{
|
|
border:rgb(231, 191, 6) 3px solid;
|
|
box-shadow: 0px 2px 20px 0px rgba(243, 220, 86,1);
|
|
-webkit-box-shadow: 0px 2px 20px 0px rgba(243, 220, 86,1);
|
|
-moz-box-shadow: 0px 2px 20px 0px rgba(243, 220, 86,1);
|
|
}
|
|
.device .alarmCommon{
|
|
border:rgb(36, 122, 250) 3px solid;
|
|
box-shadow: 0px 2px 20px 0px rgba(100, 172, 253,1);
|
|
-webkit-box-shadow: 0px 2px 20px 0px rgba(100, 172, 253,1);
|
|
-moz-box-shadow: 0px 2px 20px 0px rgba(100, 172, 253,1);
|
|
}
|
|
.device .alarmTip{
|
|
border:#17C06B 3px solid;
|
|
box-shadow: 0px 2px 20px 0px rgba(24, 212, 121,1);
|
|
-webkit-box-shadow: 0px 2px 20px 0px rgba(24, 212, 121,1);
|
|
-moz-box-shadow: 0px 2px 20px 0px rgba(24, 212, 121,1);
|
|
}
|
|
.device .disable{
|
|
border:#5E687F 3px solid;
|
|
box-shadow: 0px 2px 20px 0px rgba(127, 140, 171, 1);
|
|
-webkit-box-shadow: 0px 2px 20px 0px rgba(127, 140, 171,1);
|
|
-moz-box-shadow: 0px 2px 20px 0px rgba(127, 140, 171,1);
|
|
}
|
|
|
|
.cabinet{
|
|
color: #464952;;
|
|
}
|
|
.cabinet .cabinet-title{
|
|
background-color: rgba(8, 9, 13, 0);
|
|
}
|
|
|
|
/** 天窗 */
|
|
#skyFalling.normal{
|
|
margin: 0.5vh 0px;
|
|
background: url(../img/mdc/AisleNormal_White.png) no-repeat;
|
|
background-size: 100% 18vh;
|
|
}
|
|
#skyFalling.alarm{
|
|
margin: 0.5vh 0px;
|
|
background: url(../img/mdc/AisleAlarm_White.png) no-repeat;
|
|
background-size: 100% 18vh;
|
|
}
|
|
|
|
.tableTop{
|
|
background-color: #E64E5B;
|
|
}
|
|
|
|
/* MDC 摄像头 */
|
|
.camera_left.cameraNormal,.camera_right.cameraNormal{
|
|
width: 4vw;
|
|
height: 4vw;
|
|
background: url('../img/mdc/CameraBall_Normal.png') no-repeat center;
|
|
background-size: 3vw 3vw;
|
|
}
|
|
.camera_left.cameraDisconnect,.camera_right.cameraDisconnect{
|
|
width: 4vw;
|
|
height: 4vw;
|
|
background: url('../img/mdc/CameraBall.png') no-repeat center;
|
|
background-size: 3vw 3vw;
|
|
}
|
|
|
|
/* MDC 实时告警 */
|
|
.Play-Screen{
|
|
background-color: #fbfefd;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
.Play-Screen-Button{
|
|
border-top: 1px solid #DDDDDF;
|
|
}
|
|
.Play-Screen-Button .box{
|
|
background: #247AFA;
|
|
color: #FFFFFF;
|
|
}
|
|
.Play-Screen-Button .box:before{
|
|
border-top: 20px solid #247AFA;
|
|
}
|
|
|
|
.root-cheek .filer_body{
|
|
width: 8vw;
|
|
height: 3vw;
|
|
position: absolute;
|
|
top: -2vh;
|
|
right: 0vh;
|
|
z-index: 3;
|
|
line-height: 3vh;
|
|
}
|
|
/* MDC 告警弹出框 */
|
|
.modal-content, .dialog_box{
|
|
background-color:#FFFFFF;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
.modal-header,.table_body thead, table thead,.table_body tbody, table tbody{
|
|
background-color:#FFFFFF;
|
|
}
|
|
.mdcBelow{
|
|
background-color: #EFF3FE;
|
|
}
|
|
.modal-content .modal-header, .dialog_box .alarm_table_body{
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0);
|
|
}
|
|
.modal-content .input-password > div{
|
|
width: 500px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.modal-content .input-password label{
|
|
width: 100px;
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
}
|
|
.modal-content .input-password input{
|
|
width: 300px;
|
|
display: inline-block;
|
|
}
|
|
/* 64节温场 */
|
|
.node-temp-body .body-caliper,
|
|
.body-temperature table tr td{
|
|
border: 1px solid #FFFFFF;
|
|
}
|
|
.node-edit-config .modal-header,
|
|
.node-edit-view .modal-header{
|
|
border-bottom: 1px solid #d5daeb;
|
|
background-color:#FFFFFF;
|
|
}
|
|
.node-edit-config,.node-edit-view{
|
|
border: 1px solid #d5daeb;
|
|
}
|
|
.add-temperature{
|
|
border: 1px solid #d5daeb;
|
|
}
|
|
.Test-Box-Choose table tr td.point{
|
|
border: 1px solid #000000;
|
|
}
|
|
.edit-img-temp{
|
|
border: 1px solid #d5daeb;
|
|
}
|
|
.edit-temp .edit-temp-modal{
|
|
border: 1px solid #d5daeb;
|
|
}
|
|
.active-alarm-body thead tr td,
|
|
.active-alarm-body thead tr th,
|
|
.alarm-list-table .alarm-table-time td,
|
|
.alarm-list-table td.alarm-table-level,
|
|
.alarm-list-table td.alarm-table-name{
|
|
border-bottom: 1px solid #D5DAEB;
|
|
}
|
|
|
|
.table-bordered{
|
|
border: 1px solid #D5DAEB;
|
|
background-color: #d7dcee;
|
|
}
|
|
.table > thead > tr > th,
|
|
.table > tbody > tr > th,
|
|
.table > tfoot > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > tbody > tr > td,
|
|
.table > tfoot > tr > td{
|
|
border-bottom: 1px solid #D5DAEB;
|
|
}
|
|
|
|
.modal-content button.close{
|
|
background-color: #f75ea9;
|
|
}
|
|
.modal-content button.close:hover{
|
|
background-color: #EB5D9E;
|
|
}
|
|
.modal-content button.close i{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* 按钮 */
|
|
.btn-default{
|
|
background-color: #fbfefd;
|
|
border-color: #237af8;
|
|
}
|
|
.btn-default:hover,
|
|
.btn-default:focus,
|
|
.btn-default.focus,
|
|
.btn-default:active,
|
|
.btn-default.active{
|
|
background-color: #fbfefd;
|
|
color: #333;
|
|
border-color: #237af8;
|
|
}
|
|
.btn-danger{
|
|
background-color: #EB5D9E;
|
|
border-color: #f45da7;
|
|
}
|
|
.btn-danger:hover,
|
|
.btn-danger:focus,
|
|
.btn-danger.focus,
|
|
.btn-danger:active,
|
|
.btn-danger.active{
|
|
background-color: #f45da7;
|
|
border-color:#f45da7;
|
|
}
|
|
.alarmLevel3{
|
|
color:#EB5D9E;
|
|
}
|
|
.btn-warning{
|
|
background-color: #ED8B31;
|
|
border-color:#f69132;
|
|
}
|
|
.btn-warning:hover,
|
|
.btn-warning:focus,
|
|
.btn-warning.focus,
|
|
.btn-warning:active,
|
|
.btn-warning.active{
|
|
background-color: #f69132;
|
|
}
|
|
.alarmLevel2{
|
|
color:#ED8B31;
|
|
}
|
|
.btn-info,.btn-primary{
|
|
background-color: #247AFA;
|
|
border-color:#247cff;
|
|
}
|
|
.btn-info:hover,
|
|
.btn-info:focus,
|
|
.btn-info.focus,
|
|
.btn-info:active,
|
|
.btn-info.active,
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary.focus,
|
|
.btn-primary:active,
|
|
.btn-primary.active{
|
|
background-color: #247cff;
|
|
border-color:#247cff;
|
|
}
|
|
.alarmLevel1{
|
|
color:#247AFA;
|
|
}
|
|
.btn-success{
|
|
background-color: #5cb85c;
|
|
border-color:#66c666;
|
|
}
|
|
.btn-success:hover,
|
|
.btn-success:focus,
|
|
.btn-success.focus,
|
|
.btn-success:active,
|
|
.btn-success.active{
|
|
background-color: #66c666;
|
|
border-color:#66c666;
|
|
}
|
|
.alarmLevel0{
|
|
color:#5cb85c;
|
|
}
|
|
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
|
|
background-color: #B9C0DD;
|
|
border: 1px solid #B9C0DD;
|
|
color: #464952;
|
|
}
|
|
.form-control{
|
|
background-color: #F5F6FA;
|
|
border: 1px solid #5599FD;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
color: #464952;
|
|
}
|
|
|
|
.pagination > .active > a, .pagination > .active > span,
|
|
.pagination > .active > a:hover, .pagination > .active > span:hover,
|
|
.pagination > .active > a:focus, .pagination > .active > span:focus{
|
|
background-color: #4F96FB;
|
|
color: #FFFFFF;
|
|
}
|
|
.pagination > li > a, .pagination > li > span{
|
|
color: #656779;
|
|
}
|
|
|
|
.camera-plugin{
|
|
/*background-color: #EFF3FA;*/
|
|
}
|
|
|
|
.panel-default{
|
|
background-color: rgba(0, 0, 0, 0);
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
.panel-default > .panel-heading{
|
|
background-color: #f5f6fc;
|
|
color: #656779;
|
|
}
|
|
|
|
.asset-head{
|
|
background-color: #EFF3FA;
|
|
}
|
|
|
|
.panel-group .panel{
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.rackDevice,.rackDevice-selected{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
/* Room 首页 */
|
|
.diagram-tab{
|
|
background-color: #F5F6FA;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
box-shadow: 0px 6px 10px 0px rgba(1, 102, 254, 0.1);
|
|
}
|
|
|
|
/* 告警总览表 */
|
|
.page-header{
|
|
color: #656779;
|
|
}
|
|
.panel-red .panel-heading, .panel-yellow .panel-heading,
|
|
.panel-blue .panel-heading, .panel-green .panel-heading{
|
|
background-color: #EFF3FA;
|
|
}
|
|
.panel-footer{
|
|
background-color: #EFF3FA;
|
|
}
|
|
|
|
.panel-red,.panel-red .panel-heading{
|
|
border-color: #EB5D9E;
|
|
color: #EB5D9E;
|
|
}
|
|
.panel-yellow,.panel-yellow .panel-heading{
|
|
border-color:#ED8B31;
|
|
color: #ED8B31;
|
|
}
|
|
.panel-blue,.panel-blue .panel-heading{
|
|
border-color:#247AFA;
|
|
color: #247AFA;
|
|
}
|
|
.panel-green,.panel-green .panel-heading{
|
|
border-color:#5cb85c;
|
|
color: #5cb85c;
|
|
}
|
|
|
|
#rollBtn,#rollAlarm,#rollInfo{
|
|
color: #656779;
|
|
}
|
|
|
|
.table-hover > tbody > tr:hover {
|
|
background-color:#EFF3FA;
|
|
}
|
|
|
|
.div_content{
|
|
background-color: #EFF3FA;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
border: 1px solid #5599FD;
|
|
}
|
|
|
|
/* 编辑器 */
|
|
.editor-menu{
|
|
background-color: #FFFFFF;
|
|
border: 2px solid #cacaca;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
color: #464952 !important;
|
|
}
|
|
.is-show-div{
|
|
background-color: #FFFFFF;
|
|
border: 2px solid #cacaca;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
color: #464952 !important;
|
|
top: -2px;
|
|
width: 25px;
|
|
}
|
|
.editor button{
|
|
border:2px solid rgb(222, 226, 246);
|
|
background-color: rgb(255, 255, 255);
|
|
box-shadow: 0px 6px 10px 0px rgba(1, 102, 254, 0.1);
|
|
}
|
|
.editor_lock.true{
|
|
background-color: rgb(222, 226, 246);
|
|
border-color: rgb(222, 226, 246);
|
|
}
|
|
|
|
.image-preview{
|
|
background-color: #b9c0dd;
|
|
}
|
|
|
|
|
|
input.btn-default{
|
|
color: #464952;
|
|
border: 1px solid #5599FD;
|
|
}
|
|
input[type="file"]{
|
|
background-color: #EFF3FA;
|
|
/*background-color: #B9C0DD;*/
|
|
border: 1px solid #5599FD;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
input.btn-default:hover, select.btn-default:hover,
|
|
input.btn-default:focus, select.btn-default:focus,
|
|
input.btn-default.focus, select.btn-default.focus,
|
|
input.btn-default:active, select.btn-default:active,
|
|
input.btn-default.active, select.btn-default.active,
|
|
.open > .dropdown-toggle.btn-default{
|
|
color: #464952;
|
|
background-color: #fbfefd;
|
|
border: 1px solid #5599FD;
|
|
}
|
|
|
|
/* 组态白色样式 */
|
|
.white_bg{
|
|
border: 1px solid rgba(32, 100, 202, 0.12);
|
|
border-radius: 10px;
|
|
/*opacity: 0.9;*/
|
|
background-image:none;
|
|
background-color: #FFFFFF;
|
|
box-shadow:0px 2px 20px 0px rgba(140, 146, 172, 1);
|
|
}
|
|
.white_bg .signal_title{
|
|
padding: 4px 16px;
|
|
border-bottom: 1px solid rgba(32, 100, 202, 0.12);
|
|
margin-bottom: 6px;
|
|
color: #464952;
|
|
}
|
|
.white_bg .table_signal_body_value i{
|
|
/*color: #FFFFFF;*/
|
|
}
|
|
|
|
.show-font-chart{
|
|
background-color: #f5f5f5;
|
|
border: 1px solid rgba(32, 100, 202, 0.12);
|
|
}
|
|
.image-signal-body .diagram-sigimg-title{
|
|
color: #464952;
|
|
}
|
|
.image-signal-body .diagram-sigimg-value{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.device_info_btn{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
/* 组态值样式 */
|
|
.signal-value-disconnect{
|
|
background-color:#b9c0dd;
|
|
border: #b9c0dd solid 1px;
|
|
color: #464952;
|
|
}
|
|
.signal-value-normal{
|
|
background-color:#0BCF6D;
|
|
border: #0BCF6D solid 1px;
|
|
color: #FFFFFF;
|
|
}
|
|
.signal-value-alarm{
|
|
background-color:#ED7720;
|
|
border: #ED7720 solid 1px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.ExpressionSymbol li{
|
|
border: 1px solid #025aff;
|
|
background-color: #247afa;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/*本地图片选择*/
|
|
.topology-img-div{
|
|
background-color: #b9c0dd;
|
|
border: 1px solid #5599FD;
|
|
}
|
|
div.topology-expand-div{
|
|
background-color: #b9c0dd;
|
|
}
|
|
.topology-img-div:hover div{
|
|
background-color: #b9c0dd;
|
|
}
|
|
|
|
/* 表格组态 */
|
|
.nts-table .nts-held{
|
|
background-color: #b9c0dd;
|
|
}
|
|
|
|
/* 时间 */
|
|
table{
|
|
background-color: #b9c0dd;
|
|
}
|
|
.datepicker>table>thead>tr>th>.btn-default,
|
|
.datepicker>table>tbody>tr>td>.btn-default{
|
|
background-color: #fbfefd;
|
|
color: #464952;
|
|
}
|
|
.text-muted{
|
|
color: #82879a;
|
|
}
|
|
|
|
.border, .border tr,
|
|
.border tr td,
|
|
.border tr th{
|
|
border: #b9c0dd solid 1px;
|
|
}
|
|
|
|
select, select.btn-default{
|
|
background-color: #FFFFFF;
|
|
color: #464952;
|
|
border: 1px solid #5599FD;
|
|
box-shadow: rgba(15, 96, 244, 0) 0px 0px 20px;
|
|
}
|
|
|
|
/* KPI */
|
|
.charts_div .charts_a>div:nth-child(1),.charts_div .table_div{
|
|
color: #464952;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid rgba(32, 100, 202, 0.12);
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
|
|
/* 视频 */
|
|
.camera-menu,.split-area{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.camera_color,
|
|
.camera-menu .title span,
|
|
.camera-menu .parasAdjust span{
|
|
color: #464952;
|
|
}
|
|
.camera-menu .tree ul li,
|
|
.split-area a{
|
|
color: #217CF6;
|
|
}
|
|
.camera-menu .title{
|
|
background-color: #F2F4FB;
|
|
border: 0px;
|
|
}
|
|
.camera-menu .parasAdjust span{
|
|
background: url(../img/video/parascontrol_White.png) no-repeat;
|
|
background-size: 116px 28px;
|
|
}
|
|
.camera-menu .parasAdjust span a{
|
|
background: none;
|
|
}
|
|
.camera-menu .parasAdjust span i{
|
|
background: none;
|
|
}
|
|
.split-area span.camera_view,
|
|
.split-area span.camera_record{
|
|
border: 1px solid #217CF6;
|
|
}
|
|
.input-group-addon{
|
|
border-radius: 20px;
|
|
background-color: #0166fe;
|
|
border: 1px solid #0166fe;
|
|
}
|
|
.record-search button{
|
|
background-color: #0166fe;
|
|
border-color: #0179ff;
|
|
}
|
|
.record-search button:hover{
|
|
background-color: #247cff;
|
|
border-color:#247cff;
|
|
}
|
|
|
|
|
|
/* 配置 => 配置管理 */
|
|
.nav-tabs{
|
|
border-bottom: 1px solid rgb(222, 226, 246);
|
|
}
|
|
.nav-tabs > li{
|
|
margin-right: 8px;
|
|
}
|
|
.nav-tabs > li > a{
|
|
background-color: #F5F6FA;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
box-shadow: 0px 6px 10px 0px rgba(1, 102, 254, 0.1);
|
|
margin-right:0px;
|
|
border-radius:0px;
|
|
}
|
|
.nav-tabs > li > a:hover{
|
|
color: #237AF8;
|
|
background-color: #FFFFFF;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
}
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li.active > a:focus{
|
|
background-color: #237af8;
|
|
color: #ffffff;
|
|
border: 2px solid rgb(222, 226, 246);
|
|
}
|
|
.nav-tabs a{
|
|
color: #464952;
|
|
}
|
|
.manage-top-div{
|
|
background-color: #d7dcee;
|
|
box-shadow: rgba(0, 0, 0, 0) 0px 0px;
|
|
}
|
|
.white_table_bottom{
|
|
background-color: #f5f6fc;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
|
|
/* 小机房 3D配置 */
|
|
.section,
|
|
.sectionBody,
|
|
.sectionHeader{
|
|
background-color: #d7dcee;
|
|
}
|
|
|
|
|
|
/* 门禁管理 - 时间组 */
|
|
.time_set_bg{
|
|
background-color: #D8DDEE;
|
|
}
|
|
.timeGroupCheck label i{
|
|
color: #464952;
|
|
}
|
|
.timeGroupCheck input[type="checkbox"]:checked + i{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#ControlDoor .td1{
|
|
background-color: #d7dcee;
|
|
}
|
|
#ControlDoor table tbody tr td{
|
|
border: 1px solid #B9C0DD;
|
|
}
|
|
|
|
|
|
.sk-wave .sk-rect{
|
|
background-color: #464952;
|
|
}
|
|
|
|
/* 指导 */
|
|
.help-notes-body{
|
|
background-image: url(../img/bg_Blue.jpg);
|
|
}
|
|
|
|
.templateProperty{
|
|
background-color: #d7dcee;
|
|
border: 1px solid #B9C0DD;
|
|
}
|
|
|
|
/* MDC配置 */
|
|
.Mdc_Aisle tr td{
|
|
border: 1px solid #B9C0DD;
|
|
}
|
|
.Mdc_Aisle tr td:hover{
|
|
background-color: #d7dcee;
|
|
}
|
|
.cabinet_title_color a{
|
|
color: #464952;
|
|
}
|
|
|
|
.config_mdc_marked{
|
|
color: #656779;
|
|
}
|
|
|
|
/* iView 3.0 功能弹出框 */
|
|
.navbar-top-links .dropdown-menu{
|
|
color: #464952;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #B9C0DD;
|
|
box-shadow: 0px 6px 10px 0px rgba(1, 102, 254, 0.1);
|
|
}
|
|
.navbar-static-top ul li.top-title a:hover,
|
|
.navbar-static-top ul li.top-title a.active{
|
|
/*background: url(../img/MenuBar/bg_White_2.png) 100% 100% no-repeat;*/
|
|
background: none;
|
|
color: #FFFFFF;
|
|
background-color: #237AF8;
|
|
}
|
|
|
|
/* 接口配置 */
|
|
.content_message{
|
|
color: #464952;
|
|
background-color: #d8ddee;
|
|
border: 1px solid #B9C0DD;
|
|
box-shadow: 0px 6px 10px 0px rgba(1, 102, 254, 0.1);
|
|
}
|
|
|
|
.iview-sidebar ul li a:focus{
|
|
background: none;
|
|
}
|
|
.iview-sidebar ul li a.active{
|
|
/*background: url(../img/MenuBar/bg_White.png) left;
|
|
background-size: 100% 50px;*/
|
|
background: none;
|
|
/*border-right: 5px solid #237AF8;*/
|
|
background-color: #237AF8;
|
|
color: #FFFFFF;
|
|
}
|
|
.iview-sidebar ul li a:hover{
|
|
/*background: url(../img/MenuBar/bg_White.png) left;*/
|
|
background: none;
|
|
/*border-right: 5px solid #237AF8;*/
|
|
background-color: #237AF8;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
/* 透明背景颜色 */
|
|
.body_transparent{
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* IView 3.0 登陆页面 */
|
|
.keyboard_box,.zn_box{
|
|
background: #d8ddee;
|
|
}
|
|
.c_panel,.i_button{
|
|
background-color: #d8ddee;
|
|
color: #464952;
|
|
}
|
|
|
|
/* 导航背景 */
|
|
.full-image{
|
|
background-image: url('../img/bg_Blue.jpg');
|
|
cursor: pointer;
|
|
border: 3px solid #464952;
|
|
}
|
|
|
|
/* 设备详情 - 确定告警 */
|
|
.alarm-remark{
|
|
color: #464952;
|
|
}
|
|
|
|
/* 组态编辑器 - 圆盘 */
|
|
.key-wheel{
|
|
background-color: #FFFFFF;
|
|
border: 2px solid #cacaca;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
color: #464952 !important;
|
|
}
|
|
.key-wheel .key-title{
|
|
border: 1px solid #cacaca;
|
|
}
|
|
.key-table tr td, .key-table tr th{
|
|
border: 1px solid #cacaca;
|
|
}
|
|
|
|
/* 告警弹出框 */
|
|
#pop{
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #cacaca;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
#popHead h2,#popHead #popClose,#popIntro a,#popTime{
|
|
color: #464952;
|
|
}
|
|
#popHead{
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #cacaca;
|
|
}
|
|
#popContent dl{
|
|
background-color: #d8ddee;
|
|
}
|
|
|
|
/* 表格组态页 */
|
|
.div-border{
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #cacaca;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
/* 表格实时值告警 */
|
|
.alarm-border{
|
|
border: 2px dashed #E64E5B;
|
|
color: #E64E5B;
|
|
}
|
|
/* 表格实时值中断 */
|
|
.disconnect-border{
|
|
border: 2px dashed #949bb8;
|
|
color: #949bb8;
|
|
}
|
|
|
|
/* 组态-实时图表 平均值、最大值、最小值 */
|
|
.white_bg .avg-max-min{
|
|
color: #464952;
|
|
}
|
|
|
|
/* License 提示颜色 */
|
|
.license_div a{
|
|
color: #464952;
|
|
}
|
|
.license_div a span{
|
|
color: #ff8300;
|
|
}
|
|
|
|
/* MDC历史告警 */
|
|
.alarm-level-3{
|
|
color: #EB5D9E;
|
|
}
|
|
.alarm-level-2{
|
|
color: #ED8B31;
|
|
}
|
|
.alarm-level-1{
|
|
color: #247AFA;
|
|
}
|
|
.alarm-level-0{
|
|
color: #5cb85c;
|
|
}
|
|
.cabinet_list .cabinet_name:hover,
|
|
.cabinet_list .cabinet_device:hover{
|
|
background-color: rgba(32, 122, 248, 0.5);
|
|
}
|
|
.device-list label.active{
|
|
color: #FFFFFF;
|
|
}
|
|
.history-alarm-body .btn-group .btn-primary,
|
|
.history-signal-body .btn-group .btn-primary{
|
|
background-color: rgba(36, 124, 255, 0.8);
|
|
border-color: rgba(36, 124, 255, 0.8);
|
|
}
|
|
.device-list-div label{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.switch-check{
|
|
background: #d8ddee;
|
|
}
|
|
|
|
/* 滚动条样式 默认 */
|
|
.scroll-easy::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.scroll-easy::-webkit-scrollbar-track { /*滚动条里面轨道*/
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* 组态列表 */
|
|
.view-show-hide i{
|
|
color: #464952;;
|
|
}
|
|
.view-show-hide i:hover{
|
|
color: rgba(70, 73, 82, 0.5);;
|
|
}
|
|
|
|
/*64节温场*/
|
|
.body-temperature{
|
|
background-color: rgba(227, 228, 234, 0);
|
|
}
|
|
.body-caliper .caliper{
|
|
background-color: #E3E4EA;
|
|
color: #464952;
|
|
}
|
|
.node-temp-title{
|
|
border: 2px solid rgb(222, 226, 246);
|
|
}
|
|
.node-temp-title table,.node-temp-title table tr td{
|
|
background-color: #F5F6FC;
|
|
}
|
|
.node-temp-title table tr td.selected{
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
/* 表格隔行变色 */
|
|
.table > thead > tr > td,
|
|
.table > thead > tr > th{
|
|
background-color: #D5DAEB;
|
|
}
|
|
.table tr:nth-child(even){
|
|
background-color: #e3e8f9;
|
|
}
|
|
.table tr:nth-child(odd){
|
|
background-color: #FFFFFF;
|
|
}
|
|
.table tr.odd{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.table tr.even{
|
|
background-color: #e3e8f9;
|
|
}
|
|
|
|
.alarm-list-table tr.odd,
|
|
.alarm-list-table tr.odd td{
|
|
background-color: #f5f6fc;
|
|
}
|
|
.alarm-list-table tr.even,
|
|
.alarm-list-table tr.even td{
|
|
background-color: #e3e8f9;
|
|
}
|
|
|
|
/* 加载页面 */
|
|
.page-load .background span{
|
|
color: #2e80fa;
|
|
}
|
|
|
|
/* 功能列表 */
|
|
.setting-body ul li a,
|
|
.setting-body ul li a:hover,
|
|
.setting-body ul li a:active{
|
|
color: #464952;
|
|
}
|
|
.setting-body ul li{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.setting-option .modal-content .model-body-footer{
|
|
background-color: #FFF;
|
|
}
|
|
.home-setting .modal-body table{
|
|
border-top: 10px solid #f5f6fc;
|
|
border-left: 10px solid #f5f6fc;
|
|
}
|
|
.home-setting .modal-body table tr td{
|
|
border-right: 10px solid #f5f6fc;
|
|
border-bottom: 10px solid #f5f6fc;
|
|
}
|
|
.home-setting .modal-body table tr td samp.dropdown-title{
|
|
color: #464952;
|
|
}
|
|
|
|
.key-table .select{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* VLC视频 */
|
|
.camera-view-vlc .camera-view .camera-plugin{
|
|
height: calc(100% - 50px);
|
|
background-color: #FFFFFF;
|
|
margin-bottom: 50px;
|
|
}
|
|
.camera-view-vlc .camera-view .camera-plugin > table{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.camera-view-vlc .camera-view .camera-function{
|
|
height: 50px;
|
|
background-color: #FFFFFF;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
width: calc(100% - 320px);
|
|
}
|
|
.camera-view-vlc .camera-view .camera-function div.function{
|
|
display: inline-block;
|
|
width: 40px;
|
|
margin-right: 20px;
|
|
text-align:center;
|
|
cursor: pointer;
|
|
float: right;
|
|
}
|
|
.camera-view-vlc .camera-function div.function i{
|
|
font-size: 20px;
|
|
line-height: 50px;
|
|
}
|
|
.camera-view-vlc .camera-menu .title span{
|
|
color: #464952;
|
|
font-size: 22px;
|
|
}
|
|
.camera-view-vlc .camera-menu .tree .view-title,
|
|
.camera-view-vlc .camera-menu .tree .view-title > i,
|
|
.camera-view-vlc .camera-menu .tree .view-title > a,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li > i,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li > a{
|
|
color: #464952;
|
|
line-height: 40px;
|
|
font-size: 20px;
|
|
}
|
|
.camera-view-vlc .camera-menu .tree .view-title:hover,
|
|
.camera-view-vlc .camera-menu .tree .view-title:hover > i,
|
|
.camera-view-vlc .camera-menu .tree .view-title:hover > a,
|
|
.camera-view-vlc .camera-menu .tree .view-title.active,
|
|
.camera-view-vlc .camera-menu .tree .view-title.active > i,
|
|
.camera-view-vlc .camera-menu .tree .view-title.active > a,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li:hover,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li:hover > i,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li:hover > a,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li.active,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li.active > i,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li.active > a{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/*卡管理页面 修改卡样式*/
|
|
#CardManagement .modal-body {
|
|
position: relative;
|
|
top: -25px;
|
|
bottom: -25px;
|
|
padding: 15px;
|
|
}
|
|
#CardManagement .tbody-overflow .tbody-td13{
|
|
width: 280px;
|
|
min-width: 280px;
|
|
max-height: 280px;
|
|
}
|
|
#CardManagement .tbody-overflow .tbody-td14 {
|
|
width: 177px;
|
|
min-width: 177px;
|
|
max-height: 177px;
|
|
}
|
|
#CardManagement input.form-control {
|
|
width: 100%;
|
|
}
|
|
#CardManagement .modal-footers{
|
|
position: absolute;
|
|
bottom: -5px;
|
|
right: 0;
|
|
}
|
|
.datepicker{
|
|
z-index: 1600!important;
|
|
}
|
|
|
|
/* UL隔行变色 */
|
|
.ul > li:nth-child(even),
|
|
.rights-list .ul > li:nth-child(even){
|
|
background-color: #e3e8f9;
|
|
}
|
|
.ul > li:nth-child(odd),
|
|
.rights-list .ul > li:nth-child(odd){
|
|
background-color: #FFFFFF;
|
|
}
|
|
.ul > li.odd,
|
|
.rights-list .ul > li.odd{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.ul > li.even,
|
|
.rights-list .ul > li.even{
|
|
background-color: #e3e8f9;
|
|
}
|
|
|
|
/* MDC配置化-单排 */
|
|
.tag_radius > ul > li > a{
|
|
color: #464952;
|
|
}
|
|
.tag_radius > ul > li.active{
|
|
background-color: #237AF8;
|
|
}
|
|
.tag_radius > ul > li.active > a{
|
|
color: #FFF;
|
|
}
|
|
|
|
/* 视频配置 */
|
|
#videoCameraList ul.camera-parent > li > div.videoDiv > i,
|
|
#videoCameraList ul.camera-parent > li > div.videoDiv > a,
|
|
#videoCameraList ul.camera-parent > li > div.videoDiv > a:hover{
|
|
color: #656779;
|
|
}
|
|
#videoCameraList ul.camera-parent > li > div.videoDiv.active > i,
|
|
#videoCameraList ul.camera-parent > li > div.videoDiv.active > a,
|
|
#videoCameraList ul.camera-parent > li > div.videoDiv.active > a:hover{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mdc-assets-cabinet > .mdc-assets-bg > .mdc-assets-per{
|
|
background-color: #009999;
|
|
}
|
|
|
|
/* 权限管理 */
|
|
.authority-option .setting-title,
|
|
.authority-option .setting-title a{
|
|
color: #464952;
|
|
}
|
|
.setting-title > a > i.fa,
|
|
.ul li > i.fa{
|
|
color: #464952;
|
|
}
|
|
.authority-checked > i.fa{
|
|
color: #247cff;
|
|
}
|
|
.rights-body .rights-button{
|
|
background-color: #e3e8f9;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
|
|
|
|
/* 3D MDC */
|
|
.mdc-3d-button{
|
|
color: #464952;
|
|
}
|
|
.mdc-3d-button-active{
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
/* 历史PUE曲线 Author:Eddy Date:2021/05/25 */
|
|
.pue-filter-button .date-filter ul li{
|
|
border: 1px solid #237AF8;
|
|
}
|
|
.pue-filter-button .date-filter ul li.active{
|
|
background-color: #237AF8;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.u-space-position .u-space-i{
|
|
border: 1px solid #000;
|
|
color: #000;
|
|
}
|
|
|
|
/* 多级下拉选择框(历史信号) */
|
|
.select-casement-tree{
|
|
border: 1px solid #5599FD;
|
|
background-color: #f5f6fc;
|
|
box-shadow: none;
|
|
}
|
|
.select-casement-options{
|
|
border: 1px solid #5599FD;
|
|
background-color: #f5f6fc;
|
|
}
|
|
.select-casement span.input-item{
|
|
border: 1px solid #0095e7;
|
|
color: #0095e7;
|
|
}
|
|
|
|
.cabinet_table{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.cabinet_table table.signal_body tr,
|
|
.cabinet_table table.signal_body tr > td{
|
|
background-color: #ffffff;
|
|
}
|
|
.cabinet_table table.signal_unit tr,
|
|
.cabinet_table table.signal_unit tr > td,
|
|
.cabinet_table table.signal_body tr > th{
|
|
background-color: rgba(227, 232, 249, 0.3);
|
|
}
|
|
.receiverPanel{
|
|
background-color: #ffffff;
|
|
}
|
|
/* 大华摄像头 */
|
|
.view_fun > div > a,
|
|
.dh_cameraview > .tree > .tree_body i,
|
|
.dh_cameraview > .tree > .tree_body a,
|
|
.dh_cameraview > .view > .view_fun > div > a{
|
|
color: #464952;
|
|
cursor: pointer;
|
|
}
|
|
.view_fun > div > a:hover,
|
|
.dh_cameraview > .tree > .tree_body div:hover > i,
|
|
.dh_cameraview > .tree > .tree_body div:hover > a,
|
|
.dh_cameraview > .view > .view_fun > div > a:hover{
|
|
color: #0166fe;
|
|
}
|
|
.view_fun > div,
|
|
.dh_cameraview > .view > .view_fun > div{
|
|
border-color: #0166fe;
|
|
}
|
|
/* 门楣管理 */
|
|
.dropdown-menu > li > a{
|
|
color: #000000;
|
|
}
|
|
.listItem{
|
|
border: 1px solid #dadada;
|
|
} |