| | |
| | | .jimu-widget-visibleArea { |
| | | position: fixed !important; |
| | | top: 100px !important; |
| | | right: 50px !important; |
| | | top: 96px !important; |
| | | right: 10px !important; |
| | | width: 200px !important; |
| | | height: 50px !important; |
| | | background-color: rgb(218, 218, 218); |
| | | height: 40px !important; |
| | | background-color: rgb(255, 255, 255); |
| | | font-size: 14px; |
| | | /* border: 1px solid rgb(69, 154, 251); */ |
| | | /* opacity : .8; */ |
| | | color: rgb(0, 0, 0); |
| | | font-size: 16px; |
| | | z-index: 101; |
| | | border-radius: 5px; |
| | | z-index: 11; |
| | | border-radius: 10px; |
| | | display: none; |
| | | box-shadow: 0 0 8px #fff; |
| | | padding: 0px 10px !important; |
| | | padding: 0px 5px !important; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea input[type=range] { |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #toolbar #chooseView, .jimu-widget-visibleArea #toolbar #clear { |
| | | width: auto; |
| | | padding: 0 8px; |
| | | height: 35px; |
| | | height: 30px; |
| | | border-radius: 5px; |
| | | background-color: #fff; |
| | | border: 1px solid transparent; |
| | | box-shadow: 3px 3px 15px -5px #39A5FD; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #toolbar #chooseView:hover, .jimu-widget-visibleArea #toolbar #clear:hover { |
| | | background-color: #3E9FFC; |
| | | box-shadow: 3px 3px 20px -4px #000000; |
| | | filter: grayscale(100%) brightness(200%); |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #toolbar .closes { |
| | | position: absolute; |
| | | top: -20px; |
| | | right: -13px; |
| | | width: 24px; |
| | | height: 24px; |
| | | color: #fff; |
| | | font-size: 14px; |
| | | line-height: 24px; |
| | | text-align: center; |
| | | background: #3E9FFC; |
| | | border-radius: 50%; |
| | | border: 1px solid #3E9FFC; |
| | | position: relative; |
| | | left: 3px; |
| | | font-size: 18px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #toolbar .closes:hover { |
| | | color: red; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #wrapper .close { |
| | | display: inline-block; |
| | | position: absolute; |
| | | top: -20px; |
| | | right: -13px; |
| | | width: 24px; |
| | | height: 24px; |
| | | color: #fff; |
| | | font-size: 14px; |
| | | line-height: 24px; |
| | | text-align: center; |
| | | background: #3E9FFC; |
| | | border-radius: 50%; |
| | | border: 1px solid #3E9FFC; |
| | | right: 10px; |
| | | top: 10px; |
| | | font-size: 20px; |
| | | cursor: pointer; |
| | | z-index: 16; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #wrapper .close:hover { |
| | | color: red; |
| | | } |
| | | |
| | | .jimu-widget-visibleArea #wrapper { |
| | |
| | | height: 399px; |
| | | position: absolute; |
| | | top: 70px !important; |
| | | left: -30px !important; |
| | | left: -65px !important; |
| | | padding: 18px 6% 20px 6%; |
| | | background: rgb(247, 247, 247); |
| | | border-radius: 5px; |