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.
823 lines
16 KiB
823 lines
16 KiB
@font-face { |
|
font-family: 'supermap-icon'; |
|
src: url('./fonts/supermap-icon.eot?ttrekr'); |
|
src: url('./fonts/supermap-icon.eot?ttrekr#iefix') format('embedded-opentype'), |
|
url('./fonts/supermap-icon.ttf?ttrekr') format('truetype'), |
|
url('./fonts/supermap-icon.woff?ttrekr') format('woff'), |
|
url('./fonts/supermap-icon.svg?ttrekr#supermap-icon') format('svg'); |
|
font-weight: normal; |
|
font-style: normal; |
|
} |
|
|
|
[class^="supermapol-icons-"], [class*=" supermapol-icons-"] { |
|
/* use !important to prevent issues with browser extensions that change fonts */ |
|
font-family: 'supermap-icon' !important; |
|
speak: none; |
|
font-style: normal; |
|
font-weight: normal; |
|
font-variant: normal; |
|
text-transform: none; |
|
line-height: 1; |
|
|
|
/* Better Font Rendering =========== */ |
|
-webkit-font-smoothing: antialiased; |
|
-moz-osx-font-smoothing: grayscale; |
|
} |
|
|
|
.supermapol-icons-save:before { |
|
content: "\e900"; |
|
} |
|
.supermapol-icons-baselayer:before { |
|
content: "\e901"; |
|
} |
|
.supermapol-icons-marker:before { |
|
content: "\e902"; |
|
} |
|
.supermapol-icons-uncheck:before { |
|
content: "\e903"; |
|
} |
|
.supermapol-icons-checked:before { |
|
content: "\e904"; |
|
} |
|
.supermapol-icons-zoom-in:before { |
|
content: "\e906"; |
|
} |
|
.supermapol-icons-share:before { |
|
content: "\e907"; |
|
} |
|
.supermapol-icons-clear:before { |
|
content: "\e908"; |
|
color: whitesmoke; |
|
} |
|
.supermapol-icons-setting:before { |
|
content: "\e909"; |
|
} |
|
.supermapol-icons-polygon:before { |
|
content: "\e90a"; |
|
} |
|
.supermapol-icons-default-layer:before { |
|
content: "\e90b"; |
|
} |
|
.supermapol-icons-uniE90C:before { |
|
content: "\e90c"; |
|
} |
|
.supermapol-icons-delete:before { |
|
content: "\e90d"; |
|
} |
|
.supermapol-icons-up:before { |
|
content: "\e90e"; |
|
} |
|
.supermapol-icons-warning:before { |
|
content: "\e90f"; |
|
} |
|
.supermapol-icons-back:before { |
|
content: "\e910"; |
|
} |
|
.supermapol-icons-retract:before { |
|
content: "\e911"; |
|
} |
|
.supermapol-icons-search:before { |
|
content: "\e912"; |
|
} |
|
.supermapol-icons-zoom-to:before { |
|
content: "\e913"; |
|
} |
|
.supermapol-icons-zoom-out:before { |
|
content: "\e914"; |
|
} |
|
.supermapol-icons-layers:before { |
|
content: "\e915"; |
|
} |
|
.supermapol-icons-add:before { |
|
content: "\e916"; |
|
} |
|
.supermapol-icons-addlayer:before { |
|
content: "\e917"; |
|
} |
|
.supermapol-icons-triangle:before { |
|
content: "\e918"; |
|
} |
|
.supermapol-icons-brush:before { |
|
content: "\e919"; |
|
} |
|
.supermapol-icons-more:before { |
|
content: "\e91a"; |
|
} |
|
.supermapol-icons-down:before { |
|
content: "\e91b"; |
|
} |
|
.supermapol-icons-line:before { |
|
content: "\e91c"; |
|
} |
|
.supermapol-icons-pen:before { |
|
content: "\e91d"; |
|
} |
|
.supermapol-icons-user:before { |
|
content: "\e91e"; |
|
} |
|
.supermapol-icons-down-end:before { |
|
content: "\e91f"; |
|
} |
|
.supermapol-icons-up-end:before { |
|
content: "\e920"; |
|
} |
|
.supermapol-icons-text:before { |
|
content: "\e921"; |
|
} |
|
.supermapol-icons-customize:before { |
|
content: "\e922"; |
|
} |
|
|
|
|
|
div.smMap { |
|
z-index: 0; |
|
padding: 0px!important; |
|
margin: 0px!important; |
|
cursor: url("../images/cursors/Pan.cur"),default; |
|
border:1px solid #3473b7; |
|
} |
|
|
|
div.smMapViewport { |
|
text-align: left; |
|
} |
|
|
|
div.smLayerDiv { |
|
-moz-user-select: none; |
|
} |
|
|
|
.smLayerGoogleCopyright { |
|
left: 2px; |
|
bottom: 2px; |
|
} |
|
.smLayerGooglePoweredBy { |
|
left: 2px; |
|
bottom: 15px; |
|
} |
|
.smControlAttribution { |
|
font-size: smaller; |
|
right: 3px; |
|
bottom: 0.5em; |
|
position: absolute; |
|
display: block; |
|
} |
|
.smControlScale { |
|
right: 3px; |
|
bottom: 3em; |
|
display: block; |
|
position: absolute; |
|
font-size: smaller; |
|
} |
|
.smControlScaleLine { |
|
display: block; |
|
position: absolute; |
|
left: 10px; |
|
bottom: 15px; |
|
font-size: xx-small; |
|
} |
|
.smControlScaleLineBottom { |
|
border: solid 2px black; |
|
border-bottom: none; |
|
margin-top:-2px; |
|
text-align: center; |
|
} |
|
.smControlScaleLineTop { |
|
border: solid 2px black; |
|
border-top: none; |
|
text-align: center; |
|
} |
|
|
|
.smControlPermalink { |
|
right: 3px; |
|
bottom: 1.5em; |
|
display: block; |
|
position: absolute; |
|
font-size: smaller; |
|
} |
|
|
|
div.smControlMousePosition { |
|
bottom: 0em; |
|
right: 3px; |
|
display: block; |
|
position: absolute; |
|
font-family: Arial; |
|
font-size: smaller; |
|
} |
|
|
|
.smControlOverviewMapContainer { |
|
position: absolute; |
|
bottom: 0px; |
|
right: 0px; |
|
background-color: #e5f3ff; |
|
} |
|
|
|
|
|
.smControlOverviewMapElement { |
|
border-left:1px solid #3473b7; |
|
border-top:1px solid #3473b7; |
|
padding-top: 4px; |
|
padding-left: 4px; |
|
} |
|
|
|
.smControlOverviewMapMinimizeButton { |
|
right: 0px; |
|
bottom: 1px; |
|
cursor: pointer; |
|
} |
|
|
|
.smControlOverviewMapMaximizeButton { |
|
right: 0px; |
|
bottom: 1px; |
|
cursor: pointer; |
|
} |
|
|
|
.smControlOverviewMapExtentRectangle { |
|
overflow: hidden; |
|
/*background-image:url(../../image/blank.gif);*/ |
|
border: 1px solid red; |
|
background:#69F; |
|
filter:alpha(opacity=50);/* IE */ |
|
-moz-opacity:0.5;/* Moz + FF */ |
|
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ |
|
} |
|
.smControlOverviewMapRectReplacement { |
|
overflow: hidden; |
|
cursor: url("../images/cursors/PanDown.cur"),move; |
|
background-image: url(../images/overview_replacement.gif); |
|
background-repeat: no-repeat; |
|
background-position: center; |
|
} |
|
|
|
.smLayerGeoRSSDescription { |
|
float:left; |
|
width:100%; |
|
overflow:auto; |
|
font-size:1.0em; |
|
} |
|
.smLayerGeoRSSClose { |
|
float:right; |
|
color:gray; |
|
font-size:1.2em; |
|
margin-right:6px; |
|
font-family:sans-serif; |
|
} |
|
.smLayerGeoRSSTitle { |
|
float:left;font-size:1.2em; |
|
} |
|
|
|
.smPopupContent { |
|
padding:5px; |
|
overflow: auto; |
|
} |
|
|
|
.smHandlerBoxZoomBox { |
|
border: 2px solid red; |
|
position: absolute; |
|
background-color: white; |
|
opacity: 0.50; |
|
font-size: 1px; |
|
filter: alpha(opacity=50); |
|
} |
|
.smHandlerBoxSelectFeature { |
|
border: 2px solid blue; |
|
position: absolute; |
|
background-color: white; |
|
opacity: 0.50; |
|
font-size: 1px; |
|
filter: alpha(opacity=50); |
|
} |
|
|
|
.smPopupCloseBox { |
|
background: url("../images/close.gif") no-repeat; |
|
cursor: pointer; |
|
} |
|
|
|
.smFramedCloudPopupContent { |
|
overflow: auto; |
|
} |
|
|
|
.smImageLoadError { |
|
background-color: pink; |
|
opacity: 0.5; |
|
filter: alpha(opacity=50); /* IE */ |
|
display: none; |
|
} |
|
|
|
/** |
|
* Cursor styles |
|
*/ |
|
.smDefault { |
|
cursor: default; |
|
} |
|
.smCursorWait { |
|
cursor: wait; |
|
} |
|
.smDragDown { |
|
cursor: url("../images/cursors/PanDown.cur"),move; |
|
} |
|
.smDragDownCanvas { |
|
cursor: move; |
|
} |
|
.smDragUp { |
|
cursor: url("../images/cursors/Pan.cur"),auto; |
|
} |
|
|
|
.smCursorPointer { |
|
cursor: pointer; |
|
} |
|
|
|
.smDrawBox { |
|
cursor: crosshair; |
|
} |
|
.smControlDragFeatureOver { |
|
/*cursor: move;*/ |
|
} |
|
.smControlDragFeatureActive.smControlDragFeatureOver.smDragDown { |
|
/* cursor: -moz-grabbing;*/ |
|
} |
|
|
|
/** |
|
* Layer switcher |
|
*/ |
|
.smControlLayerSwitcher { |
|
position: absolute; |
|
top: 25px; |
|
right: 0px; |
|
width: 20em; |
|
font-family: sans-serif; |
|
font-weight: bold; |
|
margin-top: 3px; |
|
margin-left: 3px; |
|
margin-bottom: 3px; |
|
font-size: smaller; |
|
color: white; |
|
background-color: transparent; |
|
cursor: default; |
|
} |
|
|
|
.smControlLayerSwitcher .layersDiv { |
|
padding-top: 5px; |
|
padding-left: 10px; |
|
padding-bottom: 5px; |
|
background-color: darkblue; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/*白色样式下*/ |
|
.smControlLayerSwitcher .layersDivWhite { |
|
padding-top: 5px; |
|
padding-left: 10px; |
|
padding-bottom: 5px; |
|
background-color: darkblue; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
.smControlLayerSwitcher .layersDiv .baseLbl, |
|
.smControlLayerSwitcher .layersDiv .dataLbl { |
|
margin-top: 3px; |
|
margin-left: 3px; |
|
margin-bottom: 3px; |
|
} |
|
|
|
.smControlLayerSwitcher .layersDiv .baseLayersDiv, |
|
.smControlLayerSwitcher .layersDiv .dataLayersDiv { |
|
padding-left: 3px; |
|
} |
|
|
|
.smControlLayerSwitcher .maximizeDiv, |
|
.smControlLayerSwitcher .minimizeDiv { |
|
top: 0px; |
|
right: 0px; |
|
text-align: left; |
|
cursor: pointer; |
|
} |
|
.smControlLayerSwitcher .maximizeDiv{ |
|
border: 3px solid #a5c8ec; |
|
} |
|
|
|
.smControlLayerSwitcher .maximizeDivWhite{ |
|
top: 0px; |
|
right: 0px; |
|
cursor: pointer; |
|
} |
|
|
|
div.smControlLayerSwitcher { |
|
position: absolute; |
|
top: 50px; |
|
right: 0px; |
|
width: 171px; |
|
font-family: sans-serif; |
|
font-weight: bold; |
|
margin: 0px 3px 3px; |
|
font-size: smaller; |
|
font-size: 13px; |
|
color: #4083c2; |
|
background-color: transparent; |
|
border: 3px solid #a5c8ec; |
|
} |
|
div.smControlLayerSwitcher div.layersDiv { |
|
padding-top: 25px; |
|
padding-left: 5px; |
|
padding-bottom: 5px; |
|
background-color: #FFFFFF; |
|
width: 166px; |
|
height: 100%; |
|
} |
|
div.smControlLayerSwitcher div.layersDivWhite { |
|
padding-top: 10px; |
|
padding-left: 5px; |
|
padding-bottom: 10px; |
|
background-color: #FFFFFF; |
|
width: 166px; |
|
height: 100%; |
|
color: #565656; |
|
box-shadow:0px 0px 3px #ababab; |
|
border:1px solid #d7d7d7; |
|
border-radius:4px; |
|
} |
|
|
|
.layerSwitcherHR{ |
|
width: 95%; |
|
margin: 7px auto 7px auto; |
|
} |
|
|
|
input.inputElem { |
|
width: 14px; |
|
height:14px; |
|
margin-left: 3px; |
|
margin-right:4px; |
|
margin-bottom: 4px; |
|
margin-top: 4px; |
|
vertical-align: middle; |
|
border: 0px; |
|
background-repeat: no-repeat; |
|
background-size: cover; |
|
background-position: 0%,0%; |
|
cursor: pointer; |
|
} |
|
span.labelSpan { |
|
margin-left: 5px; |
|
padding-bottom: 3px; |
|
padding-top: 3px; |
|
height:20px; |
|
vertical-align: middle; |
|
} |
|
div.minimizeDiv .layerSwitcherContent{ |
|
position: absolute; |
|
padding: 2px 40px; |
|
} |
|
|
|
|
|
/** |
|
* Animations |
|
*/ |
|
|
|
.smLayerDiv .smTileImage { |
|
-webkit-transition: opacity 0.2s linear; |
|
-moz-transition: opacity 0.2s linear; |
|
-o-transition: opacity 0.2s linear; |
|
transition: opacity 0.2s linear; |
|
} |
|
|
|
#popwin img{ |
|
max-width: none; |
|
} |
|
/** |
|
*绘制矩形框 |
|
*/ |
|
.qByBoundsBoxDiv { |
|
background-color: #304DBE; |
|
border: 2px solid #060abe; |
|
opacity: 0.3; |
|
} |
|
/** |
|
* TiledVectorLayerEditor |
|
*/ |
|
.smControlTiledVectorLayerEditor{ |
|
width: 850px; |
|
height: 0px; |
|
cursor: default; |
|
color: #34495e; |
|
} |
|
.smControlTiledVectorLayerEditor form{ |
|
width: 92%; |
|
margin: auto; |
|
} |
|
.smControlTiledVectorLayerEditor li{ |
|
margin: 3px 0 3px; |
|
padding: 2px; |
|
text-indent: 4px; |
|
} |
|
.smControlTiledVectorLayerEditor li[data-layertype="point"]{ |
|
list-style-image: url("../images/point.png"); |
|
} |
|
.smControlTiledVectorLayerEditor li[data-layertype="line"]{ |
|
list-style-image: url("../images/line.png"); |
|
} |
|
.smControlTiledVectorLayerEditor li[data-layertype="region"]{ |
|
list-style-image: url("../images/region.png"); |
|
} |
|
.smControlTiledVectorLayerEditor li[data-layertype="text"]{ |
|
list-style-image: url("../images/text.png"); |
|
} |
|
.smSubPanel-body>ul>li{ |
|
margin-bottom: 7px; |
|
} |
|
.smSubPanel-body ul>li li{ |
|
list-style: circle; |
|
} |
|
/*.smShowHideBtn-container{ |
|
content: ""; |
|
height: 32px; |
|
width: 32px; |
|
background-image: url("../images/radial.png"); |
|
border-radius: 5px; |
|
} |
|
.smShowHideBtn-container.move{ |
|
cursor: move; |
|
opacity: 0.8; |
|
} |
|
.smShowHideBtn-container.move:hover{ |
|
opacity: 1; |
|
} |
|
.smShowHideBtn-container.hidebtn{ |
|
content: ""; |
|
height: 16px; |
|
width: 16px; |
|
//background-image: url("../images/hide.png"); |
|
border-radius: 0px; |
|
top: 10px; |
|
right: 28px; |
|
opacity: 0.8; |
|
z-index: 999; |
|
|
|
} |
|
.smShowHideBtn-container.hidebtn:hover{ |
|
background-image: url("../images/hide_hover.png"); |
|
opacity: 0.9; |
|
} |
|
.smShowHideBtn-container .smShowHideBtn{ |
|
content: ""; |
|
width: 16px; |
|
height: 16px; |
|
cursor: pointer; |
|
float: left; |
|
}*/ |
|
span.smCloseBtn-container{ |
|
height: 15px; |
|
width: 15px; |
|
top: 13px; |
|
right: 25px; |
|
opacity: 0.6; |
|
z-index: 999; |
|
position: absolute; |
|
} |
|
.smMainPanel{ |
|
width: 100%; |
|
height: 0; |
|
box-sizing: border-box; |
|
font-size: 14px; |
|
font-family: "Microsoft YaHei"; |
|
} |
|
.smMainPanel.hide{ |
|
display: none; |
|
} |
|
.smPanel-header{ |
|
border-top-left-radius: 2px; |
|
border-top-right-radius: 2px; |
|
background-color:#0083cb; |
|
height:41px; |
|
padding:10px 10px 10px 10px; |
|
border-bottom-color: rgb(229,229,229); |
|
border-bottom-style: solid; |
|
border-bottom-width: 1px; |
|
border-top: none; |
|
border-right: none; |
|
border-left: none; |
|
box-sizing: border-box; |
|
cursor: move; |
|
} |
|
.smMainPanel-title{ |
|
margin: 0; |
|
font-size: 15px; |
|
color: white; |
|
height: 21px; |
|
line-height: 21px; |
|
padding: 0; |
|
font-weight: normal; |
|
} |
|
.smMainPanel-body{ |
|
border: 1px solid #ddd; |
|
box-sizing: border-box; |
|
background-color: white; |
|
color:#7c7c7c; |
|
border-bottom-left-radius: 2px; |
|
border-bottom-right-radius: 2px; |
|
} |
|
.smPanelPointer{ |
|
border: 2px solid rgba(0,0,0,0); |
|
} |
|
.smPanelPointer:hover{ |
|
background-color: #f2f2f2; |
|
} |
|
.smPanelPointer.select{ |
|
cursor: pointer; |
|
border: 1px solid #56b781; |
|
} |
|
.smLayerInfoPanel{ |
|
width: 40%; |
|
display: inline-block; |
|
} |
|
.smSubPanel{ |
|
border: 2px solid #ddd; |
|
margin: 3px 5px 5px 5px; |
|
overflow-y: auto; |
|
} |
|
.smSubPanel ul{ |
|
margin: 0px 3px 0 0; |
|
overflow: hidden; |
|
} |
|
.smPanel-title{ |
|
padding-left: 14px; |
|
padding-top: 14px; |
|
color: #7c7c7c; |
|
} |
|
.smSubPanel-header { |
|
background-color: #fff; |
|
z-index: 99; |
|
padding-bottom: 8px; |
|
} |
|
.smSubPanel-body{ |
|
height: 270px; |
|
margin-top: 11px; |
|
} |
|
.smLayerInfoLI{ |
|
height: inherit; |
|
} |
|
.smLayerInfoLI ul{ |
|
height: 0px; |
|
transition: 300ms height; |
|
} |
|
.smEditPanel{ |
|
display: none; |
|
width: 56.6%; |
|
float: right; |
|
right: 0px |
|
} |
|
.smEditPanel table{ |
|
color: #7c7c7c; |
|
} |
|
.smEditPanel.show{ |
|
display: block; |
|
} |
|
.smEditPanelControl{ |
|
|
|
vertical-align:middle !important; |
|
} |
|
.smPanelCheckbox{ |
|
float:left; |
|
margin-right: 10px; |
|
width: 32px; |
|
} |
|
.smEditPanel .smEditPanelInputContainer{ |
|
height: 24px; |
|
width: 51px; |
|
border: 1px solid #888; |
|
margin: 5px; |
|
} |
|
.smEditPanel .smEditPanelInputContainer .smEditPanelInput{ |
|
width: 25px; |
|
height: 18px !important; |
|
position: relative; |
|
margin: 2px; |
|
float: left; |
|
border: 1px solid; |
|
} |
|
.smEditPanel .smEditPanelInputContainer .smEditPanelInput.activebtn:hover{ |
|
border: 1px inset #aaa; |
|
} |
|
.smEditPanel .smEditPanelInputBtn{ |
|
content: ""; |
|
height: 16px; |
|
width: 16px; |
|
position: relative; |
|
background: url("../images/colorbtn.png") 3px 4px no-repeat; |
|
float: right; |
|
right: 2px; |
|
top: 1px; |
|
margin: 2px; |
|
} |
|
.smEditPanel .smEditPanelInputBtn.activebtn:hover{ |
|
background-color: #ebeff2; |
|
} |
|
.smEditPanel .smEditPanelInput,.smEditPanel input{ |
|
margin: 5px; |
|
padding: 0px; |
|
border-radius: 0px; |
|
-webkit-border-radius: 0px; |
|
-moz-border-radius: 0px; |
|
text-indent: 1px; |
|
} |
|
.smToolSlider.smEditPanelInput{ |
|
top: 4px; |
|
} |
|
.smEditPanel input:not([type="checkbox"]){ |
|
height: 25px; |
|
border: 1px solid #aaa; |
|
} |
|
input.smPanelValueInput[type="text"]{ |
|
width: 40px; |
|
margin-left: 7px; |
|
text-align: center; |
|
border: 1px solid #dddddd; |
|
} |
|
.smControlTiledVectorLayerEditor .smAdvanceTable{ |
|
display: none; |
|
} |
|
.smControlTiledVectorLayerEditor .smAdvanceTable tr{ |
|
overflow: hidden; |
|
transition: 20ms height; |
|
} |
|
.smControlTiledVectorLayerEditor .smSecondTd{ |
|
text-align: right; |
|
} |
|
.smRegularTable .smSecondTd{ |
|
width: 104px; |
|
} |
|
.smAdvanceTable .smSecondTd{ |
|
width: 136px; |
|
} |
|
.smControlTiledVectorLayerEditor .smSplitLine{ |
|
border-top: 1px solid #ececec; |
|
text-align: right; |
|
padding-top: 15px; |
|
margin-top: 15px; |
|
color: #eee; |
|
} |
|
.smSplitLineBottom{ |
|
margin-bottom: 18px; |
|
} |
|
.smSplitLine a{ |
|
color: white; |
|
text-decoration: blink; |
|
background-color: #0083cb; |
|
display: inline-block; |
|
padding: 0; |
|
width: 108px; |
|
height: 38px; |
|
line-height: 38px; |
|
text-align: center; |
|
border-radius: 2px; |
|
} |
|
.smSplitLine a:hover{ |
|
background-color: #0075b7; |
|
} |
|
.smControlTiledVectorLayerEditor .smSplitLineTop.hide{ |
|
display: none; |
|
} |
|
|
|
/** |
|
* SuperMap.Tool.Slider |
|
*/ |
|
.smToolSlider{ |
|
height: 4px; |
|
position: relative; |
|
display: inline-block; |
|
background-color: rgb(178, 185, 191); |
|
border-bottom-left-radius: 4px !important; |
|
border-bottom-right-radius: 4px !important; |
|
border-top-left-radius: 4px !important; |
|
border-top-right-radius: 4px !important; |
|
box-sizing: border-box; |
|
cursor: pointer; |
|
|
|
} |
|
|
|
.smToolSlider .smToolSliderBar{ |
|
content: " "; |
|
height: 14px; |
|
width: 14px !important; |
|
position: absolute; |
|
top: -6px; |
|
color: rgb(124,124,124); |
|
background-color: rgb(124,124,124); |
|
cursor: pointer; |
|
border-color: rgb(124,124,124) ; |
|
border-top-left-radius: 50%; |
|
border-top-right-radius: 50%; |
|
border-bottom-left-radius: 50%; |
|
border-bottom-right-radius: 50%; |
|
|
|
} |
|
.smToolSlider .smToolSliderBar.down{ |
|
cursor: pointer; |
|
opacity: 1; |
|
background-color:rgb(77,145,189); |
|
} |
|
span.supermapol-icons-clear{ |
|
opacity: 0.7; |
|
cursor: default; |
|
} |
|
span.supermapol-icons-clear:hover{ |
|
opacity: 1.0; |
|
}
|
|
|