jsoneditor-rails 1.0.4 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,22 +1,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 {