3621 lines
75 KiB
CSS
3621 lines
75 KiB
CSS
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6, samp ,.logotitle {
|
|
/*font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/
|
|
font-family:'Microsoft Yahei';
|
|
}
|
|
/** 登陆页面 Start ********************************/
|
|
.login_bg{
|
|
height: 61px;
|
|
font-size: 16px;
|
|
padding-left: 25px;
|
|
}
|
|
.login_name{
|
|
background: url(../img/username.png) no-repeat;
|
|
}
|
|
.login_pwd{
|
|
background: url(../img/userpwd.png) no-repeat;
|
|
}
|
|
|
|
.login_button{
|
|
font-weight: bolder;
|
|
background: url(../img/button_bg.png) no-repeat;
|
|
border-color: rgba(255, 255, 255, 0);
|
|
width: 220px;
|
|
height: 42px;
|
|
margin: 0px auto;
|
|
}
|
|
.login_input_bg{
|
|
height: 42px;
|
|
font-size: 16px;
|
|
padding-left: 25px;
|
|
line-height: 1.3333333;
|
|
outline: none;
|
|
border-radius: 30px;
|
|
margin: 10px 0px;
|
|
background-color: rgba(68, 142, 254, 0.2);
|
|
box-shadow: 0 0 18px rgba(68, 142, 254, 0.8);
|
|
}
|
|
.login_input_bg::-webkit-input-placeholder { /* Internet Explorer 10+ */
|
|
color:#8e98bf;
|
|
}
|
|
/** 登陆页面 End ********************************/
|
|
|
|
/** 正文 Start ********************************/
|
|
|
|
.body_bg{
|
|
background: url(../img/bg.jpg) no-repeat center/100% 100%;
|
|
}
|
|
|
|
.diagram label{
|
|
background-color: #203882;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.transparency_bg{
|
|
border: 0px;
|
|
background-color: rgba(10, 10, 10, 0);
|
|
}
|
|
/* 蓝色风格背景框 */
|
|
.configure_bg{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: rgb(68, 142, 254);
|
|
border-radius: 10px;
|
|
background-image: -moz-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
|
|
background-image: -webkit-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
|
|
background-image: -ms-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
|
|
opacity: 0.9;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
box-shadow: 0 0 18px rgba(68, 142, 254, 0.8);
|
|
}
|
|
.configure_tr{
|
|
border-bottom: 1px solid rgb(68, 142, 254);
|
|
}
|
|
.configure_tr th label{
|
|
color: #FFF;
|
|
}
|
|
/* 白色风格背景框 */
|
|
/*.white_bg{*/
|
|
/*border: 1px solid rgba(32, 100, 202, 0.12);*/
|
|
/*border-radius: 10px;*/
|
|
/*!*opacity: 0.9;*!*/
|
|
/*background-color: #FFFFFF;*/
|
|
/*box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);*/
|
|
/*color: #464952;*/
|
|
/*}*/
|
|
.white_bg{
|
|
border: 1px solid rgba(32, 100, 202, 0.12);
|
|
border-radius: 10px;
|
|
background-image: -moz-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
|
|
background-image: -webkit-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
|
|
background-image: -ms-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
|
|
/*opacity: 0.9;*/
|
|
background-color: rgba(255, 255, 255, 0);
|
|
/*box-shadow: 0 0 18px rgba(68, 142, 254, 0.8);*/
|
|
}
|
|
.white_bg .signal_title{
|
|
font-size: 16px;
|
|
padding: 4px 16px;
|
|
border-bottom: 1px solid rgba(32, 100, 202, 0.12);
|
|
margin-bottom: 6px;
|
|
color: #F0F0F0;
|
|
}
|
|
/* 红色风格背景框 */
|
|
.red_bg{
|
|
background-color: #FA6552;
|
|
color: #F0F0F0;
|
|
border-radius: 10px;
|
|
}
|
|
.red_bg .pie-chart-title{
|
|
background-color: #D34436;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
/* 灰色风格背景框 */
|
|
.gray_bg{
|
|
background-color: #615856;
|
|
color: #F0F0F0;
|
|
border-radius: 10px;
|
|
}
|
|
.gray_bg .pie-chart-title{
|
|
background-color: #4E4543;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
/* 淡蓝风格背景框 */
|
|
.babyBlue_bg{
|
|
background-color: #77A9FF;
|
|
color: #F0F0F0;
|
|
border-radius: 10px;
|
|
}
|
|
.babyBlue_bg .pie-chart-title{
|
|
background-color: #4679C7;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
/* 信号组态 */
|
|
.configure_bg .signal_title{
|
|
width: 100%;
|
|
font-size: 16px;
|
|
padding: 4px 16px;
|
|
border-bottom: 1px solid #6093E5;
|
|
margin-bottom: 6px;
|
|
}
|
|
.configure_bg .signal_body{
|
|
width: 100%;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
.signal_body .signal_body_name{
|
|
width: 47%;
|
|
float: left;
|
|
text-align: right;
|
|
padding-right: 22px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
.signal_body .table_signal_body_name{
|
|
text-align: right;
|
|
padding-right: 22px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
.signal_body .signal_body_space{
|
|
width: 6%;
|
|
float: left;
|
|
height: 42px;
|
|
}
|
|
.signal_body .signal_body_value{
|
|
width: 47%;
|
|
float: left;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
.signal_body .table_signal_body_value{
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
.signal_body .signal_body_value i{
|
|
min-width: 90px;
|
|
width: 80%;
|
|
border-radius: 20px;
|
|
display: inline-block;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
.signal_body .table_signal_body_value i{
|
|
min-width: 90px;
|
|
width: 80%;
|
|
border-radius: 20px;
|
|
display: inline-block;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mdc_temp_foot{
|
|
position: absolute;
|
|
top: 20.5%;
|
|
right: 15%;
|
|
}
|
|
.mdc_temp_foot .foot_number{
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* 拟态框 */
|
|
.modal-content,.dialog_box{
|
|
background-color: #033085;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.modal-content .modal-header,.dialog_box .alarm_table_body{
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom: 1px solid #36599d;
|
|
}
|
|
.modal-content button.close{
|
|
width: 30px;
|
|
height: 30px;
|
|
background-color: #f4455a;
|
|
opacity: 1;
|
|
border-radius: 20px;
|
|
}
|
|
.modal-content button.close:hover{
|
|
background-color: #D9534F;
|
|
}
|
|
.modal-content button.close i{
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
|
|
}
|
|
|
|
.alarm_table{
|
|
background-color: #0a1e65;
|
|
margin:0px auto;
|
|
}
|
|
|
|
.alarm_table tr td div,.alarm_table tr th div{
|
|
max-width: 94%;
|
|
margin: 0px auto;
|
|
text-align: left;
|
|
}
|
|
.alarm_table_body input[title="table-filter"]
|
|
{
|
|
border-radius: 20px;
|
|
height: 34px;
|
|
}
|
|
.alarm_table_body .ng-isolate-scope{
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
height: 79px;
|
|
}
|
|
.alarm_table_body .ng-table-pagination{
|
|
margin-left: 40%;
|
|
}
|
|
.alarm_table_body .ng-table-counts{
|
|
margin: 20px 42px 20px 0px;
|
|
}
|
|
.alarm_table_body td .pull-right button{
|
|
border: 0px;
|
|
padding: 6px;
|
|
width: 32px;
|
|
border-radius: 20px;
|
|
}
|
|
.mdcBelow button.checked{
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/* 输入框 */
|
|
.form-control{
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
border-radius: 20px;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
|
|
.filter_input{
|
|
position: relative;
|
|
width: 45%;
|
|
display: inline-block;
|
|
line-height: 65px;
|
|
}
|
|
.filter_input input{
|
|
display: inline-block;
|
|
}
|
|
input[type="text"], textarea, input[type="password"]{
|
|
border-radius: 20px;
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
.WhiteInput input[type="text"],.WhiteInput textarea,.WhiteInput input[type="password"]{
|
|
border-radius: 20px;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
|
|
input[type="file"]{
|
|
border-radius: 20px;
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
color: rgb(97, 97, 97);
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
|
|
.hideBorder input[type="text"],.hideBorder textarea,.hideBorder input[type="password"]{
|
|
border-radius: 0px;
|
|
/*background-color: #033085;*/
|
|
border: 0px;
|
|
box-shadow: rgba(15, 96, 244, 0) 0px 0px 0px;
|
|
}
|
|
|
|
input:read-only{/* readonly属性的input标签 */
|
|
background-color: #1E3F8E;
|
|
border: 1px solid #1E3F8E;
|
|
box-shadow: rgba(15, 96, 244, 0) 0px 0px 0px;
|
|
}
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
|
|
background-color: #1E3F8E;
|
|
border: 1px solid #1E3F8E;
|
|
box-shadow: rgba(15, 96, 244, 0) 0px 0px 0px;
|
|
}
|
|
|
|
select,select.btn-default{
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
.filter_input i{
|
|
position: absolute;
|
|
top: 19px;
|
|
right: 15px;
|
|
font-size: 25px;
|
|
cursor: pointer;
|
|
}
|
|
.filter_input input::-webkit-input-placeholder { /* Internet Explorer 10+ */
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.table-bordered{
|
|
border: 1px solid rgba(12, 19, 63, 0);
|
|
}
|
|
.table_body thead,table thead{
|
|
background-color: #062776;
|
|
}
|
|
.table_body tbody,table tbody{
|
|
background-color: #0a1e65;
|
|
}
|
|
.div_content{
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
overflow-y: auto;
|
|
background-color: #033085;
|
|
}
|
|
.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 #384b85;
|
|
}
|
|
|
|
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: #FFF;
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
}
|
|
input.btn-default{
|
|
color: #FFF;
|
|
}
|
|
|
|
/* 按钮 */
|
|
.btn-primary:hover{
|
|
background-color: #0179ff;
|
|
}
|
|
.btn-primary{
|
|
border-radius: 20px;
|
|
background-color: #0166fe;
|
|
border-color: #0179ff;
|
|
}
|
|
.btn-default{
|
|
border-radius: 20px;
|
|
}
|
|
.btn-danger:hover{
|
|
background-color: #f4455a;
|
|
}
|
|
.btn-danger{
|
|
border-radius: 20px;
|
|
background-color: #da4156;
|
|
border-color: #f4455a;
|
|
}
|
|
.alarmLevel3{
|
|
color:#da4156;
|
|
}
|
|
.btn-warning:hover{
|
|
background-color: #eea236;
|
|
}
|
|
.btn-warning {
|
|
border-radius: 20px;
|
|
background-color: #db771f;
|
|
border-color: #eea236;
|
|
}
|
|
.alarmLevel2{
|
|
color:#db771f;
|
|
}
|
|
.btn-success{
|
|
border-radius: 20px;
|
|
}
|
|
|
|
|
|
.panel-default{
|
|
background-color: rgba(0,0,0,0);
|
|
border-radius: 20px;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.panel-default.panel-card{
|
|
margin-top: 10px;
|
|
border-top-left-radius: 20px;
|
|
border-top-right-radius: 20px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.panel-default > .panel-heading{
|
|
padding: 10px 15px;
|
|
background-color: #062776;
|
|
border-top-left-radius: 20px;
|
|
border-top-right-radius: 20px;
|
|
}
|
|
|
|
table{
|
|
background-color: #0A1E65;
|
|
}
|
|
.table-bordered{
|
|
border: 1px solid #36599d;
|
|
}
|
|
.table-hover > tbody > tr:hover {
|
|
background-color:#36599d;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 时间控件 */
|
|
.datepicker>table>thead>tr>th>.btn-default{
|
|
background-color: #062776;
|
|
border: 0px;
|
|
border-radius:0px;
|
|
color:#fff;
|
|
}
|
|
.datepicker>table>tbody>tr>td>.btn-default{
|
|
background-color: #062776;
|
|
border: 0px;
|
|
border-radius:0px;
|
|
color:#fff;
|
|
}
|
|
.datepicker>table>tbody>tr>td>.btn-primary{
|
|
background-color: #062776;
|
|
}
|
|
|
|
.nav-tabs{
|
|
border-bottom: 1px solid #0a1e65;
|
|
}
|
|
|
|
.nav-tabs a{
|
|
color: #FFF;
|
|
}
|
|
.nav-tabs > li > a:hover{
|
|
border-color:transparent;
|
|
}
|
|
|
|
/*KPI*/
|
|
.charts_div{
|
|
width:100%;
|
|
height:100%;
|
|
padding: 13px 3px 13px 13px;
|
|
}
|
|
.charts_div .charts_a{
|
|
width:100%;
|
|
height:100%;
|
|
display:block;
|
|
position:static;
|
|
}
|
|
.charts_div .charts_a>div:nth-child(1){
|
|
background-color: rgba(3, 48, 133, 0.6);
|
|
border: 1px solid rgb(68, 142, 254);
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
margin: auto auto;
|
|
}
|
|
.charts_div .table_div{
|
|
height: 100%;
|
|
padding: 0px 20px;
|
|
background-color: rgba(3, 48, 133, 0.6);
|
|
border: 1px solid rgb(68, 142, 254);
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
overflow-y: auto;
|
|
}
|
|
.tabKpi table tr td div a>div:nth-child(1) div{
|
|
background-color: rgba(3, 48, 133, 0.8);
|
|
}
|
|
.charts_table{
|
|
border-color: rgb(68, 142, 254);
|
|
}
|
|
.charts_table_thead_tr{
|
|
text-align:center;
|
|
font-weight:bold;
|
|
font-size: 20px;
|
|
}
|
|
.charts_table_thead_tr th{
|
|
text-align:center;
|
|
}
|
|
|
|
/*告警弹出框*/
|
|
#pop{
|
|
background-color: #062776;
|
|
border: 1px solid rgb(68, 142, 254);
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
border-radius: 10px;
|
|
}
|
|
#popHead{
|
|
background-color: #062776;
|
|
border: 1px solid rgb(68, 142, 254);
|
|
border-top-right-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
}
|
|
#popHead #popClose{
|
|
color: #FFF;
|
|
}
|
|
#popContent dl{
|
|
background-color: #0A1E65;
|
|
}
|
|
|
|
.templateProperty{
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
}
|
|
|
|
/* MDC 3D */
|
|
.table-opacity{
|
|
background-color:transparent;
|
|
}
|
|
.panel-red .panel-heading,
|
|
.panel-yellow .panel-heading,
|
|
.panel-blue .panel-heading,
|
|
.panel-green .panel-heading
|
|
{
|
|
background-color: #0A1E65;
|
|
}
|
|
.panel-footer{
|
|
background-color: #0A1E65;
|
|
}
|
|
/* 视频 */
|
|
.dropdown-menu{
|
|
background-color: rgba(2, 46, 141, 0.9);
|
|
}
|
|
.datetimepicker-days table tr td:hover,
|
|
.datetimepicker-days table tr th:hover
|
|
{
|
|
background-color: #039;
|
|
}
|
|
.record-search button{
|
|
background-color: #062776;
|
|
border: 1px solid #448efe;
|
|
}
|
|
.record-search button:hover{
|
|
background-color: #448efe;
|
|
color: #FFF;
|
|
}
|
|
.split-area{
|
|
background-color: #010a2b;
|
|
}
|
|
|
|
.license_div{
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 20px;
|
|
font-size: 16px;
|
|
text-decoration: underline;
|
|
font-weight: 500;
|
|
}
|
|
.license_div a{
|
|
color: #FFF
|
|
}
|
|
.license_div a span{
|
|
color: #ffff00;
|
|
}
|
|
|
|
#License_Body{
|
|
position: absolute;
|
|
left: 35%;
|
|
top: 30%;
|
|
}
|
|
|
|
.Mdc_Aisle tr td{
|
|
border: 1px solid #FFF;
|
|
cursor: pointer;
|
|
min-width: 15px;
|
|
height: 15px;
|
|
min-height: 5px;
|
|
}
|
|
.Mdc_Aisle tr td:hover{
|
|
background-color:#0549C0;
|
|
}
|
|
|
|
/** 正文 End ********************************/
|
|
|
|
/** 左边菜单栏 Start ********************************/
|
|
.menu_bar{
|
|
padding-top: 248px;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.menu_bar .sidebar-nav{
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
width: calc(100% + 20px);
|
|
}
|
|
|
|
.sub-li div{
|
|
display: inline-block;
|
|
width: 32px;
|
|
text-align: center;
|
|
}
|
|
|
|
/** 左边菜单栏 End ********************************/
|
|
|
|
/** 上面功能菜单 Start ********************************/
|
|
.nav .open > a{
|
|
background-color: rgba(2, 46, 141, 0.6);
|
|
background-size: auto 58px;
|
|
}
|
|
.nav > li > a:hover{
|
|
background-color: rgba(2, 46, 141, 0.6);
|
|
}
|
|
/** 上面功能菜单 End ********************************/
|
|
|
|
/*** 表格组态 Start ***********************************************/
|
|
.table-td-hover > tbody > tr > td:hover {
|
|
background-color:#08c;
|
|
cursor: pointer;
|
|
}
|
|
.table-active{
|
|
background-color: #08c;
|
|
}
|
|
.table-normal{
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
/*边框样式 蓝*/
|
|
.div-border{
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
/*筛选框*/
|
|
.filter-border{
|
|
width: 190px;
|
|
display:inline;
|
|
margin: 10px 0px;
|
|
margin-left: 5px;
|
|
}
|
|
/* 多选列表 */
|
|
.multi-border-select{
|
|
list-style: none;
|
|
padding-inline-start: 10px;
|
|
margin-bottom: 0px;
|
|
width:220px;
|
|
height:180px;
|
|
overflow: auto;
|
|
}
|
|
.multi-border-available{
|
|
list-style: none;
|
|
padding-inline-start: 10px;
|
|
margin-bottom: 0px;
|
|
width:320px;
|
|
height:180px;
|
|
overflow: auto;
|
|
}
|
|
/* 复选框 边框 */
|
|
.timeGroupCheck .i-border{
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.timeGroupCheck .checked{
|
|
background:#337AB7;
|
|
}
|
|
.timeGroupCheck .disabled{
|
|
background:rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
/** 表格样式风格 */
|
|
/*默认 蓝边框*/
|
|
#table-config table.default tr,#table-config table.default tr td{
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
#table-config td.default{
|
|
border: 2px solid #025aff;
|
|
padding: 10px 20px;
|
|
}
|
|
/*默认-底边 蓝底边*/
|
|
#table-config table.default-base tr{
|
|
border-bottom: 1px solid #025aff;
|
|
}
|
|
#table-config td.default-base{
|
|
border: 2px solid #025aff;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
/*橙边框*/
|
|
#table-config table.orange tr,#table-config table.orange tr td{
|
|
border: 1px solid #eea236;
|
|
box-shadow: rgba(238, 162, 54, 0.8) 0px 0px 20px;
|
|
}
|
|
#table-config td.orange{
|
|
border: 1px solid #eea236;
|
|
padding: 10px 20px;
|
|
}
|
|
/*橙底边*/
|
|
#table-config table.orange-base tr{
|
|
border-bottom: 1px solid #eea236;
|
|
}
|
|
#table-config td.orange-base{
|
|
border: 2px solid #eea236;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
/*红边框*/
|
|
#table-config table.red tr,#table-config table.red tr td{
|
|
border: 1px solid #f4455a;
|
|
box-shadow: rgba(244, 69, 90, 0.8) 0px 0px 20px;
|
|
}
|
|
#table-config td.red{
|
|
border: 1px solid #f4455a;
|
|
padding: 10px 20px;
|
|
}
|
|
/*红底边*/
|
|
#table-config table.red-base tr{
|
|
border-bottom: 1px solid #f4455a;
|
|
}
|
|
#table-config td.red-base{
|
|
border: 2px solid #f4455a;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
/*白边框*/
|
|
#table-config table.white tr,#table-config table.white tr td{
|
|
border: 1px solid #ffffff;
|
|
box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 20px;
|
|
}
|
|
#table-config td.white{
|
|
border: 1px solid #ffffff;
|
|
padding: 10px 20px;
|
|
}
|
|
/*白底边*/
|
|
#table-config table.white-base tr{
|
|
border-bottom: 1px solid #ffffff;
|
|
}
|
|
#table-config td.white-base{
|
|
border: 2px solid #ffffff;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.border, .border tr, .border tr td, .border tr th{
|
|
border: 1px solid #ffffff;
|
|
}
|
|
|
|
/* 去除组态-表格组态的边框 */
|
|
.none-border{
|
|
border: 0px;
|
|
background-image: url('');
|
|
box-shadow: 0 0 0px;
|
|
}
|
|
.none-border table tr td{
|
|
border-bottom: 1px solid #025aff;
|
|
}
|
|
|
|
/* 表格实时值告警 */
|
|
.alarm-border{
|
|
border: 2px dashed #A02B31;
|
|
color: #A02B31;
|
|
}
|
|
/* 表格实时值中断 */
|
|
.disconnect-border{
|
|
border: 2px dashed #575A5E;
|
|
color: #575A5E;
|
|
}
|
|
/*** 表格组态 End ***********************************************/
|
|
|
|
/**** 机架资产信息 Start ***************************************************/
|
|
|
|
.assets-log i.fa-search{
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 25px;
|
|
font-size: 25px;
|
|
}
|
|
/**** 机架资产信息 End ***************************************************/
|
|
|
|
|
|
.rack-assets-info div{
|
|
height: 34px;
|
|
}
|
|
.rack-assets-info div label{
|
|
margin-top: 8px;
|
|
text-align: right;
|
|
}
|
|
.control-english{
|
|
padding-top:-1px;
|
|
margin-bottom: 2px;
|
|
text-align: right;
|
|
}
|
|
|
|
.text-right{
|
|
text-align: right!important;
|
|
}
|
|
.text-left{
|
|
text-align: left!important;
|
|
}
|
|
|
|
/*组态 表格 编辑框样式*/
|
|
.NtsOcerflow{
|
|
max-width: 1160px;
|
|
max-height: 400px;
|
|
overflow:auto;
|
|
}
|
|
|
|
/* 开关CSS */
|
|
.switch-check{
|
|
position: relative;
|
|
-webkit-appearance: none;
|
|
width:60px !important;
|
|
height: 30px !important;
|
|
line-height: 30px !important;
|
|
background: #eee !important;
|
|
border-radius: 30px;
|
|
outline: none;
|
|
}
|
|
.switch-check:before{
|
|
position: absolute;
|
|
left: 0;
|
|
content: '';
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
background: #0084d7;
|
|
box-shadow: 0px 0px 5px #ddd;
|
|
transition: all 0.2s linear;
|
|
}
|
|
|
|
.switch-check:checked{
|
|
background: #18ff0a !important;
|
|
}
|
|
.switch-check:checked:before{
|
|
left: 30px;
|
|
transition: all 0.2s linear;
|
|
}
|
|
|
|
/** 接口模块，日志框 */
|
|
.content_message{
|
|
height: 450px;
|
|
overflow-y: scroll;
|
|
background: #033085;
|
|
color: #fff;
|
|
padding: 10px;
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
}
|
|
|
|
/*.signal-body{
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}*/
|
|
|
|
/* 组态-设备告警数 */
|
|
.diagram-alarmCount,.view-alarmCount{
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 20px;
|
|
width: 43px;
|
|
height: 32px;
|
|
background-color: #BA3463;
|
|
color: white;
|
|
text-align: center;
|
|
border-radius: 100px;
|
|
-moz-border-radius: 100px;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
z-index: 3;
|
|
display: none;
|
|
}
|
|
|
|
/* 二维码 */
|
|
.QRCode{
|
|
float:left;
|
|
width: 30%;
|
|
}
|
|
.QRCode div{
|
|
text-align: center;
|
|
height: 100%;
|
|
}
|
|
.QRCode img{
|
|
width: 90%;
|
|
}
|
|
.showQRCode{
|
|
float:left;
|
|
width:70%;
|
|
border-right: 2px dashed;
|
|
}
|
|
|
|
/* 组态编辑器 - 圆盘 */
|
|
.key-wheel{
|
|
position: absolute;
|
|
z-index: 999;
|
|
bottom: 0px;
|
|
width: 200px;
|
|
height: 252px;
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
border: 2px solid rgba(0, 132, 215, 0.8);
|
|
box-shadow: -2px 0 5px #337AB7;
|
|
}
|
|
.key-wheel.right{
|
|
right: 0px;
|
|
}
|
|
.key-wheel.left{
|
|
left: 0px;
|
|
}
|
|
|
|
.key-wheel .key-title{
|
|
height: 50px;
|
|
border: 1px solid rgba(0, 132, 215, 0.8);
|
|
}
|
|
.key-title label{
|
|
line-height: 44px;
|
|
}
|
|
.key-title div{
|
|
margin-top: 6px;
|
|
}
|
|
.key-table{
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
.key-table tr td,.key-table tr th{
|
|
width: 33.3%;
|
|
height: 33.3%;
|
|
border: 1px solid rgba(0, 132, 215, 0.8);
|
|
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
|
|
cursor: pointer;
|
|
}
|
|
.key-table .select{
|
|
background-color: #0179ff;
|
|
}
|
|
|
|
|
|
/* 控制-遥调 */
|
|
.nts-table tr td{
|
|
padding: 2px;
|
|
}
|
|
.remote-regulating{
|
|
height: calc(100% - 25px);
|
|
font-size: 2vh;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
}
|
|
.remote-regulating table{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.remote-regulating table tr td{
|
|
text-align: center;
|
|
}
|
|
.remote-regulating .adjust button{
|
|
width: 100%;
|
|
}
|
|
.remote-regulating button{
|
|
width: 60%;
|
|
}
|
|
.remote-regulating input{
|
|
width: 60%;
|
|
margin: 0px auto;
|
|
text-align: center;
|
|
background-color: #101e40;
|
|
border: 0px;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 0px;
|
|
}
|
|
|
|
/* 组态 编辑区 锁 */
|
|
.editor_lock.true{
|
|
background-color: #99999969;
|
|
border-color: #999;
|
|
}
|
|
|
|
|
|
/* 登录页面 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);
|
|
}
|
|
|
|
/* 背景图 */
|
|
.Body-Background{
|
|
background: url(../img/loginbg.jpg) left top/cover no-repeat !important;
|
|
}
|
|
.Login-Background{
|
|
background: url(../img/logininfo.png) no-repeat;
|
|
}
|
|
|
|
.navbar{
|
|
margin-bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
#view-scroll{
|
|
height:40px;
|
|
width: calc(99.6%);
|
|
/*overflow: hidden;*/
|
|
display: inline-block;
|
|
}
|
|
#view-scroll .diagram{
|
|
display: block;
|
|
z-index: 999;
|
|
}
|
|
.view-show-hide{
|
|
float: right;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.view-show-hide i{
|
|
font-size: 50px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.view-show-hide i:hover{
|
|
color: rgba(0, 132, 215, 1);
|
|
}
|
|
#diagramControl{
|
|
height:calc(100% - 68px);
|
|
background-size:100% 100% !important;
|
|
}
|
|
|
|
.modal-header{
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
padding-left: 42px;
|
|
/*background-color: #0a1e65;*/
|
|
}
|
|
|
|
.camera-plugin{
|
|
height: 300px;
|
|
overflow: hidden;
|
|
/*background-color: #171F6A;*/
|
|
}
|
|
|
|
.asset-head{
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
/* input框行内样式 */
|
|
input.input-inline{
|
|
display: inline;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
/* 组态值样式 */
|
|
.signal-value-disconnect{
|
|
background-color:#575A5E;
|
|
}
|
|
.signal-value-normal{
|
|
background-color:#5B9338;
|
|
}
|
|
.signal-value-alarm{
|
|
background-color:#A02B31;
|
|
}
|
|
|
|
.color-section{
|
|
display: inline;
|
|
width: 100px;
|
|
}
|
|
|
|
/*.diagram-sigimg-value{
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: rgba(0, 0, 0, 0) solid 1px;
|
|
}*/
|
|
.diagram-sigimg-value-Transparency{
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: rgba(0, 0, 0, 0) solid 1px;
|
|
}
|
|
|
|
|
|
.topology-expand-div{
|
|
background-color: #033085;
|
|
}
|
|
.topology-img-div:hover div{
|
|
background-color: #033085;
|
|
}
|
|
|
|
|
|
#table-config{
|
|
width: calc(100% - 4px);
|
|
height: calc(100% - 6px);
|
|
}
|
|
|
|
.camera_color{
|
|
color: #FFF;
|
|
}
|
|
|
|
.split-area span.camera_view{
|
|
float: left;
|
|
display: block;
|
|
margin-left: 10px;
|
|
padding-left: 15px;
|
|
border: 1px solid #2B2B2B;
|
|
border-radius: 14px;
|
|
line-height: 25px;
|
|
text-align: left;
|
|
height: 25px;
|
|
width: 100px;
|
|
margin-top: 5px;
|
|
}
|
|
.split-area span.camera_record{
|
|
display:inline-block;
|
|
margin: 5px auto;
|
|
padding-left: 10px;
|
|
margin-left:120px;
|
|
border: 1px solid #2B2B2B;
|
|
border-radius: 14px;
|
|
line-height: 25px;
|
|
text-align: left;
|
|
height: 25px;
|
|
width:170px;
|
|
}
|
|
|
|
.input-group-addon{
|
|
background-color:#062776;
|
|
color: #ffffff;
|
|
border: 1px solid rgb(68, 142, 254);
|
|
}
|
|
.input-group-control{
|
|
background-color:#062776;
|
|
color: #ffffff;
|
|
border: 1px solid rgb(68, 142, 254);
|
|
border-radius: 0px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.manage-top-div{
|
|
padding: 10px 50px;
|
|
box-shadow: rgba(0, 0, 0) 0px 0px;
|
|
background-color: #062776;
|
|
}
|
|
|
|
.time_set_bg{
|
|
background-color: rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.time_setting{
|
|
background-color: #062776;
|
|
color: #ffffff;
|
|
border: 1px solid rgb(68, 142, 254);
|
|
margin-right:15px;
|
|
}
|
|
|
|
.cabinet_title_color a{
|
|
color: #fff;
|
|
}
|
|
|
|
.config_mdc_marked{
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
color: #FFF;
|
|
font-weight: 900;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
|
|
/* 导航背景 */
|
|
.full-image{
|
|
background-image: url('../img/bg.jpg');
|
|
cursor: pointer;
|
|
border: 3px solid #FFF;
|
|
}
|
|
|
|
/* 设备详情 - 确定告警 */
|
|
.alarm-remark{
|
|
width:100%;
|
|
height:150px;
|
|
color:#FFF;
|
|
}
|
|
|
|
/* 配置页面 滚动条 */
|
|
#page-wrapper.hide-scroll{
|
|
overflow: hidden;
|
|
}
|
|
.hide-scroll .container-fluid{
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
width: calc(100% + 20px);
|
|
}
|
|
|
|
/* 简易多选下拉框 */
|
|
.dropdown-mul-1 .dropdown-display-label{
|
|
max-height: 33px;
|
|
overflow: hidden;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/* 超链接组态 返回按钮 */
|
|
#return-button.default{
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 40px;
|
|
z-index: 999;
|
|
}
|
|
#return-button.iview{
|
|
position: absolute;
|
|
top: 105px;
|
|
right: 40px;
|
|
z-index: 999;
|
|
}
|
|
#return-button button{
|
|
width: 110px;
|
|
height: 40px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/* 下拉框内容居中 */
|
|
table select{
|
|
text-align:center;
|
|
text-align-last:center;
|
|
}
|
|
|
|
/* 加深模态框的背景颜色 */
|
|
.modal.top{
|
|
background-color: rgba(0, 0, 0, 0.50);
|
|
}
|
|
|
|
/* 模态框 右 */
|
|
.modal .modal-right{
|
|
margin: 0px 0px 0px auto;
|
|
width:300px;
|
|
height: 100%;
|
|
}
|
|
.modal-right .modal-content{
|
|
height: 100%;
|
|
}
|
|
|
|
/* 微模块历史数据 机柜设备列表 */
|
|
.cabinet_list{
|
|
cursor: pointer;
|
|
padding: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
.cabinet_list .cabinet_name{
|
|
font-size: 24px;
|
|
line-height:40px;
|
|
}
|
|
.cabinet_list .cabinet_device{
|
|
font-size: 22px;
|
|
padding-left: 20px;
|
|
line-height:40px;
|
|
}
|
|
|
|
.cabinet_list .cabinet_name:hover,
|
|
.cabinet_list .cabinet_device:hover{
|
|
background-color:#36599d;
|
|
}
|
|
|
|
/* 组态-实时图表 平均值、最大值、最小值 */
|
|
.avg-max-min{
|
|
position: absolute;
|
|
width: 30%;
|
|
height: calc(100% - 54px);
|
|
padding-top: 34px;
|
|
}
|
|
.avg-max-min .max,.avg-max-min .min{
|
|
height: 50%;
|
|
}
|
|
.avg-max-min .max div,.avg-max-min .min div{
|
|
margin-left: 20%;
|
|
padding-top: 20%;
|
|
}
|
|
.avg-max-min .name{
|
|
display: block;
|
|
}
|
|
|
|
/* 组态 - 3D MDC */
|
|
.canvas-button-div{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 5vh;
|
|
color: #64778B;
|
|
}
|
|
.canvas-button-div div{
|
|
display: inline;
|
|
margin-right: 5vh;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* MDC历史数据 */
|
|
#HistoryRoot{
|
|
height:85.8vh;
|
|
}
|
|
#HistoryRoot .history-alarm-body{
|
|
width: 29%;
|
|
height: 99%;
|
|
float: left;
|
|
}
|
|
#HistoryRoot .history-signal-body{
|
|
width: 69%;
|
|
height: 99%;
|
|
float: left;
|
|
}
|
|
/* 超链接组态 返回按钮 */
|
|
#HistoryRoot .history-button{
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 40px;
|
|
z-index: 999;
|
|
}
|
|
.history-button button{
|
|
width: 110px;
|
|
height: 40px;
|
|
border-radius: 20px;
|
|
}
|
|
.history-alarm-body .query label.btn,
|
|
.history-signal-body .query label.btn{
|
|
font-size: 18px;
|
|
}
|
|
.history-alarm-body{
|
|
border-right: 2px solid #0166fe;
|
|
}
|
|
.history-alarm-body .query,.history-signal-body .query{
|
|
border-bottom: 2px solid #0166fe;
|
|
padding-bottom: 10px;
|
|
}
|
|
.alarm-content{
|
|
float: left;
|
|
width: calc(100%);
|
|
border-bottom: 1px solid #0166fe;
|
|
padding: 10px;
|
|
}
|
|
.history-alarm-body .body{
|
|
height: calc(100% - 140px);
|
|
float: left;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
.query .btn-group{
|
|
float: right;
|
|
}
|
|
|
|
.history-signal-body .body-table{
|
|
float: left;
|
|
width: calc(100% - 20px);
|
|
margin: 10px;
|
|
}
|
|
|
|
.history-signal-body .body-chart .chart{
|
|
width: 100%;
|
|
height: 250px;
|
|
float: left;
|
|
}
|
|
/* DeBug */
|
|
/*#HistoryRoot,#HistoryRoot div{
|
|
border: 1px solid;
|
|
}*/
|
|
|
|
/* MDC历史告警 */
|
|
.alarm-level-3{
|
|
color: #d9534f;
|
|
}
|
|
.alarm-level-2{
|
|
color: #f0ad4e;
|
|
}
|
|
.alarm-level-1{
|
|
color: #0F86D6;
|
|
}
|
|
.alarm-level-0{
|
|
color: #5cb85c;
|
|
}
|
|
.device-list{
|
|
border-bottom: 2px solid #0166fe;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
.device-list .device-list-div{
|
|
margin: 5px;
|
|
height: 39px;
|
|
overflow-y: auto;
|
|
}
|
|
.device-list label{
|
|
border-radius: 0px;
|
|
margin-right: 4px;
|
|
min-width: 50px;
|
|
max-width: 150px;
|
|
overflow: hidden;
|
|
font-size: 18px;
|
|
}
|
|
.device-list label:hover{
|
|
background-color: rgba(1, 102, 254, 0.81);
|
|
color: #FFFFFF;
|
|
}
|
|
.device-list label.active{
|
|
background-color: #0166fe;
|
|
}
|
|
|
|
.history-alarm-body .btn-group .btn-primary,
|
|
.history-signal-body .btn-group .btn-primary{
|
|
background-color: #203882;
|
|
border-color: #203882;
|
|
}
|
|
.history-alarm-body .btn-group .btn-primary.active,
|
|
.history-signal-body .btn-group .btn-primary.active{
|
|
background-color: #0165fb;
|
|
border-color: #0163f5;
|
|
}
|
|
|
|
/* 圆环进度条 */
|
|
.circle{
|
|
margin: 0px auto;
|
|
position: initial;
|
|
}
|
|
.circle .circle-value,
|
|
.circle .circle-name{
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
.circle .circle-name{
|
|
bottom: 10px;
|
|
}
|
|
|
|
.panel-primary .panel-body{
|
|
margin-top: 19px;
|
|
}
|
|
|
|
.active-alarm-filter span{
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 滚动条样式 默认 */
|
|
/*滚动条上一级：不影响功能并隐藏滚动条*/
|
|
.scroll-root{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.scroll-root .scroll-easy {
|
|
width: calc(100% + 10px);
|
|
}
|
|
.scroll-easy,
|
|
.scroll-root .scroll-easy{
|
|
overflow-y: auto;
|
|
}
|
|
.scroll-easy::-webkit-scrollbar,
|
|
.scroll-root .scroll-easy::-webkit-scrollbar{/*滚动条整体样式*/
|
|
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
}
|
|
.scroll-easy::-webkit-scrollbar-thumb,
|
|
.scroll-root .scroll-easy::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
|
|
height: 10px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.scroll-easy::-webkit-scrollbar-thumb,
|
|
.scroll-root .scroll-easy::-webkit-scrollbar-track{ /*滚动条里面轨道*/
|
|
border-radius: 0;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.scroll-easy-x::-webkit-scrollbar{/*滚动条整体样式*/
|
|
height: 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
}
|
|
.scroll-easy-x::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
|
|
height: 10px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.scroll-easy-x::-webkit-scrollbar-thumb{ /*滚动条里面轨道*/
|
|
border-radius: 0;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* 实时告警组态 */
|
|
.active-alarm-head,.active-alarm-head span,.active-alarm-head i,
|
|
.active-alarm-body table tr td{
|
|
font-size: 18px;
|
|
}
|
|
.active-alarm-head{
|
|
text-align: right;
|
|
padding: 5px 0px;
|
|
}
|
|
.active-alarm-body table thead{
|
|
font-weight: bold;
|
|
}
|
|
.active-alarm-body table > tbody > tr > td,
|
|
.active-alarm-body table > thead > tr > td{
|
|
padding: 5px 2px;
|
|
}
|
|
.alarm-list-table .alarm-table-content td{
|
|
border: 0px;
|
|
}
|
|
.alarm-list-table .alarm-table-time td{
|
|
font-size: 18px;
|
|
line-height: 10px;
|
|
}
|
|
.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 #0166fe;
|
|
}
|
|
.table tr:nth-child(even){
|
|
background-color: #062776;
|
|
}
|
|
.alarm-list-table tr.odd,
|
|
.body_transparent .alarm-list-table tr.odd{
|
|
background-color: #0a1e65;
|
|
}
|
|
.alarm-list-table tr.even,
|
|
.body_transparent .alarm-list-table tr.even{
|
|
background-color: #062776;
|
|
}
|
|
|
|
/* 64节温场 */
|
|
.node-temp-title{
|
|
display: inline-block;
|
|
border-radius: 25px;
|
|
}
|
|
.node-temp-title table{
|
|
background-color: #203882;
|
|
border-radius: 25px;
|
|
}
|
|
.node-temp-title table tr td{
|
|
border-radius: 25px;
|
|
width: 200px;
|
|
height: 44px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
line-height: 44px;
|
|
cursor: pointer;
|
|
}
|
|
.node-temp-title table tr td.selected{
|
|
background-color: #0166fe;
|
|
}
|
|
.body-temperature{
|
|
height: 480px;
|
|
width: 960px;
|
|
display: inline-block;
|
|
background-color: rgba(0,64,225,0);
|
|
position: absolute;
|
|
}
|
|
.body-temperature .body-table-temperature{
|
|
height: 480px;
|
|
width: 480px;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.body-table-temperature table{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.body-caliper .caliper{
|
|
width: 70px;
|
|
padding: 10px 5px;
|
|
background-color: rgba(0,64,225,0.4);
|
|
border-radius: 8px;
|
|
border: 0px;
|
|
box-shadow: 0 0 0px;
|
|
}
|
|
.body-caliper .foot_number{
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.body-caliper .font_color{
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.body-caliper .caliper-color{
|
|
width: 50px;
|
|
margin: 0px auto;
|
|
line-height: 10px;
|
|
}
|
|
.node-temp-body .body-caliper{
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #FFFFFF;
|
|
}
|
|
.body-temperature table tr td{
|
|
border: 1px solid #FFFFFF;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
color: #FFFFFF;
|
|
}
|
|
.body-caliper .caliper-visible{
|
|
text-align: center;
|
|
cursor: pointer;
|
|
height: 50px;
|
|
background-size: 70px;
|
|
}
|
|
.node-temp-edit.is-show-div{
|
|
right: 20px;
|
|
top: 50px;
|
|
}
|
|
.node-temp-body .node-temp-img{
|
|
width: 960px;
|
|
display: inline-block;
|
|
float: left;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.node-temp-body .node-temp-img img{
|
|
height: 480px;
|
|
}
|
|
#node-edit{
|
|
height: calc(100% - 98px);
|
|
}
|
|
.node-edit-config,.node-edit-view{
|
|
width: 50%;
|
|
height: 100%;
|
|
float: left;
|
|
border: 1px solid #0166fe;
|
|
}
|
|
.node-edit-config .modal-header,
|
|
.node-edit-view .modal-header{
|
|
border-bottom: 1px solid #0166fe;
|
|
background-color: #033085;
|
|
}
|
|
.add-temperature{
|
|
border: 1px solid #0166fe;
|
|
margin-bottom: 10px;
|
|
}
|
|
.edit-img-temp{
|
|
width: 480px;
|
|
height: 240px;
|
|
margin: 0px auto;
|
|
border: 1px solid #0166fe;
|
|
}
|
|
.edit-img-temp .edit-img{
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.edit-img-temp .edit-img img{
|
|
max-width: 490px;
|
|
height: 240px;
|
|
}
|
|
.edit-temp{
|
|
width: 240px;
|
|
height: 240px;
|
|
position: absolute;
|
|
}
|
|
.edit-temp .edit-temp-modal{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid #0166fe;
|
|
background-color: rgba(0,191.25,255,0.6);
|
|
}
|
|
.edit-view-keyboard{
|
|
margin: 10px;
|
|
}
|
|
.edit-view-keyboard .key-wheel{
|
|
position: inherit;
|
|
margin: auto;
|
|
height: 202px;
|
|
}
|
|
.edit-view-keyboard .key-title{
|
|
width: 30%;
|
|
}
|
|
.edit-view-keyboard .key-title label{
|
|
line-height: 34px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
/* 登录页面 */
|
|
#login-body .dropdown-toggle{
|
|
padding-right: 20px;
|
|
}
|
|
#login-body #LoginId{
|
|
width: 20px;
|
|
height:20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-bottom: 2px;
|
|
}
|
|
#login-body #hint{
|
|
font-size: 18px;
|
|
padding-left: 4px;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* 信号量组态 */
|
|
.image-signal-table .td-content{
|
|
width: 300px;
|
|
}
|
|
|
|
/* 64节温场 框选测点 */
|
|
.Test-Box-Choose table{
|
|
width: 300px;
|
|
height: 300px;
|
|
margin: auto;
|
|
}
|
|
.Test-Box-Choose table tr td{
|
|
text-align: center;
|
|
}
|
|
.Test-Box-Choose table tr td.point{
|
|
border: 1px solid #FFFFFF;
|
|
cursor: pointer;
|
|
}
|
|
.Test-Box-Choose table tr td.check{
|
|
background-color: #247bf9;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* 按钮轮廓 */
|
|
.btn:focus,
|
|
.btn:active:focus,
|
|
.btn.active:focus,
|
|
.btn.focus,
|
|
.btn:active.focus,
|
|
.btn.active.focus,
|
|
input[type=checkbox]:focus,
|
|
input[type=checkbox]:active:focus,
|
|
input[type=checkbox].active:focus,
|
|
input[type=checkbox].focus,
|
|
input[type=checkbox]:active.focus,
|
|
input[type=checkbox].active.focus{
|
|
outline: none;
|
|
}
|
|
|
|
/* 加载页面 */
|
|
.body_bg{
|
|
background: url("../img/bg.jpg") no-repeat center/100% 100%;;
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
.page-load{
|
|
position: absolute;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999;
|
|
}
|
|
.page-load .background{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.page-load .loading-bg{
|
|
background: url("../img/loadingbg.png") no-repeat;
|
|
width: 233px;
|
|
height: 89px;
|
|
margin: 40vh auto 0px;
|
|
line-height: 86px;
|
|
}
|
|
.page-load .background img{
|
|
margin-left: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
.page-load .background span{
|
|
font-size: 28px;
|
|
color: #FFFFFF;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* 设备详情页面 */
|
|
.visible-device-list{
|
|
position: relative;
|
|
height: 40px;
|
|
z-index: 1;
|
|
margin: 8px 0px;
|
|
}
|
|
.visible-device-list .view-show-hide{
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 2;
|
|
}
|
|
/* 设备信息页面 */
|
|
.device-info .device-images{
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 68px;
|
|
border: 2px solid;
|
|
text-align: center;
|
|
height: 274px;
|
|
line-height: 272px;
|
|
}
|
|
.container-fluid.device-info{
|
|
margin-left: 0px;
|
|
}
|
|
.device-info .device-images a{
|
|
position: inherit;
|
|
bottom: -118px;
|
|
right: 0px;
|
|
font-size: 40px;
|
|
}
|
|
.device-info .device-images img{
|
|
max-width: 192px;
|
|
max-height: 272px;
|
|
}
|
|
/* 设备操作页面 */
|
|
.device-record{
|
|
font-size: 20px;
|
|
max-height: 600px;
|
|
padding: 0px 25px 0px 15px;
|
|
}
|
|
.device-record .record-body{
|
|
border-bottom: 1px solid #7b7d84;
|
|
margin: 10px 0px;
|
|
}
|
|
.device-record .record-title{
|
|
width: 100%;
|
|
height: 40px;
|
|
}
|
|
.device-record .record-comment-title{
|
|
|
|
}
|
|
.device-record .record-comment-body{
|
|
margin: 10px;
|
|
}
|
|
.device-record .record-time{
|
|
font-size: 18px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* 功能列表 */
|
|
.setting-body ul li a,
|
|
.setting-body ul li a:hover,
|
|
.setting-body ul li a:active{
|
|
color: #FFFFFF;
|
|
}
|
|
.setting-body ul li{
|
|
background-color: #030f3f;
|
|
}
|
|
.home-setting .modal-body table tr td samp.dropdown-title{
|
|
color: #FFFFFF;
|
|
}
|
|
.setting-option .modal-content .model-body-footer{
|
|
background-color: #030f45;
|
|
}
|
|
|
|
.col-md-1 input,.col-md-2 input,.col-md-3 input,.col-md-4 input,.col-md-5 input,.col-md-6 input,
|
|
.col-md-7 input,.col-md-8 input,.col-md-9 input,.col-md-10 input,.col-md-11 input,.col-md-12 input{
|
|
width: 100%;
|
|
}
|
|
.col-md-1 input[type="checkbox"],.col-md-2 input[type="checkbox"],.col-md-3 input[type="checkbox"],.col-md-4 input[type="checkbox"],.col-md-5 input[type="checkbox"],.col-md-6 input[type="checkbox"],
|
|
.col-md-7 input[type="checkbox"],.col-md-8 input[type="checkbox"],.col-md-9 input[type="checkbox"],.col-md-10 input[type="checkbox"],.col-md-11 input[type="checkbox"],.col-md-12 input[type="checkbox"],
|
|
.col-md-1 input[type="radio"],.col-md-2 input[type="radio"],.col-md-3 input[type="radio"],.col-md-4 input[type="radio"],.col-md-5 input[type="radio"],.col-md-6 input[type="radio"],
|
|
.col-md-7 input[type="radio"],.col-md-8 input[type="radio"],.col-md-9 input[type="radio"],.col-md-10 input[type="radio"],.col-md-11 input[type="radio"],.col-md-12 input[type="radio"]{
|
|
width: auto;
|
|
}
|
|
|
|
|
|
/* 上传组态包 */
|
|
.config-info .config-main .field-title div,
|
|
.config-info .config-minor .minor-title{
|
|
text-align: right;
|
|
}
|
|
.config-info .config-main .field-title div,
|
|
.config-info .config-main .field-body div,
|
|
.config-info .config-minor .minor-body div{
|
|
height: 39px;
|
|
line-height: 39px;
|
|
}
|
|
.config-info .config-main .odd{
|
|
|
|
}
|
|
.config-info .config-main td{
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.config-info .config-main .even{
|
|
background-color: #e3e8f9;
|
|
}
|
|
.config-info .config-main .field-interval{
|
|
text-align: center;
|
|
font-size: 50px;
|
|
}
|
|
.config-info .config-main .select-path select{
|
|
width: 40%;
|
|
float: left;
|
|
}
|
|
.config-info .config-main .select-path input{
|
|
width: 60%;
|
|
float: left;
|
|
}
|
|
.config-info .config-minor .minor-interval{
|
|
text-align: center;
|
|
font-size: 30px;
|
|
}
|
|
|
|
|
|
/* 表格标题不换行 */
|
|
.table > thead > tr > th{
|
|
word-break: keep-all;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 隐藏返回按钮 */
|
|
button.return-btn{
|
|
display: none;
|
|
}
|
|
|
|
/* VLC视频 */
|
|
.camera-view-vlc .camera-view .camera-plugin{
|
|
height: 100%;
|
|
}
|
|
.camera-view-vlc .camera-view .camera-function{
|
|
height: 40px;
|
|
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;
|
|
}
|
|
.camera-view-vlc .camera-function div.function i{
|
|
font-size: 20px;
|
|
line-height: 40px;
|
|
}
|
|
.camera-view-vlc #cameraPlugin > table{
|
|
height: 100%;
|
|
margin-bottom: 0px;
|
|
}
|
|
.camera-view-vlc #cameraPlugin > table tr td{
|
|
border: 0px;
|
|
}
|
|
.camera-view-vlc .camera-menu .title{
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
.camera-view-vlc .camera-menu .title span{
|
|
font-size: 18px;
|
|
padding-left: 20px;
|
|
line-height: 45px;
|
|
float: left;
|
|
color: #ffffff;
|
|
}
|
|
.camera-view-vlc .camera-menu .title .modify-video{
|
|
font-size: 18px;
|
|
padding-left: 20px;
|
|
line-height: 45px;
|
|
float: left;
|
|
color: #ffffff;
|
|
}
|
|
.camera-view-vlc .camera-menu .title .modify-video > button{
|
|
font-size: 16px;
|
|
vertical-align: top;
|
|
margin-top: 5px;
|
|
}
|
|
.camera-view-vlc .camera-menu .tree{
|
|
height: auto;
|
|
}
|
|
.camera-view-vlc .camera-menu .tree > ul,
|
|
.camera-view-vlc .camera-menu .tree .view-camera{
|
|
padding: 0px;
|
|
}
|
|
.camera-view-vlc .camera-menu .tree .view-title{
|
|
padding-left: 20px;
|
|
line-height: 32px;
|
|
}
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li{
|
|
padding-left: 40px;
|
|
line-height: 24px;
|
|
}
|
|
.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 i,
|
|
.camera-view-vlc .camera-menu .tree .view-camera > li a{
|
|
font-size: 16px;
|
|
}
|
|
.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: #FFFFFF;
|
|
}
|
|
.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{
|
|
background-color: #0179ff;
|
|
}
|
|
.camera-view-vlc #cameraPlugin > table.table > tbody > tr > td.active{
|
|
border: 2px solid #0179ff;
|
|
background-color: transparent;
|
|
}
|
|
#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,
|
|
#videoCameraList ul.camera-children > li > div > i,
|
|
#videoCameraList ul.camera-children > li > div > a,
|
|
#videoCameraList ul.camera-children > li > div > a:hover{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* 告警等级联动 */
|
|
.alarm-level-div input[type="radio"],
|
|
.alarm-level-div input[type="checkbox"]{
|
|
width: 14px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* 去内外边框 */
|
|
.no-margin-padding{
|
|
margin: 0px !important;
|
|
padding: 0px !important;
|
|
}
|
|
.no-margin-padding-top{
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
.no-margin-padding-bottom{
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.no-margin-top{
|
|
margin-top: 0px;
|
|
}
|
|
.no-padding-top{
|
|
padding-top: 0px;
|
|
}
|
|
.no-margin-bottom{
|
|
margin-bottom: 0px;
|
|
}
|
|
.no-padding-bottom{
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
/* MDC - U位管理 */
|
|
.mdc-assets-cabinet > .mdc-assets-bg{
|
|
background-color: rgba(0, 153, 230, 0.5);
|
|
}
|
|
.mdc-assets-cabinet > .mdc-assets-bg > .mdc-assets-per{
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(39, 47, 66, 1);
|
|
border: 0px;
|
|
border-radius: 5px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
.mdc-assets-cabinet > div.cabinet-title.mdc-assets-per-text{
|
|
display: block;
|
|
background: transparent;
|
|
}
|
|
|
|
.mdc-assets-info .mdc-assets-info-space,
|
|
.mdc-assets-info .mdc-assets-info-content{
|
|
padding:1px;
|
|
}
|
|
.mdc-assets-info .mdc-assets-info-space > .mdc-assets-space-body{
|
|
display:inline-block;
|
|
margin:10px;
|
|
height:740px;
|
|
width:calc(100% - 18px);
|
|
padding:2px;
|
|
border:6px solid #006699;
|
|
}
|
|
|
|
.mdc-assets-info .mdc-assets-padding{
|
|
padding: 16px 16px;
|
|
}
|
|
.mdc-assets-info textarea{
|
|
resize: none;
|
|
}
|
|
.mdc-assets-info .no-rackDevice{
|
|
border: thin solid transparent;
|
|
background-color:transparent;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.show-assets-device{
|
|
position: inherit;
|
|
width: 100%;
|
|
}
|
|
.mdc-assets-u-info{
|
|
margin-top: 100px;
|
|
}
|
|
.mdc-assets-u-info > .u-info-body{
|
|
width: 33%;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
}
|
|
|
|
/*卡管理页面 修改卡样式*/
|
|
#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;
|
|
}
|
|
|
|
|
|
/* 网络设置 */
|
|
.network-modal{
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border-radius: 4px;
|
|
padding: 40px 0px;
|
|
}
|
|
input[type="checkbox"].switch-check:checked {
|
|
background: rgba(0, 172, 161, 0.6);
|
|
}
|
|
.switch-check:before{
|
|
background: #00aca1;
|
|
}
|
|
input[type="checkbox"].checkbox{
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.checkbox-select{
|
|
text-align: center;
|
|
}
|
|
.checkbox-select .network-checkbox{
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
width: 20%;
|
|
}
|
|
.checkbox-select .network-checkbox span{
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.network-wifi{
|
|
float: none;
|
|
}
|
|
.network-wifi .wifi-list{
|
|
width: 40%;
|
|
margin: 0px auto;
|
|
margin-top: 30px;
|
|
font-size: 18px;
|
|
line-height: 48px;
|
|
box-shadow: 0px 2px 4px rgba(114, 126, 132, 0.24), 0px 1px 10px rgba(114, 126, 132, 0.12), 0px 4px 5px rgba(114, 126, 132, 0.24);
|
|
}
|
|
.network-wifi .wifi-list .wifi{
|
|
padding: 0px 5%;
|
|
font-size: 18px;
|
|
line-height: 48px;
|
|
cursor: pointer;
|
|
}
|
|
.network-wifi .wifi-list .other-wifi{
|
|
color: #0C85D3;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
line-height: 48px;
|
|
padding: 0px 20px;
|
|
}
|
|
.network-wifi .wifi-list .wifi.active{
|
|
color: #0C85D3;
|
|
}
|
|
.network-wifi .wifi-list .wifi span{
|
|
float: right;
|
|
color: #424E54;
|
|
}
|
|
.network-wlan .network-wlan-table{
|
|
margin: 0 auto;
|
|
margin-top: 30px;
|
|
font-size: 18px;
|
|
}
|
|
.network-wlan-table tr{
|
|
line-height: 48px;
|
|
}
|
|
.network-prompt{
|
|
text-align: center;
|
|
font-size: 18px;
|
|
margin: 30px 0px;
|
|
}
|
|
.wireless-info .info-left{
|
|
padding-right: 10px;
|
|
}
|
|
.wireless-info .info-right{
|
|
padding-left: 10px;
|
|
}
|
|
.password-eye{
|
|
color: #727e84;
|
|
position: absolute;
|
|
margin-left: -60px;
|
|
font-size: 46px;
|
|
cursor: pointer;
|
|
}
|
|
.alarmTd{
|
|
text-align: left;
|
|
}
|
|
|
|
.distance-between{
|
|
padding: 16px;
|
|
}
|
|
.no-margin-top{
|
|
margin-top: 0px;
|
|
}
|
|
.no-padding-top{
|
|
padding-top: 0px;
|
|
}
|
|
.button-left{
|
|
margin-left: 16px;
|
|
}
|
|
.table-margin{
|
|
margin: 16px;
|
|
width: calc(100% - 32px);
|
|
}
|
|
.bo-box-shadow{
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.rights-root .rights-account{
|
|
width: 24%;
|
|
float: left;
|
|
}
|
|
.rights-root .rights-body{
|
|
width: 75%;
|
|
height: 100%;
|
|
float: right;
|
|
}
|
|
.authority-option .setting-box-shadow{
|
|
margin-bottom: 20px;
|
|
border-radius: 20px;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
.authority-option .setting-title,
|
|
.authority-option .setting-title a{
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
line-height: 50px;
|
|
color: #ffffff;
|
|
height: 50px;
|
|
padding-left: 20px;
|
|
}
|
|
.authority-option .setting-title a{
|
|
cursor: pointer;
|
|
}
|
|
.setting-title > a > i.fa,
|
|
.ul li > i.fa{
|
|
float: right;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
margin: 10px;
|
|
margin-right: 30px;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
}
|
|
.ul li > i.left-arrows{
|
|
float: left;
|
|
margin-right: 26px;
|
|
}
|
|
.ul li > div.no-fa{
|
|
width: 54px;
|
|
height: 50px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.authority-checked > i.fa{
|
|
font-size: 25px;
|
|
vertical-align: middle;
|
|
color: #ffffff;
|
|
}
|
|
.rights-list .ul{
|
|
padding: 0px;
|
|
}
|
|
.rights-list .ul > li{
|
|
line-height: 46px;
|
|
padding-left: 16px;
|
|
}
|
|
.rights-list .ul > li .micro-font{
|
|
font-size: 14px;
|
|
}
|
|
/* UL隔行变色 */
|
|
.rights-list .ul > li:nth-child(even){
|
|
background-color: #020f45;
|
|
}
|
|
.rights-list .ul > li:nth-child(odd){
|
|
background-color: #062776;
|
|
}
|
|
.rights-list .ul > li.even{
|
|
background-color: #020f45;
|
|
}
|
|
.rights-list .ul > li.odd{
|
|
background-color: #062776;
|
|
}
|
|
.rights-list input[type="radio"],
|
|
.rights-list input[type="checkbox"] {
|
|
width: 25px;
|
|
height: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
.radio-text{
|
|
vertical-align: middle;
|
|
}
|
|
.rights-body .rights-button{
|
|
position: fixed;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 55px;
|
|
line-height: 45px;
|
|
padding-top: 5px;
|
|
text-align: right;
|
|
padding-right: 25px;
|
|
background-color: #020f45;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
.part-ul,
|
|
.part-ul2{
|
|
margin-left: 50px;
|
|
}
|
|
.part-ul > li {
|
|
border-left: 3px solid #237af8;
|
|
}
|
|
.part-ul2 > li {
|
|
border-left: 3px solid;
|
|
}
|
|
|
|
/* MDC配置化-单排 */
|
|
.mcd_diagram{
|
|
padding: 16px;
|
|
}
|
|
.mdc_diagram_head > .tag_radius{
|
|
display: inline-block;
|
|
z-index: 999;
|
|
border-radius: 25px;
|
|
border: 2px solid rgb(35, 122, 248);
|
|
}
|
|
.tag_radius > ul{
|
|
margin: 0px;
|
|
}
|
|
.tag_radius > ul > li {
|
|
display: inline-block;
|
|
padding: 10px 20px;
|
|
font-size: 18px;
|
|
border-radius: 25px;
|
|
}
|
|
.tag_radius > ul > li.active{
|
|
background-color: #033085;
|
|
}
|
|
.tag_radius > ul > li > a,
|
|
.tag_radius > ul > li.active > a{
|
|
color: #FFF;
|
|
}
|
|
.mdc_diagram_head .mdc_tag{
|
|
position: absolute;
|
|
right: 60%;
|
|
}
|
|
.mdc_diagram_head .mdc_split{
|
|
position: absolute;
|
|
left: 45%;
|
|
}
|
|
.mdc_diagram_images{
|
|
margin: 70px 160px 20px 80px;
|
|
height: 250px;
|
|
}
|
|
.mdc_diagram_images .cabinet_image > img {
|
|
height: 250px;
|
|
max-width: 80%;
|
|
max-height: 250px;
|
|
}
|
|
.mdc_diagram_images .cabinet_image{
|
|
text-align: center;
|
|
}
|
|
.cabinet_table{
|
|
margin: 0px 32px 0px 16px;
|
|
padding: 16px 16px 0px 16px;
|
|
background-color: #041457;
|
|
box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
|
|
}
|
|
.cabinet_table .table{
|
|
margin-bottom: 16px;
|
|
}
|
|
.cabinet_table .table tbody tr th,
|
|
.cabinet_table .table tbody tr td{
|
|
font-weight: normal;
|
|
text-align: center;
|
|
padding: 8px 10px;
|
|
}
|
|
.cabinet_table .narrow .table tbody tr th,
|
|
.cabinet_table .narrow .table tbody tr td{
|
|
padding: 8px 6px;
|
|
}
|
|
.cabinet_table .table tbody tr th,
|
|
.cabinet_table .table tbody tr td,
|
|
.cabinet_table .table tbody tr td .btn{
|
|
font-size: 14px;
|
|
}
|
|
.cabinet_table .table{
|
|
width: auto;
|
|
display: inline-block;
|
|
}
|
|
.cabinet_table .table tr,
|
|
.cabinet_table .table tr > td{
|
|
border: 1px solid #D5DAEB;
|
|
}
|
|
.mdc_diagram_body .table_unit{
|
|
display: inline-block;
|
|
}
|
|
.mdc_diagram_body .table_body{
|
|
display: inline-block;
|
|
position: absolute;
|
|
width: calc(100% - 308px);
|
|
}
|
|
.cabinet_table table.signal_unit tr,
|
|
.cabinet_table table.signal_unit tr > td,
|
|
.cabinet_table table.signal_body tr > th{
|
|
background-color: rgb(4 20 91);
|
|
}
|
|
.cabinet_table table.signal_body tr,
|
|
.cabinet_table table.signal_body tr > td{
|
|
background-color: #041253;
|
|
}
|
|
.cabinet_table .table tbody tr td.signal_normal{
|
|
color: #0BCF6D;
|
|
font-weight: bold;
|
|
}
|
|
.cabinet_table .table tbody tr td.signal_alarm{
|
|
color: #ED7720;
|
|
font-weight: bold;
|
|
}
|
|
/* MDC配置化-单排配置 */
|
|
.mdc_config_root .mdc_title{
|
|
}
|
|
.mdc_config_root .table tbody tr th,
|
|
.mdc_config_root .table tbody tr td,
|
|
.mdc_config_root .table tbody tr td .btn,
|
|
.mdc_config_root .table tbody tr td input,
|
|
.mdc_config_root .table tbody tr td select{
|
|
font-size: 16px;
|
|
}
|
|
.mdc_config_root .table tr td{
|
|
padding: 8px;
|
|
}
|
|
.mdc_config_root .table tr td.topology-img-div{
|
|
padding: 5px 8px 4px 8px;
|
|
}
|
|
.mdc_config_root .table tr td input,
|
|
.mdc_config_root .table tr td select{
|
|
height: 30px;
|
|
text-align: center;
|
|
}
|
|
.mdc_config_root .tag_table{
|
|
margin: 8px 0px;
|
|
padding: 0px;
|
|
}
|
|
.mdc_config_root .tag_table .table{
|
|
width: auto;
|
|
display: inline-block;
|
|
}
|
|
.mdc_config_root .table tbody tr th,
|
|
.mdc_config_root .table tbody tr td{
|
|
border: 1px solid #D5DAEB;
|
|
}
|
|
.mdc_config_root .table_title tr td{
|
|
height: 47px;
|
|
text-align: right;
|
|
}
|
|
.mdc_config_root .table_body tr td{
|
|
height: 47px;
|
|
text-align: center;
|
|
}
|
|
.mdc_config_root .table_add tr td,
|
|
.mdc_config_root .table_del tr td,
|
|
.mdc_config_root tr.col_add td,
|
|
.mdc_config_root tr.col_del td,
|
|
.mdc_config_root tr td.row_add,
|
|
.mdc_config_root tr td.row_del{
|
|
cursor: pointer;
|
|
}
|
|
.mdc_config_root tr.col_add td,
|
|
.mdc_config_root tr.col_del td{
|
|
padding: 2px;
|
|
height: 30px;
|
|
}
|
|
.mdc_config_root .table_add tr td,
|
|
.mdc_config_root tr.col_add td,
|
|
.mdc_config_root tr td.row_add{
|
|
background-color: #77A9FF;
|
|
color: #FFFFFF;
|
|
}
|
|
.mdc_config_root .table_del tr td,
|
|
.mdc_config_root tr.col_del td,
|
|
.mdc_config_root tr td.row_del{
|
|
background-color: #FA6552;
|
|
color: #FFFFFF;
|
|
}
|
|
.scroll-easy-x{
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
.scroll-easy-xy{
|
|
overflow: auto;
|
|
}
|
|
.scroll-easy-x > .scroll-easy-div > table{
|
|
float: left;
|
|
margin-bottom: 0px;
|
|
}
|
|
.mdc_config_root .scroll-easy-xy{
|
|
width: 283px;
|
|
height: 150px;
|
|
}
|
|
.scroll-easy-xy .scroll-easy-div{
|
|
width: 500px;
|
|
}
|
|
.scroll-easy-xy .scroll-easy-div .table{
|
|
float: left;
|
|
}
|
|
.mdc_config_root .topology-expand-div{
|
|
width: 100%;
|
|
}
|
|
.mdc_config_root .table_split{
|
|
margin: 0px;
|
|
}
|
|
.mdc_config_root .table_split tr td input,
|
|
.mdc_config_root .table_split tr td select{
|
|
width: 100px;
|
|
}
|
|
textarea {
|
|
resize: none; /* Disables resizability */
|
|
}
|
|
|
|
ul{
|
|
list-style: none;
|
|
}
|
|
|
|
/* 历史PUE曲线 Author:Eddy Date:2021/05/25 */
|
|
.pue-filter-button{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-size: 20px;
|
|
}
|
|
.pue-filter-button .date-filter ul li,
|
|
.pue-filter-button .detail-filter ul li{
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
.pue-filter-button .date-filter{
|
|
float: left;
|
|
margin-left: 20px;
|
|
}
|
|
.pue-filter-button .date-filter ul li{
|
|
float: left;
|
|
width: 50px;
|
|
margin: 0px;
|
|
text-align: center;
|
|
border: 1px solid #D5DAEB;
|
|
}
|
|
.pue-filter-button .date-filter ul li.active{
|
|
background-color: #0166fe;
|
|
color: #FFFFFF;
|
|
}
|
|
.pue-filter-button .detail-filter{
|
|
float: right;
|
|
margin-right: 20px;
|
|
}
|
|
.pue-filter-button .detail-filter ul li{
|
|
padding: 0px 5px;
|
|
font-size: 30px;
|
|
}
|
|
|
|
/* 3D MDC 组态样式 */
|
|
.sort_mdc > ul > li.sort_cabinet{
|
|
display: inline-block;
|
|
width: 26px;
|
|
padding: 8px 0px;
|
|
text-align: center;
|
|
border: 1px solid #247afa;
|
|
cursor: pointer;
|
|
}
|
|
.link_mdc{
|
|
height: 300px;
|
|
}
|
|
.link_mdc .table,
|
|
.link_mdc .table tr th,
|
|
.link_mdc .table tr td,
|
|
.link_mdc .table tr td input,
|
|
.link_mdc .table tr td button{
|
|
font-size: 16px;
|
|
}
|
|
.link_mdc .table tr th,
|
|
.link_mdc .table tr td{
|
|
padding: 4px 8px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 实时图表 */
|
|
.current_charts{
|
|
position: absolute;
|
|
top: 26px;
|
|
right: 40px;
|
|
font-size: 12px;
|
|
}
|
|
.current_charts > i.pue{
|
|
cursor: pointer;
|
|
border: 1px solid;
|
|
border-radius: 5px;
|
|
padding: 2px 5px;
|
|
}
|
|
.current_charts > i.modify{
|
|
cursor: pointer;
|
|
padding: 2px 8px 3px 8px;
|
|
margin-left: 8px;
|
|
border: 1px solid;
|
|
border-radius: 5px;
|
|
font-size: 16px;
|
|
}
|
|
/* 实时图表 机柜U位 */
|
|
.u-space-info .mdc-assets-space-body{
|
|
position: absolute;
|
|
width: calc(100% - 40px);
|
|
margin: 0px 20px;
|
|
height: calc(100% - 120px);
|
|
}
|
|
.u-space-info .u-space-position{
|
|
width: 40px;
|
|
height: 1008px;
|
|
display: inline-block;
|
|
color: #000;
|
|
position: initial;
|
|
}
|
|
.u-space-info .u-space-name{
|
|
width: calc(100% - 45px);
|
|
height: 1008px;
|
|
display: inline-block;
|
|
position: absolute;
|
|
background: rgb(0 153 230 / 0.3);
|
|
}
|
|
.u-space-info .u-space-name .show-assets-device{
|
|
width: 100%;
|
|
border: thin solid #66ccff;
|
|
background-color: #0099e6;
|
|
color: #FFFFFF;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.u-space-info .u-space-note{
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
.u-space-info .u-space-note ul li{
|
|
display: inline-block;
|
|
margin: 4px 8px;
|
|
}
|
|
.u-space-info .u-space-note ul li span{
|
|
font-weight: 700;
|
|
margin-left: 5px;
|
|
color: #5cb85c;
|
|
}
|
|
.assets-button button{
|
|
margin: 0px 5px;
|
|
}
|
|
.assets-button .assets-center{
|
|
margin-left: calc(50% - 400px);
|
|
display: inline;
|
|
}
|
|
.checkbox.btn-default{
|
|
border-radius: 8px;
|
|
padding: 0px;
|
|
line-height: 32px;
|
|
}
|
|
.cursor-pointer{
|
|
cursor: pointer;
|
|
}
|
|
.u-space-position .u-space-i{
|
|
height: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content:center;
|
|
border: 1px solid #0099e6;
|
|
background-color: transparent;
|
|
color: #FFF;
|
|
text-align: center
|
|
}
|
|
|
|
/* 多级下拉选择框(历史信号) */
|
|
.select-casement-tree{
|
|
width: 100%;
|
|
height: 37px;
|
|
padding: 0px;
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
|
|
position: relative;
|
|
}
|
|
.select-casement-tree > i.fa{
|
|
position: absolute;
|
|
top: 0px;
|
|
font-size: 20px;
|
|
line-height: 37px;
|
|
cursor: pointer;
|
|
}
|
|
.select-casement-tree > i.chevron{
|
|
right: 10px;
|
|
}
|
|
.select-casement-tree > i.remove{
|
|
right: 40px;
|
|
}
|
|
.select-casement-wrap{
|
|
position: relative;
|
|
padding: 2px 70px 0 0;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
height: 36px;
|
|
}
|
|
.select-casement{
|
|
font-size: 12px;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
margin-bottom: 4px;
|
|
min-height: 36px;
|
|
}
|
|
.select-casement span{
|
|
font-size: 18px;
|
|
}
|
|
.select-casement span.input-tips{
|
|
float: left;
|
|
line-height: 30px;
|
|
color: #d6d6d6;
|
|
padding: 0px 6px;
|
|
}
|
|
.select-casement span.input-item{
|
|
width: auto;
|
|
margin: 2px 5px;
|
|
padding: 0px 6px;
|
|
border: 1px solid #d6d6d6;
|
|
color: #d6d6d6;
|
|
border-radius: 3px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.select-casement-options{
|
|
background-color: #033085;
|
|
border: 1px solid #025aff;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 10;
|
|
padding: 6px;
|
|
max-height: 300px;
|
|
overflow: hidden;
|
|
}
|
|
.select-casement-options .select-search{
|
|
height: 30px;
|
|
}
|
|
.select-search > input.form-control{
|
|
border-radius: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 18px;
|
|
}
|
|
.select-options{
|
|
font-size: 18px;
|
|
}
|
|
.select-options ul li span{
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
.select-options .options-left{
|
|
width: 30%;
|
|
display: inline-block;
|
|
border: 1px solid #5599FD;
|
|
vertical-align: top;
|
|
padding: 6px 6px;
|
|
}
|
|
.select-options .options-left .scroll-easy,
|
|
.select-options .options-right .scroll-easy{
|
|
max-height: 250px;
|
|
}
|
|
.select-options .options-right{
|
|
width: calc(70% - 4px);
|
|
display: inline-block;
|
|
border: 1px solid #5599FD;
|
|
margin-left: 4px;
|
|
padding: 6px 6px;
|
|
}
|
|
.select-options ul.options-device > li{
|
|
position: relative;
|
|
padding: 2px 6px;
|
|
}
|
|
.select-options ul.options-device > li:hover,
|
|
.select-options ul.options-signal > li:hover,
|
|
.select-options ul.options-device > li.active{
|
|
background-color: #237af8;
|
|
color: #FFFFFF;
|
|
}
|
|
.select-options ul.options-device > li > i.fa{
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 10px;
|
|
line-height: 29px;
|
|
font-size: 14px;
|
|
}
|
|
.select-options ul.options-signal > li{
|
|
position: relative;
|
|
padding: 2px 6px;
|
|
}
|
|
.select-options ul.options-signal > li > span{
|
|
margin-left: 24px;
|
|
}
|
|
.select-options ul.options-signal > li > input[type="checkbox"]{
|
|
position: absolute;
|
|
top: 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
vertical-align: top;
|
|
}
|
|
/* APP License */
|
|
#app-license.modal-content{
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
}
|
|
#app-license table.body_transparent{
|
|
width: 100%;
|
|
}
|
|
#app-license input,
|
|
#app-license button{
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
}
|
|
#app-license table.body_transparent td.title{
|
|
padding-right: 16px;
|
|
text-align: right;
|
|
width: 40%;
|
|
}
|
|
#app-license table.body_transparent td.button{
|
|
padding-left: 16px;
|
|
width: 40%;
|
|
}
|
|
#app-license input[type="file"]{
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
line-height: 34px;
|
|
color: #fff;
|
|
}
|
|
#app-license .modal-footer{
|
|
text-align: center;
|
|
}
|
|
|
|
/* 遥控遥调组态 */
|
|
.control-meaning .control-label{
|
|
line-height: 70px;
|
|
}
|
|
.control-meaning .meaning-select{
|
|
height: 39px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
/* 巡逻遮蔽层 */
|
|
#patrol-layer{
|
|
position: absolute;
|
|
top: 0px;
|
|
width:100%;
|
|
height:100%;
|
|
z-index: 999;
|
|
}
|
|
#patrol-layer > .layer-text{
|
|
text-align: center;
|
|
margin-top: 60px;
|
|
font-size: 24px;
|
|
}
|
|
#menu{
|
|
cursor: pointer;
|
|
}
|
|
#model i{
|
|
cursor: pointer;
|
|
}
|
|
.receiverPanel{
|
|
background-color: #033085;
|
|
border: 1px solid #66afe9;
|
|
border-top: 0;
|
|
outline: 0;
|
|
position: absolute;
|
|
/* width: calc(100% - 30px); */
|
|
min-width: 100%;
|
|
z-index: 10;
|
|
padding: 6px;
|
|
height: 300px;
|
|
}
|
|
#menu.active{
|
|
border-color: #66afe9;
|
|
border-bottom: 0;
|
|
outline: 0;
|
|
/* -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
|
|
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 6); */
|
|
}
|
|
#menu.active i{
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
/* 表格透明 */
|
|
.body_transparent,
|
|
.body_transparent tbody,
|
|
.body_transparent thead,
|
|
.body_transparent tr,
|
|
.body_transparent tr:nth-child(even),
|
|
.body_transparent th,
|
|
.body_transparent tbody tr td,
|
|
.body_transparent thead tr th{
|
|
background-color: transparent;
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
|
|
.add-item{
|
|
width: 100%;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
}
|
|
.collapse-head{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: 50px;
|
|
cursor: pointer;
|
|
}
|
|
.collapse-head.collapsed > i{
|
|
transform: rotate(-90deg);
|
|
}
|
|
.label-details{
|
|
padding: 15px;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
/* 大华摄像头 */
|
|
.view_fun > div > a,
|
|
.dh_cameraview > .tree > .tree_body i,
|
|
.dh_cameraview > .tree > .tree_body a,
|
|
.dh_cameraview > .view > .view_fun > div > a{
|
|
color: #ffffff;
|
|
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;
|
|
}
|
|
|
|
|
|
/* 门楣管理 */
|
|
.btn-additem{
|
|
background-color: #237af8;
|
|
color: #FFF;
|
|
}
|
|
|
|
.btn-group.open .btn-additem{
|
|
/* background-color:#FFF */
|
|
color: #FFF;
|
|
box-shadow:inset 0 3px 7px rgb(0 0 0 / 20%);
|
|
|
|
}
|
|
.btn-additem:hover{
|
|
color: #FFF;
|
|
}
|
|
.btn-additem:focus{
|
|
color: #FFF;
|
|
}
|
|
.dropdown-menu{
|
|
/* box-shadow:inset 0 3px 7px rgb(0 0 0 / 20%); */
|
|
}
|
|
|
|
.dropdown-menu > li > a{
|
|
line-height:2.4
|
|
}
|
|
.dropdown-menu > li > a:hover{
|
|
background-color: #237af8;
|
|
}
|
|
.list_setting{
|
|
/* min-height: 50vh;
|
|
max-height: 58vh */
|
|
/* height:calc(88vh - 298px); */
|
|
height:calc(96vh - 337px);
|
|
/* padding: 0 10vw */
|
|
}
|
|
.listItem{
|
|
background-color: rgba(0,0,0,0);
|
|
border: 1px solid #025aff;
|
|
box-shadow: rgb(15 96 244 / 80%) 0px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.itemHeader{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
cursor: pointer;
|
|
}
|
|
.item_content{
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
-webkit-animation-duration: 0s;
|
|
animation-duration: 0s;
|
|
}
|
|
.nova_content{
|
|
height: calc(100vh - 266px);
|
|
width: 100%;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
/* padding: 20px 10vw 0 10vw; */
|
|
}
|
|
.collapsed >div>.close_item_ico{
|
|
transform: rotate(-90deg);
|
|
}
|
|
.collapsed{
|
|
border-radius: 20px;
|
|
}
|
|
#novaMain .fa-trash-o{
|
|
font-size:medium;
|
|
}
|
|
#novaMain .fa-trash-o:hover{
|
|
color: red;
|
|
}
|
|
.collapse.in{
|
|
|
|
}
|
|
|
|
.nova_canvas{
|
|
position: absolute;
|
|
display: block;
|
|
left: 73.5%;
|
|
z-index: 999;
|
|
/* background-color: white; */
|
|
}
|
|
.nova_canvas > canvas{
|
|
/* background-color: white; */
|
|
}
|
|
.locate_canvas{
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
}
|
|
.locate_canvas > a{
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 40px;
|
|
/* border: 1px solid #025aff; */
|
|
background-color: #007dfa;
|
|
/* box-shadow: rgb(15 96 244 / 80%) 0px; */
|
|
border-radius: 20px;
|
|
color: #ffffff;
|
|
|
|
}
|
|
.nova_canvas:hover > canvas{
|
|
display: block !important
|
|
}
|
|
.locate_canvas:hover > a{
|
|
background-color: rgba(2, 46, 141, 0.6);
|
|
}
|
|
.locate_canvas.active > a{
|
|
border: 1px solid #025aff;
|
|
box-shadow: inset 0px 0px 10px rgb(2, 46, 141, 0.6);
|
|
background-color: rgba(2, 46, 141, 0.6);
|
|
}
|
|
.location_ipt:checked{
|
|
background-color: #010a2b;
|
|
}
|
|
.font_style_Nav{
|
|
font-size: 20px;
|
|
height: 39px;
|
|
text-align: left;
|
|
align-items:center;
|
|
}
|
|
.font_style_Nav>label{
|
|
display: inline-block;
|
|
/* width: 39px;
|
|
height: 37px;
|
|
line-height:37px; */
|
|
border: 1px solid #00000000;
|
|
cursor:pointer;
|
|
text-align: center;
|
|
}
|
|
/* .font_style_Nav>li.active{
|
|
background-color: #000000;
|
|
} */
|
|
.font_style_Nav>label:hover{
|
|
border: 1px solid #000000;
|
|
}
|
|
.font_style_Nav>label>i{
|
|
display: inline-block;
|
|
width: 39px;
|
|
height: 39px;
|
|
line-height: 39px;
|
|
|
|
}
|
|
.canvas-container{
|
|
width: 50px;
|
|
}
|
|
.font_style_Nav input[type="checkbox"]{display:none;}
|
|
.font_style_Nav input[type="checkbox"]:checked + i{background:#007dfa;color: white;}
|
|
|
|
|
|
/* 实时图表 刻度 */
|
|
.chart-body > .scale{
|
|
height: calc(100% - 50px);
|
|
margin: 10px 0px;
|
|
position: relative;
|
|
}
|
|
.chart-body > .scale > .scale-cell > div{
|
|
display: inline-block;
|
|
}
|
|
.chart-body > .scale > .scale-cell > .cell-color{
|
|
width: 20px;
|
|
height: 100%;
|
|
margin-left: calc(50% - 10px);
|
|
}
|
|
.chart-body > .scale > .scale-cell.cell-head > .cell-color{
|
|
border-top-left-radius: 20px;
|
|
border-top-right-radius: 20px;
|
|
}
|
|
.chart-body > .scale > .scale-cell.cell-tail > .cell-color{
|
|
border-bottom-left-radius: 20px;
|
|
border-bottom-right-radius: 20px;
|
|
}
|
|
.chart-body > .scale > .scale-cell{
|
|
position: relative;
|
|
}
|
|
.chart-body > .scale > .scale-cell > .cell-title{
|
|
position: absolute;
|
|
top: calc(50% - 8px);
|
|
left: calc(50% - 50px);
|
|
}
|
|
.chart-body > .scale > .scale-cell > .cell-value{
|
|
position: absolute;
|
|
top: -10px;
|
|
margin-left: 8px;
|
|
}
|
|
.chart-body > .scale > .scale-cell > .cell-value.min-value{
|
|
position: absolute;
|
|
top: auto;
|
|
bottom: -10px;
|
|
margin-left: 8px;
|
|
}
|
|
.chart-body > .scale > .current-value{
|
|
position: absolute;
|
|
left: calc(50% + 10px);
|
|
bottom: calc(100% - 12.5px);
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.chart-body > .scale > .current-value > span{
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border:10px solid transparent;
|
|
border-left-color:red;
|
|
display: inline-block;
|
|
}
|
|
.chart-body > .scale > .current-value > .value{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-color: #0166fe;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
/* 功能License */
|
|
.function-license .info,
|
|
.function-license .function{
|
|
display: inline-block;
|
|
height: 400px;
|
|
}
|
|
.function-license .info > table,
|
|
.function-license .function > table{
|
|
font-size: 16px;
|
|
width: 100%;
|
|
}
|
|
.function-license .info > table tr > td.title{
|
|
width: 150px;
|
|
text-align: right;
|
|
}
|
|
.function-license .info > table tr > td.input{
|
|
padding: 0px 16px;
|
|
}
|
|
.function-license .function > table tr > th,
|
|
.function-license .function > table tr > td{
|
|
text-align: center;
|
|
}
|
|
.function-license .function > table tr:hover{
|
|
background-color: #007dfa;
|
|
}
|
|
/* 网络配置 */
|
|
.network_config,
|
|
.network_config > .panel-body > .tab-content > .panel{
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[title="alarmCheckbox"]{
|
|
visibility: hidden;
|
|
display: none;
|
|
}
|
|
input[title="alarmCheckbox"]:checked + label:after{
|
|
position: absolute;
|
|
font-family: 'Glyphicons Halflings';
|
|
content: "\e013";
|
|
font-size: 12px;
|
|
color: #fff;
|
|
line-height: 38px;
|
|
left: 10px;
|
|
}
|
|
.alarmlabel{
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
height: 34px;
|
|
width: 34px;
|
|
font-size: 38px;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.alarmlabel > i{
|
|
position: absolute;
|
|
}
|
|
|
|
/* 告警建议库 */
|
|
.uploadFile{
|
|
max-height: 100px;
|
|
}
|
|
.uploadFile div{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
text-align:left
|
|
}
|
|
.uploadFile i:hover{
|
|
cursor:pointer;
|
|
color: red;
|
|
}
|
|
|
|
.uploadFile label{
|
|
max-width: 90%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
|
|
.file_div{
|
|
display: inline-flex;
|
|
flex-flow: wrap;
|
|
justify-content: start;
|
|
margin: 0 15%;
|
|
max-width: calc(100% - 60px);
|
|
}
|
|
.file_container{
|
|
position: relative;
|
|
width: 100px;
|
|
height: 100px;
|
|
cursor: pointer;
|
|
transition:0.4s
|
|
}
|
|
.file_container:hover {
|
|
transform: translateY(-10px);
|
|
}
|
|
.file_container img{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.file_container .file-wrap{
|
|
height: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
text-align: center;
|
|
transition:0.4s;
|
|
position: absolute;
|
|
bottom: 0;
|
|
/* line-height: 90px; */
|
|
}
|
|
.file_container:hover .file-wrap{
|
|
height: 100px;
|
|
}
|
|
.file-wrap .file-action{
|
|
height: 58px;
|
|
line-height: 80px;
|
|
}
|
|
.file-action a{
|
|
color: #53b3f3;
|
|
}
|
|
.file-action a:hover{
|
|
color: #007dfa;
|
|
}
|
|
.file-wrap .file-name{
|
|
position: absolute;
|
|
bottom: 2px;
|
|
max-height: 40px;
|
|
width: 100px;
|
|
word-wrap: break-word;
|
|
white-space: break-spaces;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 10px;
|
|
}
|
|
.download-file{
|
|
display: block;
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
text-align: center;
|
|
line-height: 126px;
|
|
}
|
|
.img-file{
|
|
width: 100px;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
}
|
|
|
|
.bigImg{
|
|
width: auto;
|
|
height: 75%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
.opacityBottom{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 9999;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
tbody .ellipsis-single{
|
|
max-width: 160px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* RTSP新视频 */
|
|
.webRtcPlayer {
|
|
position: absolute;
|
|
width: calc(100% - 428px);
|
|
height: calc(100% - 51px);
|
|
background-color: transparent;
|
|
}
|
|
.webRtcPlayer video{
|
|
object-fit:fill;
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
/* border: 1px solid #FFCC00; */
|
|
}
|
|
|
|
/* 数据变化记录组态 */
|
|
.data-change-filter .table i.fa{
|
|
font-size: 20px;
|
|
}
|
|
.data_change > .data_change_title > .fa{
|
|
color: #62DBED;
|
|
margin-right: 16px;
|
|
}
|
|
.data_change > .data_change_title > .fa-sort-desc{
|
|
float: right;
|
|
}
|
|
.data_change > .data_change_line{
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%;
|
|
background: linear-gradient(to right,rgba(96, 216, 234, 0.2),rgba(96, 215, 234,1));
|
|
}
|
|
.data_change > .data_change_body > .content{
|
|
margin: 16px 0px;
|
|
padding: 8px 8px;
|
|
background-image: linear-gradient(to right, rgba(6,33,131,0.7),rgba(6,33,131,0.3));
|
|
}
|
|
/* 自定义 可移除标签 */
|
|
div.e_tab{
|
|
border: 2px solid #4c8def;
|
|
background-color: #0166fe;
|
|
display: inline-block;
|
|
padding: 4px 8px;
|
|
margin: 2px 2px;
|
|
cursor: pointer;
|
|
}
|
|
div.e_tab i.fa{
|
|
font-size: 20px;
|
|
vertical-align: bottom;
|
|
}
|
|
div.e_tab:hover i.fa{
|
|
color: #f4455a;
|
|
}
|
|
|
|
/* 设备抄表 */
|
|
.fa-checkGroup{
|
|
width: 32px;
|
|
line-height: 40px;
|
|
vertical-align: middle;
|
|
font-size: 23px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
-o-user-select:none;
|
|
}
|
|
|
|
.single-radio {
|
|
position: relative;
|
|
margin: 0 !important;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
}
|
|
.single-radio:before,
|
|
.single-radio:after {
|
|
height: 100%;
|
|
width: 100%;
|
|
border-radius: 50%;
|
|
content: "";
|
|
position: absolute;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
}
|
|
.single-radio:after {
|
|
background-color: #58e517;
|
|
transform: scale(0, 0);
|
|
-webkit-transform: scale(0, 0);
|
|
-moz-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
-o-transform: scale(0, 0);
|
|
transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
|
|
-webkit-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
|
|
-moz-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
|
|
-ms-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
|
|
-o-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
|
|
}
|
|
|
|
.single-radio:before {
|
|
background-color: #033085;
|
|
box-shadow: 0 0 0 1px #fbfbfb;
|
|
transition: all 0.25s ease-in-out;
|
|
-moz-transition: all 0.25s ease-in-out;
|
|
-o-transition: all 0.25s ease-in-out;
|
|
-webkit-transition: all 0.25s ease-in-out;
|
|
-ms-transition: all 0.25s ease-in-out;
|
|
}
|
|
|
|
.single-radio:checked:after {
|
|
-moz-transform: scale(0.75, 0.75);
|
|
-ms-transform: scale(0.75, 0.75);
|
|
-webkit-transform: scale(0.75, 0.75);
|
|
-o-transform: scale(0.75, 0.75);
|
|
transform: scale(0.75, 0.75);
|
|
}
|
|
.check-box:before,
|
|
.check-box:after{
|
|
height: 100%;
|
|
width: 100%;
|
|
border-radius: 0;
|
|
content: "";
|
|
position: absolute;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
-ms-border-radius: 0;
|
|
-o-border-radius: 0;
|
|
}
|
|
|
|
.flex-around{
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
.half-width{
|
|
width: 50%;
|
|
}
|
|
|
|
/* 图表配置 */
|
|
.history_chart_config i.fa-times-circle{
|
|
color: #c9302c;
|
|
}
|
|
.history_chart_config i.fa-times-circle:hover{
|
|
color: #cf514d;
|
|
}
|
|
.history_chart_config i.fa-plus-circle{
|
|
color: #0084D7;
|
|
}
|
|
.history_chart_config i.fa-plus-circle:hover{
|
|
color: #2495db;
|
|
}
|
|
|
|
/* 抓拍 */
|
|
input[id='switch-thin']{
|
|
border: 0 !important;
|
|
width: 50px !important;
|
|
height: 24px !important;
|
|
border-radius: 30px !important;
|
|
background-color: #a2a2a5 !important;
|
|
-webkit-border-radius: 30px !important;
|
|
-moz-border-radius: 30px !important;
|
|
-ms-border-radius: 30px !important;
|
|
-o-border-radius: 30px !important;
|
|
}
|
|
input[id='switch-thin']:before{
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 16px;
|
|
top: 3px;
|
|
left: 3px;
|
|
background: #fdffff;
|
|
box-shadow: none;
|
|
}
|
|
input[id='switch-thin']:checked{
|
|
background-color: #20d36c !important;
|
|
}
|
|
input[id='switch-thin']:checked:before{
|
|
left: 28px;
|
|
background: #fdffff;
|
|
}
|
|
|
|
/* 新拓扑图 */
|
|
tbody > tr > td.addbutton{
|
|
cursor: pointer;
|
|
font-size: 25px;
|
|
padding: 0;
|
|
}
|
|
tbody > tr > .addbutton:hover{
|
|
color:rgb(150, 150, 150);
|
|
}
|
|
tbody > tr > .addbutton:hover div{
|
|
background-color: rgba(255, 255, 255, 0.03);
|
|
} |