anxiao_web/pages/cmddispatch/css/infowindow.css

142 lines
2.3 KiB
CSS
Raw Normal View History

2024-07-24 09:22:32 +08:00
.mdinfo{
border: 1px solid rgb(56,125,191);
box-shadow: 0 0 5px 2px #3765b8 inset;
background: #071D4D;
padding:0px 20px 20px 20px;
min-width:445px;
}
.mdinfoTop{
height:40px !important;
line-height:40px !important;
box-sizing: border-box;
border-bottom: 1px solid #3374B4;
}
.mdinfoTop>div{
float:left;
white-space:nowrap;
box-sizing: border-box;
}
.mdinfoTop>div>span{
display: inline-block;
width: 144px;
height: 36px;
line-height: 40px;
text-align: center;
margin-top:3px;
}
.mdinfoTop>div>span>span>img{
margin-right:5px;
}
.mapTitleBg{
background:url("../image/markerTitleBg.png") no-repeat 0 0 !important;
}
.mdinfoTop>img{
float:right;
margin:12px 0;
width:16px;
height:16px;
}
.mdinfoCenter{
width:445px;
margin:10px 0;
overflow: hidden;
}
.mdinfoCenter>div{
flex-wrap: wrap;
}
.mdinfoCenter>div>p{
width:50%;
white-space: nowrap;
float:left;
}
.mdinfoCenter>div>p>span{
height:30px;
line-height:30px;
margin-right:10px;
}
.mdinfoCenter>div>p>span>img{
width: 24px;
height: 24px;
margin-top:-3px;
}
.mdinfoCenter>div>p>span:nth-child(odd){
float:left;
height:30px;
}
.mdinfoCenter>div>p>span:nth-child(even){
margin-right:20px;
}
.mdinfoCenter>div>p>span:first-child{
color:#1EA2AD;
}
.mdinfoCenter>div>p>span>img{
width:18px;
height:18px;
}
.mdinfoBottom{
height:36px;
flex-wrap:wrap !important;
flex-direction:column;
width: max-content;
}
.mdinfoBottom>button{
line-height:36px !important;
height:36px !important;
margin: 0px;
padding: 0 26px;
font-size: 14px;
border: 1px solid rgb(56,125,191);
box-shadow: 0 0 2px 1px #3765b8 inset;
background: #071D4D;
color:#fff;
margin-right:10px;
}
.mdinfoBottom>span{
margin-right:5px;
}
.deviceopearbtn>img{
float:left;
margin:8px 5px;
}
.mdinfoBottom .deviceopearbtn{
padding: 0 10px !important;
line-height:28px !important;
height:28px !important;
margin-left:0 !important;
color:#2899D2 !important;
}
.mdinfoBottom span{
color: #1EA2AD;
}
.moveDeviceInfoWindow>div{
line-height:30px;
}
.moveDeviceInfoWindow>div>p{
float:left;
width:48%;
}
.moveDeviceOpear{
clear: both;
width:100%;
}