You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
695 lines
10 KiB
695 lines
10 KiB
@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less"; |
|
|
|
.blueColor { |
|
color: #36A2FF; |
|
cursor: pointer; |
|
} |
|
|
|
.greyColor { |
|
color: #5D687A; |
|
cursor: not-allowed; |
|
} |
|
|
|
.yellowColor { |
|
color: #FFBD4B; |
|
} |
|
|
|
.greenColor { |
|
color: #4BFFD4; |
|
} |
|
|
|
.redColor { |
|
color: #FF4B65; |
|
} |
|
|
|
//分页器 |
|
#recordsboxadmin, |
|
#recordsbox, |
|
#equipmentInfo, |
|
#stationPlanBox { |
|
|
|
.ant-pagination-total-text, |
|
.ant-pagination-options-quick-jumper { |
|
color: white |
|
} |
|
|
|
.ant-pagination-item a, |
|
.ant-pagination-prev .ant-pagination-item-link, |
|
.ant-pagination-next .ant-pagination-item-link, |
|
.ant-pagination-options-quick-jumper input { |
|
color: white; |
|
background: #0e2f4e; |
|
} |
|
|
|
.ant-pagination-item-active a { |
|
background: #107495; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
//查询重置按钮 |
|
.submit { |
|
background: rgba(0, 129, 255, 0.61); |
|
border: 1px solid #36A2FF; |
|
color: #91CCFF; |
|
} |
|
|
|
.reset { |
|
background-color: #010d26; |
|
border: 1px solid #91CCFF; |
|
color: #91CCFF; |
|
} |
|
|
|
//自营和加盟 |
|
.ziying, |
|
.jiameng { |
|
display: inline-block; |
|
width: 36px; |
|
height: 20px; |
|
line-height: 20px; |
|
text-align: center; |
|
background: #2399FF; |
|
opacity: 1; |
|
border-radius: 2px; |
|
color: #fff !important; |
|
font-size: 12px; |
|
} |
|
|
|
.jiameng { |
|
background: #FF9963; |
|
} |
|
|
|
|
|
//接收报警弹出框 |
|
.ant-notification { |
|
width: 500px; |
|
} |
|
|
|
.receiptOfNotification { |
|
height: 160px; |
|
background-color: rgba(1, 13, 27, 0.9); |
|
box-shadow: 0 0 28px 3px #8f1622 inset; |
|
display: flex; |
|
flex-direction: column; |
|
padding: 5px; |
|
|
|
.topbox { |
|
position: relative; |
|
flex: 1; |
|
display: flex; |
|
align-items: center; |
|
|
|
img { |
|
width: 90px; |
|
height: 80px; |
|
margin-left: 10px; |
|
margin-right: 14px; |
|
} |
|
|
|
.text { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: center; |
|
|
|
.name { |
|
font-size: 16px; |
|
color: #ffaaaa; |
|
margin-top: 4px; |
|
margin-bottom: 6px; |
|
} |
|
|
|
.details { |
|
font-size: 14px; |
|
color: white; |
|
} |
|
} |
|
} |
|
|
|
.btnbox { |
|
height: 36px; |
|
line-height: 36px; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
margin: 12px 0; |
|
|
|
div { |
|
width: 80px; |
|
height: 32px; |
|
line-height: 32px; |
|
text-align: center; |
|
margin: 0 8px; |
|
color: #FFFFFF; |
|
cursor: pointer; |
|
} |
|
} |
|
|
|
|
|
.look { |
|
box-shadow: 0 0 12px #8f1622 inset; |
|
} |
|
|
|
.lose { |
|
box-shadow: 0 0 12px #8f8b8b inset; |
|
} |
|
} |
|
|
|
.ant-notification-close-icon { |
|
color: white; |
|
} |
|
|
|
.ant-notification-notice-close { |
|
top: 4px; |
|
right: 6px; |
|
} |
|
|
|
|
|
|
|
//深蓝色input |
|
#login, |
|
#equipmentInfo, |
|
#addequipment, |
|
#disposeequipment, |
|
#editupdatecategory, |
|
#detailsupdatecategory, |
|
#editfilecategory, |
|
#detailsfilecategory { |
|
|
|
nz-input-group, |
|
input { |
|
color: white; |
|
background: #143c61; |
|
} |
|
|
|
input:-webkit-autofill { |
|
-webkit-box-shadow: 0 0 0 1000px #143c61 inset !important; |
|
-webkit-text-fill-color: #fff !important; |
|
-webkit-border-radius: 0px; |
|
-webkit-font-size: 16px !important; |
|
} |
|
|
|
|
|
.ant-select-selection-item { |
|
background: #143c61; |
|
color: #fff; |
|
} |
|
|
|
.ant-select-selection-item-remove { |
|
color: #fff; |
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@select-background: transparent; |
|
@border-color-base: #91CCFF; |
|
|
|
//日期选择器 |
|
#recordsboxadmin, |
|
#recordsbox, |
|
#warningbox, |
|
#warningboxadmin, |
|
#addequipment, |
|
#stationPlanBox, |
|
#disposeequipment, |
|
#editupdatecategory, |
|
#detailsupdatecategory, |
|
#editfilecategory, |
|
#detailsfilecategory, |
|
#inform { |
|
::-webkit-input-placeholder { |
|
/* WebKit browsers */ |
|
color: #345d85; |
|
} |
|
|
|
//滚动条样式 |
|
::-webkit-scrollbar { |
|
width: 5px; |
|
} |
|
|
|
::-webkit-scrollbar-thumb { |
|
background-image: linear-gradient(#2495f8, #1c73c2, #0a3d6a, #061d3c); |
|
} |
|
|
|
::-webkit-scrollbar-track { |
|
background-color: #061d3c; |
|
} |
|
|
|
|
|
|
|
|
|
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector, |
|
.ant-picker, |
|
.ant-btn { |
|
border-radius: 0px; |
|
} |
|
|
|
//select picker 小剪头 |
|
.ant-select-arrow, |
|
.ant-picker-separator { |
|
color: #36A2FF; |
|
} |
|
|
|
.ant-picker-suffix, |
|
.ant-picker-input>input { |
|
color: rgba(145, 204, 255, 0.95); |
|
} |
|
|
|
} |
|
|
|
//证件弹出框 |
|
#editupdatecategory, |
|
#detailsupdatecategory, |
|
#editfilecategory, |
|
#detailsfilecategory { |
|
nz-form-item { |
|
margin-bottom: 0; |
|
|
|
input, |
|
select { |
|
color: rgba(145, 204, 255, 0.95) !important; |
|
} |
|
} |
|
|
|
nz-date-picker, |
|
nz-range-picker, |
|
nz-select { |
|
background-color: #143c61; |
|
} |
|
|
|
nz-select { |
|
color: rgba(145, 204, 255, 0.95) !important; |
|
} |
|
|
|
.ant-timeline-item-content { |
|
color: rgba(145, 204, 255, 0.95); |
|
} |
|
|
|
.ant-timeline-item-tail { |
|
border-left: 2px solid rgba(196, 226, 252, 0.4); |
|
} |
|
|
|
.ant-timeline-item-head { |
|
border: 0; |
|
background: linear-gradient(180deg, #36A2FF 0%, #FFFFFF 100%); |
|
} |
|
} |
|
|
|
.cutoffrule { |
|
width: 100%; |
|
height: 1px; |
|
background-color: rgba(196, 226, 252, 0.24); |
|
border: 0; |
|
} |
|
|
|
|
|
|
|
|
|
#orbox { |
|
nz-tree { |
|
width: 660px; |
|
} |
|
|
|
nz-tree-node { |
|
position: relative; |
|
} |
|
} |
|
|
|
|
|
//input填充100% --- 油站基本信息页面 |
|
#oilStationInfo { |
|
nz-form-item { |
|
margin-bottom: 0px; |
|
height: 100%; |
|
|
|
.ant-form-item-control-input, |
|
.ant-form-item-control-input-content, |
|
nz-input-group { |
|
height: 100%; |
|
} |
|
} |
|
|
|
nz-date-picker, |
|
nz-range-picker { |
|
background: none; |
|
width: 100%; |
|
height: 100%; |
|
color: #fff; |
|
border: none; |
|
|
|
input, |
|
.ant-picker-suffix, |
|
.ant-picker-separator { |
|
color: #fff; |
|
} |
|
} |
|
|
|
nz-select { |
|
text-align: left; |
|
color: #fff; |
|
height: 100%; |
|
} |
|
|
|
nz-select-top-control { |
|
height: 100%; |
|
padding-left: 10px; |
|
padding-top: 4px; |
|
border: none; |
|
} |
|
} |
|
|
|
//蓝色 表格 tree |
|
#stationPlanBox, |
|
#inform, |
|
#updateLicense, |
|
#fileLicense, |
|
#histories, |
|
#statisticsList, |
|
#recordsboxadmin, |
|
#recordsbox { |
|
::-webkit-input-placeholder { |
|
/* WebKit browsers */ |
|
color: #345d85; |
|
} |
|
|
|
//滚动条样式 |
|
::-webkit-scrollbar { |
|
width: 6px; |
|
} |
|
|
|
::-webkit-scrollbar-thumb { |
|
background-image: linear-gradient(#2495f8, #1c73c2, #0a3d6a, #061d3c); |
|
} |
|
|
|
::-webkit-scrollbar-track { |
|
background-color: #061d3c; |
|
} |
|
|
|
.ant-tree .ant-tree-node-content-wrapper:hover, |
|
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { |
|
background: linear-gradient(90deg, rgba(0, 13, 33, 0) 0%, #2399FF 50%, rgba(0, 13, 33, 0) 100%); |
|
} |
|
|
|
.ant-tree .ant-tree-node-content-wrapper { |
|
padding: 2px 15px; |
|
} |
|
|
|
nz-tree { |
|
nz-tree-node { |
|
margin-left: 20px; |
|
} |
|
|
|
nz-tree-node:nth-child(1) { |
|
margin-left: 0px; |
|
} |
|
} |
|
|
|
.ant-table table { |
|
border-collapse: collapse; |
|
} |
|
|
|
|
|
nz-table { |
|
flex: 1; |
|
width: 100%; |
|
} |
|
|
|
.ant-table { |
|
background: none; |
|
} |
|
|
|
.ant-table-thead>tr { |
|
height: 40px; |
|
line-height: 40px; |
|
background: rgba(35, 153, 255, 0.2); |
|
border: 1px solid rgba(35, 217, 255, 0.4); |
|
box-shadow: 0 0 3px 0 rgba(35, 217, 255, 0.4) inset; |
|
} |
|
|
|
.ant-table-thead>tr>th { |
|
background: none; |
|
border-bottom: none; |
|
padding: 0; |
|
color: #23D9FF; |
|
line-height: 28px; |
|
} |
|
|
|
.ant-table-tbody>tr { |
|
height: 40px; |
|
line-height: 40px; |
|
border-bottom: 1px solid #0d3761; |
|
} |
|
|
|
.ant-table-tbody>tr>td { |
|
font-weight: 300; |
|
font-family: synormal; |
|
background: none; |
|
border-bottom: none; |
|
padding: 0; |
|
color: #C4E2FC; |
|
} |
|
|
|
.look { |
|
color: #36A2FF; |
|
cursor: pointer; |
|
} |
|
|
|
.ant-table-measure-now { |
|
display: none; |
|
} |
|
|
|
.ant-empty-description { |
|
color: #23D9FF; |
|
} |
|
|
|
.ant-table-tbody>tr>td { |
|
border-bottom: none; |
|
} |
|
|
|
.ant-table-tbody>tr>td:hover { |
|
background: none; |
|
} |
|
|
|
.ant-select, |
|
.ant-select-arrow { |
|
color: #fff; |
|
} |
|
} |
|
|
|
#statisticsList2 { |
|
::-webkit-input-placeholder { |
|
color: #345d85; |
|
} |
|
|
|
//滚动条样式 |
|
::-webkit-scrollbar { |
|
width: 5px; |
|
height: 10px; |
|
} |
|
|
|
::-webkit-scrollbar-thumb { |
|
background-image: linear-gradient(#2495f8, #1c73c2, #0a3d6a, #061d3c); |
|
} |
|
|
|
::-webkit-scrollbar-track { |
|
background-color: #061d3c; |
|
} |
|
|
|
::-webkit-scrollbar-corner { |
|
background-color: #061d3c; |
|
} |
|
|
|
.ant-table table { |
|
border-collapse: collapse; |
|
} |
|
|
|
nz-table { |
|
flex: 1; |
|
width: 100%; |
|
} |
|
|
|
.ant-table { |
|
background: #002247; |
|
} |
|
|
|
|
|
.ant-table-thead>tr { |
|
height: 40px; |
|
line-height: 40px; |
|
background: rgba(35, 153, 255, 0.2); |
|
border: 1px solid rgba(35, 217, 255, 0.4); |
|
box-shadow: 0 0 3px 0 rgba(35, 217, 255, 0.4) inset; |
|
} |
|
|
|
.ant-table-thead>tr>th { |
|
background: none; |
|
border-bottom: none; |
|
padding: 0; |
|
color: #23D9FF; |
|
line-height: 28px; |
|
} |
|
|
|
.ant-table-thead>tr { |
|
.ant-table-cell-fix-left { |
|
background: #073a6c; |
|
} |
|
} |
|
|
|
.ant-table-tbody>tr { |
|
height: 40px; |
|
line-height: 40px; |
|
border-bottom: 1px solid #0d3761; |
|
} |
|
|
|
.ant-table-tbody>tr>td { |
|
font-weight: 300; |
|
font-family: synormal; |
|
background: none; |
|
border-bottom: none; |
|
padding: 0; |
|
color: #C4E2FC; |
|
|
|
|
|
} |
|
|
|
.ant-table-tbody>tr { |
|
.ant-table-cell-fix-left { |
|
background: #002247; |
|
} |
|
} |
|
|
|
|
|
.look { |
|
color: #36A2FF; |
|
cursor: pointer; |
|
} |
|
|
|
.ant-table-measure-now { |
|
display: none; |
|
} |
|
|
|
.ant-empty-description { |
|
color: #23D9FF; |
|
} |
|
|
|
.ant-table-tbody>tr>td { |
|
border-bottom: none; |
|
} |
|
|
|
.ant-table-tbody>tr>td:hover { |
|
background: none; |
|
} |
|
|
|
.ant-select, |
|
.ant-select-arrow { |
|
color: #fff; |
|
} |
|
} |
|
|
|
|
|
|
|
//蓝色 表格 tree-通知时间 |
|
|
|
.informTime { |
|
|
|
|
|
|
|
.ant-table-thead>tr { |
|
border: 0px; |
|
box-shadow: none !important; |
|
} |
|
|
|
.ant-table-thead>tr>th { |
|
text-align: center; |
|
border: 1px solid rgba(35, 217, 255, 0.4); |
|
} |
|
|
|
.ant-table-tbody>tr>td { |
|
text-align: center; |
|
} |
|
|
|
|
|
} |
|
|
|
#stationPlanBox { |
|
nz-table { |
|
width: 96%; |
|
} |
|
} |
|
|
|
.ant-modal-close-x { |
|
color: #fff; |
|
} |
|
|
|
.maxHeightTreeSelect { |
|
max-height: 280px; |
|
} |
|
|
|
.vertical-center-modal { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
|
|
.vertical-center-modal .ant-modal { |
|
top: 0; |
|
} |
|
|
|
.ant-select-clear, |
|
.ant-select-close-icon { |
|
color: white; |
|
} |
|
|
|
.nzspin { |
|
position: absolute; |
|
left: 50%; |
|
top: 50%; |
|
transform: translate(-50%, -50%); |
|
} |
|
|
|
.ant-pagination-prev, |
|
.ant-pagination-next { |
|
overflow: hidden; |
|
} |
|
|
|
|
|
|
|
|
|
//管理员界面 ---- 表格 |
|
#userBox, |
|
#roleBox, |
|
#hostbox, |
|
#licenseBox, |
|
#licenseBox2 { |
|
.ant-table-thead>tr>th { |
|
background: rgba(145, 204, 255, 0.15); |
|
} |
|
} |
|
|
|
#hostbox { |
|
|
|
.ant-table-thead>tr>th, |
|
.ant-table-tbody>tr>td { |
|
text-align: center; |
|
} |
|
} |
|
|
|
.eventInput { |
|
.ant-select-selection-item { |
|
background: #143c61; |
|
color: #fff; |
|
} |
|
|
|
.ant-select-selection-item-content { |
|
max-width: 66px; |
|
} |
|
|
|
.ant-select-selection-item-remove { |
|
color: #fff; |
|
} |
|
}
|
|
|