130 lines
2.1 KiB
CSS
130 lines
2.1 KiB
CSS
|
.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:5px 5px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdinfoBottom .deviceopearbtn{
|
||
|
|
padding: 0 10px !important;
|
||
|
|
line-height:28px !important;
|
||
|
|
height:28px !important;
|
||
|
|
margin-left:0 !important;
|
||
|
|
color:#2899D2 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdinfoBottom span{
|
||
|
|
color: #1EA2AD;
|
||
|
|
}
|