zhongrj
2023-06-27 d74b495736f0c04522ec54274b70fed0ded2878d
public/map/controls/Queryinfowindow/InfoWindow.css
New file
@@ -0,0 +1,310 @@
.custom-infoWindow {
   top: 0px;
   left: 0px;
   z-index: 10;
   border: solid 1px #b8cfdd;
   background-color: #f8f8f8;
   display: block;
   border-radius: 1px;
   position: absolute;
}
.custom-infoWindow-controlbar {
   margin: 0px 10px 0px 10px;
   padding: 0px;
   height: 30px;
   color: #33A1EB;
   border-bottom: 2px solid #33A1EB;
}
.custom-infoWindow-nextbutton {
   height: 30px;
   width: 16px;
   background-image: url("rightArrow.png");
   background-repeat: no-repeat;
   background-position: 0px center;
   float: right;
   line-height: 30px;
   display: inline-block;
   cursor: pointer;
   margin-right: 5px;
}
.custom-infoWindow-prebutton {
   height: 30px;
   width: 16px;
   background-image: url("leftArrow.png");
   background-repeat: no-repeat;
   background-position: 0px center;
   float: right;
   line-height: 30px;
   display: inline-block;
   cursor: pointer;
}
.custom-infoWindow-count {
   height: 30px;
   line-height: 30px;
   display: inline-block;
   float: right;
   vertical-align: middle;
   font-size: 12px;
}
.custom-infoWindow-title {
   font-size: 1px;
   font-family: '微软雅黑';
   float: left;
   line-height: 30px;
   vertical-align: middle;
   display: block;
   margin-left: 0px;
   word-break: break-all;
   display: -webkit-box;
   max-width: 120px;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.custom-infoWindow-closebutton {
   float: right;
   vertical-align: middle;
   display: block;
   height: 30px;
   width: 10px;
   background-image: url('../../assets/images/close.png');
   background-position: 0px center;
   background-repeat: no-repeat;
   margin-right: 5px;
   cursor: pointer;
}
.custom-infoWindow-split {
   float: right;
   display: block;
   height: 20px;
   width: 1px;
   margin: 5px 5px;
   width: 1px;
   background-color: #D6D6D3;
}
.custom-infoWindow-correctbutton {
   width: 16px;
   height: 30px;
   background-image: url('icon/correct_normal.png');
   background-position: 0px center;
   background-repeat: no-repeat;
   cursor: pointer;
   float: right;
}
.custom-infoWindow-correctbutton:hover {
   background-image: url('icon/correct_over.png');
}
.custom-infoWindow-correctbutton:active {
   background-image: url('icon/correct_normal.png');
}
.custom-infoWindow-content {
   top: 35px;
   bottom: 0px;
   position: absolute;
   right: 5px;
   left: 5px;
   padding: 0;
   z-index: 5;
}
.custom-infoWindow-pointer {
   position: absolute;
   width: 16px;
   height: 16px;
   background-color: #f8f8f8;
}
.pointer-top {
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   border-bottom: 1px solid #b8cfdd;
   border-left: 1px solid #b8cfdd;
}
.pointer-bottom {
   border-bottom: 1px solid #b8cfdd;
   border-left: 1px solid #b8cfdd;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
}
.pointer-left {
   border-bottom: 1px solid #b8cfdd;
   border-left: 1px solid #b8cfdd;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}
.pointer-right {
   border-top: 1px solid #b8cfdd;
   border-right: 1px solid #b8cfdd;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}
.custom-infotemplate {
   position: relative;
   width: 100%;
   height: 100%;
}
.custom-infotemplate-content {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 85px;
   overflow: auto;
}
.custom-infotemplate-tabcontainer {
   position: absolute;
   height: 80px;
   width: 100%;
   bottom: 0px;
   font-family: '宋体'
}
.custom-infotemplate-tabbutton {
   display: inline-block;
   padding: 5px;
   margin-left: 5px;
   color: #4e616d;
   cursor: pointer;
}
.custom-infotemplate-tabbutton:hover {
   font-weight: bolder;
}
.custom-infotemplate-tabbutton-actived {
   display: inline-block;
   padding: 5px;
   margin-left: 5px;
   color: #ffffff;
   background-color: #4e86a8;
   cursor: pointer;
}
.custom-infotemplate-tabcontent {
   border: 1px solid #4E85A7;
   margin: 5px;
   height: 45px;
   vertical-align: middle;
   position: relative;
}
.custom-infotemplate-tabcontent > span {
   display: inline-block;
   line-height: 45px;
   color: #4e616d;
   cursor: pointer;
}
.custom-infotemplate-tabcontent > span:hover {
   color: #006699;
}
.custom-infotemplate-tabcontent > span:active {
   color: #4e616d;
}
.custom-infotemplate-button {
   width: 40px;
   height: 25px;
   background-position: center center;
   background-repeat: no-repeat;
   float: right;
   margin: 11px 5px;
   border-radius: 2px;
}
.custom-infotemplate-nearbysearch-poitype >span{
   color: #4e616d;
   cursor: pointer;
}
.custom-infotemplate-nearbysearch-poitype > span:hover {
   color: #006699;
}
.custom-infotemplate-nearbysearch-poitype > span:active {
   color: #4e616d;
}
.custom-infotemplate-nearbysearchbox {
   display: inline-block;
   float: right;
   width: 226px;
}
.infowindowNearbySearchbox-input-span {
   margin-top: 7px !important;
}
.infowindowNearbySearchbox-input-text {
   width: 136px !important;
   height: 18px !important;
   font-size: 15px !important;
   line-height: 17px;
}
.infowindowNearbySearchbox-input-clear {
   right: 0px !important;
   top: 3px !important;
}
.infowindowNearbySearchbox-button {
   width: 30px !important;
   height: 25px !important;
   margin-top: 7px !important;
}
.poi-infowindow-content{
   padding: 6px 0px;
}
.poi-infowindow-content .row{
   padding: 5px 8px;
   line-height: 1.2;
}
.infowindowRouteSearchbox-input-span {
   margin-top: 7px !important;
}
.infowindowRouteSearchbox-input-text {
   width: 220px !important;
   height: 18px !important;
   font-size: 15px !important;
   line-height: 17px;
}
.infowindowRouteSearchbox-input-clear {
   right: 0px !important;
   top: 3px !important;
}
.infowindowRouteSearchbox-button {
   width: 50px !important;
   height: 25px !important;
   margin-top: 7px !important;
}