You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
2.4 KiB
28 lines
2.4 KiB
.cesium-viewer-bottom{display: none;}
|
|
.cesium-viewer-navigationContainer{display: none;}
|
|
.cesium-performanceDisplay-defaultContainer{display: none;}
|
|
|
|
|
|
|
|
/*leaflet风格气泡窗口样式模板*/
|
|
.leaflet-popup {position: absolute;text-align: center;pointer-events: none;}
|
|
.leaflet-popup-close-button {position: absolute;top: 0;right: 0;padding: 4px 4px 0 0;text-align: center;width: 18px;height: 14px;font: 26px/14px Tahoma, Verdana, sans-serif;color: #f5f5f5;text-decoration: none;font-weight: bold;background: transparent;pointer-events: auto;}
|
|
.leaflet-popup-content-wrapper {text-align: center;/* overflow-y: auto; */background: url(../img/map_index_bubble_1.png);color: #fff;text-align: left;pointer-events: auto;}
|
|
.leaflet-popup-content {margin: 35px 0px 0 60px;}
|
|
.leaflet-popup-tip-container {margin: 0 auto;width: 100px;height: 200px;position: relative;overflow: hidden;/* pointer-events: none; */}
|
|
.leaflet-popup-tip1 {background: rgb(39, 87, 157);box-shadow: 0 3px 14px rgba(0,0,0,0.4);width: 130px;height: 3px;padding: 1px;margin: 150px 0 0 -19px;-webkit-transform: rotate(50deg);-moz-transform: rotate(50deg);-ms-transform: rotate(50deg);-o-transform: rotate(50deg);transform: rotate(50deg);}
|
|
.leaflet-popup-tip2 {background: rgb(39, 87, 157);box-shadow: 0 3px 14px rgba(0,0,0,0.4);width: 170px;height: 3px;padding: 1px;margin-top: 83px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
|
|
|
|
/*波纹效果样式模板*/
|
|
.wave {position: absolute;z-index: 2;top: 60px;left: 0px;width: 150px;height: 130px;text-align: center;line-height: 30px;font-size: 28px;}
|
|
.wave .circle {position: absolute;border-radius: 50%;opacity: 0;}
|
|
/*!* 波纹效果 *!*/
|
|
.wave.ripple .circle {width: calc(100% - 28px); /*!* 减去边框的大小 *!*/height: calc(100% - 28px);/*!* 减去边框的大小 *!*/border: 14px solid #fff;}
|
|
.wave.ripple .circle:first-child {animation: circle-opacity 2s infinite;}
|
|
.wave.ripple .circle:nth-child(2) {animation: circle-opacity 2s infinite;animation-delay: .3s;}
|
|
.wave.ripple .circle:nth-child(3) {animation: circle-opacity 2s infinite;animation-delay: .6s;}
|
|
.wave.ripple.danger {color: #29579b;}
|
|
.wave.ripple.danger .circle {border-color: #29579b;}
|
|
.wave.ripple.warning {color: #29579b;}
|
|
.wave.ripple.warning .circle {border-color: #29579b;}
|
|
@keyframes circle-opacity{from {opacity: 1;transform: scale(0);}to {opacity: 0;transform: scale(1);}}
|