jsoneditor-rails 1.0.4 → 2.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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 {