zhongrj
2023-06-27 d74b495736f0c04522ec54274b70fed0ded2878d
public/map/controls/mapswitch/MapSwitchControl.css
New file
@@ -0,0 +1,118 @@
.mapswitch-container {
   position: absolute;
   bottom: 20px;
   right: 10px;
   text-align: right;
   width: 85px;
   height: 60px;
   z-index:1001;
}
#veclry,#imglry{
   text-align: center;
   background-color: #FFF;
   border: 1px solid #CFCFCF;
   cursor: pointer;
   width: 85px;
   height: 60px;
}
#veclry{
   background:url('../../images/tool/dt.jpg') no-repeat;
   background-color:#FFF;
}
#imglry{
   background:url('../../images/tool/yx.jpg') no-repeat;
   background-color:#FFF;
}
.ico {
   display: block;
}
#p_layer{
   width: 85px;
   height: 60px;
   position:absolute;
}
#p_laye img{
   width: 100%;
}
#p_show {
   border: 1px solid #CFCFCF;
   text-align: center;
   background-color: #FFF;
   padding: 5px;
   clear: right;
   margin-top: 5px;
   display: none;
}
#p_show>div>div {
   display: inline-block;
   margin: 10px 5px 5px 5px;
   cursor: pointer;
}
#p_show>font {
   display: block;
   border-bottom: 1px solid #CFCFCF;
   font-size: 16px;
   text-align: right;
   padding-bottom: 5px;
   padding-right: 5px;
}
#p_show img {
   display: block;
   width: 100px;
   box-shadow: 0px 0px 6px #000;
}
.mapswitch-container button {
   background: url('../../images/btnbgi.png') no-repeat;
   padding: 5px 10px 5px 30px;
   background-position: 10px 8px;
   border: 1px solid #000;
   background-color: #FFF;
   border-radius: 5px;
   cursor: pointer;
}
/* .mapswitch-container>div>div {
   border-bottom: 1px solid #E1E1D9;
   font-size: 16px;
   padding-bottom: 10px;
} */
#div_play{
   position:absolute;
}
#p_layer dl dt{
   bottom:0;
   height:13px;
   right:0;
   position:absolute;
   width:40px;
   height:20px;
   z-index:9999;
   font-size:12px;
   letter-spacing:2px;
   color:#fff;
   font-weight: bold;
   text-align: center;
   line-break: 20px;
}
.mapswitch-container dl{
   position:absolute;
   top:0;
   cursor:pointer;
   border:1px solid #CFCFCF;
}
.mapswitch-container dd{
   width: 85px;
   height: 60px;
}
.mapswitch-container dl.selected{
   z-index:20000;
}
#p_layer dl#veclry dt{background:#2da2fd;}
#p_layer dl#imglry dt{background:#2da2fd;}