1913 lines
42 KiB
CSS
1913 lines
42 KiB
CSS
.jsoneditor, .jsoneditor-modal {
|
|
-webkit-text-size-adjust: none;
|
|
text-size-adjust: none
|
|
}
|
|
|
|
.jsoneditor input, .jsoneditor input:not([type]), .jsoneditor input[type=search], .jsoneditor input[type=text], .jsoneditor-modal input, .jsoneditor-modal input:not([type]), .jsoneditor-modal input[type=search], .jsoneditor-modal input[type=text] {
|
|
height: auto;
|
|
border: inherit;
|
|
box-shadow: none;
|
|
font-size: inherit;
|
|
box-sizing: inherit;
|
|
padding: inherit;
|
|
font-family: inherit;
|
|
transition: none;
|
|
line-height: inherit
|
|
}
|
|
|
|
.jsoneditor input:focus, .jsoneditor input:not([type]):focus, .jsoneditor input[type=search]:focus, .jsoneditor input[type=text]:focus, .jsoneditor-modal input:focus, .jsoneditor-modal input:not([type]):focus, .jsoneditor-modal input[type=search]:focus, .jsoneditor-modal input[type=text]:focus {
|
|
border: inherit;
|
|
box-shadow: inherit
|
|
}
|
|
|
|
.jsoneditor textarea, .jsoneditor-modal textarea {
|
|
height: inherit
|
|
}
|
|
|
|
.jsoneditor select, .jsoneditor-modal select {
|
|
display: inherit;
|
|
height: inherit
|
|
}
|
|
|
|
.jsoneditor label, .jsoneditor-modal label {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
color: inherit
|
|
}
|
|
|
|
.jsoneditor table, .jsoneditor-modal table {
|
|
border-collapse: collapse;
|
|
width: auto
|
|
}
|
|
|
|
.jsoneditor td, .jsoneditor th, .jsoneditor-modal td, .jsoneditor-modal th {
|
|
padding: 0;
|
|
display: table-cell;
|
|
text-align: left;
|
|
vertical-align: inherit;
|
|
border-radius: inherit
|
|
}
|
|
|
|
.jsoneditor .autocomplete.dropdown {
|
|
position: absolute;
|
|
background: #fff;
|
|
box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
|
|
border: 1px solid #d3d3d3;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
cursor: default;
|
|
margin: 0;
|
|
padding: 5px;
|
|
text-align: left;
|
|
outline: 0;
|
|
font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
|
|
font-size: 14px
|
|
}
|
|
|
|
.jsoneditor .autocomplete.dropdown .item {
|
|
color: #1a1a1a
|
|
}
|
|
|
|
.jsoneditor .autocomplete.dropdown .item.hover {
|
|
background-color: #ebebeb
|
|
}
|
|
|
|
.jsoneditor .autocomplete.hint {
|
|
color: #a1a1a1;
|
|
top: 4px;
|
|
left: 4px
|
|
}
|
|
|
|
.jsoneditor-contextmenu-root {
|
|
position: relative;
|
|
width: 0;
|
|
height: 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu {
|
|
position: absolute;
|
|
box-sizing: content-box;
|
|
z-index: 2
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
width: 128px;
|
|
height: auto;
|
|
background: #fff;
|
|
border: 1px solid #d3d3d3;
|
|
box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu button {
|
|
position: relative;
|
|
padding: 0 8px 0 0;
|
|
margin: 0;
|
|
width: 128px;
|
|
height: auto;
|
|
border: none;
|
|
cursor: pointer;
|
|
color: #4d4d4d;
|
|
background: 0 0;
|
|
font-size: 14px;
|
|
font-family: arial, sans-serif;
|
|
box-sizing: border-box;
|
|
text-align: left
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
|
|
width: 96px
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
|
|
float: right;
|
|
width: 32px;
|
|
height: 24px;
|
|
border-left: 1px solid #e5e5e5
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li {
|
|
overflow: hidden
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li ul {
|
|
display: none;
|
|
position: relative;
|
|
left: -10px;
|
|
top: 0;
|
|
border: none;
|
|
box-shadow: inset 0 0 10px rgba(128, 128, 128, .5);
|
|
padding: 0 10px;
|
|
-webkit-transition: all .3s ease-out;
|
|
-moz-transition: all .3s ease-out;
|
|
-o-transition: all .3s ease-out;
|
|
transition: all .3s ease-out
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
|
|
margin-left: 24px
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li ul li button {
|
|
padding-left: 24px;
|
|
animation: all ease-in-out 1s
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin: 0 4px 0 0;
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: 0 -72px
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-icon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background-image: url(./img/jsoneditor-icons.svg)
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-text {
|
|
padding: 4px 0 4px 24px;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
|
|
padding-right: 24px
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-separator {
|
|
height: 0;
|
|
border-top: 1px solid #e5e5e5;
|
|
padding-top: 5px;
|
|
margin-top: 5px
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
|
|
background-position: -24px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
|
|
background-position: 0 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
|
|
background-position: 0 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
|
|
background-position: -48px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
|
|
background-position: -168px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
|
|
background-position: -192px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
|
|
background-position: -216px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
|
|
background-position: 0 -24px
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
|
|
background-position: -144px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
|
|
background-position: -120px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
|
|
background-position: -72px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
|
|
background-position: -96px 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
|
|
background-image: none;
|
|
width: 6px
|
|
}
|
|
|
|
.jsoneditor-contextmenu li, .jsoneditor-contextmenu ul {
|
|
box-sizing: content-box;
|
|
position: relative
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu button:focus, .jsoneditor-contextmenu .jsoneditor-menu button:hover {
|
|
color: #1a1a1a;
|
|
background-color: #f5f5f5;
|
|
outline: 0
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected, .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus, .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover {
|
|
color: #fff;
|
|
background-color: #ee422e
|
|
}
|
|
|
|
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus, .jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover {
|
|
background-color: #f5f5f5
|
|
}
|
|
|
|
.jsoneditor-modal {
|
|
max-width: 95%;
|
|
border-radius: 2px !important;
|
|
padding: 45px 15px 15px 15px !important;
|
|
box-shadow: 2px 2px 12px rgba(128, 128, 128, .3);
|
|
color: #4d4d4d;
|
|
line-height: 1.3em
|
|
}
|
|
|
|
.jsoneditor-modal.jsoneditor-modal-transform {
|
|
width: 600px !important
|
|
}
|
|
|
|
.jsoneditor-modal .pico-modal-header {
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 0 10px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-family: arial, sans-serif;
|
|
font-size: 11pt;
|
|
background: #3883fa;
|
|
color: #fff
|
|
}
|
|
|
|
.jsoneditor-modal table {
|
|
width: 100%
|
|
}
|
|
|
|
.jsoneditor-modal table td {
|
|
padding: 3px 0
|
|
}
|
|
|
|
.jsoneditor-modal table td.jsoneditor-modal-input {
|
|
text-align: right;
|
|
padding-right: 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.jsoneditor-modal table td.jsoneditor-modal-actions {
|
|
padding-top: 15px
|
|
}
|
|
|
|
.jsoneditor-modal table th {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jsoneditor-modal p:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.jsoneditor-modal a {
|
|
color: #3883fa
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-block {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.jsoneditor-modal .pico-close {
|
|
background: 0 0 !important;
|
|
font-size: 24px !important;
|
|
top: 7px !important;
|
|
right: 7px !important;
|
|
color: #fff
|
|
}
|
|
|
|
.jsoneditor-modal input {
|
|
padding: 4px
|
|
}
|
|
|
|
.jsoneditor-modal input[type=text] {
|
|
cursor: inherit
|
|
}
|
|
|
|
.jsoneditor-modal input[disabled] {
|
|
background: #d3d3d3;
|
|
color: grey
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-select-wrapper {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-select-wrapper:after {
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 6px solid #666;
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 14px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jsoneditor-modal select {
|
|
padding: 3px 24px 3px 10px;
|
|
min-width: 180px;
|
|
max-width: 350px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
text-indent: 0;
|
|
text-overflow: "";
|
|
font-size: 14px;
|
|
line-height: 1.5em
|
|
}
|
|
|
|
.jsoneditor-modal select::-ms-expand {
|
|
display: none
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-button-group input {
|
|
padding: 4px 10px;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
border-left-style: none
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
border-left-style: solid
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-transform-preview {
|
|
background: #f5f5f5;
|
|
height: 200px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
|
|
color: #ee422e
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-wizard {
|
|
line-height: 1.2em;
|
|
width: 100%;
|
|
padding: 0;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-label {
|
|
font-weight: 700;
|
|
color: #1e90ff;
|
|
margin-top: 20px;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
|
|
width: 100%;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
|
|
font-style: italic;
|
|
margin: 4px 0 2px 0
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-inline {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
|
|
padding-right: 2px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-filter {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-filter-field {
|
|
width: 180px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
|
|
width: 100px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-filter-value {
|
|
min-width: 180px;
|
|
flex: 1
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-sort-field {
|
|
width: 170px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-sort-order {
|
|
width: 150px
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-jmespath-select-fields {
|
|
width: 100%
|
|
}
|
|
|
|
.jsoneditor-modal .selectr-selected {
|
|
border-color: #d3d3d3;
|
|
padding: 4px 28px 4px 8px
|
|
}
|
|
|
|
.jsoneditor-modal .selectr-selected .selectr-tag {
|
|
background-color: #3883fa;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.jsoneditor-modal table td, .jsoneditor-modal table th {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
font-weight: 400;
|
|
color: #4d4d4d;
|
|
border-spacing: 0;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.jsoneditor-modal #query, .jsoneditor-modal input, .jsoneditor-modal input[type=text], .jsoneditor-modal input[type=text]:focus, .jsoneditor-modal select, .jsoneditor-modal textarea {
|
|
background: #fff;
|
|
border: 1px solid #d3d3d3;
|
|
color: #4d4d4d;
|
|
border-radius: 3px;
|
|
padding: 4px
|
|
}
|
|
|
|
.jsoneditor-modal #query, .jsoneditor-modal textarea {
|
|
border-radius: unset
|
|
}
|
|
|
|
.jsoneditor-modal, .jsoneditor-modal #query, .jsoneditor-modal input, .jsoneditor-modal input[type=text], .jsoneditor-modal option, .jsoneditor-modal select, .jsoneditor-modal table td, .jsoneditor-modal table th, .jsoneditor-modal textarea {
|
|
font-size: 10.5pt;
|
|
font-family: arial, sans-serif
|
|
}
|
|
|
|
.jsoneditor-modal #query, .jsoneditor-modal .jsoneditor-transform-preview {
|
|
font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jsoneditor-modal input[type=button], .jsoneditor-modal input[type=submit] {
|
|
background: #f5f5f5;
|
|
padding: 4px 20px
|
|
}
|
|
|
|
.jsoneditor-modal input, .jsoneditor-modal select {
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc, .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
|
|
background: #3883fa;
|
|
border-color: #3883fa;
|
|
color: #fff
|
|
}
|
|
|
|
.jsoneditor {
|
|
color: #1a1a1a;
|
|
border: thin solid #3883fa;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
padding: 0;
|
|
line-height: 100%
|
|
}
|
|
|
|
a.jsoneditor-value, div.jsoneditor-default, div.jsoneditor-field, div.jsoneditor-readonly, div.jsoneditor-value {
|
|
border: 1px solid transparent;
|
|
min-height: 16px;
|
|
min-width: 32px;
|
|
line-height: 16px;
|
|
padding: 2px;
|
|
margin: 1px;
|
|
word-wrap: break-word;
|
|
word-break: break-word;
|
|
overflow-wrap: break-word;
|
|
float: left
|
|
}
|
|
|
|
div.jsoneditor-field p, div.jsoneditor-value p {
|
|
margin: 0
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-empty::after {
|
|
content: "value"
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-string {
|
|
color: #006000
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-number {
|
|
color: #ee422e
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-boolean {
|
|
color: #ff8c00
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-null {
|
|
color: #004ed0
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-color-value {
|
|
color: #1a1a1a
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-invalid {
|
|
color: #1a1a1a
|
|
}
|
|
|
|
div.jsoneditor-readonly {
|
|
min-width: 16px;
|
|
color: grey
|
|
}
|
|
|
|
div.jsoneditor-empty {
|
|
border-color: #d3d3d3;
|
|
border-style: dashed;
|
|
border-radius: 2px
|
|
}
|
|
|
|
div.jsoneditor-field.jsoneditor-empty::after {
|
|
content: "field"
|
|
}
|
|
|
|
div.jsoneditor td {
|
|
vertical-align: top
|
|
}
|
|
|
|
div.jsoneditor td.jsoneditor-separator {
|
|
padding: 3px 0;
|
|
vertical-align: top;
|
|
color: grey
|
|
}
|
|
|
|
div.jsoneditor td.jsoneditor-tree {
|
|
vertical-align: top
|
|
}
|
|
|
|
div.jsoneditor.busy pre.jsoneditor-preview {
|
|
background: #f5f5f5;
|
|
color: grey
|
|
}
|
|
|
|
div.jsoneditor.busy div.jsoneditor-busy {
|
|
display: inherit
|
|
}
|
|
|
|
div.jsoneditor code.jsoneditor-preview {
|
|
background: 0 0
|
|
}
|
|
|
|
div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
overflow: auto;
|
|
padding: 2px;
|
|
margin: 0;
|
|
white-space: pre-wrap;
|
|
word-break: break-all
|
|
}
|
|
|
|
div.jsoneditor-default {
|
|
color: grey;
|
|
padding-left: 10px
|
|
}
|
|
|
|
div.jsoneditor-tree {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: auto;
|
|
background: #fff
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-button {
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
background-image: url(./img/jsoneditor-icons.svg)
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-button:focus {
|
|
background-color: #f5f5f5;
|
|
outline: #e5e5e5 solid 1px
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-collapsed {
|
|
background-position: 0 -48px
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-expanded {
|
|
background-position: 0 -72px
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-contextmenu-button {
|
|
background-position: -48px -72px
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-invisible {
|
|
visibility: hidden;
|
|
background: 0 0
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-dragarea {
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: -72px -72px;
|
|
cursor: move
|
|
}
|
|
|
|
div.jsoneditor-tree :focus {
|
|
outline: 0
|
|
}
|
|
|
|
div.jsoneditor-tree div.jsoneditor-show-more {
|
|
display: inline-block;
|
|
padding: 3px 4px;
|
|
margin: 2px 0;
|
|
background-color: #e5e5e5;
|
|
border-radius: 3px;
|
|
color: grey;
|
|
font-family: arial, sans-serif;
|
|
font-size: 14px
|
|
}
|
|
|
|
div.jsoneditor-tree div.jsoneditor-show-more a {
|
|
display: inline-block;
|
|
color: grey
|
|
}
|
|
|
|
div.jsoneditor-tree div.jsoneditor-color {
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 4px;
|
|
border: 1px solid grey;
|
|
cursor: pointer
|
|
}
|
|
|
|
div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly {
|
|
cursor: inherit
|
|
}
|
|
|
|
div.jsoneditor-tree div.jsoneditor-date {
|
|
background: #a1a1a1;
|
|
color: #fff;
|
|
font-family: arial, sans-serif;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
padding: 3px;
|
|
margin: 0 3px
|
|
}
|
|
|
|
div.jsoneditor-tree table.jsoneditor-tree {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
width: 100%
|
|
}
|
|
|
|
div.jsoneditor-tree .jsoneditor-button {
|
|
display: block
|
|
}
|
|
|
|
div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin: 0 4px 0 0;
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: -168px -48px;
|
|
background-color: transparent
|
|
}
|
|
|
|
div.jsoneditor-outer {
|
|
position: static;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
div.jsoneditor-outer.has-nav-bar {
|
|
margin-top: -26px;
|
|
padding-top: 26px
|
|
}
|
|
|
|
div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
|
|
margin-top: -61px;
|
|
padding-top: 61px
|
|
}
|
|
|
|
div.jsoneditor-outer.has-status-bar {
|
|
margin-bottom: -26px;
|
|
padding-bottom: 26px
|
|
}
|
|
|
|
div.jsoneditor-outer.has-main-menu-bar {
|
|
margin-top: -35px;
|
|
padding-top: 35px
|
|
}
|
|
|
|
div.jsoneditor-busy {
|
|
position: absolute;
|
|
top: 15%;
|
|
left: 0;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
text-align: center;
|
|
display: none
|
|
}
|
|
|
|
div.jsoneditor-busy span {
|
|
background-color: #ffffab;
|
|
border: 1px solid #fe0;
|
|
border-radius: 3px;
|
|
padding: 5px 15px;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, .4)
|
|
}
|
|
|
|
div.jsoneditor-field.jsoneditor-empty::after, div.jsoneditor-value.jsoneditor-empty::after {
|
|
pointer-events: none;
|
|
color: #d3d3d3;
|
|
font-size: 8pt
|
|
}
|
|
|
|
a.jsoneditor-value.jsoneditor-url, div.jsoneditor-value.jsoneditor-url {
|
|
color: #006000;
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.jsoneditor-value.jsoneditor-url {
|
|
display: inline-block;
|
|
padding: 2px;
|
|
margin: 2px
|
|
}
|
|
|
|
a.jsoneditor-value.jsoneditor-url:focus, a.jsoneditor-value.jsoneditor-url:hover {
|
|
color: #ee422e
|
|
}
|
|
|
|
div.jsoneditor-field.jsoneditor-highlight, div.jsoneditor-field[contenteditable=true]:focus, div.jsoneditor-field[contenteditable=true]:hover, div.jsoneditor-value.jsoneditor-highlight, div.jsoneditor-value[contenteditable=true]:focus, div.jsoneditor-value[contenteditable=true]:hover {
|
|
background-color: #ffffab;
|
|
border: 1px solid #fe0;
|
|
border-radius: 2px
|
|
}
|
|
|
|
div.jsoneditor-field.jsoneditor-highlight-active, div.jsoneditor-field.jsoneditor-highlight-active:focus, div.jsoneditor-field.jsoneditor-highlight-active:hover, div.jsoneditor-value.jsoneditor-highlight-active, div.jsoneditor-value.jsoneditor-highlight-active:focus, div.jsoneditor-value.jsoneditor-highlight-active:hover {
|
|
background-color: #fe0;
|
|
border: 1px solid #ffc700;
|
|
border-radius: 2px
|
|
}
|
|
|
|
div.jsoneditor-value.jsoneditor-array, div.jsoneditor-value.jsoneditor-object {
|
|
min-width: 16px
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected, div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus, div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
|
|
background-position: -48px -48px
|
|
}
|
|
|
|
div.jsoneditor-tree div.jsoneditor-show-more a:focus, div.jsoneditor-tree div.jsoneditor-show-more a:hover {
|
|
color: #ee422e
|
|
}
|
|
|
|
.ace-jsoneditor, textarea.jsoneditor-text {
|
|
min-height: 150px
|
|
}
|
|
|
|
.ace-jsoneditor.ace_editor, textarea.jsoneditor-text.ace_editor {
|
|
font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace
|
|
}
|
|
|
|
textarea.jsoneditor-text {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline-width: 0;
|
|
border: none;
|
|
background-color: #fff;
|
|
resize: none
|
|
}
|
|
|
|
tr.jsoneditor-highlight, tr.jsoneditor-selected {
|
|
background-color: #d3d3d3
|
|
}
|
|
|
|
tr.jsoneditor-selected button.jsoneditor-contextmenu-button, tr.jsoneditor-selected button.jsoneditor-dragarea {
|
|
visibility: hidden
|
|
}
|
|
|
|
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
|
|
visibility: visible
|
|
}
|
|
|
|
div.jsoneditor-tree button.jsoneditor-dragarea:focus, div.jsoneditor-tree button.jsoneditor-dragarea:hover, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
|
|
background-position: -72px -48px
|
|
}
|
|
|
|
div.jsoneditor td, div.jsoneditor th, div.jsoneditor tr {
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.jsoneditor-popover, .jsoneditor-schema-error, div.jsoneditor td, div.jsoneditor textarea, div.jsoneditor th, div.jsoneditor-field, div.jsoneditor-value, pre.jsoneditor-preview {
|
|
font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
|
|
font-size: 14px;
|
|
color: #1a1a1a
|
|
}
|
|
|
|
.jsoneditor-schema-error {
|
|
cursor: default;
|
|
display: inline-block;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 24px
|
|
}
|
|
|
|
.jsoneditor-popover {
|
|
background-color: #4c4c4c;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, .4);
|
|
color: #fff;
|
|
padding: 7px 10px;
|
|
position: absolute;
|
|
cursor: auto;
|
|
width: 200px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-above {
|
|
bottom: 32px;
|
|
left: -98px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-above:before {
|
|
border-top: 7px solid #4c4c4c;
|
|
bottom: -7px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-below {
|
|
top: 32px;
|
|
left: -98px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-below:before {
|
|
border-bottom: 7px solid #4c4c4c;
|
|
top: -7px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-left {
|
|
top: -7px;
|
|
right: 32px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-left:before {
|
|
border-left: 7px solid #4c4c4c;
|
|
border-top: 7px solid transparent;
|
|
border-bottom: 7px solid transparent;
|
|
content: "";
|
|
top: 19px;
|
|
right: -14px;
|
|
left: inherit;
|
|
margin-left: inherit;
|
|
margin-top: -7px;
|
|
position: absolute
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-right {
|
|
top: -7px;
|
|
left: 32px
|
|
}
|
|
|
|
.jsoneditor-popover.jsoneditor-right:before {
|
|
border-right: 7px solid #4c4c4c;
|
|
border-top: 7px solid transparent;
|
|
border-bottom: 7px solid transparent;
|
|
content: "";
|
|
top: 19px;
|
|
left: -14px;
|
|
margin-left: inherit;
|
|
margin-top: -7px;
|
|
position: absolute
|
|
}
|
|
|
|
.jsoneditor-popover:before {
|
|
border-right: 7px solid transparent;
|
|
border-left: 7px solid transparent;
|
|
content: "";
|
|
display: block;
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
position: absolute
|
|
}
|
|
|
|
.jsoneditor-text-errors tr.jump-to-line:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-schema-error:focus .jsoneditor-popover, .jsoneditor-schema-error:hover .jsoneditor-popover {
|
|
display: block;
|
|
animation: fade-in .3s linear 1, move-up .3s linear 1
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
from {
|
|
opacity: 0
|
|
}
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-validation-errors-container {
|
|
max-height: 130px;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-validation-errors {
|
|
width: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-additional-errors {
|
|
position: absolute;
|
|
margin: auto;
|
|
bottom: 31px;
|
|
left: calc(50% - 92px);
|
|
color: grey;
|
|
background-color: #ebebeb;
|
|
padding: 7px 15px;
|
|
border-radius: 8px
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-additional-errors.visible {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 2s linear
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-additional-errors.hidden {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: visibility 0s 2s, opacity 2s linear
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-text-errors {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-top: 1px solid #ffc700
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-text-errors td {
|
|
padding: 3px 6px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-text-errors td pre {
|
|
margin: 0;
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-text-errors tr {
|
|
background-color: #ffffab
|
|
}
|
|
|
|
.jsoneditor .jsoneditor-text-errors tr.parse-error {
|
|
background-color: rgba(238, 46, 46, .4392156863)
|
|
}
|
|
|
|
.jsoneditor-text-errors .jsoneditor-schema-error {
|
|
border: none;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin: 0 4px 0 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-text-errors tr .jsoneditor-schema-error {
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: -168px -48px;
|
|
background-color: transparent
|
|
}
|
|
|
|
.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: -25px 0;
|
|
background-color: transparent
|
|
}
|
|
|
|
.jsoneditor-anchor {
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
|
|
top: 28px;
|
|
left: -10px
|
|
}
|
|
|
|
.fadein {
|
|
-webkit-animation: fadein .3s;
|
|
animation: fadein .3s;
|
|
-moz-animation: fadein .3s;
|
|
-o-animation: fadein .3s
|
|
}
|
|
|
|
@keyframes fadein {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.jsoneditor-modal input[type=search].selectr-input {
|
|
border: 1px solid #d3d3d3;
|
|
width: calc(100% - 4px);
|
|
margin: 2px;
|
|
padding: 4px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jsoneditor-modal button.selectr-input-clear {
|
|
right: 8px
|
|
}
|
|
|
|
.jsoneditor-menu {
|
|
width: 100%;
|
|
height: 35px;
|
|
padding: 2px;
|
|
margin: 0;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
background-color: #3883fa;
|
|
border-bottom: 1px solid #3883fa
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes > button, .jsoneditor-menu > button {
|
|
width: 26px;
|
|
height: 26px;
|
|
margin: 2px;
|
|
padding: 0;
|
|
border-radius: 2px;
|
|
border: 1px solid transparent;
|
|
background-color: transparent;
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
color: #fff;
|
|
opacity: .8;
|
|
font-family: arial, sans-serif;
|
|
font-size: 14px;
|
|
float: left
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes > button:hover, .jsoneditor-menu > button:hover {
|
|
background-color: rgba(255, 255, 255, .2);
|
|
border: 1px solid rgba(255, 255, 255, .4)
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes > button:active, .jsoneditor-menu > .jsoneditor-modes > button:focus, .jsoneditor-menu > button:active, .jsoneditor-menu > button:focus {
|
|
background-color: rgba(255, 255, 255, .3)
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes > button:disabled, .jsoneditor-menu > button:disabled {
|
|
opacity: .5;
|
|
background-color: transparent;
|
|
border: none
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-collapse-all {
|
|
background-position: 0 -96px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-expand-all {
|
|
background-position: 0 -120px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-sort {
|
|
background-position: -120px -96px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-transform {
|
|
background-position: -144px -96px
|
|
}
|
|
|
|
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort, .jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform, .jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort, .jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform {
|
|
display: none
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-undo {
|
|
background-position: -24px -96px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-undo:disabled {
|
|
background-position: -24px -120px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-redo {
|
|
background-position: -48px -96px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-redo:disabled {
|
|
background-position: -48px -120px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-compact {
|
|
background-position: -72px -96px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-format {
|
|
background-position: -72px -120px
|
|
}
|
|
|
|
.jsoneditor-menu > button.jsoneditor-repair {
|
|
background-position: -96px -96px
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes {
|
|
display: inline-block;
|
|
float: left
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes > button {
|
|
background-image: none;
|
|
width: auto;
|
|
padding-left: 6px;
|
|
padding-right: 6px
|
|
}
|
|
|
|
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator, .jsoneditor-menu > button.jsoneditor-separator {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.jsoneditor-menu a {
|
|
font-family: arial, sans-serif;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
opacity: .8;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jsoneditor-menu a:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.jsoneditor-menu a.jsoneditor-poweredBy {
|
|
display: none;
|
|
font-size: 8pt;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 10px
|
|
}
|
|
|
|
.jsoneditor-navigation-bar {
|
|
width: 100%;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border-bottom: 1px solid #d3d3d3;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: grey;
|
|
background-color: #ebebeb;
|
|
overflow: hidden;
|
|
font-family: arial, sans-serif;
|
|
font-size: 14px
|
|
}
|
|
|
|
.jsoneditor-search {
|
|
font-family: arial, sans-serif;
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 4px;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
display: flex
|
|
}
|
|
|
|
.jsoneditor-search input {
|
|
color: #1a1a1a;
|
|
width: 120px;
|
|
border: none;
|
|
outline: 0;
|
|
margin: 1px;
|
|
line-height: 20px;
|
|
font-family: arial, sans-serif
|
|
}
|
|
|
|
.jsoneditor-search button {
|
|
width: 16px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
background: url(./img/jsoneditor-icons.svg);
|
|
vertical-align: top
|
|
}
|
|
|
|
.jsoneditor-search button:hover {
|
|
background-color: transparent
|
|
}
|
|
|
|
.jsoneditor-search button.jsoneditor-refresh {
|
|
width: 18px;
|
|
background-position: -99px -73px
|
|
}
|
|
|
|
.jsoneditor-search button.jsoneditor-next {
|
|
cursor: pointer;
|
|
background-position: -124px -73px
|
|
}
|
|
|
|
.jsoneditor-search button.jsoneditor-next:hover {
|
|
background-position: -124px -49px
|
|
}
|
|
|
|
.jsoneditor-search button.jsoneditor-previous {
|
|
cursor: pointer;
|
|
background-position: -148px -73px;
|
|
margin-right: 2px
|
|
}
|
|
|
|
.jsoneditor-search button.jsoneditor-previous:hover {
|
|
background-position: -148px -49px
|
|
}
|
|
|
|
.jsoneditor-results {
|
|
font-family: arial, sans-serif;
|
|
color: #fff;
|
|
padding-right: 5px;
|
|
line-height: 26px
|
|
}
|
|
|
|
.jsoneditor-frame {
|
|
border: 1px solid transparent;
|
|
background-color: #fff;
|
|
padding: 0 2px;
|
|
margin: 0
|
|
}
|
|
|
|
.jsoneditor-statusbar {
|
|
line-height: 26px;
|
|
height: 26px;
|
|
color: grey;
|
|
background-color: #ebebeb;
|
|
border-top: 1px solid #d3d3d3;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
font-size: 14px
|
|
}
|
|
|
|
.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
|
|
margin-right: 12px
|
|
}
|
|
|
|
.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
|
|
margin-left: 4px
|
|
}
|
|
|
|
.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
|
|
float: right;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin-top: 1px;
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: -168px -48px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-statusbar > .jsoneditor-validation-error-count {
|
|
float: right;
|
|
margin: 0 4px 0 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
|
|
float: right;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
margin: 1px;
|
|
background-image: url(./img/jsoneditor-icons.svg);
|
|
background-position: -25px 0
|
|
}
|
|
|
|
.jsoneditor-statusbar .jsoneditor-array-info a {
|
|
color: inherit
|
|
}
|
|
|
|
div.jsoneditor-statusbar > .jsoneditor-curserinfo-label, div.jsoneditor-statusbar > .jsoneditor-size-info {
|
|
margin: 0 4px
|
|
}
|
|
|
|
.jsoneditor-treepath {
|
|
padding: 0 5px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
outline: 0
|
|
}
|
|
|
|
.jsoneditor-treepath.show-all {
|
|
word-wrap: break-word;
|
|
white-space: normal;
|
|
position: absolute;
|
|
background-color: #ebebeb;
|
|
z-index: 1;
|
|
box-shadow: 2px 2px 12px rgba(128, 128, 128, .3)
|
|
}
|
|
|
|
.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
|
|
display: none
|
|
}
|
|
|
|
.jsoneditor-treepath div.jsoneditor-contextmenu-root {
|
|
position: absolute;
|
|
left: 0
|
|
}
|
|
|
|
.jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
|
|
position: absolute;
|
|
background-color: #ebebeb;
|
|
left: 0;
|
|
height: 20px;
|
|
padding: 0 3px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.jsoneditor-treepath .jsoneditor-treepath-element {
|
|
margin: 1px;
|
|
font-family: arial, sans-serif;
|
|
font-size: 14px
|
|
}
|
|
|
|
.jsoneditor-treepath .jsoneditor-treepath-seperator {
|
|
margin: 2px;
|
|
font-size: 9pt;
|
|
font-family: arial, sans-serif
|
|
}
|
|
|
|
.jsoneditor-treepath span.jsoneditor-treepath-element:hover, .jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline
|
|
}
|
|
|
|
/*!
|
|
* Selectr 2.4.13
|
|
* http://mobius.ovh/docs/selectr
|
|
*
|
|
* Released under the MIT license
|
|
*/
|
|
.selectr-container {
|
|
position: relative
|
|
}
|
|
|
|
.selectr-container li {
|
|
list-style: none
|
|
}
|
|
|
|
.selectr-hidden {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
width: 1px;
|
|
height: 1px;
|
|
margin: -1px;
|
|
padding: 0;
|
|
border: 0 none
|
|
}
|
|
|
|
.selectr-visible {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
z-index: 11
|
|
}
|
|
|
|
.selectr-desktop.multiple .selectr-visible {
|
|
display: none
|
|
}
|
|
|
|
.selectr-desktop.multiple.native-open .selectr-visible {
|
|
top: 100%;
|
|
min-height: 200px !important;
|
|
height: auto;
|
|
opacity: 1;
|
|
display: block
|
|
}
|
|
|
|
.selectr-container.multiple.selectr-mobile .selectr-selected {
|
|
z-index: 0
|
|
}
|
|
|
|
.selectr-selected {
|
|
position: relative;
|
|
z-index: 1;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 7px 28px 7px 14px;
|
|
cursor: pointer;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.selectr-selected::before {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 10px;
|
|
width: 0;
|
|
height: 0;
|
|
content: "";
|
|
-o-transform: rotate(0) translate3d(0, -50%, 0);
|
|
-ms-transform: rotate(0) translate3d(0, -50%, 0);
|
|
-moz-transform: rotate(0) translate3d(0, -50%, 0);
|
|
-webkit-transform: rotate(0) translate3d(0, -50%, 0);
|
|
transform: rotate(0) translate3d(0, -50%, 0);
|
|
border-width: 4px 4px 0 4px;
|
|
border-style: solid;
|
|
border-color: #6c7a86 transparent transparent
|
|
}
|
|
|
|
.selectr-container.native-open .selectr-selected::before, .selectr-container.open .selectr-selected::before {
|
|
border-width: 0 4px 4px 4px;
|
|
border-style: solid;
|
|
border-color: transparent transparent #6c7a86
|
|
}
|
|
|
|
.selectr-label {
|
|
display: none;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.selectr-placeholder {
|
|
color: #6c7a86
|
|
}
|
|
|
|
.selectr-tags {
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: normal
|
|
}
|
|
|
|
.has-selected .selectr-tags {
|
|
margin: 0 0 -2px
|
|
}
|
|
|
|
.selectr-tag {
|
|
list-style: none;
|
|
position: relative;
|
|
float: left;
|
|
padding: 2px 25px 2px 8px;
|
|
margin: 0 2px 2px 0;
|
|
cursor: default;
|
|
color: #fff;
|
|
border: medium none;
|
|
border-radius: 10px;
|
|
background: #acb7bf none repeat scroll 0 0
|
|
}
|
|
|
|
.selectr-container.multiple.has-selected .selectr-selected {
|
|
padding: 5px 28px 5px 5px
|
|
}
|
|
|
|
.selectr-options-container {
|
|
position: absolute;
|
|
z-index: 10000;
|
|
top: calc(100% - 1px);
|
|
left: 0;
|
|
display: none;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
border-width: 0 1px 1px;
|
|
border-style: solid;
|
|
border-color: transparent #999 #999;
|
|
border-radius: 0 0 3px 3px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.selectr-container.open .selectr-options-container {
|
|
display: block
|
|
}
|
|
|
|
.selectr-input-container {
|
|
position: relative;
|
|
display: none
|
|
}
|
|
|
|
.selectr-clear, .selectr-input-clear, .selectr-tag-remove {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 22px;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
-o-transform: translate3d(0, -50%, 0);
|
|
-ms-transform: translate3d(0, -50%, 0);
|
|
-moz-transform: translate3d(0, -50%, 0);
|
|
-webkit-transform: translate3d(0, -50%, 0);
|
|
transform: translate3d(0, -50%, 0);
|
|
border: medium none;
|
|
background-color: transparent;
|
|
z-index: 11
|
|
}
|
|
|
|
.selectr-clear, .selectr-input-clear {
|
|
display: none
|
|
}
|
|
|
|
.selectr-container.has-selected .selectr-clear, .selectr-input-container.active .selectr-input-clear {
|
|
display: block
|
|
}
|
|
|
|
.selectr-selected .selectr-tag-remove {
|
|
right: 2px
|
|
}
|
|
|
|
.selectr-clear::after, .selectr-clear::before, .selectr-input-clear::after, .selectr-input-clear::before, .selectr-tag-remove::after, .selectr-tag-remove::before {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 9px;
|
|
width: 2px;
|
|
height: 10px;
|
|
content: " ";
|
|
background-color: #6c7a86
|
|
}
|
|
|
|
.selectr-tag-remove::after, .selectr-tag-remove::before {
|
|
top: 4px;
|
|
width: 3px;
|
|
height: 12px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.selectr-clear:before, .selectr-input-clear::before, .selectr-tag-remove::before {
|
|
-o-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.selectr-clear:after, .selectr-input-clear::after, .selectr-tag-remove::after {
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.selectr-input-container.active, .selectr-input-container.active .selectr-clear {
|
|
display: block
|
|
}
|
|
|
|
.selectr-input {
|
|
top: 5px;
|
|
left: 5px;
|
|
box-sizing: border-box;
|
|
width: calc(100% - 30px);
|
|
margin: 10px 15px;
|
|
padding: 7px 30px 7px 9px;
|
|
border: 1px solid #999;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.selectr-notice {
|
|
display: none;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 8px 16px;
|
|
border-top: 1px solid #999;
|
|
border-radius: 0 0 3px 3px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.selectr-container.notice .selectr-notice {
|
|
display: block
|
|
}
|
|
|
|
.selectr-container.notice .selectr-selected {
|
|
border-radius: 3px 3px 0 0
|
|
}
|
|
|
|
.selectr-options {
|
|
position: relative;
|
|
top: calc(100% + 2px);
|
|
display: none;
|
|
overflow-x: auto;
|
|
overflow-y: scroll;
|
|
max-height: 200px;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.selectr-container.notice .selectr-options-container, .selectr-container.open .selectr-input-container, .selectr-container.open .selectr-options {
|
|
display: block
|
|
}
|
|
|
|
.selectr-option {
|
|
position: relative;
|
|
display: block;
|
|
padding: 5px 20px;
|
|
list-style: outside none none;
|
|
cursor: pointer;
|
|
font-weight: 400
|
|
}
|
|
|
|
.selectr-options.optgroups > .selectr-option {
|
|
padding-left: 25px
|
|
}
|
|
|
|
.selectr-optgroup {
|
|
font-weight: 700;
|
|
padding: 0
|
|
}
|
|
|
|
.selectr-optgroup--label {
|
|
font-weight: 700;
|
|
margin-top: 10px;
|
|
padding: 5px 15px
|
|
}
|
|
|
|
.selectr-match {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.selectr-option.selected {
|
|
background-color: #ddd
|
|
}
|
|
|
|
.selectr-option.active {
|
|
color: #fff;
|
|
background-color: #5897fb
|
|
}
|
|
|
|
.selectr-option.disabled {
|
|
opacity: .4
|
|
}
|
|
|
|
.selectr-option.excluded {
|
|
display: none
|
|
}
|
|
|
|
.selectr-container.open .selectr-selected {
|
|
border-color: #999 #999 transparent #999;
|
|
border-radius: 3px 3px 0 0
|
|
}
|
|
|
|
.selectr-container.open .selectr-selected::after {
|
|
-o-transform: rotate(180deg) translate3d(0, 50%, 0);
|
|
-ms-transform: rotate(180deg) translate3d(0, 50%, 0);
|
|
-moz-transform: rotate(180deg) translate3d(0, 50%, 0);
|
|
-webkit-transform: rotate(180deg) translate3d(0, 50%, 0);
|
|
transform: rotate(180deg) translate3d(0, 50%, 0)
|
|
}
|
|
|
|
.selectr-disabled {
|
|
opacity: .6
|
|
}
|
|
|
|
.has-selected .selectr-placeholder, .selectr-empty {
|
|
display: none
|
|
}
|
|
|
|
.has-selected .selectr-label {
|
|
display: block
|
|
}
|
|
|
|
.taggable .selectr-selected {
|
|
padding: 4px 28px 4px 4px
|
|
}
|
|
|
|
.taggable .selectr-selected::after {
|
|
display: table;
|
|
content: " ";
|
|
clear: both
|
|
}
|
|
|
|
.taggable .selectr-label {
|
|
width: auto
|
|
}
|
|
|
|
.taggable .selectr-tags {
|
|
float: left;
|
|
display: block
|
|
}
|
|
|
|
.taggable .selectr-placeholder {
|
|
display: none
|
|
}
|
|
|
|
.input-tag {
|
|
float: left;
|
|
min-width: 90px;
|
|
width: auto
|
|
}
|
|
|
|
.selectr-tag-input {
|
|
border: medium none;
|
|
padding: 3px 10px;
|
|
width: 100%;
|
|
font-family: inherit;
|
|
font-weight: inherit;
|
|
font-size: inherit
|
|
}
|
|
|
|
.selectr-input-container.loading::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
content: "";
|
|
-o-transform: translate3d(0, -50%, 0);
|
|
-ms-transform: translate3d(0, -50%, 0);
|
|
-moz-transform: translate3d(0, -50%, 0);
|
|
-webkit-transform: translate3d(0, -50%, 0);
|
|
transform: translate3d(0, -50%, 0);
|
|
-o-transform-origin: 50% 0 0;
|
|
-ms-transform-origin: 50% 0 0;
|
|
-moz-transform-origin: 50% 0 0;
|
|
-webkit-transform-origin: 50% 0 0;
|
|
transform-origin: 50% 0 0;
|
|
-moz-animation: .5s linear 0s normal forwards infinite running selectr-spin;
|
|
-webkit-animation: .5s linear 0s normal forwards infinite running selectr-spin;
|
|
animation: .5s linear 0s normal forwards infinite running selectr-spin;
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
border-color: #aaa #ddd #ddd;
|
|
border-radius: 50%
|
|
}
|
|
|
|
@-webkit-keyframes selectr-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0) translate3d(0, -50%, 0);
|
|
transform: rotate(0) translate3d(0, -50%, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
|
|
transform: rotate(360deg) translate3d(0, -50%, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes selectr-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0) translate3d(0, -50%, 0);
|
|
transform: rotate(0) translate3d(0, -50%, 0)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
|
|
transform: rotate(360deg) translate3d(0, -50%, 0)
|
|
}
|
|
}
|
|
|
|
.selectr-container.open.inverted .selectr-selected {
|
|
border-color: transparent #999 #999;
|
|
border-radius: 0 0 3px 3px
|
|
}
|
|
|
|
.selectr-container.inverted .selectr-options-container {
|
|
border-width: 1px 1px 0;
|
|
border-color: #999 #999 transparent;
|
|
border-radius: 3px 3px 0 0;
|
|
background-color: #fff
|
|
}
|
|
|
|
.selectr-container.inverted .selectr-options-container {
|
|
top: auto;
|
|
bottom: calc(100% - 1px)
|
|
}
|
|
|
|
.selectr-container ::-webkit-input-placeholder {
|
|
color: #6c7a86;
|
|
opacity: 1
|
|
}
|
|
|
|
.selectr-container ::-moz-placeholder {
|
|
color: #6c7a86;
|
|
opacity: 1
|
|
}
|
|
|
|
.selectr-container :-ms-input-placeholder {
|
|
color: #6c7a86;
|
|
opacity: 1
|
|
}
|
|
|
|
.selectr-container ::placeholder {
|
|
color: #6c7a86;
|
|
opacity: 1
|
|
}
|
|
|