@zpc_npm/vue-iclient-common
Version:
KQGIS iClient for Vue.js
1 lines • 2.78 kB
CSS
:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.basemaptoggle{border-color:var(--kq-border-color);border-radius:var(--kq-border-radius-base);overflow:hidden;text-align:left;background-color:var(--kq-bg-color);padding:var(--kq-box-padding)}.basemaptoggle .kq-checkbox.kq-checkbox--small .kq-checkbox__label{color:var(--kq-bg-color);font-size:14px}.basemaptoggle .yxzj,.basemaptoggle .yxzj-bg :deep(.kq-checkbox__input.is-checked+.kq-checkbox__label){color:var(--kq-bg-color)}.basemaptoggle .yxzj{z-index:2500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:var(--kq-overlay-color-lighter);text-align:center;padding:2px 0;width:84px;height:20px;position:absolute;right:0;visibility:hidden;font-size:12px}.basemaptoggle .yxzj .yxzj-bg{width:84px;text-align:left;margin-left:8px}.basemaptoggle .yxzj .yxzj-bg:focus{outline:none}.basemaptoggle .yxzj:hover{background:var(--kq-overlay-color-lighter)}.basemaptoggle .mapTypeCard:hover .yxzj{visibility:visible}.basemaptoggle #mapType-wrapper{position:absolute;bottom:0;right:0}.basemaptoggle .mapType{z-index:1990;height:80px;cursor:pointer;-webkit-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;width:110px;background-color:var(--kq-mask-color-extra-light);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.basemaptoggle .mapType .hb{position:absolute;bottom:0;right:0;display:inline-block;padding:3px 3px 2px 4px;font-size:12px;height:12px;line-height:12px;color:var(--kq-bg-color);border-top-left-radius:2px;text-shadow:-1px 1px 0 var(--kq-color-black),1px 1px 0 var(--kq-color-black),1px -1px 0 var(--kq-color-black),-1px -1px 0 var(--kq-color-black)}.basemaptoggle .mapType .mapTypeCard{height:60px;width:86px;position:absolute;border-radius:var(--kq-border-radius-base);top:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:var(--kq-border-color);right:15px;z-index:1990;-webkit-transition-property:right,background-image;-o-transition-property:right,background-image;transition-property:right,background-image;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.basemaptoggle .mapType .mapTypeCard:hover{border:var(--kq-border-width) var(--kq-border-style) var(--kq-color-primary)}.basemaptoggle .expand{z-index:3000;background-color:var(--kq-mask-color)}.basemaptoggle .expand .hb span{background-color:var(--kq-color-primary)}.basemaptoggle .clickborder{border:var(--kq-border-width) var(--kq-border-style) var(--kq-color-primary);border-width:2px}