jsoneditor-rails 1.0.4 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,22 +1,68 @@
1
- /* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */
1
+ .jsoneditor,
2
+ .jsoneditor-modal {
3
+ -webkit-text-size-adjust: none;
4
+ text-size-adjust: none;
5
+ }
2
6
 
3
- div.jsoneditor .jsoneditor-search input {
7
+ .jsoneditor input,
8
+ .jsoneditor input:not([type]),
9
+ .jsoneditor input[type=text],
10
+ .jsoneditor input[type=search],
11
+ .jsoneditor-modal input,
12
+ .jsoneditor-modal input:not([type]),
13
+ .jsoneditor-modal input[type=text],
14
+ .jsoneditor-modal input[type=search] {
4
15
  height: auto;
5
16
  border: inherit;
17
+ box-shadow: none;
18
+ font-size: inherit;
19
+ box-sizing: inherit;
20
+ padding: inherit;
21
+ font-family: inherit;
22
+ transition: none;
23
+ line-height: inherit;
24
+ }
25
+
26
+ .jsoneditor input:focus,
27
+ .jsoneditor input:not([type]):focus,
28
+ .jsoneditor input[type=text]:focus,
29
+ .jsoneditor input[type=search]:focus,
30
+ .jsoneditor-modal input:focus,
31
+ .jsoneditor-modal input:not([type]):focus,
32
+ .jsoneditor-modal input[type=text]:focus,
33
+ .jsoneditor-modal input[type=search]:focus {
34
+ border: inherit;
35
+ box-shadow: inherit;
36
+ }
37
+
38
+ .jsoneditor textarea,
39
+ .jsoneditor-modal textarea {
40
+ height: inherit;
6
41
  }
7
42
 
8
- div.jsoneditor .jsoneditor-search input:focus {
9
- border: none !important;
10
- box-shadow: none !important;
43
+ .jsoneditor select,
44
+ .jsoneditor-modal select {
45
+ display: inherit;
46
+ height: inherit;
47
+ }
48
+
49
+ .jsoneditor label,
50
+ .jsoneditor-modal label {
51
+ font-size: inherit;
52
+ font-weight: inherit;
53
+ color: inherit;
11
54
  }
12
55
 
13
- div.jsoneditor table {
56
+ .jsoneditor table,
57
+ .jsoneditor-modal table {
14
58
  border-collapse: collapse;
15
59
  width: auto;
16
60
  }
17
61
 
18
- div.jsoneditor td,
19
- div.jsoneditor th {
62
+ .jsoneditor td,
63
+ .jsoneditor th,
64
+ .jsoneditor-modal td,
65
+ .jsoneditor-modal th {
20
66
  padding: 0;
21
67
  display: table-cell;
22
68
  text-align: left;
@@ -24,1108 +70,1160 @@ div.jsoneditor th {
24
70
  border-radius: inherit;
25
71
  }
26
72
 
27
-
28
- div.jsoneditor-field,
29
- div.jsoneditor-value,
30
- div.jsoneditor-readonly {
31
- border: 1px solid transparent;
32
- min-height: 16px;
33
- min-width: 32px;
34
- padding: 2px;
35
- margin: 1px;
36
- word-wrap: break-word;
37
- float: left;
38
- }
39
-
40
- /* adjust margin of p elements inside editable divs, needed for Opera, IE */
41
-
42
- div.jsoneditor-field p,
43
- div.jsoneditor-value p {
73
+ .jsoneditor .autocomplete.dropdown {
74
+ position: absolute;
75
+ background: #ffffff;
76
+ box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
77
+ border: 1px solid #d3d3d3;
78
+ overflow-x: hidden;
79
+ overflow-y: auto;
80
+ cursor: default;
44
81
  margin: 0;
82
+ padding: 5px;
83
+ text-align: left;
84
+ outline: 0;
85
+ font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
86
+ font-size: 14px;
45
87
  }
46
88
 
47
- div.jsoneditor-value {
48
- word-break: break-word;
49
- }
50
-
51
- div.jsoneditor-readonly {
52
- min-width: 16px;
53
- color: #808080;
54
- }
55
-
56
- div.jsoneditor-empty {
57
- border-color: #d3d3d3;
58
- border-style: dashed;
59
- border-radius: 2px;
60
- }
61
-
62
- div.jsoneditor-field.jsoneditor-empty::after,
63
- div.jsoneditor-value.jsoneditor-empty::after {
64
- pointer-events: none;
65
- color: #d3d3d3;
66
- font-size: 8pt;
89
+ .jsoneditor .autocomplete.dropdown .item {
90
+ color: #1a1a1a;
67
91
  }
68
92
 
69
- div.jsoneditor-field.jsoneditor-empty::after {
70
- content: "field";
93
+ .jsoneditor .autocomplete.dropdown .item.hover {
94
+ background-color: #ebebeb;
71
95
  }
72
96
 
73
- div.jsoneditor-value.jsoneditor-empty::after {
74
- content: "value";
97
+ .jsoneditor .autocomplete.hint {
98
+ color: #a1a1a1;
99
+ top: 4px;
100
+ left: 4px;
75
101
  }
76
102
 
77
- div.jsoneditor-value.jsoneditor-url,
78
- a.jsoneditor-value.jsoneditor-url {
79
- color: green;
80
- text-decoration: underline;
103
+ .jsoneditor-contextmenu-root {
104
+ position: relative;
105
+ width: 0;
106
+ height: 0;
81
107
  }
82
108
 
83
- a.jsoneditor-value.jsoneditor-url {
84
- display: inline-block;
85
- padding: 2px;
86
- margin: 2px;
109
+ .jsoneditor-contextmenu {
110
+ position: absolute;
111
+ box-sizing: content-box;
112
+ z-index: 2;
87
113
  }
88
114
 
89
- a.jsoneditor-value.jsoneditor-url:hover,
90
- a.jsoneditor-value.jsoneditor-url:focus {
91
- color: #ee422e;
115
+ .jsoneditor-contextmenu .jsoneditor-menu {
116
+ position: relative;
117
+ left: 0;
118
+ top: 0;
119
+ width: 128px;
120
+ height: auto;
121
+ background: #ffffff;
122
+ border: 1px solid #d3d3d3;
123
+ box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
124
+ list-style: none;
125
+ margin: 0;
126
+ padding: 0;
92
127
  }
93
128
 
94
- div.jsoneditor td.jsoneditor-separator {
95
- padding: 3px 0;
96
- vertical-align: top;
97
- color: #808080;
129
+ .jsoneditor-contextmenu .jsoneditor-menu button {
130
+ position: relative;
131
+ padding: 0 8px 0 0;
132
+ margin: 0;
133
+ width: 128px;
134
+ height: auto;
135
+ border: none;
136
+ cursor: pointer;
137
+ color: #4d4d4d;
138
+ background: transparent;
139
+ font-size: 14px;
140
+ font-family: arial, sans-serif;
141
+ box-sizing: border-box;
142
+ text-align: left;
98
143
  }
99
144
 
100
- div.jsoneditor-field[contenteditable=true]:focus,
101
- div.jsoneditor-field[contenteditable=true]:hover,
102
- div.jsoneditor-value[contenteditable=true]:focus,
103
- div.jsoneditor-value[contenteditable=true]:hover,
104
- div.jsoneditor-field.jsoneditor-highlight,
105
- div.jsoneditor-value.jsoneditor-highlight {
106
- background-color: #FFFFAB;
107
- border: 1px solid yellow;
108
- border-radius: 2px;
145
+ .jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
146
+ padding: 0;
147
+ border: 0;
109
148
  }
110
149
 
111
- div.jsoneditor-field.jsoneditor-highlight-active,
112
- div.jsoneditor-field.jsoneditor-highlight-active:focus,
113
- div.jsoneditor-field.jsoneditor-highlight-active:hover,
114
- div.jsoneditor-value.jsoneditor-highlight-active,
115
- div.jsoneditor-value.jsoneditor-highlight-active:focus,
116
- div.jsoneditor-value.jsoneditor-highlight-active:hover {
117
- background-color: #ffee00;
118
- border: 1px solid #ffc700;
119
- border-radius: 2px;
150
+ .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
151
+ width: 96px;
120
152
  }
121
153
 
122
- div.jsoneditor-value.jsoneditor-string {
123
- color: #008000;
154
+ .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
155
+ float: right;
156
+ width: 32px;
157
+ height: 24px;
158
+ border-left: 1px solid #e5e5e5;
124
159
  }
125
160
 
126
- div.jsoneditor-value.jsoneditor-object,
127
- div.jsoneditor-value.jsoneditor-array {
128
- min-width: 16px;
129
- color: #808080;
161
+ .jsoneditor-contextmenu .jsoneditor-menu li {
162
+ overflow: hidden;
130
163
  }
131
164
 
132
- div.jsoneditor-value.jsoneditor-number {
133
- color: #ee422e;
165
+ .jsoneditor-contextmenu .jsoneditor-menu li ul {
166
+ display: none;
167
+ position: relative;
168
+ left: -10px;
169
+ top: 0;
170
+ border: none;
171
+ box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
172
+ padding: 0 10px;
173
+ -webkit-transition: all 0.3s ease-out;
174
+ -moz-transition: all 0.3s ease-out;
175
+ -o-transition: all 0.3s ease-out;
176
+ transition: all 0.3s ease-out;
134
177
  }
135
178
 
136
- div.jsoneditor-value.jsoneditor-boolean {
137
- color: #ff8c00;
179
+ .jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
180
+ margin-left: 24px;
138
181
  }
139
182
 
140
- div.jsoneditor-value.jsoneditor-null {
141
- color: #004ED0;
183
+ .jsoneditor-contextmenu .jsoneditor-menu li ul li button {
184
+ padding-left: 24px;
185
+ animation: all ease-in-out 1s;
142
186
  }
143
187
 
144
- div.jsoneditor-value.jsoneditor-invalid {
145
- color: #000000;
188
+ .jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
189
+ position: absolute;
190
+ top: 0;
191
+ right: 0;
192
+ width: 24px;
193
+ height: 24px;
194
+ padding: 0;
195
+ margin: 0 4px 0 0;
196
+ background-image: asset-url("jsoneditor-icons.svg");
197
+ background-position: 0 -72px;
146
198
  }
147
199
 
148
- div.jsoneditor-tree button.jsoneditor-button {
200
+ .jsoneditor-contextmenu .jsoneditor-icon {
201
+ position: absolute;
202
+ top: 0;
203
+ left: 0;
149
204
  width: 24px;
150
205
  height: 24px;
206
+ border: none;
151
207
  padding: 0;
152
208
  margin: 0;
153
- border: none;
154
- cursor: pointer;
155
- background: transparent asset-url("jsoneditor-icons.svg");
209
+ background-image: asset-url("jsoneditor-icons.svg");
156
210
  }
157
211
 
158
- div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
159
- div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
160
- cursor: pointer;
212
+ .jsoneditor-contextmenu .jsoneditor-text {
213
+ padding: 4px 0 4px 24px;
214
+ word-wrap: break-word;
161
215
  }
162
216
 
163
- div.jsoneditor-tree button.jsoneditor-collapsed {
164
- background-position: 0 -48px;
217
+ .jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
218
+ padding-right: 24px;
165
219
  }
166
220
 
167
- div.jsoneditor-tree button.jsoneditor-expanded {
168
- background-position: 0 -72px;
221
+ .jsoneditor-contextmenu .jsoneditor-separator {
222
+ height: 0;
223
+ border-top: 1px solid #e5e5e5;
224
+ padding-top: 5px;
225
+ margin-top: 5px;
169
226
  }
170
227
 
171
- div.jsoneditor-tree button.jsoneditor-contextmenu {
172
- background-position: -48px -72px;
228
+ .jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
229
+ background-position: -24px 0;
173
230
  }
174
231
 
175
- div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
176
- div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
177
- div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
178
- tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
179
- background-position: -48px -48px;
232
+ .jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
233
+ background-position: 0 0;
180
234
  }
181
235
 
182
- div.jsoneditor-tree *:focus {
183
- outline: none;
236
+ .jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
237
+ background-position: 0 0;
184
238
  }
185
239
 
186
- div.jsoneditor-tree button.jsoneditor-button:focus {
187
- /* TODO: nice outline for buttons with focus
188
- outline: #97B0F8 solid 2px;
189
- box-shadow: 0 0 8px #97B0F8;
190
- */
191
- background-color: #f5f5f5;
192
- outline: #e5e5e5 solid 1px;
240
+ .jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
241
+ background-position: -48px 0;
193
242
  }
194
243
 
195
- div.jsoneditor-tree button.jsoneditor-invisible {
196
- visibility: hidden;
197
- background: none;
244
+ .jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
245
+ background-position: -168px 0;
198
246
  }
199
247
 
200
- div.jsoneditor-tree div.jsoneditor-show-more {
201
- display: inline-block;
202
- padding: 3px 4px;
203
- margin: 2px 0;
204
- background-color: #e5e5e5;
205
- border-radius: 3px;
206
- color: #808080;
207
- font-family: arial, sans-serif;
208
- font-size: 10pt;
248
+ .jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
249
+ background-position: -192px 0;
209
250
  }
210
251
 
211
- div.jsoneditor-tree div.jsoneditor-show-more a {
212
- display: inline-block;
213
- color: #808080;
252
+ .jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
253
+ background-position: -216px 0;
214
254
  }
215
255
 
216
- div.jsoneditor-tree div.jsoneditor-show-more a:hover,
217
- div.jsoneditor-tree div.jsoneditor-show-more a:focus {
218
- color: #ee422e;
256
+ .jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
257
+ background-position: 0 -24px;
219
258
  }
220
259
 
221
- div.jsoneditor-tree div.jsoneditor-color {
222
- display: inline-block;
223
- width: 12px;
224
- height: 12px;
225
- margin: 4px;
226
- border: 1px solid #808080;
227
- cursor: pointer;
260
+ .jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
261
+ background-position: -144px 0;
228
262
  }
229
263
 
230
- div.jsoneditor div.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
231
- top: 28px;
232
- left: -10px;
264
+ .jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
265
+ background-position: -120px 0;
233
266
  }
234
267
 
235
- div.jsoneditor-tree div.jsoneditor-date {
236
- background: #a1a1a1;
237
- color: white;
238
- font-family: arial, sans-serif;
239
- border-radius: 3px;
240
- display: inline-block;
241
- padding: 3px;
242
- margin: 0 3px;
268
+ .jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
269
+ background-position: -72px 0;
243
270
  }
244
271
 
245
- div.jsoneditor {
246
- color: #1A1A1A;
247
- border: 1px solid #3883fa;
248
- -moz-box-sizing: border-box;
249
- -webkit-box-sizing: border-box;
250
- box-sizing: border-box;
251
- width: 100%;
252
- height: 100%;
253
- position: relative;
254
- padding: 0;
255
- line-height: 100%;
272
+ .jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
273
+ background-position: -96px 0;
256
274
  }
257
275
 
258
- div.jsoneditor-tree table.jsoneditor-tree {
259
- border-collapse: collapse;
260
- border-spacing: 0;
261
- width: 100%;
276
+ .jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
277
+ background-image: none;
278
+ width: 6px;
262
279
  }
263
280
 
264
- div.jsoneditor-tree div.jsoneditor-tree-inner {
265
- padding-bottom: 300px;
281
+ .jsoneditor-contextmenu ul,
282
+ .jsoneditor-contextmenu li {
283
+ box-sizing: content-box;
284
+ position: relative;
266
285
  }
267
286
 
268
- div.jsoneditor-outer {
269
- position: static;
270
- width: 100%;
271
- height: 100%;
272
- margin: 0;
273
- padding: 0;
274
- -moz-box-sizing: border-box;
275
- -webkit-box-sizing: border-box;
276
- box-sizing: border-box;
287
+ .jsoneditor-contextmenu .jsoneditor-menu button:hover,
288
+ .jsoneditor-contextmenu .jsoneditor-menu button:focus {
289
+ color: #1a1a1a;
290
+ background-color: #f5f5f5;
291
+ outline: none;
277
292
  }
278
293
 
279
- div.jsoneditor-outer.has-nav-bar {
280
- margin-top: -26px;
281
- padding-top: 26px;
294
+ .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
295
+ .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
296
+ .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
297
+ color: #ffffff;
298
+ background-color: #ee422e;
282
299
  }
283
300
 
284
- div.jsoneditor-outer.has-status-bar {
285
- margin-bottom: -26px;
286
- padding-bottom: 26px;
301
+ .jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
302
+ .jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
303
+ background-color: #f5f5f5;
287
304
  }
288
305
 
289
- div.jsoneditor-outer.has-main-menu-bar {
290
- margin-top: -35px;
291
- padding-top: 35px;
306
+ .jsoneditor-modal {
307
+ max-width: 95%;
308
+ border-radius: 2px !important;
309
+ padding: 45px 15px 15px 15px !important;
310
+ box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
311
+ color: #4d4d4d;
312
+ line-height: 1.3em;
292
313
  }
293
314
 
294
- div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
295
- margin-top: -61px;
296
- padding-top: 61px;
315
+ .jsoneditor-modal.jsoneditor-modal-transform {
316
+ width: 600px !important;
297
317
  }
298
318
 
299
- textarea.jsoneditor-text,
300
- .ace-jsoneditor {
301
- min-height: 150px;
319
+ .jsoneditor-modal .pico-modal-header {
320
+ position: absolute;
321
+ box-sizing: border-box;
322
+ top: 0;
323
+ left: 0;
324
+ width: 100%;
325
+ padding: 0 10px;
326
+ height: 30px;
327
+ line-height: 30px;
328
+ font-family: arial, sans-serif;
329
+ font-size: 11pt;
330
+ background: #3883fa;
331
+ color: #ffffff;
302
332
  }
303
333
 
304
- div.jsoneditor-tree {
334
+ .jsoneditor-modal table {
305
335
  width: 100%;
306
- height: 100%;
307
- position: relative;
308
- overflow: auto;
309
336
  }
310
337
 
311
- textarea.jsoneditor-text {
312
- width: 100%;
313
- height: 100%;
314
- margin: 0;
315
- -moz-box-sizing: border-box;
316
- -webkit-box-sizing: border-box;
317
- box-sizing: border-box;
318
- outline-width: 0;
319
- border: none;
320
- background-color: white;
321
- resize: none;
338
+ .jsoneditor-modal table td {
339
+ padding: 3px 0;
322
340
  }
323
341
 
324
- tr.jsoneditor-highlight,
325
- tr.jsoneditor-selected {
326
- background-color: #d3d3d3;
342
+ .jsoneditor-modal table td.jsoneditor-modal-input {
343
+ text-align: right;
344
+ padding-right: 0;
345
+ white-space: nowrap;
327
346
  }
328
347
 
329
- tr.jsoneditor-selected button.jsoneditor-dragarea,
330
- tr.jsoneditor-selected button.jsoneditor-contextmenu {
331
- visibility: hidden;
348
+ .jsoneditor-modal table td.jsoneditor-modal-actions {
349
+ padding-top: 15px;
332
350
  }
333
351
 
334
- tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
335
- tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
336
- visibility: visible;
352
+ .jsoneditor-modal table th {
353
+ vertical-align: middle;
337
354
  }
338
355
 
339
- div.jsoneditor-tree button.jsoneditor-dragarea {
340
- background: asset-url("jsoneditor-icons.svg") -72px -72px;
341
- cursor: move;
356
+ .jsoneditor-modal p:first-child {
357
+ margin-top: 0;
342
358
  }
343
359
 
344
- div.jsoneditor-tree button.jsoneditor-dragarea:hover,
345
- div.jsoneditor-tree button.jsoneditor-dragarea:focus,
346
- tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
347
- background-position: -72px -48px;
360
+ .jsoneditor-modal a {
361
+ color: #3883fa;
348
362
  }
349
363
 
350
- div.jsoneditor tr,
351
- div.jsoneditor th,
352
- div.jsoneditor td {
353
- padding: 0;
354
- margin: 0;
364
+ .jsoneditor-modal .jsoneditor-jmespath-block {
365
+ margin-bottom: 10px;
355
366
  }
356
367
 
357
- div.jsoneditor td {
358
- vertical-align: top;
368
+ .jsoneditor-modal .pico-close {
369
+ background: none !important;
370
+ font-size: 24px !important;
371
+ top: 7px !important;
372
+ right: 7px !important;
373
+ color: #ffffff;
359
374
  }
360
375
 
361
- div.jsoneditor td.jsoneditor-tree {
362
- vertical-align: top;
376
+ .jsoneditor-modal input {
377
+ padding: 4px;
363
378
  }
364
379
 
365
- div.jsoneditor-field,
366
- div.jsoneditor-value,
367
- div.jsoneditor td,
368
- div.jsoneditor th,
369
- div.jsoneditor textarea,
370
- .jsoneditor-schema-error {
371
- font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
372
- font-size: 10pt;
373
- color: #1A1A1A;
380
+ .jsoneditor-modal input[type=text] {
381
+ cursor: inherit;
374
382
  }
375
383
 
376
- /* popover */
384
+ .jsoneditor-modal input[disabled] {
385
+ background: #d3d3d3;
386
+ color: #808080;
387
+ }
377
388
 
378
- .jsoneditor-schema-error {
379
- cursor: default;
380
- display: inline-block;
381
- /*font-family: arial, sans-serif;*/
382
- height: 24px;
383
- line-height: 24px;
389
+ .jsoneditor-modal .jsoneditor-select-wrapper {
384
390
  position: relative;
385
- text-align: center;
386
- width: 24px;
391
+ display: inline-block;
387
392
  }
388
393
 
389
- div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
390
- width: 24px;
391
- height: 24px;
392
- padding: 0;
393
- margin: 0 4px 0 0;
394
- background: asset-url("jsoneditor-icons.svg") -168px -48px;
394
+ .jsoneditor-modal .jsoneditor-select-wrapper:after {
395
+ content: "";
396
+ width: 0;
397
+ height: 0;
398
+ border-left: 5px solid transparent;
399
+ border-right: 5px solid transparent;
400
+ border-top: 6px solid #666;
401
+ position: absolute;
402
+ right: 8px;
403
+ top: 14px;
404
+ pointer-events: none;
395
405
  }
396
406
 
397
- .jsoneditor-text-errors tr.jump-to-line:hover {
398
- text-decoration: underline;
399
- cursor: pointer;
407
+ .jsoneditor-modal select {
408
+ padding: 3px 24px 3px 10px;
409
+ min-width: 180px;
410
+ max-width: 350px;
411
+ -webkit-appearance: none;
412
+ -moz-appearance: none;
413
+ appearance: none;
414
+ text-indent: 0;
415
+ text-overflow: "";
416
+ font-size: 14px;
417
+ line-height: 1.5em;
400
418
  }
401
419
 
402
- .jsoneditor-schema-error .jsoneditor-popover {
403
- background-color: #4c4c4c;
404
- border-radius: 3px;
405
- box-shadow: 0 0 5px rgba(0,0,0,0.4);
406
- color: #fff;
420
+ .jsoneditor-modal select::-ms-expand {
407
421
  display: none;
408
- padding: 7px 10px;
409
- position: absolute;
410
- width: 200px;
411
- z-index: 4;
412
422
  }
413
423
 
414
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
415
- bottom: 32px;
416
- left: -98px;
424
+ .jsoneditor-modal .jsoneditor-button-group input {
425
+ padding: 4px 10px;
426
+ margin: 0;
427
+ border-radius: 0;
428
+ border-left-style: none;
417
429
  }
418
430
 
419
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
420
- top: 32px;
421
- left: -98px;
431
+ .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
432
+ border-top-left-radius: 3px;
433
+ border-bottom-left-radius: 3px;
434
+ border-left-style: solid;
422
435
  }
423
436
 
424
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
425
- top: -7px;
426
- right: 32px;
437
+ .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
438
+ border-top-right-radius: 3px;
439
+ border-bottom-right-radius: 3px;
427
440
  }
428
441
 
429
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
430
- top: -7px;
431
- left: 32px;
442
+ .jsoneditor-modal .jsoneditor-transform-preview {
443
+ background: #f5f5f5;
444
+ height: 200px;
432
445
  }
433
446
 
434
- .jsoneditor-schema-error .jsoneditor-popover:before {
435
- border-right: 7px solid transparent;
436
- border-left: 7px solid transparent;
437
- content: '';
438
- display: block;
439
- left: 50%;
440
- margin-left: -7px;
441
- position: absolute;
447
+ .jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
448
+ color: #ee422e;
442
449
  }
443
450
 
444
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
445
- border-top: 7px solid #4c4c4c;
446
- bottom: -7px;
451
+ .jsoneditor-modal .jsoneditor-jmespath-wizard {
452
+ line-height: 1.2em;
453
+ width: 100%;
454
+ padding: 0;
455
+ border-radius: 3px;
447
456
  }
448
457
 
449
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
450
- border-bottom: 7px solid #4c4c4c;
451
- top: -7px;
458
+ .jsoneditor-modal .jsoneditor-jmespath-label {
459
+ font-weight: bold;
460
+ color: dodgerblue;
461
+ margin-top: 20px;
462
+ margin-bottom: 5px;
452
463
  }
453
464
 
454
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
455
- border-left: 7px solid #4c4c4c;
456
- border-top: 7px solid transparent;
457
- border-bottom: 7px solid transparent;
458
- content: '';
459
- top: 19px;
460
- right: -14px;
461
- left: inherit;
462
- margin-left: inherit;
463
- margin-top: -7px;
464
- position: absolute;
465
+ .jsoneditor-modal .jsoneditor-jmespath-wizard-table {
466
+ width: 100%;
467
+ border-collapse: collapse;
465
468
  }
466
469
 
467
- .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
468
- border-right: 7px solid #4c4c4c;
469
- border-top: 7px solid transparent;
470
- border-bottom: 7px solid transparent;
471
- content: '';
472
- top: 19px;
473
- left: -14px;
474
- margin-left: inherit;
475
- margin-top: -7px;
476
- position: absolute;
470
+ .jsoneditor-modal .jsoneditor-jmespath-wizard-label {
471
+ font-style: italic;
472
+ margin: 4px 0 2px 0;
477
473
  }
478
474
 
479
- .jsoneditor-schema-error:hover .jsoneditor-popover,
480
- .jsoneditor-schema-error:focus .jsoneditor-popover {
481
- display: block;
482
- -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
483
- -moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
484
- -ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
475
+ .jsoneditor-modal .jsoneditor-inline {
476
+ position: relative;
477
+ display: inline-block;
478
+ width: 100%;
479
+ padding-top: 2px;
480
+ padding-bottom: 2px;
485
481
  }
486
482
 
487
- @-webkit-keyframes fade-in {
488
- from {
489
- opacity: 0;
490
- }
491
-
492
- to {
493
- opacity: 1;
494
- }
483
+ .jsoneditor-modal .jsoneditor-inline:not(:last-child) {
484
+ padding-right: 2px;
495
485
  }
496
486
 
497
- @-moz-keyframes fade-in {
498
- from {
499
- opacity: 0;
500
- }
501
-
502
- to {
503
- opacity: 1;
504
- }
487
+ .jsoneditor-modal .jsoneditor-jmespath-filter {
488
+ display: flex;
489
+ flex-wrap: wrap;
505
490
  }
506
491
 
507
- @-ms-keyframes fade-in {
508
- from {
509
- opacity: 0;
510
- }
492
+ .jsoneditor-modal .jsoneditor-jmespath-filter-field {
493
+ width: 180px;
494
+ }
511
495
 
512
- to {
513
- opacity: 1;
514
- }
496
+ .jsoneditor-modal .jsoneditor-jmespath-filter-relation {
497
+ width: 100px;
515
498
  }
516
499
 
517
- /*@-webkit-keyframes move-up {*/
518
-
519
- /*from { bottom: 24px; }*/
520
-
521
- /*to { bottom: 32px; }*/
522
-
523
- /*}*/
524
-
525
- /*@-moz-keyframes move-up {*/
526
-
527
- /*from { bottom: 24px; }*/
528
-
529
- /*to { bottom: 32px; }*/
530
-
531
- /*}*/
500
+ .jsoneditor-modal .jsoneditor-jmespath-filter-value {
501
+ min-width: 180px;
502
+ flex: 1;
503
+ }
532
504
 
533
- /*@-ms-keyframes move-up {*/
505
+ .jsoneditor-modal .jsoneditor-jmespath-sort-field {
506
+ width: 170px;
507
+ }
534
508
 
535
- /*from { bottom: 24px; }*/
509
+ .jsoneditor-modal .jsoneditor-jmespath-sort-order {
510
+ width: 150px;
511
+ }
536
512
 
537
- /*to { bottom: 32px; }*/
513
+ .jsoneditor-modal .jsoneditor-jmespath-select-fields {
514
+ width: 100%;
515
+ }
538
516
 
539
- /*}*/
517
+ .jsoneditor-modal .selectr-selected {
518
+ border-color: #d3d3d3;
519
+ padding: 4px 28px 4px 8px;
520
+ }
540
521
 
541
- /* JSON schema errors displayed at the bottom of the editor in mode text and code */
522
+ .jsoneditor-modal .selectr-selected .selectr-tag {
523
+ background-color: #3883fa;
524
+ border-radius: 5px;
525
+ }
542
526
 
543
- .jsoneditor .jsoneditor-validation-errors-container {
544
- max-height: 130px;
545
- overflow-y: auto;
527
+ .jsoneditor-modal table th,
528
+ .jsoneditor-modal table td {
529
+ text-align: left;
530
+ vertical-align: middle;
531
+ font-weight: normal;
532
+ color: #4d4d4d;
533
+ border-spacing: 0;
534
+ border-collapse: collapse;
546
535
  }
547
536
 
548
- .jsoneditor .jsoneditor-additional-errors {
549
- position: absolute;
550
- margin: auto;
551
- bottom: 31px;
552
- left: calc(50% - 92px);
553
- color: #808080;
554
- background-color: #ebebeb;
555
- padding: 7px 15px;
556
- border-radius: 8px;
537
+ .jsoneditor-modal select,
538
+ .jsoneditor-modal textarea,
539
+ .jsoneditor-modal input,
540
+ .jsoneditor-modal input[type=text],
541
+ .jsoneditor-modal input[type=text]:focus,
542
+ .jsoneditor-modal #query {
543
+ background: #ffffff;
544
+ border: 1px solid #d3d3d3;
545
+ color: #4d4d4d;
546
+ border-radius: 3px;
547
+ padding: 4px;
557
548
  }
558
549
 
559
- .jsoneditor .jsoneditor-additional-errors.visible {
560
- visibility: visible;
561
- opacity: 1;
562
- transition: opacity 2s linear;
550
+ .jsoneditor-modal textarea,
551
+ .jsoneditor-modal #query {
552
+ border-radius: unset;
563
553
  }
564
554
 
565
- .jsoneditor .jsoneditor-additional-errors.hidden {
566
- visibility: hidden;
567
- opacity: 0;
568
- transition: visibility 0s 2s, opacity 2s linear;
555
+ .jsoneditor-modal,
556
+ .jsoneditor-modal table td,
557
+ .jsoneditor-modal table th,
558
+ .jsoneditor-modal select,
559
+ .jsoneditor-modal option,
560
+ .jsoneditor-modal textarea,
561
+ .jsoneditor-modal input,
562
+ .jsoneditor-modal input[type=text],
563
+ .jsoneditor-modal #query {
564
+ font-size: 10.5pt;
565
+ font-family: arial, sans-serif;
569
566
  }
570
567
 
571
- .jsoneditor .jsoneditor-text-errors {
568
+ .jsoneditor-modal #query,
569
+ .jsoneditor-modal .jsoneditor-transform-preview {
570
+ font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
571
+ font-size: 14px;
572
572
  width: 100%;
573
- border-collapse: collapse;
574
- border-top: 1px solid #ffd700;
573
+ box-sizing: border-box;
575
574
  }
576
575
 
577
- .jsoneditor .jsoneditor-text-errors td {
578
- padding: 3px 6px;
579
- vertical-align: middle;
576
+ .jsoneditor-modal input[type=button],
577
+ .jsoneditor-modal input[type=submit] {
578
+ background: #f5f5f5;
579
+ padding: 4px 20px;
580
580
  }
581
581
 
582
- .jsoneditor .jsoneditor-text-errors tr {
583
- background-color: #ffef8b;
582
+ .jsoneditor-modal select,
583
+ .jsoneditor-modal input {
584
+ cursor: pointer;
584
585
  }
585
586
 
586
- .jsoneditor .jsoneditor-text-errors tr.parse-error {
587
- background-color: #ee2e2e70;
587
+ .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
588
+ .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
589
+ background: #3883fa;
590
+ border-color: #3883fa;
591
+ color: #ffffff;
588
592
  }
589
593
 
590
- .jsoneditor-text-errors .jsoneditor-schema-error {
591
- border: none;
592
- width: 24px;
593
- height: 24px;
594
+ .jsoneditor {
595
+ color: #1a1a1a;
596
+ border: thin solid #3883fa;
597
+ -moz-box-sizing: border-box;
598
+ -webkit-box-sizing: border-box;
599
+ box-sizing: border-box;
600
+ width: 100%;
601
+ height: 100%;
602
+ position: relative;
594
603
  padding: 0;
595
- margin: 0 4px 0 0;
596
- cursor: pointer;
604
+ line-height: 100%;
597
605
  }
598
606
 
599
- .jsoneditor-text-errors tr .jsoneditor-schema-error {
600
- background: asset-url("jsoneditor-icons.svg") -168px -48px;
607
+ div.jsoneditor-field,
608
+ div.jsoneditor-value,
609
+ a.jsoneditor-value,
610
+ div.jsoneditor-readonly,
611
+ div.jsoneditor-default {
612
+ border: 1px solid transparent;
613
+ min-height: 16px;
614
+ min-width: 32px;
615
+ line-height: 16px;
616
+ padding: 2px;
617
+ margin: 1px;
618
+ word-wrap: break-word;
619
+ word-break: break-word;
620
+ overflow-wrap: break-word;
621
+ float: left;
601
622
  }
602
623
 
603
- .jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
604
- background: asset-url("jsoneditor-icons.svg") -25px 0px;
624
+ div.jsoneditor-field p,
625
+ div.jsoneditor-value p {
626
+ margin: 0;
605
627
  }
606
628
 
607
- .fadein {
608
- -webkit-animation: fadein .3s;
609
- animation: fadein .3s;
610
- -moz-animation: fadein .3s;
611
- -o-animation: fadein .3s;
629
+ div.jsoneditor-value.jsoneditor-empty::after {
630
+ content: "value";
612
631
  }
613
632
 
614
- @-webkit-keyframes fadein {
615
- 0% {
616
- opacity: 0;
617
- }
633
+ div.jsoneditor-value.jsoneditor-string {
634
+ color: #006000;
635
+ }
618
636
 
619
- 100% {
620
- opacity: 1;
621
- }
637
+ div.jsoneditor-value.jsoneditor-number {
638
+ color: #ee422e;
622
639
  }
623
640
 
624
- @-moz-keyframes fadein {
625
- 0% {
626
- opacity: 0;
627
- }
641
+ div.jsoneditor-value.jsoneditor-boolean {
642
+ color: #ff8c00;
643
+ }
628
644
 
629
- 100% {
630
- opacity: 1;
631
- }
645
+ div.jsoneditor-value.jsoneditor-null {
646
+ color: #004ed0;
632
647
  }
633
648
 
634
- @keyframes fadein {
635
- 0% {
636
- opacity: 0;
637
- }
649
+ div.jsoneditor-value.jsoneditor-color-value {
650
+ color: #1a1a1a;
651
+ }
638
652
 
639
- 100% {
640
- opacity: 1;
641
- }
653
+ div.jsoneditor-value.jsoneditor-invalid {
654
+ color: #1a1a1a;
642
655
  }
643
656
 
644
- @-o-keyframes fadein {
645
- 0% {
646
- opacity: 0;
647
- }
657
+ div.jsoneditor-readonly {
658
+ min-width: 16px;
659
+ color: #808080;
660
+ }
648
661
 
649
- 100% {
650
- opacity: 1;
651
- }
662
+ div.jsoneditor-empty {
663
+ border-color: #d3d3d3;
664
+ border-style: dashed;
665
+ border-radius: 2px;
652
666
  }
653
- /* ContextMenu - main menu */
654
667
 
655
- div.jsoneditor-contextmenu-root {
656
- position: relative;
657
- width: 0;
658
- height: 0;
668
+ div.jsoneditor-field.jsoneditor-empty::after {
669
+ content: "field";
659
670
  }
660
671
 
661
- div.jsoneditor-contextmenu {
662
- position: absolute;
663
- box-sizing: content-box;
664
- z-index: 99999;
672
+ div.jsoneditor td {
673
+ vertical-align: top;
665
674
  }
666
675
 
667
- div.jsoneditor-contextmenu ul,
668
- div.jsoneditor-contextmenu li {
669
- box-sizing: content-box;
670
- position: relative;
676
+ div.jsoneditor td.jsoneditor-separator {
677
+ padding: 3px 0;
678
+ vertical-align: top;
679
+ color: #808080;
671
680
  }
672
681
 
673
- div.jsoneditor-contextmenu ul {
674
- position: relative;
675
- left: 0;
676
- top: 0;
677
- width: 128px;
678
- background: white;
679
- border: 1px solid #d3d3d3;
680
- box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
681
- list-style: none;
682
- margin: 0;
683
- padding: 0;
682
+ div.jsoneditor td.jsoneditor-tree {
683
+ vertical-align: top;
684
684
  }
685
685
 
686
- div.jsoneditor-contextmenu ul li button {
687
- position: relative;
688
- padding: 0 4px 0 0;
689
- margin: 0;
690
- width: 128px;
691
- height: auto;
692
- border: none;
693
- cursor: pointer;
694
- color: #4d4d4d;
695
- background: transparent;
696
- font-size: 10pt;
697
- font-family: arial, sans-serif;
698
- box-sizing: border-box;
699
- text-align: left;
686
+ div.jsoneditor.busy pre.jsoneditor-preview {
687
+ background: #f5f5f5;
688
+ color: #808080;
700
689
  }
701
690
 
702
- /* Fix button padding in firefox */
691
+ div.jsoneditor.busy div.jsoneditor-busy {
692
+ display: inherit;
693
+ }
703
694
 
704
- div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
705
- padding: 0;
706
- border: 0;
695
+ div.jsoneditor code.jsoneditor-preview {
696
+ background: none;
707
697
  }
708
698
 
709
- div.jsoneditor-contextmenu ul li button:hover,
710
- div.jsoneditor-contextmenu ul li button:focus {
711
- color: #1a1a1a;
712
- background-color: #f5f5f5;
713
- outline: none;
699
+ div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
700
+ width: 100%;
701
+ height: 100%;
702
+ box-sizing: border-box;
703
+ overflow: auto;
704
+ padding: 2px;
705
+ margin: 0;
706
+ white-space: pre-wrap;
707
+ word-break: break-all;
714
708
  }
715
709
 
716
- div.jsoneditor-contextmenu ul li button.jsoneditor-default {
717
- width: 96px;
718
- /* 128px - 32px */
710
+ div.jsoneditor-default {
711
+ color: #808080;
712
+ padding-left: 10px;
719
713
  }
720
714
 
721
- div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
722
- float: right;
723
- width: 32px;
724
- height: 24px;
725
- border-left: 1px solid #e5e5e5;
715
+ div.jsoneditor-tree {
716
+ width: 100%;
717
+ height: 100%;
718
+ position: relative;
719
+ overflow: auto;
720
+ background: #ffffff;
726
721
  }
727
722
 
728
- div.jsoneditor-contextmenu div.jsoneditor-icon {
729
- position: absolute;
730
- top: 0;
731
- left: 0;
723
+ div.jsoneditor-tree button.jsoneditor-button {
732
724
  width: 24px;
733
725
  height: 24px;
734
- border: none;
735
726
  padding: 0;
736
727
  margin: 0;
728
+ border: none;
729
+ cursor: pointer;
730
+ background-color: transparent;
737
731
  background-image: asset-url("jsoneditor-icons.svg");
738
732
  }
739
733
 
740
- div.jsoneditor-contextmenu ul li ul div.jsoneditor-icon {
741
- margin-left: 24px;
734
+ div.jsoneditor-tree button.jsoneditor-button:focus {
735
+ background-color: #f5f5f5;
736
+ outline: #e5e5e5 solid 1px;
742
737
  }
743
738
 
744
- div.jsoneditor-contextmenu div.jsoneditor-text {
745
- padding: 4px 0 4px 24px;
746
- word-wrap: break-word;
739
+ div.jsoneditor-tree button.jsoneditor-collapsed {
740
+ background-position: 0 -48px;
747
741
  }
748
742
 
749
- div.jsoneditor-contextmenu div.jsoneditor-text.jsoneditor-right-margin {
750
- padding-right: 24px;
751
- }
743
+ div.jsoneditor-tree button.jsoneditor-expanded {
744
+ background-position: 0 -72px;
745
+ }
752
746
 
753
- div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
754
- position: absolute;
755
- top: 0;
756
- right: 0;
757
- width: 24px;
758
- height: 24px;
759
- padding: 0;
760
- margin: 0 4px 0 0;
761
- background: asset-url("jsoneditor-icons.svg") 0 -72px;
747
+ div.jsoneditor-tree button.jsoneditor-contextmenu-button {
748
+ background-position: -48px -72px;
762
749
  }
763
750
 
764
- div.jsoneditor-contextmenu div.jsoneditor-separator {
765
- height: 0;
766
- border-top: 1px solid #e5e5e5;
767
- padding-top: 5px;
768
- margin-top: 5px;
751
+ div.jsoneditor-tree button.jsoneditor-invisible {
752
+ visibility: hidden;
753
+ background: none;
769
754
  }
770
755
 
771
- div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
772
- background-position: -24px 0;
756
+ div.jsoneditor-tree button.jsoneditor-dragarea {
757
+ background-image: asset-url("jsoneditor-icons.svg");
758
+ background-position: -72px -72px;
759
+ cursor: move;
773
760
  }
774
761
 
775
- div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
776
- background-position: 0 0;
762
+ div.jsoneditor-tree *:focus {
763
+ outline: none;
777
764
  }
778
765
 
779
- div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
780
- background-position: 0 0;
766
+ div.jsoneditor-tree div.jsoneditor-show-more {
767
+ display: inline-block;
768
+ padding: 3px 4px;
769
+ margin: 2px 0;
770
+ background-color: #e5e5e5;
771
+ border-radius: 3px;
772
+ color: #808080;
773
+ font-family: arial, sans-serif;
774
+ font-size: 14px;
781
775
  }
782
776
 
783
- div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
784
- background-position: -48px 0;
777
+ div.jsoneditor-tree div.jsoneditor-show-more a {
778
+ display: inline-block;
779
+ color: #808080;
785
780
  }
786
781
 
787
- div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
788
- background-position: -168px 0;
782
+ div.jsoneditor-tree div.jsoneditor-color {
783
+ display: inline-block;
784
+ width: 12px;
785
+ height: 12px;
786
+ margin: 4px;
787
+ border: 1px solid #808080;
788
+ cursor: pointer;
789
789
  }
790
790
 
791
- div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
792
- background-position: -192px 0;
791
+ div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly {
792
+ cursor: inherit;
793
793
  }
794
794
 
795
- div.jsoneditor-contextmenu button.jsoneditor-transform > div.jsoneditor-icon {
796
- background-position: -216px 0;
795
+ div.jsoneditor-tree div.jsoneditor-date {
796
+ background: #a1a1a1;
797
+ color: #ffffff;
798
+ font-family: arial, sans-serif;
799
+ border-radius: 3px;
800
+ display: inline-block;
801
+ padding: 3px;
802
+ margin: 0 3px;
797
803
  }
798
804
 
799
- /* ContextMenu - sub menu */
805
+ div.jsoneditor-tree table.jsoneditor-tree {
806
+ border-collapse: collapse;
807
+ border-spacing: 0;
808
+ width: 100%;
809
+ }
800
810
 
801
- div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
802
- div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover,
803
- div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus {
804
- color: white;
805
- background-color: #ee422e;
811
+ div.jsoneditor-tree .jsoneditor-button {
812
+ display: block;
806
813
  }
807
814
 
808
- div.jsoneditor-contextmenu ul li {
809
- overflow: hidden;
815
+ div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
816
+ width: 24px;
817
+ height: 24px;
818
+ padding: 0;
819
+ margin: 0 4px 0 0;
820
+ background-image: asset-url("jsoneditor-icons.svg");
821
+ background-position: -168px -48px;
822
+ background-color: transparent;
810
823
  }
811
824
 
812
- div.jsoneditor-contextmenu ul li ul {
813
- display: none;
814
- position: relative;
815
- left: -10px;
816
- top: 0;
817
- border: none;
818
- box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
819
- padding: 0 10px;
820
- /* TODO: transition is not supported on IE8-9 */
821
- -webkit-transition: all 0.3s ease-out;
822
- -moz-transition: all 0.3s ease-out;
823
- -o-transition: all 0.3s ease-out;
824
- transition: all 0.3s ease-out;
825
+ div.jsoneditor-outer {
826
+ position: static;
827
+ width: 100%;
828
+ height: 100%;
829
+ margin: 0;
830
+ padding: 0;
831
+ -moz-box-sizing: border-box;
832
+ -webkit-box-sizing: border-box;
833
+ box-sizing: border-box;
825
834
  }
826
835
 
836
+ div.jsoneditor-outer.has-nav-bar {
837
+ margin-top: -26px;
838
+ padding-top: 26px;
839
+ }
827
840
 
841
+ div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
842
+ margin-top: -61px;
843
+ padding-top: 61px;
844
+ }
828
845
 
829
- div.jsoneditor-contextmenu ul li ul li button {
830
- padding-left: 24px;
831
- animation: all ease-in-out 1s;
846
+ div.jsoneditor-outer.has-status-bar {
847
+ margin-bottom: -26px;
848
+ padding-bottom: 26px;
832
849
  }
833
850
 
834
- div.jsoneditor-contextmenu ul li ul li button:hover,
835
- div.jsoneditor-contextmenu ul li ul li button:focus {
836
- background-color: #f5f5f5;
851
+ div.jsoneditor-outer.has-main-menu-bar {
852
+ margin-top: -35px;
853
+ padding-top: 35px;
837
854
  }
838
855
 
839
- div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
840
- background-position: -144px 0;
856
+ div.jsoneditor-busy {
857
+ position: absolute;
858
+ top: 15%;
859
+ left: 0;
860
+ box-sizing: border-box;
861
+ width: 100%;
862
+ text-align: center;
863
+ display: none;
841
864
  }
842
865
 
843
- div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
844
- background-position: -120px 0;
866
+ div.jsoneditor-busy span {
867
+ background-color: #ffffab;
868
+ border: 1px solid #ffee00;
869
+ border-radius: 3px;
870
+ padding: 5px 15px;
871
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
845
872
  }
846
873
 
847
- div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
848
- background-position: -72px 0;
874
+ div.jsoneditor-field.jsoneditor-empty::after,
875
+ div.jsoneditor-value.jsoneditor-empty::after {
876
+ pointer-events: none;
877
+ color: #d3d3d3;
878
+ font-size: 8pt;
849
879
  }
850
880
 
851
- div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
852
- background-position: -96px 0;
881
+ div.jsoneditor-value.jsoneditor-url,
882
+ a.jsoneditor-value.jsoneditor-url {
883
+ color: #006000;
884
+ text-decoration: underline;
853
885
  }
854
886
 
855
- div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
856
- background-image: none;
857
- width: 6px;
887
+ a.jsoneditor-value.jsoneditor-url {
888
+ display: inline-block;
889
+ padding: 2px;
890
+ margin: 2px;
858
891
  }
859
892
 
860
- /* pico modal styling */
893
+ a.jsoneditor-value.jsoneditor-url:hover,
894
+ a.jsoneditor-value.jsoneditor-url:focus {
895
+ color: #ee422e;
896
+ }
861
897
 
862
- .jsoneditor-modal-overlay {
863
- position: absolute !important;
864
- background: rgb(1,1,1) !important;
865
- opacity: 0.3 !important;
898
+ div.jsoneditor-field[contenteditable=true]:focus,
899
+ div.jsoneditor-field[contenteditable=true]:hover,
900
+ div.jsoneditor-value[contenteditable=true]:focus,
901
+ div.jsoneditor-value[contenteditable=true]:hover,
902
+ div.jsoneditor-field.jsoneditor-highlight,
903
+ div.jsoneditor-value.jsoneditor-highlight {
904
+ background-color: #ffffab;
905
+ border: 1px solid #ffee00;
906
+ border-radius: 2px;
866
907
  }
867
908
 
868
- .jsoneditor-modal {
869
- position: absolute !important;
870
- max-width: 95% !important;
871
- width: auto !important;
872
- border-radius: 2px !important;
873
- padding: 45px 15px 15px 15px !important;
874
- box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3) !important;
875
- color: #4d4d4d;
876
- line-height: 1.3em;
909
+ div.jsoneditor-field.jsoneditor-highlight-active,
910
+ div.jsoneditor-field.jsoneditor-highlight-active:focus,
911
+ div.jsoneditor-field.jsoneditor-highlight-active:hover,
912
+ div.jsoneditor-value.jsoneditor-highlight-active,
913
+ div.jsoneditor-value.jsoneditor-highlight-active:focus,
914
+ div.jsoneditor-value.jsoneditor-highlight-active:hover {
915
+ background-color: #ffee00;
916
+ border: 1px solid #ffc700;
917
+ border-radius: 2px;
877
918
  }
878
919
 
879
- .jsoneditor-modal.jsoneditor-modal-transform {
880
- width: 600px !important;
920
+ div.jsoneditor-value.jsoneditor-object,
921
+ div.jsoneditor-value.jsoneditor-array {
922
+ min-width: 16px;
881
923
  }
882
924
 
883
- .jsoneditor-modal .pico-modal-header {
884
- position: absolute;
885
- box-sizing: border-box;
886
- top: 0;
887
- left: 0;
888
- width: 100%;
889
- padding: 0 10px;
890
- height: 30px;
891
- line-height: 30px;
892
- font-family: arial, sans-serif;
893
- font-size: 11pt;
894
- background: #3883fa;
895
- color: white;
925
+ div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
926
+ div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
927
+ div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
928
+ tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
929
+ background-position: -48px -48px;
896
930
  }
897
931
 
898
- .jsoneditor-modal table {
899
- width: 100%;
932
+ div.jsoneditor-tree div.jsoneditor-show-more a:hover,
933
+ div.jsoneditor-tree div.jsoneditor-show-more a:focus {
934
+ color: #ee422e;
900
935
  }
901
936
 
902
- .jsoneditor-modal table th,
903
- .jsoneditor-modal table td {
904
- padding: 5px 20px 5px 0;
905
- text-align: left;
906
- vertical-align: top;
907
- font-weight: normal;
908
- color: #4d4d4d;
909
- line-height: 32px;
937
+ textarea.jsoneditor-text,
938
+ .ace-jsoneditor {
939
+ min-height: 150px;
910
940
  }
911
941
 
912
- .jsoneditor-modal p:first-child {
913
- margin-top: 0;
942
+ textarea.jsoneditor-text.ace_editor,
943
+ .ace-jsoneditor.ace_editor {
944
+ font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
914
945
  }
915
946
 
916
- .jsoneditor-modal a {
917
- color: #3883fa;
947
+ textarea.jsoneditor-text {
948
+ width: 100%;
949
+ height: 100%;
950
+ margin: 0;
951
+ -moz-box-sizing: border-box;
952
+ -webkit-box-sizing: border-box;
953
+ box-sizing: border-box;
954
+ outline-width: 0;
955
+ border: none;
956
+ background-color: #ffffff;
957
+ resize: none;
918
958
  }
919
959
 
960
+ tr.jsoneditor-highlight,
961
+ tr.jsoneditor-selected {
962
+ background-color: #d3d3d3;
963
+ }
920
964
 
965
+ tr.jsoneditor-selected button.jsoneditor-dragarea,
966
+ tr.jsoneditor-selected button.jsoneditor-contextmenu-button {
967
+ visibility: hidden;
968
+ }
921
969
 
922
- .jsoneditor-modal table td.jsoneditor-modal-input {
923
- text-align: right;
924
- padding-right: 0;
925
- white-space: nowrap;
970
+ tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
971
+ tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
972
+ visibility: visible;
926
973
  }
927
974
 
928
- .jsoneditor-modal table td.jsoneditor-modal-actions {
929
- padding-top: 15px;
975
+ div.jsoneditor-tree button.jsoneditor-dragarea:hover,
976
+ div.jsoneditor-tree button.jsoneditor-dragarea:focus,
977
+ tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
978
+ background-position: -72px -48px;
930
979
  }
931
980
 
932
- .jsoneditor-modal .pico-close {
933
- background: none !important;
934
- font-size: 24px !important;
935
- top: 7px !important;
936
- right: 7px !important;
937
- color: white;
981
+ div.jsoneditor tr,
982
+ div.jsoneditor th,
983
+ div.jsoneditor td {
984
+ padding: 0;
985
+ margin: 0;
938
986
  }
939
987
 
940
- .jsoneditor-modal select,
941
- .jsoneditor-modal textarea,
942
- .jsoneditor-modal input,
943
- .jsoneditor-modal #query {
944
- background: #ffffff;
945
- border: 1px solid #d3d3d3;
946
- color: #4d4d4d;
988
+ div.jsoneditor-field,
989
+ div.jsoneditor-value,
990
+ div.jsoneditor td,
991
+ div.jsoneditor th,
992
+ div.jsoneditor textarea,
993
+ pre.jsoneditor-preview,
994
+ .jsoneditor-schema-error,
995
+ .jsoneditor-popover {
996
+ font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
997
+ font-size: 14px;
998
+ color: #1a1a1a;
999
+ }
1000
+
1001
+ .jsoneditor-schema-error {
1002
+ cursor: default;
1003
+ display: inline-block;
1004
+ height: 24px;
1005
+ line-height: 24px;
1006
+ position: relative;
1007
+ text-align: center;
1008
+ width: 24px;
1009
+ }
1010
+
1011
+ .jsoneditor-popover {
1012
+ background-color: #4c4c4c;
947
1013
  border-radius: 3px;
948
- padding: 4px;
1014
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
1015
+ color: #ffffff;
1016
+ padding: 7px 10px;
1017
+ position: absolute;
1018
+ cursor: auto;
1019
+ width: 200px;
949
1020
  }
950
1021
 
951
- .jsoneditor-modal,
952
- .jsoneditor-modal table td,
953
- .jsoneditor-modal table th,
954
- .jsoneditor-modal select,
955
- .jsoneditor-modal option,
956
- .jsoneditor-modal textarea,
957
- .jsoneditor-modal input,
958
- .jsoneditor-modal #query {
959
- font-size: 10.5pt;
960
- font-family: arial, sans-serif;
1022
+ .jsoneditor-popover.jsoneditor-above {
1023
+ bottom: 32px;
1024
+ left: -98px;
961
1025
  }
962
1026
 
963
- .jsoneditor-modal #query,
964
- .jsoneditor-modal .jsoneditor-transform-preview {
965
- font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
966
- font-size: 10pt;
1027
+ .jsoneditor-popover.jsoneditor-above:before {
1028
+ border-top: 7px solid #4c4c4c;
1029
+ bottom: -7px;
967
1030
  }
968
1031
 
969
- .jsoneditor-modal input[type="button"],
970
- .jsoneditor-modal input[type="submit"] {
971
- background: #f5f5f5;
972
- padding: 4px 20px;
1032
+ .jsoneditor-popover.jsoneditor-below {
1033
+ top: 32px;
1034
+ left: -98px;
973
1035
  }
974
1036
 
975
- .jsoneditor-modal select,
976
- .jsoneditor-modal input {
977
- cursor: pointer;
1037
+ .jsoneditor-popover.jsoneditor-below:before {
1038
+ border-bottom: 7px solid #4c4c4c;
1039
+ top: -7px;
978
1040
  }
979
1041
 
980
- .jsoneditor-modal input {
981
- padding: 4px;
1042
+ .jsoneditor-popover.jsoneditor-left {
1043
+ top: -7px;
1044
+ right: 32px;
982
1045
  }
983
1046
 
984
- .jsoneditor-modal input[type="text"] {
985
- cursor: inherit;
1047
+ .jsoneditor-popover.jsoneditor-left:before {
1048
+ border-left: 7px solid #4c4c4c;
1049
+ border-top: 7px solid transparent;
1050
+ border-bottom: 7px solid transparent;
1051
+ content: "";
1052
+ top: 19px;
1053
+ right: -14px;
1054
+ left: inherit;
1055
+ margin-left: inherit;
1056
+ margin-top: -7px;
1057
+ position: absolute;
986
1058
  }
987
1059
 
988
- .jsoneditor-modal input[disabled] {
989
- background: #d3d3d3;
990
- color: #808080;
1060
+ .jsoneditor-popover.jsoneditor-right {
1061
+ top: -7px;
1062
+ left: 32px;
991
1063
  }
992
1064
 
993
- .jsoneditor-modal .jsoneditor-select-wrapper {
994
- position: relative;
995
- display: inline-block;
1065
+ .jsoneditor-popover.jsoneditor-right:before {
1066
+ border-right: 7px solid #4c4c4c;
1067
+ border-top: 7px solid transparent;
1068
+ border-bottom: 7px solid transparent;
1069
+ content: "";
1070
+ top: 19px;
1071
+ left: -14px;
1072
+ margin-left: inherit;
1073
+ margin-top: -7px;
1074
+ position: absolute;
996
1075
  }
997
1076
 
998
- .jsoneditor-modal .jsoneditor-select-wrapper:after {
1077
+ .jsoneditor-popover:before {
1078
+ border-right: 7px solid transparent;
1079
+ border-left: 7px solid transparent;
999
1080
  content: "";
1000
- width: 0;
1001
- height: 0;
1002
- border-left: 5px solid transparent;
1003
- border-right: 5px solid transparent;
1004
- border-top: 6px solid #666;
1081
+ display: block;
1082
+ left: 50%;
1083
+ margin-left: -7px;
1005
1084
  position: absolute;
1006
- right: 8px;
1007
- top: 14px;
1008
- pointer-events: none;
1009
1085
  }
1010
1086
 
1011
- .jsoneditor-modal select {
1012
- padding: 3px 24px 3px 10px;
1013
- min-width: 180px;
1014
- max-width: 350px;
1015
- -webkit-appearance: none;
1016
- -moz-appearance: none;
1017
- appearance: none;
1018
- text-indent: 0;
1019
- text-overflow: "";
1020
- font-size: 10pt;
1021
- line-height: 1.5em;
1087
+ .jsoneditor-text-errors tr.jump-to-line:hover {
1088
+ text-decoration: underline;
1089
+ cursor: pointer;
1090
+ }
1091
+
1092
+ .jsoneditor-schema-error:hover .jsoneditor-popover,
1093
+ .jsoneditor-schema-error:focus .jsoneditor-popover {
1094
+ display: block;
1095
+ animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
1022
1096
  }
1023
1097
 
1024
- .jsoneditor-modal select::-ms-expand {
1025
- display: none;
1098
+ @keyframes fade-in {
1099
+ from {
1100
+ opacity: 0;
1101
+ }
1102
+
1103
+ to {
1104
+ opacity: 1;
1105
+ }
1106
+ }
1107
+
1108
+ /* JSON schema errors displayed at the bottom of the editor in mode text and code */
1109
+
1110
+ .jsoneditor .jsoneditor-validation-errors-container {
1111
+ max-height: 130px;
1112
+ overflow-y: auto;
1026
1113
  }
1027
1114
 
1028
- .jsoneditor-modal .jsoneditor-button-group input {
1029
- padding: 4px 10px;
1030
- margin: 0;
1031
- border-radius: 0;
1032
- border-left-style: none;
1115
+ .jsoneditor .jsoneditor-validation-errors {
1116
+ width: 100%;
1117
+ overflow: hidden;
1033
1118
  }
1034
1119
 
1035
- .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
1036
- border-top-left-radius: 3px;
1037
- border-bottom-left-radius: 3px;
1038
- border-left-style: solid;
1120
+ .jsoneditor .jsoneditor-additional-errors {
1121
+ position: absolute;
1122
+ margin: auto;
1123
+ bottom: 31px;
1124
+ left: calc(50% - 92px);
1125
+ color: #808080;
1126
+ background-color: #ebebeb;
1127
+ padding: 7px 15px;
1128
+ border-radius: 8px;
1039
1129
  }
1040
1130
 
1041
- .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
1042
- border-top-right-radius: 3px;
1043
- border-bottom-right-radius: 3px;
1131
+ .jsoneditor .jsoneditor-additional-errors.visible {
1132
+ visibility: visible;
1133
+ opacity: 1;
1134
+ transition: opacity 2s linear;
1044
1135
  }
1045
1136
 
1046
- .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
1047
- .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
1048
- background: #3883fa;
1049
- border-color: #3883fa;
1050
- color: white;
1137
+ .jsoneditor .jsoneditor-additional-errors.hidden {
1138
+ visibility: hidden;
1139
+ opacity: 0;
1140
+ transition: visibility 0s 2s, opacity 2s linear;
1051
1141
  }
1052
1142
 
1053
- .jsoneditor-modal #query,
1054
- .jsoneditor-modal .jsoneditor-transform-preview {
1143
+ .jsoneditor .jsoneditor-text-errors {
1055
1144
  width: 100%;
1056
- box-sizing: border-box;
1145
+ border-collapse: collapse;
1146
+ border-top: 1px solid #ffc700;
1057
1147
  }
1058
1148
 
1059
- .jsoneditor-modal .jsoneditor-transform-preview {
1060
- background: #f5f5f5;
1061
- height: 200px;
1149
+ .jsoneditor .jsoneditor-text-errors td {
1150
+ padding: 3px 6px;
1151
+ vertical-align: middle;
1062
1152
  }
1063
1153
 
1064
- .jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
1065
- color: #ee422e;
1154
+ .jsoneditor .jsoneditor-text-errors td pre {
1155
+ margin: 0;
1156
+ white-space: pre-wrap;
1066
1157
  }
1067
1158
 
1068
- .jsoneditor-modal .jsoneditor-jmespath-wizard {
1069
- line-height: 1.2em;
1070
- width: 100%;
1071
- background: #ffffe0;
1072
- border: 1px solid #ffe99a;
1073
- padding: 0 10px 10px;
1074
- border-radius: 3px;
1159
+ .jsoneditor .jsoneditor-text-errors tr {
1160
+ background-color: #ffffab;
1075
1161
  }
1076
1162
 
1077
- .jsoneditor-modal .jsoneditor-jmespath-wizard-label {
1078
- font-style: italic;
1079
- margin: 4px 0 2px 0;
1163
+ .jsoneditor .jsoneditor-text-errors tr.parse-error {
1164
+ background-color: rgba(238, 46, 46, 0.4392156863);
1080
1165
  }
1081
1166
 
1082
- .jsoneditor-modal .jsoneditor-inline {
1083
- position: relative;
1084
- display: inline-block;
1085
- width: 100%;
1086
- padding: 2px;
1167
+ .jsoneditor-text-errors .jsoneditor-schema-error {
1168
+ border: none;
1169
+ width: 24px;
1170
+ height: 24px;
1171
+ padding: 0;
1172
+ margin: 0 4px 0 0;
1173
+ cursor: pointer;
1087
1174
  }
1088
1175
 
1089
- .jsoneditor-modal .jsoneditor-jmespath-filter {
1090
- display: flex;
1091
- flex-wrap: wrap;
1176
+ .jsoneditor-text-errors tr .jsoneditor-schema-error {
1177
+ background-image: asset-url("jsoneditor-icons.svg");
1178
+ background-position: -168px -48px;
1179
+ background-color: transparent;
1092
1180
  }
1093
1181
 
1094
- .jsoneditor-modal .jsoneditor-jmespath-filter-field {
1095
- width: 170px;
1182
+ .jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
1183
+ background-image: asset-url("jsoneditor-icons.svg");
1184
+ background-position: -25px 0px;
1185
+ background-color: transparent;
1096
1186
  }
1097
1187
 
1098
- .jsoneditor-modal .jsoneditor-jmespath-filter-relation {
1099
- width: 100px;
1188
+ .jsoneditor-anchor {
1189
+ cursor: pointer;
1100
1190
  }
1101
1191
 
1102
- .jsoneditor-modal .jsoneditor-jmespath-filter-value {
1103
- min-width: 100px;
1104
- flex: 1;
1192
+ .jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
1193
+ top: 28px;
1194
+ left: -10px;
1105
1195
  }
1106
1196
 
1107
- .jsoneditor-modal .jsoneditor-jmespath-sort-field {
1108
- width: 170px;
1197
+ .fadein {
1198
+ -webkit-animation: fadein 0.3s;
1199
+ animation: fadein 0.3s;
1200
+ -moz-animation: fadein 0.3s;
1201
+ -o-animation: fadein 0.3s;
1109
1202
  }
1110
1203
 
1111
- .jsoneditor-modal .jsoneditor-jmespath-sort-order {
1112
- width: 150px;
1113
- }
1204
+ @keyframes fadein {
1205
+ 0% {
1206
+ opacity: 0;
1207
+ }
1114
1208
 
1115
- .jsoneditor-modal .jsoneditor-jmespath-select-fields {
1116
- width: 100%;
1209
+ 100% {
1210
+ opacity: 1;
1211
+ }
1117
1212
  }
1118
1213
 
1119
- .jsoneditor-modal .selectr-selected {
1120
- border-color: #d3d3d3;
1121
- padding: 4px 28px 4px 8px;
1214
+ .jsoneditor-modal input[type=search].selectr-input {
1215
+ border: 1px solid #d3d3d3;
1216
+ width: calc(100% - 4px);
1217
+ margin: 2px;
1218
+ padding: 4px;
1219
+ box-sizing: border-box;
1122
1220
  }
1123
1221
 
1124
- .jsoneditor-modal .selectr-selected .selectr-tag {
1125
- background-color: #3883fa;
1126
- border-radius: 5px;
1222
+ .jsoneditor-modal button.selectr-input-clear {
1223
+ right: 8px;
1127
1224
  }
1128
- div.jsoneditor-menu {
1225
+
1226
+ .jsoneditor-menu {
1129
1227
  width: 100%;
1130
1228
  height: 35px;
1131
1229
  padding: 2px;
@@ -1133,176 +1231,174 @@ div.jsoneditor-menu {
1133
1231
  -moz-box-sizing: border-box;
1134
1232
  -webkit-box-sizing: border-box;
1135
1233
  box-sizing: border-box;
1136
- color: white;
1234
+ color: #ffffff;
1137
1235
  background-color: #3883fa;
1138
1236
  border-bottom: 1px solid #3883fa;
1139
1237
  }
1140
1238
 
1141
- div.jsoneditor-menu > button,
1142
- div.jsoneditor-menu > div.jsoneditor-modes > button {
1239
+ .jsoneditor-menu > button,
1240
+ .jsoneditor-menu > .jsoneditor-modes > button {
1143
1241
  width: 26px;
1144
1242
  height: 26px;
1145
1243
  margin: 2px;
1146
1244
  padding: 0;
1147
1245
  border-radius: 2px;
1148
1246
  border: 1px solid transparent;
1149
- background: transparent asset-url("jsoneditor-icons.svg");
1150
- color: white;
1247
+ background-color: transparent;
1248
+ background-image: asset-url("jsoneditor-icons.svg");
1249
+ color: #ffffff;
1151
1250
  opacity: 0.8;
1152
1251
  font-family: arial, sans-serif;
1153
- font-size: 10pt;
1252
+ font-size: 14px;
1154
1253
  float: left;
1155
1254
  }
1156
1255
 
1157
- div.jsoneditor-menu > button:hover,
1158
- div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
1159
- background-color: rgba(255,255,255,0.2);
1160
- border: 1px solid rgba(255,255,255,0.4);
1256
+ .jsoneditor-menu > button:hover,
1257
+ .jsoneditor-menu > .jsoneditor-modes > button:hover {
1258
+ background-color: rgba(255, 255, 255, 0.2);
1259
+ border: 1px solid rgba(255, 255, 255, 0.4);
1161
1260
  }
1162
1261
 
1163
- div.jsoneditor-menu > button:focus,
1164
- div.jsoneditor-menu > button:active,
1165
- div.jsoneditor-menu > div.jsoneditor-modes > button:focus,
1166
- div.jsoneditor-menu > div.jsoneditor-modes > button:active {
1167
- background-color: rgba(255,255,255,0.3);
1262
+ .jsoneditor-menu > button:focus,
1263
+ .jsoneditor-menu > button:active,
1264
+ .jsoneditor-menu > .jsoneditor-modes > button:focus,
1265
+ .jsoneditor-menu > .jsoneditor-modes > button:active {
1266
+ background-color: rgba(255, 255, 255, 0.3);
1168
1267
  }
1169
1268
 
1170
- div.jsoneditor-menu > button:disabled,
1171
- div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
1269
+ .jsoneditor-menu > button:disabled,
1270
+ .jsoneditor-menu > .jsoneditor-modes > button:disabled {
1172
1271
  opacity: 0.5;
1272
+ background-color: transparent;
1273
+ border: none;
1173
1274
  }
1174
1275
 
1175
- div.jsoneditor-menu > button.jsoneditor-collapse-all {
1276
+ .jsoneditor-menu > button.jsoneditor-collapse-all {
1176
1277
  background-position: 0 -96px;
1177
1278
  }
1178
1279
 
1179
- div.jsoneditor-menu > button.jsoneditor-expand-all {
1280
+ .jsoneditor-menu > button.jsoneditor-expand-all {
1180
1281
  background-position: 0 -120px;
1181
1282
  }
1182
1283
 
1183
- div.jsoneditor-menu > button.jsoneditor-sort {
1284
+ .jsoneditor-menu > button.jsoneditor-sort {
1184
1285
  background-position: -120px -96px;
1185
1286
  }
1186
1287
 
1187
- div.jsoneditor-menu > button.jsoneditor-transform {
1288
+ .jsoneditor-menu > button.jsoneditor-transform {
1188
1289
  background-position: -144px -96px;
1189
1290
  }
1190
1291
 
1191
- div.jsoneditor.jsoneditor-mode-view > div.jsoneditor-menu > button.jsoneditor-sort,
1192
- div.jsoneditor.jsoneditor-mode-form > div.jsoneditor-menu > button.jsoneditor-sort,
1193
- div.jsoneditor.jsoneditor-mode-view > div.jsoneditor-menu > button.jsoneditor-transform,
1194
- div.jsoneditor.jsoneditor-mode-form > div.jsoneditor-menu > button.jsoneditor-transform {
1292
+ .jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
1293
+ .jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
1294
+ .jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
1295
+ .jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
1195
1296
  display: none;
1196
1297
  }
1197
1298
 
1198
- div.jsoneditor-menu > button.jsoneditor-undo {
1299
+ .jsoneditor-menu > button.jsoneditor-undo {
1199
1300
  background-position: -24px -96px;
1200
1301
  }
1201
1302
 
1202
- div.jsoneditor-menu > button.jsoneditor-undo:disabled {
1303
+ .jsoneditor-menu > button.jsoneditor-undo:disabled {
1203
1304
  background-position: -24px -120px;
1204
1305
  }
1205
1306
 
1206
- div.jsoneditor-menu > button.jsoneditor-redo {
1307
+ .jsoneditor-menu > button.jsoneditor-redo {
1207
1308
  background-position: -48px -96px;
1208
1309
  }
1209
1310
 
1210
- div.jsoneditor-menu > button.jsoneditor-redo:disabled {
1311
+ .jsoneditor-menu > button.jsoneditor-redo:disabled {
1211
1312
  background-position: -48px -120px;
1212
1313
  }
1213
1314
 
1214
- div.jsoneditor-menu > button.jsoneditor-compact {
1315
+ .jsoneditor-menu > button.jsoneditor-compact {
1215
1316
  background-position: -72px -96px;
1216
1317
  }
1217
1318
 
1218
- div.jsoneditor-menu > button.jsoneditor-format {
1319
+ .jsoneditor-menu > button.jsoneditor-format {
1219
1320
  background-position: -72px -120px;
1220
1321
  }
1221
1322
 
1222
- div.jsoneditor-menu > button.jsoneditor-repair {
1323
+ .jsoneditor-menu > button.jsoneditor-repair {
1223
1324
  background-position: -96px -96px;
1224
1325
  }
1225
1326
 
1226
- div.jsoneditor-menu > div.jsoneditor-modes {
1327
+ .jsoneditor-menu > .jsoneditor-modes {
1227
1328
  display: inline-block;
1228
1329
  float: left;
1229
1330
  }
1230
1331
 
1231
- div.jsoneditor-menu > div.jsoneditor-modes > button {
1332
+ .jsoneditor-menu > .jsoneditor-modes > button {
1232
1333
  background-image: none;
1233
1334
  width: auto;
1234
1335
  padding-left: 6px;
1235
1336
  padding-right: 6px;
1236
1337
  }
1237
1338
 
1238
- div.jsoneditor-menu > button.jsoneditor-separator,
1239
- div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
1339
+ .jsoneditor-menu > button.jsoneditor-separator,
1340
+ .jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
1240
1341
  margin-left: 10px;
1241
1342
  }
1242
1343
 
1243
- div.jsoneditor-menu a {
1344
+ .jsoneditor-menu a {
1244
1345
  font-family: arial, sans-serif;
1245
- font-size: 10pt;
1246
- color: white;
1346
+ font-size: 14px;
1347
+ color: #ffffff;
1247
1348
  opacity: 0.8;
1248
1349
  vertical-align: middle;
1249
1350
  }
1250
1351
 
1251
- div.jsoneditor-menu a:hover {
1352
+ .jsoneditor-menu a:hover {
1252
1353
  opacity: 1;
1253
1354
  }
1254
1355
 
1255
- div.jsoneditor-menu a.jsoneditor-poweredBy {
1356
+ .jsoneditor-menu a.jsoneditor-poweredBy {
1256
1357
  font-size: 8pt;
1257
1358
  position: absolute;
1258
1359
  right: 0;
1259
1360
  top: 0;
1260
1361
  padding: 10px;
1261
1362
  }
1262
- table.jsoneditor-search input,
1263
- table.jsoneditor-search div.jsoneditor-results {
1264
- font-family: arial, sans-serif;
1265
- font-size: 10pt;
1266
- color: #1A1A1A;
1267
- background: transparent;
1268
- /* For Firefox */
1269
- }
1270
1363
 
1271
- table.jsoneditor-search div.jsoneditor-results {
1272
- color: white;
1273
- padding-right: 5px;
1274
- line-height: 24px;
1275
- padding-top: 2px;
1364
+ .jsoneditor-navigation-bar {
1365
+ width: 100%;
1366
+ height: 26px;
1367
+ line-height: 26px;
1368
+ padding: 0;
1369
+ margin: 0;
1370
+ border-bottom: 1px solid #d3d3d3;
1371
+ -moz-box-sizing: border-box;
1372
+ -webkit-box-sizing: border-box;
1373
+ box-sizing: border-box;
1374
+ color: #808080;
1375
+ background-color: #ebebeb;
1376
+ overflow: hidden;
1377
+ font-family: arial, sans-serif;
1378
+ font-size: 14px;
1276
1379
  }
1277
1380
 
1278
- table.jsoneditor-search {
1381
+ .jsoneditor-search {
1382
+ font-family: arial, sans-serif;
1279
1383
  position: absolute;
1280
1384
  right: 4px;
1281
1385
  top: 4px;
1282
1386
  border-collapse: collapse;
1283
1387
  border-spacing: 0;
1388
+ display: flex;
1284
1389
  }
1285
1390
 
1286
- table.jsoneditor-search div.jsoneditor-frame {
1287
- border: 1px solid transparent;
1288
- background-color: white;
1289
- padding: 0 2px;
1290
- margin: 0;
1291
- }
1292
-
1293
- table.jsoneditor-search div.jsoneditor-frame table {
1294
- border-collapse: collapse;
1295
- }
1296
-
1297
- table.jsoneditor-search input {
1391
+ .jsoneditor-search input {
1392
+ color: #1a1a1a;
1298
1393
  width: 120px;
1299
1394
  border: none;
1300
1395
  outline: none;
1301
1396
  margin: 1px;
1302
1397
  line-height: 20px;
1398
+ font-family: arial, sans-serif;
1303
1399
  }
1304
1400
 
1305
- table.jsoneditor-search button {
1401
+ .jsoneditor-search button {
1306
1402
  width: 16px;
1307
1403
  height: 24px;
1308
1404
  padding: 0;
@@ -1312,157 +1408,159 @@ table.jsoneditor-search button {
1312
1408
  vertical-align: top;
1313
1409
  }
1314
1410
 
1315
- table.jsoneditor-search button:hover {
1411
+ .jsoneditor-search button:hover {
1316
1412
  background-color: transparent;
1317
1413
  }
1318
1414
 
1319
- table.jsoneditor-search button.jsoneditor-refresh {
1415
+ .jsoneditor-search button.jsoneditor-refresh {
1320
1416
  width: 18px;
1321
1417
  background-position: -99px -73px;
1322
1418
  }
1323
1419
 
1324
- table.jsoneditor-search button.jsoneditor-next {
1420
+ .jsoneditor-search button.jsoneditor-next {
1325
1421
  cursor: pointer;
1326
1422
  background-position: -124px -73px;
1327
1423
  }
1328
1424
 
1329
- table.jsoneditor-search button.jsoneditor-next:hover {
1425
+ .jsoneditor-search button.jsoneditor-next:hover {
1330
1426
  background-position: -124px -49px;
1331
1427
  }
1332
1428
 
1333
- table.jsoneditor-search button.jsoneditor-previous {
1429
+ .jsoneditor-search button.jsoneditor-previous {
1334
1430
  cursor: pointer;
1335
1431
  background-position: -148px -73px;
1336
1432
  margin-right: 2px;
1337
1433
  }
1338
1434
 
1339
- table.jsoneditor-search button.jsoneditor-previous:hover {
1435
+ .jsoneditor-search button.jsoneditor-previous:hover {
1340
1436
  background-position: -148px -49px;
1341
1437
  }
1342
- div.jsoneditor div.autocomplete.dropdown {
1343
- position: absolute;
1344
- background: white;
1345
- box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
1346
- border: 1px solid #d3d3d3;
1347
- z-index: 100;
1348
- overflow-x: hidden;
1349
- overflow-y: auto;
1350
- cursor: default;
1351
- margin: 0;
1352
- padding-left: 2pt;
1353
- padding-right: 5pt;
1354
- text-align: left;
1355
- outline: 0;
1356
- font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
1357
- font-size: 10pt;
1358
- }
1359
-
1360
- div.jsoneditor div.autocomplete.dropdown .item {
1361
- color: #333;
1362
- }
1363
-
1364
- div.jsoneditor div.autocomplete.dropdown .item.hover {
1365
- background-color: #ddd;
1366
- }
1367
-
1368
- div.jsoneditor div.autocomplete.hint {
1369
- color: #aaa;
1370
- top: 4px;
1371
- left: 4px;
1372
- }
1373
- div.jsoneditor-treepath {
1374
- padding: 0 5px;
1375
- overflow: hidden;
1376
- }
1377
-
1378
- div.jsoneditor-treepath div.jsoneditor-contextmenu-root {
1379
- position: absolute;
1380
- left: 0;
1381
- }
1382
1438
 
1383
- div.jsoneditor-treepath span.jsoneditor-treepath-element {
1384
- margin: 1px;
1439
+ .jsoneditor-results {
1385
1440
  font-family: arial, sans-serif;
1386
- font-size: 10pt;
1441
+ color: #ffffff;
1442
+ padding-right: 5px;
1443
+ line-height: 26px;
1387
1444
  }
1388
1445
 
1389
- div.jsoneditor-treepath span.jsoneditor-treepath-seperator {
1390
- margin: 2px;
1391
- font-size: 9pt;
1392
- font-family: arial, sans-serif;
1446
+ .jsoneditor-frame {
1447
+ border: 1px solid transparent;
1448
+ background-color: #ffffff;
1449
+ padding: 0 2px;
1450
+ margin: 0;
1393
1451
  }
1394
1452
 
1395
- div.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
1396
- div.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
1397
- cursor: pointer;
1398
- text-decoration: underline;
1399
- }
1400
- div.jsoneditor-statusbar {
1453
+ .jsoneditor-statusbar {
1401
1454
  line-height: 26px;
1402
1455
  height: 26px;
1403
- margin-top: -1px;
1404
1456
  color: #808080;
1405
1457
  background-color: #ebebeb;
1406
1458
  border-top: 1px solid #d3d3d3;
1407
1459
  -moz-box-sizing: border-box;
1408
1460
  -webkit-box-sizing: border-box;
1409
1461
  box-sizing: border-box;
1410
- font-size: 10pt;
1411
- }
1412
-
1413
- div.jsoneditor-statusbar > .jsoneditor-curserinfo-label {
1414
- margin: 0 2px 0 4px;
1462
+ font-size: 14px;
1415
1463
  }
1416
1464
 
1417
- div.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
1465
+ .jsoneditor-statusbar > .jsoneditor-curserinfo-val {
1418
1466
  margin-right: 12px;
1419
1467
  }
1420
1468
 
1421
- div.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
1469
+ .jsoneditor-statusbar > .jsoneditor-curserinfo-count {
1422
1470
  margin-left: 4px;
1423
1471
  }
1424
1472
 
1425
- div.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
1473
+ .jsoneditor-statusbar > .jsoneditor-validation-error-icon {
1426
1474
  float: right;
1427
1475
  width: 24px;
1428
1476
  height: 24px;
1429
1477
  padding: 0;
1430
1478
  margin-top: 1px;
1431
- background: asset-url("jsoneditor-icons.svg") -168px -48px;
1479
+ background-image: asset-url("jsoneditor-icons.svg");
1480
+ background-position: -168px -48px;
1481
+ cursor: pointer;
1432
1482
  }
1433
1483
 
1434
- div.jsoneditor-statusbar > .jsoneditor-validation-error-count {
1484
+ .jsoneditor-statusbar > .jsoneditor-validation-error-count {
1435
1485
  float: right;
1436
1486
  margin: 0 4px 0 0;
1487
+ cursor: pointer;
1437
1488
  }
1438
1489
 
1439
- div.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
1490
+ .jsoneditor-statusbar > .jsoneditor-parse-error-icon {
1440
1491
  float: right;
1441
1492
  width: 24px;
1442
1493
  height: 24px;
1443
1494
  padding: 0;
1444
1495
  margin: 1px;
1445
- background: asset-url("jsoneditor-icons.svg") -25px 0px;
1496
+ background-image: asset-url("jsoneditor-icons.svg");
1497
+ background-position: -25px 0px;
1446
1498
  }
1447
- div.jsoneditor-navigation-bar {
1448
- width: 100%;
1449
- height: 26px;
1450
- line-height: 26px;
1451
- padding: 0;
1452
- margin: 0;
1453
- border-bottom: 1px solid #d3d3d3;
1454
- -moz-box-sizing: border-box;
1455
- -webkit-box-sizing: border-box;
1456
- box-sizing: border-box;
1457
- color: #808080;
1458
- background-color: #ebebeb;
1499
+
1500
+ .jsoneditor-statusbar .jsoneditor-array-info a {
1501
+ color: inherit;
1502
+ }
1503
+
1504
+ div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
1505
+ div.jsoneditor-statusbar > .jsoneditor-size-info {
1506
+ margin: 0 4px;
1507
+ }
1508
+
1509
+ .jsoneditor-treepath {
1510
+ padding: 0 5px;
1459
1511
  overflow: hidden;
1512
+ white-space: nowrap;
1513
+ outline: none;
1514
+ }
1515
+
1516
+ .jsoneditor-treepath.show-all {
1517
+ word-wrap: break-word;
1518
+ white-space: normal;
1519
+ position: absolute;
1520
+ background-color: #ebebeb;
1521
+ z-index: 1;
1522
+ box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
1523
+ }
1524
+
1525
+ .jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
1526
+ display: none;
1527
+ }
1528
+
1529
+ .jsoneditor-treepath div.jsoneditor-contextmenu-root {
1530
+ position: absolute;
1531
+ left: 0;
1532
+ }
1533
+
1534
+ .jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
1535
+ position: absolute;
1536
+ background-color: #ebebeb;
1537
+ left: 0;
1538
+ height: 20px;
1539
+ padding: 0 3px;
1540
+ cursor: pointer;
1541
+ }
1542
+
1543
+ .jsoneditor-treepath .jsoneditor-treepath-element {
1544
+ margin: 1px;
1545
+ font-family: arial, sans-serif;
1546
+ font-size: 14px;
1547
+ }
1548
+
1549
+ .jsoneditor-treepath .jsoneditor-treepath-seperator {
1550
+ margin: 2px;
1551
+ font-size: 9pt;
1460
1552
  font-family: arial, sans-serif;
1461
- font-size: 10pt;
1462
1553
  }
1554
+
1555
+ .jsoneditor-treepath span.jsoneditor-treepath-element:hover,
1556
+ .jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
1557
+ cursor: pointer;
1558
+ text-decoration: underline;
1559
+ }
1560
+
1463
1561
  /*!
1464
- * Selectr 2.4.0
1465
- * https://github.com/Mobius1/Selectr
1562
+ * Selectr 2.4.13
1563
+ * http://mobius.ovh/docs/selectr
1466
1564
  *
1467
1565
  * Released under the MIT license
1468
1566
  */
@@ -1519,9 +1617,9 @@ div.jsoneditor-navigation-bar {
1519
1617
  width: 100%;
1520
1618
  padding: 7px 28px 7px 14px;
1521
1619
  cursor: pointer;
1522
- border: 1px solid #999;
1620
+ border: 1px solid #999999;
1523
1621
  border-radius: 3px;
1524
- background-color: #fff;
1622
+ background-color: #ffffff;
1525
1623
  }
1526
1624
 
1527
1625
  .selectr-selected::before {
@@ -1530,7 +1628,7 @@ div.jsoneditor-navigation-bar {
1530
1628
  right: 10px;
1531
1629
  width: 0;
1532
1630
  height: 0;
1533
- content: '';
1631
+ content: "";
1534
1632
  -o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
1535
1633
  -ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
1536
1634
  -moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
@@ -1577,7 +1675,7 @@ div.jsoneditor-navigation-bar {
1577
1675
  padding: 2px 25px 2px 8px;
1578
1676
  margin: 0 2px 2px 0;
1579
1677
  cursor: default;
1580
- color: #fff;
1678
+ color: #ffffff;
1581
1679
  border: medium none;
1582
1680
  border-radius: 10px;
1583
1681
  background: #acb7bf none repeat scroll 0 0;
@@ -1597,9 +1695,9 @@ div.jsoneditor-navigation-bar {
1597
1695
  width: 100%;
1598
1696
  border-width: 0 1px 1px;
1599
1697
  border-style: solid;
1600
- border-color: transparent #999 #999;
1698
+ border-color: transparent #999999 #999999;
1601
1699
  border-radius: 0 0 3px 3px;
1602
- background-color: #fff;
1700
+ background-color: #ffffff;
1603
1701
  }
1604
1702
 
1605
1703
  .selectr-container.open .selectr-options-container {
@@ -1656,7 +1754,7 @@ div.jsoneditor-navigation-bar {
1656
1754
  left: 9px;
1657
1755
  width: 2px;
1658
1756
  height: 10px;
1659
- content: ' ';
1757
+ content: " ";
1660
1758
  background-color: #6c7a86;
1661
1759
  }
1662
1760
 
@@ -1665,7 +1763,7 @@ div.jsoneditor-navigation-bar {
1665
1763
  top: 4px;
1666
1764
  width: 3px;
1667
1765
  height: 12px;
1668
- background-color: #fff;
1766
+ background-color: #ffffff;
1669
1767
  }
1670
1768
 
1671
1769
  .selectr-clear:before,
@@ -1700,7 +1798,7 @@ div.jsoneditor-navigation-bar {
1700
1798
  width: calc(100% - 30px);
1701
1799
  margin: 10px 15px;
1702
1800
  padding: 7px 30px 7px 9px;
1703
- border: 1px solid #999;
1801
+ border: 1px solid #999999;
1704
1802
  border-radius: 3px;
1705
1803
  }
1706
1804
 
@@ -1709,9 +1807,9 @@ div.jsoneditor-navigation-bar {
1709
1807
  box-sizing: border-box;
1710
1808
  width: 100%;
1711
1809
  padding: 8px 16px;
1712
- border-top: 1px solid #999;
1810
+ border-top: 1px solid #999999;
1713
1811
  border-radius: 0 0 3px 3px;
1714
- background-color: #fff;
1812
+ background-color: #ffffff;
1715
1813
  }
1716
1814
 
1717
1815
  .selectr-container.notice .selectr-notice {
@@ -1772,7 +1870,7 @@ div.jsoneditor-navigation-bar {
1772
1870
  }
1773
1871
 
1774
1872
  .selectr-option.active {
1775
- color: #fff;
1873
+ color: #ffffff;
1776
1874
  background-color: #5897fb;
1777
1875
  }
1778
1876
 
@@ -1785,7 +1883,7 @@ div.jsoneditor-navigation-bar {
1785
1883
  }
1786
1884
 
1787
1885
  .selectr-container.open .selectr-selected {
1788
- border-color: #999 #999 transparent #999;
1886
+ border-color: #999999 #999999 transparent #999999;
1789
1887
  border-radius: 3px 3px 0 0;
1790
1888
  }
1791
1889
 
@@ -1798,7 +1896,7 @@ div.jsoneditor-navigation-bar {
1798
1896
  }
1799
1897
 
1800
1898
  .selectr-disabled {
1801
- opacity: .6;
1899
+ opacity: 0.6;
1802
1900
  }
1803
1901
 
1804
1902
  .selectr-empty,
@@ -1856,7 +1954,7 @@ div.jsoneditor-navigation-bar {
1856
1954
  right: 20px;
1857
1955
  width: 20px;
1858
1956
  height: 20px;
1859
- content: '';
1957
+ content: "";
1860
1958
  -o-transform: translate3d(0px, -50%, 0px);
1861
1959
  -ms-transform: translate3d(0px, -50%, 0px);
1862
1960
  -moz-transform: translate3d(0px, -50%, 0px);
@@ -1867,16 +1965,16 @@ div.jsoneditor-navigation-bar {
1867
1965
  -moz-transform-origin: 50% 0 0;
1868
1966
  -webkit-transform-origin: 50% 0 0;
1869
1967
  transform-origin: 50% 0 0;
1870
- -moz-animation: 500ms linear 0s normal forwards infinite running spin;
1871
- -webkit-animation: 500ms linear 0s normal forwards infinite running spin;
1872
- animation: 500ms linear 0s normal forwards infinite running spin;
1968
+ -moz-animation: 500ms linear 0s normal forwards infinite running selectr-spin;
1969
+ -webkit-animation: 500ms linear 0s normal forwards infinite running selectr-spin;
1970
+ animation: 500ms linear 0s normal forwards infinite running selectr-spin;
1873
1971
  border-width: 3px;
1874
1972
  border-style: solid;
1875
1973
  border-color: #aaa #ddd #ddd;
1876
1974
  border-radius: 50%;
1877
1975
  }
1878
1976
 
1879
- @-webkit-keyframes spin {
1977
+ @-webkit-keyframes selectr-spin {
1880
1978
  0% {
1881
1979
  -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
1882
1980
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
@@ -1888,7 +1986,7 @@ div.jsoneditor-navigation-bar {
1888
1986
  }
1889
1987
  }
1890
1988
 
1891
- @keyframes spin {
1989
+ @keyframes selectr-spin {
1892
1990
  0% {
1893
1991
  -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
1894
1992
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
@@ -1901,15 +1999,15 @@ div.jsoneditor-navigation-bar {
1901
1999
  }
1902
2000
 
1903
2001
  .selectr-container.open.inverted .selectr-selected {
1904
- border-color: transparent #999 #999;
2002
+ border-color: transparent #999999 #999999;
1905
2003
  border-radius: 0 0 3px 3px;
1906
2004
  }
1907
2005
 
1908
2006
  .selectr-container.inverted .selectr-options-container {
1909
2007
  border-width: 1px 1px 0;
1910
- border-color: #999 #999 transparent;
2008
+ border-color: #999999 #999999 transparent;
1911
2009
  border-radius: 3px 3px 0 0;
1912
- background-color: #fff;
2010
+ background-color: #ffffff;
1913
2011
  }
1914
2012
 
1915
2013
  .selectr-container.inverted .selectr-options-container {