511 lines
9.6 KiB
CSS
511 lines
9.6 KiB
CSS
|
*,
|
||
|
|
body{
|
||
|
|
color: #1d1818;
|
||
|
|
font-family: 'Microsoft Yahei';
|
||
|
|
text-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*#region 背景图 */
|
||
|
|
.Body-Background,
|
||
|
|
.loginbody{
|
||
|
|
background: url(../../img/fsu_loginbg.jpg) left top/cover no-repeat !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Login-Background,
|
||
|
|
.login-bg{
|
||
|
|
background: url(../../img/fsu_logininfo.png) no-repeat !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login_pannel{
|
||
|
|
position: absolute;
|
||
|
|
top: 40%;
|
||
|
|
right: 17%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.body_bg{
|
||
|
|
background: url(../../img/fsu_bg.jpg) no-repeat center/100% 100% !important;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-load .loading-bg{
|
||
|
|
background: url(../../img/fsu_loadingbg.png) no-repeat !important;
|
||
|
|
}
|
||
|
|
.page-load .background span{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
/*#region 输入控件 */
|
||
|
|
/* 输入框棱角统一 */
|
||
|
|
input,
|
||
|
|
textarea,
|
||
|
|
input[type="text"],
|
||
|
|
input[type="password"],
|
||
|
|
input.btn-default,
|
||
|
|
.form-control,
|
||
|
|
.alarm_table_body input[title="table-filter"],
|
||
|
|
.form-signin .input-group input,
|
||
|
|
.alarm-remark,
|
||
|
|
select.btn-default{
|
||
|
|
color: #1d1818;
|
||
|
|
border-radius: 4px;
|
||
|
|
background-color: white;
|
||
|
|
padding-left: 16px;
|
||
|
|
border: 1px solid rgb(68, 142, 254);
|
||
|
|
font-weight: normal;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
input:focus-visible,
|
||
|
|
textarea:focus-visible,
|
||
|
|
input[type="text"]:focus-visible,
|
||
|
|
input[type="password"]:focus-visible,
|
||
|
|
.alarm_table_body input[title="table-filter"]:focus-visible,
|
||
|
|
.form-signin .input-group input:focus-visible,
|
||
|
|
.alarm-remark:focus-visible{
|
||
|
|
outline-color: rgb(68, 142, 254);
|
||
|
|
}
|
||
|
|
|
||
|
|
input.btn-default:hover,
|
||
|
|
input.btn-default:focus,
|
||
|
|
select.btn-default:hover,
|
||
|
|
select.btn-default:focus{
|
||
|
|
color: #1d1818;
|
||
|
|
background-color: white;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 多级联动选择框 */
|
||
|
|
.select-casement-tree,
|
||
|
|
.select-casement-options{
|
||
|
|
background-color: white;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.select-casement span.input-tips{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.select-casement span.input-item{
|
||
|
|
color: #1d1818;
|
||
|
|
border: 1px solid #025aff
|
||
|
|
}
|
||
|
|
|
||
|
|
.select-options ul.options-device > li:hover,
|
||
|
|
.select-options ul.options-signal > li:hover,
|
||
|
|
.select-options ul.options-device > li.active,
|
||
|
|
.select-options ul.options-device > li:hover > span,
|
||
|
|
.select-options ul.options-device > li:hover > i.fa,
|
||
|
|
.select-options ul.options-device > li.active > span,
|
||
|
|
.select-options ul.options-device > li.active > i.fa,
|
||
|
|
.select-options ul.options-signal > li:hover > span{
|
||
|
|
background-color: #237af8;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
/* 禁用的控件 */
|
||
|
|
.form-control[disabled],
|
||
|
|
.form-control[readonly],
|
||
|
|
fieldset[disabled] .form-control{
|
||
|
|
background-color: #ccc;
|
||
|
|
border: 1px solid #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.templateProperty{
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
/*#region 按钮 */
|
||
|
|
.btn,
|
||
|
|
.btn-default,
|
||
|
|
.btn-info,
|
||
|
|
.btn-primary,
|
||
|
|
.btn-success,
|
||
|
|
.btn-warning,
|
||
|
|
.btn-danger{
|
||
|
|
border-width: 1px;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn,
|
||
|
|
.btn-default,
|
||
|
|
.btn-info{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #5bc0de;
|
||
|
|
border-color: #46b8da;
|
||
|
|
}
|
||
|
|
.btn:hover,
|
||
|
|
.btn-default:hover,
|
||
|
|
.btn-info:hover{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #31b0d5;
|
||
|
|
border-color: #269abc;
|
||
|
|
}
|
||
|
|
.btn-primary{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #337ab7;
|
||
|
|
border-color: #2e6da4;
|
||
|
|
}
|
||
|
|
.btn-primary:hover{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #286090;
|
||
|
|
border-color: #204d74;
|
||
|
|
}
|
||
|
|
.btn-success{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #5cb85c;
|
||
|
|
border-color: #4cae4c;
|
||
|
|
}
|
||
|
|
.btn-success:hover{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #449d44;
|
||
|
|
border-color: #398439;
|
||
|
|
}
|
||
|
|
.btn-warning{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #f0ad4e;
|
||
|
|
border-color: #eea236;
|
||
|
|
}
|
||
|
|
.btn-warning:hover{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #ec971f;
|
||
|
|
border-color: #d58512;
|
||
|
|
}
|
||
|
|
.btn-danger{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #d9534f;
|
||
|
|
border-color: #d43f3a;
|
||
|
|
}
|
||
|
|
.btn-danger:hover{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #c9302c;
|
||
|
|
border-color: #ac2925;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-content button.close{
|
||
|
|
color: #fff;
|
||
|
|
background-color: #d9534f;
|
||
|
|
border-color: #d43f3a;
|
||
|
|
}
|
||
|
|
.modal-content button.close:hover{
|
||
|
|
background-color: #c9302c;
|
||
|
|
border-color: #ac2925;
|
||
|
|
}
|
||
|
|
.btn > i,
|
||
|
|
.modal-content button.close i{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 时间控件 */
|
||
|
|
.datepicker>table>thead>tr>th>.btn-default,
|
||
|
|
.datepicker>table>tbody>tr>td>.btn-default{
|
||
|
|
background-color: #f5f6fc;
|
||
|
|
color:#1d1818;
|
||
|
|
}
|
||
|
|
.datepicker>table>tbody>tr>td>.btn-primary{
|
||
|
|
background-color: #f5f6fc;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
/*#region 功能栏 */
|
||
|
|
.navbar{
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.menu_bar{
|
||
|
|
background-image: linear-gradient(to right,#2281fc, #2281fc);
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-header .logotitle,
|
||
|
|
.menu_bar i{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown > a,
|
||
|
|
.dropdown > a > i,
|
||
|
|
.dropdown-menu > ul > li > a,
|
||
|
|
.dropdown-menu > ul > li > a > i{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.dropdown-menu,
|
||
|
|
.nav > li > a.servertime:hover,
|
||
|
|
.nav .open > a.servertime{
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.nav > li > a:hover,
|
||
|
|
.nav .open > a,
|
||
|
|
.nav .open > a:hover,
|
||
|
|
.nav .open > a:focus,
|
||
|
|
.navbar-top-links .dropdown-menu li > a:hover{
|
||
|
|
background-color: rgb(91 192 222 / 50%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-nav .device-li{
|
||
|
|
height: 38px;
|
||
|
|
}
|
||
|
|
.sidebar-nav .device-li.chevron{
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
.sidebar-nav .device-li > a{
|
||
|
|
width: 100%;
|
||
|
|
padding: 8px 8px 8px 70px;
|
||
|
|
display: inline-block;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.sidebar-nav .device-li > a.chevron{
|
||
|
|
padding: 0px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar ul li a.active{
|
||
|
|
background: url(../../img/MenuBar/fsu_bg.png) left;
|
||
|
|
background-size: calc(100% - 20px) 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#alarmCount {
|
||
|
|
background-color: #E64E5B;
|
||
|
|
}
|
||
|
|
.spop-icon+.spop-body{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
/*#region 表格 */
|
||
|
|
table,
|
||
|
|
.alarm_table,
|
||
|
|
.table_body thead,
|
||
|
|
.table_body tbody,
|
||
|
|
table thead,
|
||
|
|
table tbody,
|
||
|
|
.table tr:nth-child(odd),
|
||
|
|
.table tr:nth-child(even),
|
||
|
|
.rights-list .ul > li:nth-child(odd){
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.table > thead > tr > th,
|
||
|
|
.table > thead > tr > td,
|
||
|
|
.table > tbody > tr > td{
|
||
|
|
border-bottom: 1px solid rgb(68, 142, 254);
|
||
|
|
}
|
||
|
|
.table > body > tr:nth-child(even),
|
||
|
|
.table > body > tr.even,
|
||
|
|
.rights-list .ul > li:nth-child(even){
|
||
|
|
background-color: #e3e8f9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-bordered{
|
||
|
|
border-color: transparent;
|
||
|
|
}
|
||
|
|
.modal .table-bordered{
|
||
|
|
border: 1px solid rgb(68, 142, 254);
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-hover > tbody > tr:hover{
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
/*#region 布局 */
|
||
|
|
.modal-content,
|
||
|
|
.dialog_box,
|
||
|
|
.panel-default{
|
||
|
|
background-color: white;
|
||
|
|
box-shadow: 0px 0px 20px 0px rgb(32 100 202 / 20%);
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.dialog_box .alarm_table_body{
|
||
|
|
border-bottom: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-content .modal-header,
|
||
|
|
.dialog_box .alarm_table_body{
|
||
|
|
border-bottom: 1px solid #D5DAEB;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-tabs a,
|
||
|
|
.page-header{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.nav-tabs > li > a{
|
||
|
|
background-color: white;
|
||
|
|
border-bottom: 1px solid #0a1e65;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
/*#region 设备详情 */
|
||
|
|
.panel-default > .panel-heading{
|
||
|
|
background-color: white;
|
||
|
|
border-top-left-radius: 4px;
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
}
|
||
|
|
.panel-default > .panel-heading,
|
||
|
|
.panel-default > .panel-heading > i{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
|
||
|
|
.device-info .panel-heading{
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.device-controls .controls{
|
||
|
|
margin: 8px;
|
||
|
|
}
|
||
|
|
.device-controls .controls > .control{
|
||
|
|
display: inline-block;
|
||
|
|
margin: 8px 16px;
|
||
|
|
}
|
||
|
|
.device-controls .controls > .control > button.btn{
|
||
|
|
padding: 6px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-muted,
|
||
|
|
.text-muted i{
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
.text-success,
|
||
|
|
.text-success i {
|
||
|
|
color: #3c763d;
|
||
|
|
}
|
||
|
|
.text-danger,
|
||
|
|
.text-danger i {
|
||
|
|
color: #a94442;
|
||
|
|
}
|
||
|
|
/*#endregion */
|
||
|
|
|
||
|
|
|
||
|
|
/*#region 其他 */
|
||
|
|
/* ECharts图表 */
|
||
|
|
.charts_div .charts_a>div:nth-child(1){
|
||
|
|
background-color: white;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 配置管理 */
|
||
|
|
.ExpressionSymbol li{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.div_content{
|
||
|
|
background-color: white;
|
||
|
|
box-shadow: 0px 0px 20px 0px rgb(32 100 202 / 20%);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 接口配置 */
|
||
|
|
.content_message{
|
||
|
|
background-color: #ccc;
|
||
|
|
border: 1px solid #999;
|
||
|
|
box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 告警联动 */
|
||
|
|
div.e_tab sapn,
|
||
|
|
div.e_tab i{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 门禁管理 / 组态页面配置 */
|
||
|
|
.time_set_bg,
|
||
|
|
.panel{
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.timeGroupCheck label i{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.timeGroupCheck input[type="checkbox"]:checked + i{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.export-configure,
|
||
|
|
.import-configure,
|
||
|
|
.not-fsu{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* 校时 */
|
||
|
|
.input-group-addon{
|
||
|
|
background-color: #337ab7;
|
||
|
|
border-color: #2e6da4;
|
||
|
|
}
|
||
|
|
.input-group-addon span{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
/* 系统操作 */
|
||
|
|
#ControlDoor .td1{
|
||
|
|
background-color: #ccc;
|
||
|
|
}
|
||
|
|
/* 告警等级配置 */
|
||
|
|
input:read-only{
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid rgb(68, 142, 254);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 告警弹出框 */
|
||
|
|
#pop,
|
||
|
|
#popHead{
|
||
|
|
border: 1px solid #999;
|
||
|
|
box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2);
|
||
|
|
}
|
||
|
|
#pop{
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
#popHead{
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
border-top-left-radius: 4px;
|
||
|
|
}
|
||
|
|
#pop,
|
||
|
|
#popHead,
|
||
|
|
#popContent dl{
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
#popHead #popClose,
|
||
|
|
#popHead h2,
|
||
|
|
#popIntro a,
|
||
|
|
#popTime{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
/* 权限管理 */
|
||
|
|
.rights-body .rights-button{
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.authority-option .ul li > i.fa{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.authority-option .authority-checked > i.fa{
|
||
|
|
color: #0075ff;
|
||
|
|
}
|
||
|
|
/* 活动告警 */
|
||
|
|
.dropdown-menu > li > a,
|
||
|
|
.btn-default.active span,
|
||
|
|
.btn-group > .btn.active span{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.pagination > .active > a span,
|
||
|
|
.btn-group > .btn span{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
/* 视频 */
|
||
|
|
.camera-menu .title{
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.camera-menu .title span,
|
||
|
|
.camera-menu .tree ul li,
|
||
|
|
.camera-menu .camera_color{
|
||
|
|
color: #1d1818;
|
||
|
|
}
|
||
|
|
.camera-menu .tree > ul > li:hover{
|
||
|
|
background-color: rgb(91 192 222 / 50%);
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sk-wave .sk-rect{
|
||
|
|
background-color: #1d1818;
|
||
|
|
}
|
||
|
|
|
||
|
|
#key-board .keyboard_box{
|
||
|
|
background: #f4f4f4;
|
||
|
|
}
|
||
|
|
#key-board .c_panel{
|
||
|
|
background-color: #f4f4f4;
|
||
|
|
}
|
||
|
|
#key-board input{
|
||
|
|
padding: 0px;
|
||
|
|
border-radius: 0px;
|
||
|
|
border-width: 0px;
|
||
|
|
background-color: #d8d8d8;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
/*#endregion */
|