jsoneditor-rails 1.0.3 → 2.0.0

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