.jimu-widget-visibleArea {
|
position: fixed !important;
|
top: 72px !important;
|
right: 383px !important;
|
width: 200px !important;
|
height: 40px !important;
|
background-color: rgb(255, 255, 255);
|
font-size: 14px;
|
color: rgb(0, 0, 0);
|
font-size: 16px;
|
z-index: 12 !important;
|
border-radius: 10px;
|
display: none;
|
box-shadow: 0 0 8px #fff;
|
padding: 0px 5px !important;
|
}
|
|
.jimu-widget-visibleArea input[type=range] {
|
width: 180px;
|
}
|
|
.jimu-widget-visibleArea input[type=text] {
|
width: 50px;
|
}
|
|
.jimu-widget-visibleArea .square {
|
margin-left: 5px;
|
width: 120px;
|
height: 30px;
|
max-width: 150px;
|
display: inline-block;
|
}
|
|
.jimu-widget-visibleArea label {
|
font-weight: bold;
|
}
|
|
.jimu-widget-visibleArea #toolbar {
|
width: 100%;
|
height: 100%;
|
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: 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 {
|
box-shadow: 3px 3px 20px -5px #1696ff;
|
}
|
|
.jimu-widget-visibleArea #toolbar .closes {
|
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;
|
right: 10px;
|
top: 10px;
|
font-size: 20px;
|
cursor: pointer;
|
z-index: 16;
|
}
|
|
.jimu-widget-visibleArea #wrapper .close:hover {
|
color: red;
|
}
|
|
.jimu-widget-visibleArea #wrapper {
|
width: 264px;
|
height: 399px;
|
position: absolute;
|
top: 70px !important;
|
left: -65px !important;
|
padding: 18px 6% 20px 6%;
|
background: rgb(247, 247, 247);
|
border-radius: 5px;
|
border: 1px solid rgba(147, 184, 189, 0.8);
|
box-shadow: 0 0 8px #fff;
|
color: #333;
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-size: 14px;
|
line-height: 20px;
|
}
|
|
.jimu-widget-visibleArea #wrapper h1 {
|
/* background: -webkit-repeating-linear-gradient(-45deg, rgb(18, 83, 93), rgb(18, 83, 93) 20px, rgb(64, 111, 118) 20px, rgb(64, 111, 118) 40px, rgb(18, 83, 93) 40px); */
|
/* -webkit-text-fill-color: transparent; */
|
font-size: 19px;
|
color: rgb(6, 106, 117) !important;
|
/* padding: 2px 0 15px 0; */
|
font-family: 'FranchiseRegular', 'Arial Narrow', Arial, sans-serif;
|
font-weight: bold;
|
text-align: center;
|
line-height: 40px;
|
/* margin: 10px 0; */
|
text-rendering: optimizelegibility;
|
margin-block-start: 0.67em;
|
margin-block-end: 0.67em;
|
margin-inline-start: 0px;
|
margin-inline-end: 0px;
|
position: relative;
|
top: -15px;
|
}
|
|
.jimu-widget-visibleArea #wrapper h1::after {
|
content: ' ';
|
display: block;
|
width: 100%;
|
height: 2px;
|
margin-top: 10px;
|
background: -webkit-linear-gradient(left, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%);
|
}
|
|
.jimu-widget-visibleArea #wrapper label {
|
display: block;
|
/* width: 260px; */
|
color: rgb(64, 92, 96);
|
position: relative;
|
font-weight: bold;
|
font-size: 14px;
|
user-select: none;
|
/* border: 1px solid salmon; */
|
}
|
|
.jimu-widget-visibleArea #wrapper div {
|
padding-bottom: 10px !important;
|
}
|
