hb_zhgd_screen/css/alarmMge/alarmMge.css

104 lines
1.9 KiB
CSS

html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Alibaba PuHuiTi R';
}
.layout {
display: flex;
align-items: center;
justify-content: center;
}
.main-box {
width: 100%;
height: 100%;
color: #fff;
justify-content: space-evenly;
}
.left-box {
width: 20%;
height: 100%;
}
.right-box {
width: 75%;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.select {
width: 100%;
height: 100%;
padding: 8% 2% 2% 2%;
box-sizing: border-box;
background: url("../../img/alarmMge/select.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
flex-direction: column;
justify-content: flex-start;
overflow-y: auto;
}
.alarm{
width: 100%;
height: 100%;
padding: 5% 2% 2% 2%;
box-sizing: border-box;
background: url("../../img/alarmMge/alarm.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
}
.dark{
display: flex;
width: 100%;
height: 4.5%;
box-sizing: border-box;
background: url("../../img/alarmMge/dark.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 4%;
cursor: pointer;
}
.bright{
display: flex;
width: 100%;
height: 4.5%;
box-sizing: border-box;
background: url("../../img/alarmMge/bright.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 4%;
cursor: pointer;
}
.alarmDialog{
/* color: #000; */
padding: 15px;
}
#alarmContent{
color: #000;
}
#alarmMask{
color: #000;
}
.black{
color: #000;
}
.layui-table-init {
background-color: transparent !important;
}
.layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even) {
background-color: transparent;
}