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.
668 lines
34 KiB
668 lines
34 KiB
9 months ago
|
.THING-container {
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-container,
|
||
|
|
.THING-control-container {
|
||
|
|
font: 12px/20px 'Microsoft Yahei', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-container>canvas {
|
||
|
|
/* pointer-events: none; */
|
||
|
|
/* background-color: rgba(0, 0, 0, 0); */
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-selectbox {
|
||
|
|
border: 1px solid #55aaff;
|
||
|
|
background-color: rgba(75, 160, 255, 0.3);
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-tooltip {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 5px 10px;
|
||
|
|
min-height: 30px;
|
||
|
|
min-width: 50px;
|
||
|
|
background-color: #fff;
|
||
|
|
color: #333;
|
||
|
|
border-radius: 3px;
|
||
|
|
line-height: 1.5;
|
||
|
|
font-size: 14px;
|
||
|
|
position: absolute;
|
||
|
|
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .7);
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-tooltip,
|
||
|
|
.THING-tooltip * {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-bottom::before,
|
||
|
|
.THING-arrow-top::before,
|
||
|
|
.THING-arrow-left::before,
|
||
|
|
.THING-arrow-right::before,
|
||
|
|
.THING-arrow-bottom::after,
|
||
|
|
.THING-arrow-top::after,
|
||
|
|
.THING-arrow-left::after,
|
||
|
|
.THING-arrow-right::after {
|
||
|
|
position: absolute;
|
||
|
|
content: "";
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 8px;
|
||
|
|
border-color: transparent transparent transparent transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-bottom::before,
|
||
|
|
.THING-arrow-top::before,
|
||
|
|
.THING-arrow-left::before,
|
||
|
|
.THING-arrow-right::before {
|
||
|
|
z-index: 9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-bottom::after,
|
||
|
|
.THING-arrow-top::after,
|
||
|
|
.THING-arrow-left::after,
|
||
|
|
.THING-arrow-right::after {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-bottom::before,
|
||
|
|
.THING-arrow-bottom::after,
|
||
|
|
.THING-arrow-top::before,
|
||
|
|
.THING-arrow-top::after {
|
||
|
|
left: calc(50% - 8px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-left::before,
|
||
|
|
.THING-arrow-left::after,
|
||
|
|
.THING-arrow-right::before,
|
||
|
|
.THING-arrow-right::after {
|
||
|
|
top: calc(50% - 8px);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 箭头朝下 */
|
||
|
|
.THING-arrow-bottom::before {
|
||
|
|
top: 100%;
|
||
|
|
border-top-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-bottom::after {
|
||
|
|
top: calc(100% + 1px);
|
||
|
|
border-top-color: rgba(0, 0, 0, 0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 箭头朝上 */
|
||
|
|
.THING-arrow-top::before {
|
||
|
|
top: -16px;
|
||
|
|
border-bottom-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-top::after {
|
||
|
|
top: -17px;
|
||
|
|
border-bottom-color: rgba(0, 0, 0, 0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 左箭头 */
|
||
|
|
.THING-arrow-left::before {
|
||
|
|
left: -16px;
|
||
|
|
border-right-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-left::after {
|
||
|
|
left: -17px;
|
||
|
|
border-right-color: rgba(0, 0, 0, 0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 右箭头 */
|
||
|
|
.THING-arrow-right::before {
|
||
|
|
right: -16px;
|
||
|
|
border-left-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-arrow-right::after {
|
||
|
|
right: -17px;
|
||
|
|
border-left-color: rgba(0, 0, 0, .7);
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-left,
|
||
|
|
.THING-ctrl-bottom-right,
|
||
|
|
.THING-ctrl-top-left,
|
||
|
|
.THING-ctrl-top-right {
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-top-left {
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-top-right {
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-left {
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-right {
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl {
|
||
|
|
pointer-events: auto;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-group {
|
||
|
|
border-radius: 4px;
|
||
|
|
overflow: hidden;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-top-right .THING-ctrl {
|
||
|
|
margin: 10px 10px 0 0;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-top-left .THING-ctrl {
|
||
|
|
margin: 10px 0 0 10px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-right .THING-ctrl {
|
||
|
|
margin: 0 10px 10px 0;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-left .THING-ctrl {
|
||
|
|
margin: 0 0 10px 10px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-group:not(:empty) {
|
||
|
|
moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
|
||
|
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
|
||
|
|
box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-group>button {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
outline: 0;
|
||
|
|
border: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: transparent;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-group>button+button {
|
||
|
|
border-top: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-group>button.THING-button-free {
|
||
|
|
min-width: 30px;
|
||
|
|
width: 100%;
|
||
|
|
padding: 5px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-group>button.THING-button-free:not(.THING-active):hover {
|
||
|
|
/* background-color: rgba(243,128,4, 0.2)!important; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-active {
|
||
|
|
background-color: #F38004 !important;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon,
|
||
|
|
.THING-ctrl-icon>.THING-ctrl-compass-arrow {
|
||
|
|
speak: none;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon.THING-ctrl-zoom-out {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon.THING-ctrl-zoom-in {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.THING-measure {
|
||
|
|
cursor: url(data:image/png;base64,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), auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup {
|
||
|
|
position: absolute;
|
||
|
|
top: -9999px;
|
||
|
|
left: -9999px;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
will-change: transform;
|
||
|
|
white-space: nowrap;
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-top,
|
||
|
|
.THING-popup-anchor-top-left,
|
||
|
|
.THING-popup-anchor-top-right {
|
||
|
|
-webkit-flex-direction: column;
|
||
|
|
flex-direction: column
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-bottom,
|
||
|
|
.THING-popup-anchor-bottom-left,
|
||
|
|
.THING-popup-anchor-bottom-right {
|
||
|
|
-webkit-flex-direction: column-reverse;
|
||
|
|
flex-direction: column-reverse
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-left {
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
flex-direction: row
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-right {
|
||
|
|
-webkit-flex-direction: row-reverse;
|
||
|
|
flex-direction: row-reverse
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-tip {
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border: 10px solid transparent;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-top .THING-popup-tip {
|
||
|
|
-webkit-align-self: center;
|
||
|
|
align-self: center;
|
||
|
|
border-top: none;
|
||
|
|
border-bottom-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-top-left .THING-popup-tip {
|
||
|
|
-webkit-align-self: flex-start;
|
||
|
|
align-self: flex-start;
|
||
|
|
border-top: none;
|
||
|
|
border-left: none;
|
||
|
|
border-bottom-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-top-right .THING-popup-tip {
|
||
|
|
-webkit-align-self: flex-end;
|
||
|
|
align-self: flex-end;
|
||
|
|
border-top: none;
|
||
|
|
border-right: none;
|
||
|
|
border-bottom-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-bottom .THING-popup-tip {
|
||
|
|
-webkit-align-self: center;
|
||
|
|
align-self: center;
|
||
|
|
border-bottom: none;
|
||
|
|
border-top-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-bottom-left .THING-popup-tip {
|
||
|
|
-webkit-align-self: flex-start;
|
||
|
|
align-self: flex-start;
|
||
|
|
border-bottom: none;
|
||
|
|
border-left: none;
|
||
|
|
border-top-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-bottom-right .THING-popup-tip {
|
||
|
|
-webkit-align-self: flex-end;
|
||
|
|
align-self: flex-end;
|
||
|
|
border-bottom: none;
|
||
|
|
border-right: none;
|
||
|
|
border-top-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-left .THING-popup-tip {
|
||
|
|
-webkit-align-self: center;
|
||
|
|
align-self: center;
|
||
|
|
border-left: none;
|
||
|
|
border-right-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-right .THING-popup-tip {
|
||
|
|
-webkit-align-self: center;
|
||
|
|
align-self: center;
|
||
|
|
border-right: none;
|
||
|
|
border-left-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-close-button {
|
||
|
|
position: absolute;
|
||
|
|
/* right: -10px; */
|
||
|
|
/* top: -10px; */
|
||
|
|
/* border-radius: 50%; */
|
||
|
|
border: 0;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
border-radius: 0 3px 0 0;
|
||
|
|
cursor: pointer;
|
||
|
|
/* background-color: rgba(253, 208, 2, 1); */
|
||
|
|
/* width: 20px; */
|
||
|
|
/* height: 20px; */
|
||
|
|
font: 400 14px Arial;
|
||
|
|
text-align: center;
|
||
|
|
/* line-height: 20px; */
|
||
|
|
/* z-index: 999; */
|
||
|
|
transition: all 0.2s linear;
|
||
|
|
padding: 0 3px;
|
||
|
|
color: #999;
|
||
|
|
pointer-events: auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-close-button:hover {
|
||
|
|
/* background-color: rgb(170, 140, 4); */
|
||
|
|
background-color: rgba(0, 0, 0, .15);
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-content {
|
||
|
|
position: relative;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 3px;
|
||
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
|
||
|
|
padding: 10px 20px 10px 20px;
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-top-left .THING-popup-content {
|
||
|
|
border-top-left-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-top-right .THING-popup-content {
|
||
|
|
border-top-right-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-bottom-left .THING-popup-content {
|
||
|
|
border-bottom-left-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-popup-anchor-bottom-right .THING-popup-content {
|
||
|
|
border-bottom-right-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl.THING-ctrl-attrib {
|
||
|
|
padding: 0 5px;
|
||
|
|
background-color: rgba(255, 255, 255, .5);
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen {
|
||
|
|
.THING-ctrl-attrib.THING-compact {
|
||
|
|
margin: 20px 10px 10px 10px;
|
||
|
|
position: relative;
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 3px 12px 12px 3px
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib.THING-compact:hover {
|
||
|
|
padding: 2px 24px 2px 4px;
|
||
|
|
visibility: visible
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-left>.THING-ctrl-attrib.THING-compact:hover,
|
||
|
|
.THING-ctrl-top-left>.THING-ctrl-attrib.THING-compact:hover {
|
||
|
|
padding: 2px 4px 2px 24px;
|
||
|
|
border-radius: 12px 3px 3px 12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib.THING-compact .THING-ctrl-attrib-inner {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib.THING-compact:hover .THING-ctrl-attrib-inner {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib.THING-compact::after {
|
||
|
|
content: '';
|
||
|
|
cursor: pointer;
|
||
|
|
position: absolute;
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
|
||
|
|
background-color: rgba(255, 255, 255, .5);
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius: 12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-right>.THING-ctrl-attrib.THING-compact::after {
|
||
|
|
bottom: 0;
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-top-right>.THING-ctrl-attrib.THING-compact::after {
|
||
|
|
top: 0;
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-top-left>.THING-ctrl-attrib.THING-compact::after {
|
||
|
|
top: 0;
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-bottom-left>.THING-ctrl-attrib.THING-compact::after {
|
||
|
|
bottom: 0;
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib a {
|
||
|
|
color: rgba(0, 0, 0, .75);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib a:hover {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: underline
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-attrib .mapbox-improve-map {
|
||
|
|
font-weight: 700;
|
||
|
|
margin-left: 2px
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-attrib-empty {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
a.THING-ctrl-logo,
|
||
|
|
a.THING-ctrl-logo.THING-compact {
|
||
|
|
width: 130px;
|
||
|
|
height: 30px;
|
||
|
|
z-index: 9;
|
||
|
|
display: block;
|
||
|
|
cursor: pointer;
|
||
|
|
margin-bottom: -8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loading-circle,
|
||
|
|
a.THING-ctrl-logo,
|
||
|
|
a.THING-ctrl-logo.THING-compact {
|
||
|
|
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAA8CAYAAACAVsR+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NEQzMDU3MUUzMjQxMUVEOENBN0FDQ0YyQTNDNTAwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NEQzMDU3MkUzMjQxMUVEOENBN0FDQ0YyQTNDNTAwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0RDMwNTZGRTMyNDExRUQ4Q0E3QUNDRjJBM0M1MDBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc0RDMwNTcwRTMyNDExRUQ4Q0E3QUNDRjJBM0M1MDBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SSVaTwAADnNJREFUeNrsXQuUVVUZ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
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon.THING-ctrl-viewmode-3d {
|
||
|
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTYzOTU4OTc2MTY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc2NjMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTM1Ni4yNTUgNDM2Ljc1M2MwLTIwLjQ1MS03Ljc1Ny0zNy4xNDctMjMuMjYxLTUwLjA4MS0xNS41MDktMTIuOTM0LTM1LjM2OS0xOS40MDEtNTkuNTc3LTE5LjQwMS0yNS42MTUgMC00NS4yMjIgNy44NTUtNTguODI3IDIzLjU2MS0xMy42MDkgMTUuNzEtMjEuMTEzIDM5LjE2OC0yMi41MSA3MC4zODJoLTUyLjUyNGMwLTQ1LjIxOCAxMS44NTUtODAuMTg0IDM1LjU2Ni0xMDQuODk4IDIzLjcxMS0yNC43MSA1Ny4yNzUtMzcuMDY3IDEwMC42OTYtMzcuMDY3IDQxLjAxNiAwIDc0LjA4MyAxMC4yNTYgOTkuMTk2IDMwLjc2NCAyNS4xMDkgMjAuNTEyIDM3LjY2NyA0Ny41NzIgMzcuNjY3IDgxLjE4NyAwIDMzLjQxOC0xMi42MDYgNjAuNDMxLTM3LjgxNyA4MS4wMzctNC44MDIgNC4wMDUtMTAuMDA4IDcuNjA3LTE1LjYwNyAxMC44MDUgMTAuNDAyIDQuNjA2IDE5LjYwOCAxMC4xMDcgMjcuNjEzIDE2LjUwOCAyNy4wMTIgMjEuMjEyIDQwLjUxOSA0OS44MjMgNDAuNTE5IDg1LjgzOSAwIDQwLjQyMS0xNC4wMDggNzMuNDg4LTQyLjAxOSA5OS4xOTYtMjguMDE2IDI1LjcxNC02NC4wMzIgMzguNTY4LTEwOC4wNSAzOC41NjgtNDguNDI1IDAtODQuOTM5LTExLjY1Ny0xMDkuNTUtMzQuOTY2LTI0LjYxMS0yMy4zMDctMzguMDE5LTU4Ljk3Ny00MC4yMTgtMTA2Ljk5OWg1Ni40MjZjMy4yMDcgMzMuNjE1IDEyLjEyMyA1Ny42NzkgMjYuNzU0IDcyLjE4MyAxNC42MzIgMTQuNTExIDM3LjM3NyAyMS43NiA2OC4yNDQgMjEuNzYgMjYuNjUyIDAgNDguNDk2LTcuNjU0IDY1LjUzNC0yMi45NjEgMTcuMDMzLTE1LjMwNyAyNS41NTQtMzQuOTY2IDI1LjU1NC01OC45NzcgMC0yNS4yMTItOC4yMDctNDUuMjE3LTI0LjYxMS02MC4wMjgtMTQuMDA4LTEyLjgwMi0zMi4wMTYtMjAuMDA1LTU0LjAyNS0yMS42MS0xMC4yMDUtMC41OTUtMTkuODYxLTAuODk1LTI4Ljk2My0wLjg5NS05LjEwNyAwLTE1LjE1NyAwLjM5OS0xOC4xNTggMS4xOTZ2LTQ3LjEyMWM0LjM5OSAwLjk5NCAxMS4yMDQgMS40OTEgMjAuNDA5IDEuNDkxIDkuMjAxIDAgMTguMzA4LTAuNTk1IDI3LjMxMy0xLjc5MSAxNy40MDgtMi4yMDQgMzEuNTE0LTcuOTIxIDQyLjMxOS0xNy4xNDUgMTQuNi0xMi4wMyAyMS45MDctMjguODc1IDIxLjkwNy01MC41Mzd6TTUyOC40MDIgMzE5Ljk5NmgxODEuNTQ0YzU2LjEwNCAwIDEwMC43MzggMTkuOTg4IDEzMy45MDQgNTkuOTY0IDMzLjE2MSAzOS45NzYgNDkuNzQ1IDkzLjczMSA0OS43NDUgMTYxLjI1NiAwIDY3LjMyOC0xNi45ODIgMTIwLjkzNC01MC45NDcgMTYwLjgwNS0zMy45NjQgMzkuODc4LTc5LjgwMiA1OS44MTQtMTM3LjUxMSA1OS44MTRINTI4LjQwMlYzMTkuOTk2eiBtNTkuODEzIDM5MC43NDJoMTA5LjQwOGM0Mi44NzggMCA3NS45OTMtMTQuNzI4IDk5LjMzOS00NC4xODQgMjMuMzQxLTI5LjQ1NiAzNS4wMTYtNzEuMjM1IDM1LjAxNi0xMjUuMzM4IDAtNTQuMy0xMS4yMjQtOTYuMjI5LTMzLjY2NC0xMjUuNzg4LTIyLjQ0NC0yOS41NTUtNTQuMzA0LTQ0LjMzNC05NS41ODEtNDQuMzM0SDU4OC4yMTV2MzM5LjY0NHoiIHAtaWQ9Ijc2NjQiIGZpbGw9IiMzMzMzMzMiPjwvcGF0aD48L3N2Zz4=');
|
||
|
|
background-size: 26px auto;
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon.THING-ctrl-viewmode-2d {
|
||
|
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTYzOTU4ODQ3MzIzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMyMDkiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTQzMy4yMzkgNDU2Ljg4OGMwIDMxLjk4NS04LjQyMiA1OC4yODktMjUuMjYzIDc4LjkwNi0xNi44NDUgMjAuNjIzLTQ4LjUxMSA0My40MDQtOTUuMDA3IDY4LjM0NS01MC40MjQgMjYuOTU5LTg0LjgzMSA1MS41OTgtMTAzLjIyMSA3My45MjctNy42NDggOS42NTUtMTMuOTQ5IDIwLjUxOC0xOC45MDggMzIuNTg5aDI0Mi4zOTh2NTIuODA1SDEyNy42MDZ2LTAuMDc2YzAtNDUuNjQ4IDExLjY3Mi04Mi45OTggMzUuMDI3LTExMi4wNTUgMjMuMzUtMjkuMDU2IDY3LjE1OC02MC43NzggMTMxLjQyOS05NS4xNjcgMzEuMjAxLTE2LjkyNiA1Mi40ODctMzIuNDM3IDYzLjg1NS00Ni41NDQgMTEuMzYyLTE0LjEwNyAxNy4wNDgtMzIuMjM5IDE3LjA0OC01NC40MDggMC0yMy4xNjgtOC40NzYtNDIuMTEyLTI1LjQxOC01Ni44MjItMTYuOTQ3LTE0LjcxLTM4LjY0NS0yMi4wNjUtNjUuMDk1LTIyLjA2NS0yNy42OTQgMC00OS40NDEgOS4yMzEtNjUuMjQ5IDI3LjY4OS0xNS44MDggMTguNDU4LTI0LjIzMSA0NC42MzUtMjUuMjYzIDc4LjUyNGgtNTQuMjQ1Yy0wLjgyOC00Ny44NzMgMTIuMjkzLTg1LjQ0IDM5LjM2Ni0xMTIuNzAxIDI3LjA2OS0yNy4yNTYgNjQuNzg1LTQwLjg4NyAxMTMuMTQtNDAuODg3IDQxLjMyOCAwIDc1LjIxNyAxMS45NzEgMTAxLjY3MSAzNS45MDggMjYuMjQyIDIzLjczOSAzOS4zNjcgNTQuNDE4IDM5LjM2NyA5Mi4wMzJ6TTUxNS42OTIgMzE5Ljg5NmgxODcuMjI0YzU3Ljg1OSAwIDEwMy44ODkgMjAuMDY2IDEzOC4wOTMgNjAuMTk4IDM0LjIgNDAuMTMyIDUxLjMwMSA5NC4wOTcgNTEuMzAxIDE2MS44ODUgMCA2Ny41OTEtMTcuNTE0IDEyMS40MDUtNTIuNTQxIDE2MS40MzMtMzUuMDI3IDQwLjAzMi04Mi4yOTcgNjAuMDQ3LTE0MS44MTIgNjAuMDQ3SDUxNS42OTFWMzE5Ljg5NnogbTYxLjY4NiAzOTIuMjY3aDExMi44MjljNDQuMjE5IDAgNzguMzctMTQuNzg1IDEwMi40NDYtNDQuMzU2IDI0LjA3LTI5LjU3MSAzNi4xMTItNzEuNTEzIDM2LjExMi0xMjUuODI3IDAtNTQuNTEyLTExLjU3NS05Ni42MDUtMzQuNzE4LTEyNi4yOC0yMy4xNDUtMjkuNjctNTYuMDAyLTQ0LjUwNy05OC41NzEtNDQuNTA3SDU3Ny4zNzh2MzQwLjk3eiIgcC1pZD0iMzIxMCIgZmlsbD0iIzMzMzMzMyI+PC9wYXRoPjwvc3ZnPg==');
|
||
|
|
background-size: 26px auto;
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon.THING-ctrl-fullscreen {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-icon.THING-ctrl-shrink {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-compass {
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
z-index: 1;
|
||
|
|
border-radius: 50%;
|
||
|
|
cursor: not-allowed;
|
||
|
|
background: url("data:image/png;base64,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") center center / contain no-repeat;
|
||
|
|
background-color: #F2F2F2;
|
||
|
|
moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
|
||
|
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
|
||
|
|
box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-minimap {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: 3px;
|
||
|
|
border: 2px solid rgba(209, 209, 210, 0.8);
|
||
|
|
background: rgba(0, 0, 0, .15);
|
||
|
|
box-sizing: border-box;
|
||
|
|
;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-minimap-arrow {
|
||
|
|
position: absolute;
|
||
|
|
width: 64px;
|
||
|
|
height: 48px;
|
||
|
|
background: url(../resources/image/minimap/area.png) center bottom no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
transform-origin: 50% 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-ctrl-minimap-arrow::after {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
background-image: url(../resources/image/minimap/poi.png);
|
||
|
|
background-size: 100% 100%;
|
||
|
|
z-index: 1;
|
||
|
|
left: calc(50% - 16px);
|
||
|
|
bottom: -16px;
|
||
|
|
position: absolute;
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* loading */
|
||
|
|
.THING-loading {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 99999;
|
||
|
|
width: 120px;
|
||
|
|
height: 120px;
|
||
|
|
left: calc(50% - 60px);
|
||
|
|
top: calc(50% - 60px);
|
||
|
|
background-color: rgba(0, 0, 0, .6);
|
||
|
|
border-radius: 10px;
|
||
|
|
text-align: center;
|
||
|
|
overflow: hidden;
|
||
|
|
color: rgba(255, 255, 255, .8);
|
||
|
|
font-size: 14px;
|
||
|
|
-webkit-transition: all .2s;
|
||
|
|
-moz-transition: all .2s;
|
||
|
|
-ms-transition: all .2s;
|
||
|
|
-o-transition: all .2s;
|
||
|
|
transition: all .2s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.THING-loading * {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loading-circle {
|
||
|
|
width: 70px;
|
||
|
|
height: 70px;
|
||
|
|
margin: 10px 25px 10px 25px;
|
||
|
|
position: relative;
|
||
|
|
background-size: 45px 45px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loading-circle .loader,
|
||
|
|
.loading-circle .loader:after {
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loading-circle .loader {
|
||
|
|
font-size: 10px;
|
||
|
|
position: relative;
|
||
|
|
text-indent: -9999em;
|
||
|
|
border-top: 5px solid rgba(255, 255, 255, 0.2);
|
||
|
|
border-right: 5px solid rgba(255, 255, 255, 0.2);
|
||
|
|
border-bottom: 5px solid rgba(255, 255, 255, 0.2);
|
||
|
|
border-left: 5px solid rgb(248, 143, 32);
|
||
|
|
-webkit-transform: translateZ(0);
|
||
|
|
-ms-transform: translateZ(0);
|
||
|
|
transform: translateZ(0);
|
||
|
|
-webkit-animation: loading-circle 1.1s infinite linear;
|
||
|
|
animation: loading-circle 1.1s infinite linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes loading-circle {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes loading-circle {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|