Remove css files from repo (only keep scss)
This commit is contained in:
jos
parent
088bee74cb
commit
b6aea6df9d
|
|
@ -1,591 +0,0 @@
|
||||||
/* schema error popover */
|
|
||||||
.jsoneditor-schema-error {
|
|
||||||
position: relative;
|
|
||||||
/*@-webkit-keyframes move-up {*/
|
|
||||||
/*from { bottom: 24px; }*/
|
|
||||||
/*to { bottom: 32px; }*/
|
|
||||||
/*}*/
|
|
||||||
/*@-moz-keyframes move-up {*/
|
|
||||||
/*from { bottom: 24px; }*/
|
|
||||||
/*to { bottom: 32px; }*/
|
|
||||||
/*}*/
|
|
||||||
/*@-ms-keyframes move-up {*/
|
|
||||||
/*from { bottom: 24px; }*/
|
|
||||||
/*to { bottom: 32px; }*/
|
|
||||||
/*}*/ }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover {
|
|
||||||
background-color: #4c4c4c;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
|
|
||||||
color: #fff;
|
|
||||||
display: none;
|
|
||||||
padding: 7px 10px;
|
|
||||||
position: absolute;
|
|
||||||
width: 200px;
|
|
||||||
z-index: 4; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
|
|
||||||
bottom: 32px;
|
|
||||||
left: -98px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
|
|
||||||
top: 32px;
|
|
||||||
left: -98px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
|
|
||||||
top: -7px;
|
|
||||||
right: 32px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
|
|
||||||
top: -7px;
|
|
||||||
left: 32px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover:before {
|
|
||||||
border-right: 7px solid transparent;
|
|
||||||
border-left: 7px solid transparent;
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -7px;
|
|
||||||
position: absolute; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
|
|
||||||
border-top: 7px solid #4c4c4c;
|
|
||||||
bottom: -7px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
|
|
||||||
border-bottom: 7px solid #4c4c4c;
|
|
||||||
top: -7px; }
|
|
||||||
.jsoneditor-schema-error .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: -10px;
|
|
||||||
position: absolute; }
|
|
||||||
.jsoneditor-schema-error .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: -10px;
|
|
||||||
position: absolute; }
|
|
||||||
.jsoneditor-schema-error:hover .jsoneditor-popover,
|
|
||||||
.jsoneditor-schema-error:focus .jsoneditor-popover {
|
|
||||||
display: block;
|
|
||||||
-webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
|
||||||
-moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
|
||||||
-ms-animation: fade-in .3s linear 1, move-up .3s linear 1; }
|
|
||||||
|
|
||||||
@-webkit-keyframes fade-in {
|
|
||||||
from {
|
|
||||||
opacity: 0; }
|
|
||||||
to {
|
|
||||||
opacity: 1; } }
|
|
||||||
|
|
||||||
@-moz-keyframes fade-in {
|
|
||||||
from {
|
|
||||||
opacity: 0; }
|
|
||||||
to {
|
|
||||||
opacity: 1; } }
|
|
||||||
|
|
||||||
@-ms-keyframes fade-in {
|
|
||||||
.jsoneditor-schema-error from {
|
|
||||||
opacity: 0; }
|
|
||||||
.jsoneditor-schema-error to {
|
|
||||||
opacity: 1; } }
|
|
||||||
|
|
||||||
.jsoneditor {
|
|
||||||
border: 1px solid #3883fa;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: inline-flex;
|
|
||||||
flex-direction: column;
|
|
||||||
line-height: normal; }
|
|
||||||
|
|
||||||
.jsoneditor-menu {
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
color: white;
|
|
||||||
background-color: #3883fa;
|
|
||||||
flex: 0 0 auto; }
|
|
||||||
.jsoneditor-menu button {
|
|
||||||
width: 26px;
|
|
||||||
height: 26px;
|
|
||||||
margin: 2px;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 2px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
background: transparent url("img/jsoneditor-icons.svg");
|
|
||||||
color: white;
|
|
||||||
opacity: 0.8;
|
|
||||||
font-family: arial, sans-serif;
|
|
||||||
font-size: 10pt; }
|
|
||||||
.jsoneditor-menu button:hover {
|
|
||||||
background-color: rgba(255, 255, 255, 0.2);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.4); }
|
|
||||||
.jsoneditor-menu button:focus,
|
|
||||||
.jsoneditor-menu button:active {
|
|
||||||
background-color: rgba(255, 255, 255, 0.3); }
|
|
||||||
.jsoneditor-menu button:disabled {
|
|
||||||
opacity: 0.5; }
|
|
||||||
.jsoneditor-menu .jsoneditor-vertical-menu-separator {
|
|
||||||
width: 8px;
|
|
||||||
display: inline-block; }
|
|
||||||
.jsoneditor-menu button.jsoneditor-expand-all {
|
|
||||||
background-position: 0 -120px; }
|
|
||||||
.jsoneditor-menu button.jsoneditor-collapse-all {
|
|
||||||
background-position: 0 -96px; }
|
|
||||||
.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-contents {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
min-height: 150px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
flex: 1 1 auto; }
|
|
||||||
|
|
||||||
.jsoneditor-tree-contents {
|
|
||||||
padding: 2px 0;
|
|
||||||
overflow: auto; }
|
|
||||||
|
|
||||||
.jsoneditor-node {
|
|
||||||
position: relative;
|
|
||||||
font: 14px Arial;
|
|
||||||
display: inline-flex;
|
|
||||||
flex-direction: row; }
|
|
||||||
|
|
||||||
.jsoneditor-node-end {
|
|
||||||
display: flex;
|
|
||||||
height: 20px; }
|
|
||||||
.jsoneditor-node-end .jsoneditor-button-container:hover {
|
|
||||||
visibility: visible; }
|
|
||||||
|
|
||||||
.jsoneditor-root > .jsoneditor-node-container > .jsoneditor-node-end > .jsoneditor-button-container,
|
|
||||||
.jsoneditor-root > .jsoneditor-node-container > .jsoneditor-node-end > div.jsoneditor-insert {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.jsoneditor-node > div {
|
|
||||||
flex: 0 0 auto; }
|
|
||||||
|
|
||||||
div.jsoneditor-list {
|
|
||||||
list-style-type: none;
|
|
||||||
border-left: 20px solid transparent;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 0; }
|
|
||||||
|
|
||||||
/* no left padding for the root div element */
|
|
||||||
.jsoneditor-contents > div.jsoneditor-list {
|
|
||||||
border-left-width: 2px; }
|
|
||||||
|
|
||||||
.jsoneditor-property,
|
|
||||||
.jsoneditor-value,
|
|
||||||
.jsoneditor-readonly,
|
|
||||||
.jsoneditor-delimiter {
|
|
||||||
line-height: 20px;
|
|
||||||
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
|
||||||
font-size: 10pt; }
|
|
||||||
|
|
||||||
.jsoneditor-property,
|
|
||||||
.jsoneditor-value,
|
|
||||||
.jsoneditor-readonly {
|
|
||||||
min-width: 16px;
|
|
||||||
word-break: normal;
|
|
||||||
padding: 0 5px;
|
|
||||||
color: #1A1A1A;
|
|
||||||
outline: none; }
|
|
||||||
|
|
||||||
.jsoneditor-readonly {
|
|
||||||
min-width: auto; }
|
|
||||||
|
|
||||||
.jsoneditor-button-container {
|
|
||||||
font-size: 0;
|
|
||||||
display: inline-block; }
|
|
||||||
|
|
||||||
.jsoneditor-property,
|
|
||||||
.jsoneditor-value {
|
|
||||||
border-radius: 1px;
|
|
||||||
flex: 1 1 auto !important; }
|
|
||||||
.jsoneditor-property p,
|
|
||||||
.jsoneditor-value p {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.jsoneditor-property:focus,
|
|
||||||
.jsoneditor-value:focus {
|
|
||||||
box-shadow: 0 0 3px 1px #008fd5;
|
|
||||||
z-index: 1; }
|
|
||||||
|
|
||||||
.jsoneditor-property:hover,
|
|
||||||
.jsoneditor-value:hover {
|
|
||||||
background-color: rgba(0, 0, 0, 0.05); }
|
|
||||||
|
|
||||||
.jsoneditor-mode-form .jsoneditor-property:hover {
|
|
||||||
background-color: inherit; }
|
|
||||||
|
|
||||||
.jsoneditor-mode-view .jsoneditor-property:hover,
|
|
||||||
.jsoneditor-mode-view .jsoneditor-value:hover {
|
|
||||||
background-color: inherit; }
|
|
||||||
|
|
||||||
.jsoneditor-delimiter,
|
|
||||||
.jsoneditor-readonly {
|
|
||||||
color: #9d9d9d;
|
|
||||||
display: inline-block; }
|
|
||||||
|
|
||||||
.jsoneditor-delimiter-start {
|
|
||||||
padding-left: 5px; }
|
|
||||||
|
|
||||||
.jsoneditor-delimiter-end {
|
|
||||||
padding-left: 5px;
|
|
||||||
border-left: 20px solid transparent; }
|
|
||||||
.jsoneditor-delimiter-end.jsoneditor-delimiter-collapsed {
|
|
||||||
border-left: none; }
|
|
||||||
|
|
||||||
.jsoneditor-readonly:focus,
|
|
||||||
.jsoneditor-readonly:hover {
|
|
||||||
border-color: transparent;
|
|
||||||
background-color: inherit; }
|
|
||||||
|
|
||||||
.jsoneditor-tag {
|
|
||||||
color: white;
|
|
||||||
background: #c0c0c0;
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0 4px;
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-top: 2px;
|
|
||||||
height: 14px;
|
|
||||||
line-height: 14px;
|
|
||||||
font-size: 80%;
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
.jsoneditor-value.jsoneditor-string {
|
|
||||||
color: #008000; }
|
|
||||||
|
|
||||||
.jsoneditor-value.jsoneditor-object,
|
|
||||||
.jsoneditor-value.jsoneditor-array {
|
|
||||||
min-width: 16px;
|
|
||||||
color: #9d9d9d; }
|
|
||||||
|
|
||||||
.jsoneditor-value.jsoneditor-number {
|
|
||||||
color: #ee422e; }
|
|
||||||
|
|
||||||
.jsoneditor-value.jsoneditor-boolean {
|
|
||||||
color: #ff8c00; }
|
|
||||||
|
|
||||||
.jsoneditor-value.jsoneditor-null {
|
|
||||||
color: #004ED0; }
|
|
||||||
|
|
||||||
.jsoneditor-value.jsoneditor-invalid {
|
|
||||||
color: #000000; }
|
|
||||||
|
|
||||||
div.jsoneditor-value.jsoneditor-url {
|
|
||||||
color: green;
|
|
||||||
text-decoration: underline; }
|
|
||||||
|
|
||||||
div.jsoneditor-empty {
|
|
||||||
border: 1px dotted lightgray;
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0 5px;
|
|
||||||
line-height: 17px; }
|
|
||||||
|
|
||||||
div.jsoneditor-empty::after,
|
|
||||||
div.jsoneditor-empty::after {
|
|
||||||
pointer-events: none;
|
|
||||||
color: lightgray;
|
|
||||||
font-size: 8pt; }
|
|
||||||
|
|
||||||
div.jsoneditor-property.jsoneditor-empty::after {
|
|
||||||
content: 'prop'; }
|
|
||||||
|
|
||||||
div.jsoneditor-value.jsoneditor-empty::after {
|
|
||||||
content: 'value'; }
|
|
||||||
|
|
||||||
.jsoneditor-highlight {
|
|
||||||
background-color: yellow; }
|
|
||||||
|
|
||||||
.jsoneditor-highlight:hover {
|
|
||||||
background-color: #f0f000; }
|
|
||||||
|
|
||||||
.jsoneditor-highlight-active {
|
|
||||||
background-color: #ffd700; }
|
|
||||||
|
|
||||||
.jsoneditor-highlight-active:hover {
|
|
||||||
background-color: #f3cd00; }
|
|
||||||
|
|
||||||
.jsoneditor-button-placeholder {
|
|
||||||
width: 20px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
line-height: 20px; }
|
|
||||||
|
|
||||||
button.jsoneditor-button {
|
|
||||||
position: relative;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
background: transparent url("img/jsoneditor-icons.svg"); }
|
|
||||||
|
|
||||||
button.jsoneditor-button:focus {
|
|
||||||
/* TODO: nice outline for buttons with focus
|
|
||||||
outline: #97B0F8 solid 2px;
|
|
||||||
box-shadow: 0 0 8px #97B0F8;
|
|
||||||
*/
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
outline: #e5e5e5 solid 1px; }
|
|
||||||
|
|
||||||
/* FIXME: change icons from size 24x24 to 20x20 */
|
|
||||||
button.jsoneditor-button.jsoneditor-collapsed {
|
|
||||||
background-position: -2px -50px; }
|
|
||||||
|
|
||||||
button.jsoneditor-button.jsoneditor-expanded {
|
|
||||||
background-position: -2px -74px; }
|
|
||||||
|
|
||||||
button.jsoneditor-button.jsoneditor-drag {
|
|
||||||
background-position: -74px -74px;
|
|
||||||
cursor: move; }
|
|
||||||
|
|
||||||
button.jsoneditor-button.jsoneditor-actionmenu {
|
|
||||||
background-position: -50px -74px; }
|
|
||||||
|
|
||||||
button.jsoneditor-button.jsoneditor-actionmenu:hover,
|
|
||||||
button.jsoneditor-button.jsoneditor-actionmenu:focus,
|
|
||||||
button.jsoneditor-button.jsoneditor-actionmenu.jsoneditor-visible {
|
|
||||||
background-position: -50px -50px; }
|
|
||||||
|
|
||||||
/*********************************** Menu *************************************/
|
|
||||||
div.jsoneditor-menu-panel-right {
|
|
||||||
float: right;
|
|
||||||
max-width: 100%; }
|
|
||||||
|
|
||||||
/******************************* Action Menu **********************************/
|
|
||||||
div.jsoneditor-actionmenu {
|
|
||||||
position: absolute;
|
|
||||||
box-sizing: border-box;
|
|
||||||
z-index: 99999;
|
|
||||||
top: 20px;
|
|
||||||
left: 18px;
|
|
||||||
/* 20px - 2px where 2px half the difference between 24x24 icons of the menu and the 20x20 icons of the editor */
|
|
||||||
background: white;
|
|
||||||
border: 1px solid #d3d3d3;
|
|
||||||
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3); }
|
|
||||||
|
|
||||||
div.jsoneditor-actionmenu.jsoneditor-actionmenu-top {
|
|
||||||
top: auto;
|
|
||||||
bottom: 20px; }
|
|
||||||
|
|
||||||
div.jsoneditor-modemenu.jsoneditor-modemenu {
|
|
||||||
top: 26px;
|
|
||||||
left: 0; }
|
|
||||||
|
|
||||||
div.jsoneditor-menu-item {
|
|
||||||
line-height: 0;
|
|
||||||
font-size: 0; }
|
|
||||||
|
|
||||||
button.jsoneditor-menu-button {
|
|
||||||
width: 136px;
|
|
||||||
height: 24px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
line-height: 24px;
|
|
||||||
background: transparent;
|
|
||||||
border: transparent;
|
|
||||||
display: inline-block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #4d4d4d;
|
|
||||||
font-size: 10pt;
|
|
||||||
font-family: arial, sans-serif;
|
|
||||||
text-align: left; }
|
|
||||||
|
|
||||||
button.jsoneditor-menu-button:hover,
|
|
||||||
button.jsoneditor-menu-button:focus {
|
|
||||||
color: #1A1A1A;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
outline: none; }
|
|
||||||
|
|
||||||
button.jsoneditor-menu-button.jsoneditor-selected {
|
|
||||||
color: white;
|
|
||||||
background-color: #ee422e; }
|
|
||||||
|
|
||||||
button.jsoneditor-menu-default {
|
|
||||||
width: 104px;
|
|
||||||
/* 136px - 32px */ }
|
|
||||||
|
|
||||||
/******************************* Floating Menu **********************************/
|
|
||||||
div.jsoneditor-node-container {
|
|
||||||
position: relative;
|
|
||||||
transition: background-color 100ms ease-in; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-insert-area {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 6px;
|
|
||||||
left: 0;
|
|
||||||
top: -3px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
z-index: 1; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-insert-area:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: -7px;
|
|
||||||
right: 0;
|
|
||||||
width: 60px;
|
|
||||||
height: 20px;
|
|
||||||
background: inherit; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected .jsoneditor-node {
|
|
||||||
background-color: #ffed99; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected .jsoneditor-delimiter-end {
|
|
||||||
background-color: #ffed99;
|
|
||||||
border-left-color: #ffed99; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected .jsoneditor-list {
|
|
||||||
border-left-color: #ffed99; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-insert {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-insert:hover {
|
|
||||||
background: url("img/jsoneditor-icons.svg") -2px -26px; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected-insert-after {
|
|
||||||
border-bottom: 1px dashed #c0c0c0;
|
|
||||||
margin-bottom: -1px; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected-insert-after > .jsoneditor-node > .jsoneditor-insert-after,
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected-insert-after > .jsoneditor-node-end > .jsoneditor-insert-after {
|
|
||||||
background-image: url("img/jsoneditor-icons.svg");
|
|
||||||
background-position: -2px -2px !important; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected-insert-before > .jsoneditor-node > .jsoneditor-insert-before,
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected-insert-before > .jsoneditor-node-end > .jsoneditor-insert-before {
|
|
||||||
background-image: url("img/jsoneditor-icons.svg");
|
|
||||||
background-position: -2px -2px !important; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-selected-insert-before > .jsoneditor-list {
|
|
||||||
border-top: 1px dashed #c0c0c0;
|
|
||||||
margin-top: -1px; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-hover > .jsoneditor-node > .jsoneditor-button-container,
|
|
||||||
div.jsoneditor-node-container.jsoneditor-hover > .jsoneditor-node > .jsoneditor-button-placeholder {
|
|
||||||
background-color: #d3d3d3; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-hover > .jsoneditor-list {
|
|
||||||
border-left-color: #d3d3d3; }
|
|
||||||
div.jsoneditor-node-container.jsoneditor-hover > .jsoneditor-delimiter-end {
|
|
||||||
border-left-color: #d3d3d3; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 100%;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
margin: 10px;
|
|
||||||
white-space: nowrap;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24); }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 35px;
|
|
||||||
margin-left: -10px;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-top: solid 10px #4d4d4d;
|
|
||||||
border-bottom: none;
|
|
||||||
border-left: solid 10px transparent;
|
|
||||||
border-right: solid 10px transparent; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu.jsoneditor-floating-menu-bottom {
|
|
||||||
bottom: auto;
|
|
||||||
top: 100%; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu.jsoneditor-floating-menu-bottom:after {
|
|
||||||
top: -10px;
|
|
||||||
margin-left: -10px;
|
|
||||||
border-top: none;
|
|
||||||
border-bottom: solid 10px #4d4d4d; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu button.jsoneditor-floating-menu-item {
|
|
||||||
color: #fff;
|
|
||||||
background: #4d4d4d;
|
|
||||||
border: none;
|
|
||||||
border-right: 1px solid #676767;
|
|
||||||
padding: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu button.jsoneditor-floating-menu-item:focus, div.jsoneditor-node-container div.jsoneditor-floating-menu button.jsoneditor-floating-menu-item:hover {
|
|
||||||
background: #676767; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu button.jsoneditor-floating-menu-item:first-child {
|
|
||||||
border-top-left-radius: 5px;
|
|
||||||
border-bottom-left-radius: 5px; }
|
|
||||||
div.jsoneditor-node-container div.jsoneditor-floating-menu button.jsoneditor-floating-menu-item:last-child {
|
|
||||||
border-top-right-radius: 5px;
|
|
||||||
border-bottom-right-radius: 5px;
|
|
||||||
border-right: none; }
|
|
||||||
|
|
||||||
/******************************* **********************************/
|
|
||||||
div.jsoneditor-modes {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top; }
|
|
||||||
div.jsoneditor-modes button {
|
|
||||||
background: none;
|
|
||||||
width: auto;
|
|
||||||
padding: 2px 6px; }
|
|
||||||
div.jsoneditor-modes button.jsoneditor-type-modes {
|
|
||||||
width: 120px;
|
|
||||||
height: auto;
|
|
||||||
padding: 2px 6px;
|
|
||||||
border-radius: 0;
|
|
||||||
opacity: 1; }
|
|
||||||
div.jsoneditor-modes button.jsoneditor-type-modes:hover {
|
|
||||||
border: none; }
|
|
||||||
|
|
||||||
textarea.jsoneditor-text {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
min-height: 150px;
|
|
||||||
margin: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
outline-width: 0;
|
|
||||||
border: none;
|
|
||||||
background-color: #fff;
|
|
||||||
resize: none;
|
|
||||||
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
color: #1A1A1A; }
|
|
||||||
|
|
||||||
div.jsoneditor-code {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
min-height: 150px; }
|
|
||||||
|
|
||||||
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
|
|
||||||
.jsoneditor-errors {
|
|
||||||
width: 100%;
|
|
||||||
background-color: #ffef8b;
|
|
||||||
border-top: 1px solid #ffd700; }
|
|
||||||
.jsoneditor-errors table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
|
||||||
font-size: 10pt; }
|
|
||||||
.jsoneditor-errors table td {
|
|
||||||
padding: 3px 6px;
|
|
||||||
vertical-align: middle; }
|
|
||||||
.jsoneditor-errors table td code {
|
|
||||||
display: block;
|
|
||||||
white-space: pre-wrap; }
|
|
||||||
|
|
||||||
.jsoneditor-schema-error {
|
|
||||||
outline: none;
|
|
||||||
border: none;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0 4px;
|
|
||||||
background: url("img/jsoneditor-icons.svg") -171px -49px;
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
@ -1,57 +0,0 @@
|
||||||
div.jsoneditor-search {
|
|
||||||
font-family: arial, sans-serif;
|
|
||||||
font-size: 10pt; }
|
|
||||||
div.jsoneditor-search div.jsoneditor-results {
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 5px; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box {
|
|
||||||
display: inline-flex;
|
|
||||||
position: relative;
|
|
||||||
max-width: 100%;
|
|
||||||
background-color: white;
|
|
||||||
border: 2px solid #3883fa;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box::before {
|
|
||||||
position: absolute;
|
|
||||||
display: inline-block;
|
|
||||||
width: 22px;
|
|
||||||
height: 100%;
|
|
||||||
background: transparent url("../img/jsoneditor-icons.svg") -97px -71px;
|
|
||||||
content: ''; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input.jsoneditor-search-text {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
width: 120px;
|
|
||||||
max-width: 100%;
|
|
||||||
height: 22px;
|
|
||||||
line-height: 22px;
|
|
||||||
padding: 2px 2px 2px 22px;
|
|
||||||
background: transparent; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input[type=button] {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
width: 16px;
|
|
||||||
height: 100%;
|
|
||||||
line-height: 22px;
|
|
||||||
margin: 2px 0;
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
|
||||||
background: transparent url("../img/jsoneditor-icons.svg");
|
|
||||||
opacity: 0.8;
|
|
||||||
font-family: arial, sans-serif;
|
|
||||||
font-size: 10pt; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input[type=button]:hover {
|
|
||||||
background-color: transparent; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input.jsoneditor-search-next {
|
|
||||||
cursor: pointer;
|
|
||||||
background-position: -124px -73px; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input.jsoneditor-search-next:hover {
|
|
||||||
background-position: -124px -49px; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input.jsoneditor-search-previous {
|
|
||||||
cursor: pointer;
|
|
||||||
background-position: -148px -73px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
div.jsoneditor-search form.jsoneditor-search-box input.jsoneditor-search-previous:hover {
|
|
||||||
background-position: -148px -49px; }
|
|
||||||
|
|
@ -1,96 +0,0 @@
|
||||||
/* schema error popover */
|
|
||||||
.jsoneditor-schema-error {
|
|
||||||
position: relative;
|
|
||||||
/*@-webkit-keyframes move-up {*/
|
|
||||||
/*from { bottom: 24px; }*/
|
|
||||||
/*to { bottom: 32px; }*/
|
|
||||||
/*}*/
|
|
||||||
/*@-moz-keyframes move-up {*/
|
|
||||||
/*from { bottom: 24px; }*/
|
|
||||||
/*to { bottom: 32px; }*/
|
|
||||||
/*}*/
|
|
||||||
/*@-ms-keyframes move-up {*/
|
|
||||||
/*from { bottom: 24px; }*/
|
|
||||||
/*to { bottom: 32px; }*/
|
|
||||||
/*}*/ }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover {
|
|
||||||
background-color: #4c4c4c;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
|
|
||||||
color: #fff;
|
|
||||||
display: none;
|
|
||||||
padding: 7px 10px;
|
|
||||||
position: absolute;
|
|
||||||
width: 200px;
|
|
||||||
z-index: 4; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
|
|
||||||
bottom: 32px;
|
|
||||||
left: -98px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
|
|
||||||
top: 32px;
|
|
||||||
left: -98px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
|
|
||||||
top: -7px;
|
|
||||||
right: 32px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
|
|
||||||
top: -7px;
|
|
||||||
left: 32px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover:before {
|
|
||||||
border-right: 7px solid transparent;
|
|
||||||
border-left: 7px solid transparent;
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -7px;
|
|
||||||
position: absolute; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
|
|
||||||
border-top: 7px solid #4c4c4c;
|
|
||||||
bottom: -7px; }
|
|
||||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
|
|
||||||
border-bottom: 7px solid #4c4c4c;
|
|
||||||
top: -7px; }
|
|
||||||
.jsoneditor-schema-error .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: -10px;
|
|
||||||
position: absolute; }
|
|
||||||
.jsoneditor-schema-error .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: -10px;
|
|
||||||
position: absolute; }
|
|
||||||
.jsoneditor-schema-error:hover .jsoneditor-popover,
|
|
||||||
.jsoneditor-schema-error:focus .jsoneditor-popover {
|
|
||||||
display: block;
|
|
||||||
-webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
|
||||||
-moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
|
||||||
-ms-animation: fade-in .3s linear 1, move-up .3s linear 1; }
|
|
||||||
|
|
||||||
@-webkit-keyframes fade-in {
|
|
||||||
from {
|
|
||||||
opacity: 0; }
|
|
||||||
to {
|
|
||||||
opacity: 1; } }
|
|
||||||
|
|
||||||
@-moz-keyframes fade-in {
|
|
||||||
from {
|
|
||||||
opacity: 0; }
|
|
||||||
to {
|
|
||||||
opacity: 1; } }
|
|
||||||
|
|
||||||
@-ms-keyframes fade-in {
|
|
||||||
.jsoneditor-schema-error from {
|
|
||||||
opacity: 0; }
|
|
||||||
.jsoneditor-schema-error to {
|
|
||||||
opacity: 1; } }
|
|
||||||
Loading…
Reference in New Issue