1 | .graphiql-container,
|
2 | .graphiql-container button,
|
3 | .graphiql-container input {
|
4 | color: #141823;
|
5 | font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',
|
6 | 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',
|
7 | arial, sans-serif;
|
8 | font-size: 14px;
|
9 | }
|
10 |
|
11 | .graphiql-container {
|
12 | display: flex;
|
13 | flex-direction: row;
|
14 | height: 100%;
|
15 | margin: 0;
|
16 | overflow: hidden;
|
17 | width: 100%;
|
18 | }
|
19 |
|
20 | .graphiql-container .editorWrap {
|
21 | display: flex;
|
22 | flex-direction: column;
|
23 | flex: 1;
|
24 | overflow-x: hidden;
|
25 | }
|
26 |
|
27 | .graphiql-container .title {
|
28 | font-size: 18px;
|
29 | }
|
30 |
|
31 | .graphiql-container .title em {
|
32 | font-family: georgia;
|
33 | font-size: 19px;
|
34 | }
|
35 |
|
36 | .graphiql-container .topBarWrap {
|
37 | display: flex;
|
38 | flex-direction: row;
|
39 | }
|
40 |
|
41 | .graphiql-container .topBar {
|
42 | align-items: center;
|
43 | background: linear-gradient(#f7f7f7, #e2e2e2);
|
44 | border-bottom: 1px solid #d0d0d0;
|
45 | cursor: default;
|
46 | display: flex;
|
47 | flex-direction: row;
|
48 | flex: 1;
|
49 | height: 34px;
|
50 | overflow-y: visible;
|
51 | padding: 7px 14px 6px;
|
52 | user-select: none;
|
53 | }
|
54 |
|
55 | .graphiql-container .toolbar {
|
56 | overflow-x: visible;
|
57 | display: flex;
|
58 | }
|
59 |
|
60 | .graphiql-container .docExplorerShow,
|
61 | .graphiql-container .historyShow {
|
62 | background: linear-gradient(#f7f7f7, #e2e2e2);
|
63 | border-radius: 0;
|
64 | border-bottom: 1px solid #d0d0d0;
|
65 | border-right: none;
|
66 | border-top: none;
|
67 | color: #3b5998;
|
68 | cursor: pointer;
|
69 | font-size: 14px;
|
70 | margin: 0;
|
71 | padding: 2px 20px 0 18px;
|
72 | }
|
73 |
|
74 | .graphiql-container .docExplorerShow {
|
75 | border-left: 1px solid rgba(0, 0, 0, 0.2);
|
76 | }
|
77 |
|
78 | .graphiql-container .historyShow {
|
79 | border-right: 1px solid rgba(0, 0, 0, 0.2);
|
80 | border-left: 0;
|
81 | }
|
82 |
|
83 | .graphiql-container .docExplorerShow:before {
|
84 | border-left: 2px solid #3b5998;
|
85 | border-top: 2px solid #3b5998;
|
86 | content: '';
|
87 | display: inline-block;
|
88 | height: 9px;
|
89 | margin: 0 3px -1px 0;
|
90 | position: relative;
|
91 | transform: rotate(-45deg);
|
92 | width: 9px;
|
93 | }
|
94 |
|
95 | .graphiql-container .editorBar {
|
96 | display: flex;
|
97 | flex-direction: row;
|
98 | flex: 1;
|
99 | max-height: 100%;
|
100 | }
|
101 |
|
102 | .graphiql-container .queryWrap {
|
103 | display: flex;
|
104 | flex-direction: column;
|
105 | flex: 1;
|
106 | }
|
107 |
|
108 | .graphiql-container .resultWrap {
|
109 | display: flex;
|
110 | flex-direction: column;
|
111 | flex: 1;
|
112 | flex-basis: 1em;
|
113 | position: relative;
|
114 | }
|
115 |
|
116 | .graphiql-container .docExplorerWrap,
|
117 | .graphiql-container .historyPaneWrap {
|
118 | background: white;
|
119 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
120 | position: relative;
|
121 | width: 100%;
|
122 | z-index: 3;
|
123 | }
|
124 |
|
125 | .graphiql-container .historyPaneWrap {
|
126 | min-width: 230px;
|
127 | z-index: 5;
|
128 | }
|
129 |
|
130 | .graphiql-container .docExplorerResizer {
|
131 | cursor: col-resize;
|
132 | height: 100%;
|
133 | position: absolute;
|
134 | width: 10px;
|
135 | z-index: 10;
|
136 | }
|
137 |
|
138 | .graphiql-container .docExplorerHide {
|
139 | cursor: pointer;
|
140 | font-size: 18px;
|
141 | margin: -7px -8px -6px 0;
|
142 | padding: 18px 16px 15px 12px;
|
143 | background: 0;
|
144 | border: 0;
|
145 | line-height: 14px;
|
146 | }
|
147 |
|
148 | .graphiql-container div .query-editor {
|
149 | flex: 1;
|
150 | position: relative;
|
151 | }
|
152 |
|
153 | .graphiql-container .secondary-editor {
|
154 | display: flex;
|
155 | flex-direction: column;
|
156 | height: 100%;
|
157 | position: relative;
|
158 | }
|
159 |
|
160 | .graphiql-container .secondary-editor-title {
|
161 | background: #eeeeee;
|
162 | border-bottom: 1px solid #d6d6d6;
|
163 | border-top: 1px solid #e0e0e0;
|
164 | color: #777;
|
165 | cursor: row-resize;
|
166 | font-variant: small-caps;
|
167 | font-weight: bold;
|
168 | letter-spacing: 1px;
|
169 | line-height: 14px;
|
170 | padding: 6px 0 8px 43px;
|
171 | text-transform: lowercase;
|
172 | user-select: none;
|
173 | }
|
174 |
|
175 | .graphiql-container .codemirrorWrap {
|
176 | flex: 1;
|
177 | height: 100%;
|
178 | position: relative;
|
179 | }
|
180 |
|
181 | .graphiql-container .result-window {
|
182 | flex: 1;
|
183 | height: 100%;
|
184 | position: relative;
|
185 | }
|
186 |
|
187 | .graphiql-container .footer {
|
188 | background: #f6f7f8;
|
189 | border-left: 1px solid #e0e0e0;
|
190 | border-top: 1px solid #e0e0e0;
|
191 | margin-left: 12px;
|
192 | position: relative;
|
193 | }
|
194 |
|
195 | .graphiql-container .footer:before {
|
196 | background: #eeeeee;
|
197 | bottom: 0;
|
198 | content: ' ';
|
199 | left: -13px;
|
200 | position: absolute;
|
201 | top: -1px;
|
202 | width: 12px;
|
203 | }
|
204 |
|
205 |
|
206 |
|
207 | .result-window .CodeMirror.cm-s-graphiql {
|
208 | background: #f6f7f8;
|
209 | }
|
210 |
|
211 | .graphiql-container .result-window .CodeMirror-gutters {
|
212 | background-color: #f6f7f8;
|
213 | border: none;
|
214 | }
|
215 |
|
216 | .editor-drag-bar {
|
217 | width: 12px;
|
218 | background-color: #eeeeee;
|
219 | border-left: 1px solid #e0e0e0;
|
220 | border-right: 1px solid #e0e0e0;
|
221 | cursor: col-resize;
|
222 | }
|
223 |
|
224 | .graphiql-container .result-window .CodeMirror-foldgutter,
|
225 | .graphiql-container .result-window .CodeMirror-foldgutter-open:after,
|
226 | .graphiql-container .result-window .CodeMirror-foldgutter-folded:after {
|
227 | padding-left: 3px;
|
228 | }
|
229 |
|
230 | .graphiql-container .toolbar-button {
|
231 | background: #fdfdfd;
|
232 | background: linear-gradient(#f9f9f9, #ececec);
|
233 | border: 0;
|
234 | border-radius: 3px;
|
235 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2),
|
236 | 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 1px #fff;
|
237 | color: #555;
|
238 | cursor: pointer;
|
239 | display: inline-block;
|
240 | margin: 0 5px;
|
241 | padding: 3px 11px 5px;
|
242 | text-decoration: none;
|
243 | text-overflow: ellipsis;
|
244 | white-space: nowrap;
|
245 | max-width: 150px;
|
246 | }
|
247 |
|
248 | .graphiql-container .toolbar-button:active {
|
249 | background: linear-gradient(#ececec, #d5d5d5);
|
250 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7),
|
251 | inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),
|
252 | inset 0 0 5px rgba(0, 0, 0, 0.1);
|
253 | }
|
254 |
|
255 | .graphiql-container .toolbar-button.error {
|
256 | background: linear-gradient(#fdf3f3, #e6d6d7);
|
257 | color: #b00;
|
258 | }
|
259 |
|
260 | .graphiql-container .toolbar-button-group {
|
261 | margin: 0 5px;
|
262 | white-space: nowrap;
|
263 | }
|
264 |
|
265 | .graphiql-container .toolbar-button-group > * {
|
266 | margin: 0;
|
267 | }
|
268 |
|
269 | .graphiql-container .toolbar-button-group > *:not(:last-child) {
|
270 | border-top-right-radius: 0;
|
271 | border-bottom-right-radius: 0;
|
272 | }
|
273 |
|
274 | .graphiql-container .toolbar-button-group > *:not(:first-child) {
|
275 | border-top-left-radius: 0;
|
276 | border-bottom-left-radius: 0;
|
277 | margin-left: -1px;
|
278 | }
|
279 |
|
280 | .graphiql-container .execute-button-wrap {
|
281 | height: 34px;
|
282 | margin: 0 14px 0 28px;
|
283 | position: relative;
|
284 | }
|
285 |
|
286 | .graphiql-container .execute-button {
|
287 | background: linear-gradient(#fdfdfd, #d2d3d6);
|
288 | border-radius: 17px;
|
289 | border: 1px solid rgba(0, 0, 0, 0.25);
|
290 | box-shadow: 0 1px 0 #fff;
|
291 | cursor: pointer;
|
292 | fill: #444;
|
293 | height: 34px;
|
294 | margin: 0;
|
295 | padding: 0;
|
296 | width: 34px;
|
297 | }
|
298 |
|
299 | .graphiql-container .toolbar-button > svg,
|
300 | .graphiql-container .execute-button svg {
|
301 | pointer-events: none;
|
302 | }
|
303 |
|
304 | .graphiql-container .execute-button:active {
|
305 | background: linear-gradient(#e6e6e6, #c3c3c3);
|
306 | box-shadow: 0 1px 0 #fff, inset 0 0 2px rgba(0, 0, 0, 0.2),
|
307 | inset 0 0 6px rgba(0, 0, 0, 0.1);
|
308 | }
|
309 |
|
310 | .graphiql-container .toolbar-menu,
|
311 | .graphiql-container .toolbar-select {
|
312 | position: relative;
|
313 | }
|
314 |
|
315 | .graphiql-container .execute-options,
|
316 | .graphiql-container .toolbar-menu-items,
|
317 | .graphiql-container .toolbar-select-options {
|
318 | background: #fff;
|
319 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.25);
|
320 | margin: 0;
|
321 | padding: 6px 0;
|
322 | position: absolute;
|
323 | z-index: 100;
|
324 | }
|
325 |
|
326 | .graphiql-container .execute-options {
|
327 | min-width: 100px;
|
328 | top: 37px;
|
329 | left: -1px;
|
330 | }
|
331 |
|
332 | .graphiql-container .toolbar-menu-items {
|
333 | left: 1px;
|
334 | margin-top: -1px;
|
335 | min-width: 110%;
|
336 | top: 100%;
|
337 | visibility: hidden;
|
338 | }
|
339 |
|
340 | .graphiql-container .toolbar-menu-items.open {
|
341 | visibility: visible;
|
342 | }
|
343 |
|
344 | .graphiql-container .toolbar-select-options {
|
345 | left: 0;
|
346 | min-width: 100%;
|
347 | top: -5px;
|
348 | visibility: hidden;
|
349 | }
|
350 |
|
351 | .graphiql-container .toolbar-select-options.open {
|
352 | visibility: visible;
|
353 | }
|
354 |
|
355 | .graphiql-container .execute-options > li,
|
356 | .graphiql-container .toolbar-menu-items > li,
|
357 | .graphiql-container .toolbar-select-options > li {
|
358 | cursor: pointer;
|
359 | display: block;
|
360 | margin: none;
|
361 | max-width: 300px;
|
362 | overflow: hidden;
|
363 | padding: 2px 20px 4px 11px;
|
364 | white-space: nowrap;
|
365 | }
|
366 |
|
367 | .graphiql-container .execute-options > li.selected,
|
368 | .graphiql-container .toolbar-menu-items > li.hover,
|
369 | .graphiql-container .toolbar-menu-items > li:active,
|
370 | .graphiql-container .toolbar-menu-items > li:hover,
|
371 | .graphiql-container .toolbar-select-options > li.hover,
|
372 | .graphiql-container .toolbar-select-options > li:active,
|
373 | .graphiql-container .toolbar-select-options > li:hover,
|
374 | .graphiql-container .history-contents > li:hover,
|
375 | .graphiql-container .history-contents > li:active {
|
376 | background: #e10098;
|
377 | color: #fff;
|
378 | }
|
379 |
|
380 | .graphiql-container .toolbar-select-options > li > svg {
|
381 | display: inline;
|
382 | fill: #666;
|
383 | margin: 0 -6px 0 6px;
|
384 | pointer-events: none;
|
385 | vertical-align: middle;
|
386 | }
|
387 |
|
388 | .graphiql-container .toolbar-select-options > li.hover > svg,
|
389 | .graphiql-container .toolbar-select-options > li:active > svg,
|
390 | .graphiql-container .toolbar-select-options > li:hover > svg {
|
391 | fill: #fff;
|
392 | }
|
393 |
|
394 | .graphiql-container .CodeMirror-scroll {
|
395 | overflow-scrolling: touch;
|
396 | }
|
397 |
|
398 | .graphiql-container .CodeMirror {
|
399 | color: #141823;
|
400 | font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
|
401 | font-size: 13px;
|
402 | height: 100%;
|
403 | left: 0;
|
404 | position: absolute;
|
405 | top: 0;
|
406 | width: 100%;
|
407 | }
|
408 |
|
409 | .graphiql-container .CodeMirror-lines {
|
410 | padding: 20px 0;
|
411 | }
|
412 |
|
413 | .CodeMirror-hint-information .content {
|
414 | box-orient: vertical;
|
415 | color: #141823;
|
416 | display: flex;
|
417 | font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',
|
418 | 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',
|
419 | arial, sans-serif;
|
420 | font-size: 13px;
|
421 | line-clamp: 3;
|
422 | line-height: 16px;
|
423 | max-height: 48px;
|
424 | overflow: hidden;
|
425 | text-overflow: -o-ellipsis-lastline;
|
426 | }
|
427 |
|
428 | .CodeMirror-hint-information .content p:first-child {
|
429 | margin-top: 0;
|
430 | }
|
431 |
|
432 | .CodeMirror-hint-information .content p:last-child {
|
433 | margin-bottom: 0;
|
434 | }
|
435 |
|
436 | .CodeMirror-hint-information .infoType {
|
437 | color: #ca9800;
|
438 | cursor: pointer;
|
439 | display: inline;
|
440 | margin-right: 0.5em;
|
441 | }
|
442 |
|
443 | .autoInsertedLeaf.cm-property {
|
444 | animation-duration: 6s;
|
445 | animation-name: insertionFade;
|
446 | border-bottom: 2px solid rgba(255, 255, 255, 0);
|
447 | border-radius: 2px;
|
448 | margin: -2px -4px -1px;
|
449 | padding: 2px 4px 1px;
|
450 | }
|
451 |
|
452 | @keyframes insertionFade {
|
453 | from,
|
454 | to {
|
455 | background: rgba(255, 255, 255, 0);
|
456 | border-color: rgba(255, 255, 255, 0);
|
457 | }
|
458 |
|
459 | 15%,
|
460 | 85% {
|
461 | background: #fbffc9;
|
462 | border-color: #f0f3c0;
|
463 | }
|
464 | }
|
465 |
|
466 | div.CodeMirror-lint-tooltip {
|
467 | background-color: white;
|
468 | border-radius: 2px;
|
469 | border: 0;
|
470 | color: #141823;
|
471 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
|
472 | font-size: 13px;
|
473 | line-height: 16px;
|
474 | max-width: 430px;
|
475 | opacity: 0;
|
476 | padding: 8px 10px;
|
477 | transition: opacity 0.15s;
|
478 | white-space: pre-wrap;
|
479 | }
|
480 |
|
481 | div.CodeMirror-lint-tooltip > * {
|
482 | padding-left: 23px;
|
483 | }
|
484 |
|
485 | div.CodeMirror-lint-tooltip > * + * {
|
486 | margin-top: 12px;
|
487 | }
|
488 |
|
489 | .graphiql-container .variable-editor-title-text {
|
490 | cursor: pointer;
|
491 | display: inline-block;
|
492 | color: gray;
|
493 | }
|
494 |
|
495 | .graphiql-container .variable-editor-title-text.active {
|
496 | color: #000;
|
497 | }
|
498 |
|
499 | .graphiql-container .tabs {
|
500 | height: 42px;
|
501 | background-image: linear-gradient(#f7f7f7, #e2e2e2);
|
502 | display: flex;
|
503 | align-items: center;
|
504 | }
|
505 |
|
506 | .graphiql-container .tab {
|
507 | position: relative;
|
508 | cursor: pointer;
|
509 | display: flex;
|
510 | align-items: center;
|
511 | justify-content: center;
|
512 | padding-top: 0;
|
513 | padding-right: 6px;
|
514 | padding-left: 14px;
|
515 | height: 100%;
|
516 | color: rgba(0, 0, 0, 0.6);
|
517 |
|
518 | border-left: 1px solid lightgray;
|
519 | |
520 |
|
521 |
|
522 | border-top-style: none;
|
523 | border-bottom-style: none;
|
524 | border-right-style: none;
|
525 | }
|
526 |
|
527 |
|
528 |
|
529 |
|
530 |
|
531 |
|
532 |
|
533 |
|
534 | .graphiql-container .tab:first-child:nth-last-child(2) {
|
535 | padding-right: 14px;
|
536 | }
|
537 |
|
538 | .graphiql-container .tab:hover {
|
539 | background-image: linear-gradient(
|
540 | rgba(245, 245, 245, 0.7),
|
541 | rgba(215, 215, 215, 1)
|
542 | );
|
543 | color: rgba(0, 0, 0, 0.8);
|
544 | }
|
545 |
|
546 | .graphiql-container .tab.active {
|
547 | background-image: linear-gradient(
|
548 | rgba(233, 233, 233, 0.7),
|
549 | rgba(205, 205, 205, 1)
|
550 | );
|
551 | color: black;
|
552 | }
|
553 |
|
554 |
|
555 |
|
556 |
|
557 |
|
558 |
|
559 |
|
560 |
|
561 | .graphiql-container .tab .close {
|
562 | display: inline-block;
|
563 | cursor: pointer;
|
564 | border: none;
|
565 | background: transparent;
|
566 | margin-left: 6px;
|
567 | padding: 3px 6px;
|
568 | border-radius: 4px;
|
569 | }
|
570 |
|
571 | .graphiql-container .tab:hover .close,
|
572 | .graphiql-container .tab.active .close {
|
573 | opacity: 1;
|
574 | }
|
575 |
|
576 | .graphiql-container .tab .close::before {
|
577 | content: '✕';
|
578 | display: inline-block;
|
579 | font-weight: bold;
|
580 | font-size: 12px;
|
581 | color: rgba(0, 0, 0, 0.7);
|
582 | height: 14px;
|
583 | }
|
584 |
|
585 | .graphiql-container .tab .close:hover {
|
586 | background: rgba(0, 0, 0, 0.08);
|
587 | }
|
588 |
|
589 | .graphiql-container .tab .close:active {
|
590 | background: rgba(0, 0, 0, 0.12);
|
591 | }
|
592 |
|
593 | .graphiql-container .tab-add {
|
594 | display: flex;
|
595 | align-items: center;
|
596 | justify-content: center;
|
597 | border: none;
|
598 | background: transparent;
|
599 | line-height: 1;
|
600 | font-size: 26px;
|
601 | padding: 0 8px;
|
602 | height: 30px;
|
603 | border-radius: 4px;
|
604 | color: rgba(0, 0, 0, 0.5);
|
605 | padding-bottom: 3px;
|
606 | margin-left: 6px;
|
607 | cursor: pointer;
|
608 | }
|
609 |
|
610 | .graphiql-container .tab-add:hover {
|
611 | background: rgba(0, 0, 0, 0.06);
|
612 | }
|
613 |
|
614 | .graphiql-container .tab-add:active {
|
615 | background: rgba(0, 0, 0, 0.1);
|
616 | }
|
617 |
|
618 |
|
619 |
|
620 | .graphiql-container .CodeMirror-foldmarker {
|
621 | border-radius: 4px;
|
622 | background: #08f;
|
623 | background: linear-gradient(#43a8ff, #0f83e8);
|
624 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
625 | color: white;
|
626 | font-family: arial;
|
627 | font-size: 12px;
|
628 | line-height: 0;
|
629 | margin: 0 3px;
|
630 | padding: 0px 4px 1px;
|
631 | text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
|
632 | }
|
633 |
|
634 | .graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {
|
635 | color: #555;
|
636 | text-decoration: underline;
|
637 | }
|
638 |
|
639 | .graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
640 | color: #f00;
|
641 | }
|
642 |
|
643 |
|
644 |
|
645 | .cm-comment {
|
646 | color: #666;
|
647 | }
|
648 |
|
649 |
|
650 |
|
651 | .cm-punctuation {
|
652 | color: #555;
|
653 | }
|
654 |
|
655 |
|
656 |
|
657 | .cm-keyword {
|
658 | color: #b11a04;
|
659 | }
|
660 |
|
661 |
|
662 |
|
663 | .cm-def {
|
664 | color: #d2054e;
|
665 | }
|
666 |
|
667 |
|
668 |
|
669 | .cm-property {
|
670 | color: #1f61a0;
|
671 | }
|
672 |
|
673 |
|
674 |
|
675 | .cm-qualifier {
|
676 | color: #1c92a9;
|
677 | }
|
678 |
|
679 |
|
680 |
|
681 | .cm-attribute {
|
682 | color: #8b2bb9;
|
683 | }
|
684 |
|
685 |
|
686 |
|
687 | .cm-number {
|
688 | color: #2882f9;
|
689 | }
|
690 |
|
691 |
|
692 |
|
693 | .cm-string {
|
694 | color: #d64292;
|
695 | }
|
696 |
|
697 |
|
698 |
|
699 | .cm-builtin {
|
700 | color: #d47509;
|
701 | }
|
702 |
|
703 |
|
704 |
|
705 | .cm-string-2 {
|
706 | color: #0b7fc7;
|
707 | }
|
708 |
|
709 |
|
710 |
|
711 | .cm-variable {
|
712 | color: #397d13;
|
713 | }
|
714 |
|
715 |
|
716 |
|
717 | .cm-meta {
|
718 | color: #b33086;
|
719 | }
|
720 |
|
721 |
|
722 |
|
723 | .cm-atom {
|
724 | color: #ca9800;
|
725 | }
|
726 |
|
727 |
|
728 |
|
729 | .CodeMirror {
|
730 |
|
731 | color: black;
|
732 | font-family: monospace;
|
733 | height: 300px;
|
734 | }
|
735 |
|
736 |
|
737 |
|
738 | .CodeMirror-lines {
|
739 | padding: 4px 0;
|
740 | }
|
741 |
|
742 | .CodeMirror pre {
|
743 | padding: 0 4px;
|
744 | }
|
745 |
|
746 | .CodeMirror-scrollbar-filler,
|
747 | .CodeMirror-gutter-filler {
|
748 | background-color: white;
|
749 | }
|
750 |
|
751 |
|
752 |
|
753 | .CodeMirror-gutters {
|
754 | border-right: 1px solid #ddd;
|
755 | background-color: #f7f7f7;
|
756 | white-space: nowrap;
|
757 | }
|
758 |
|
759 | .CodeMirror-linenumbers {
|
760 | }
|
761 |
|
762 | .CodeMirror-linenumber {
|
763 | color: #666;
|
764 | min-width: 20px;
|
765 | padding: 0 3px 0 5px;
|
766 | text-align: right;
|
767 | white-space: nowrap;
|
768 | }
|
769 |
|
770 | .CodeMirror-guttermarker {
|
771 | color: black;
|
772 | }
|
773 |
|
774 | .CodeMirror-guttermarker-subtle {
|
775 | color: #666;
|
776 | }
|
777 |
|
778 |
|
779 |
|
780 | .CodeMirror .CodeMirror-cursor {
|
781 | border-left: 1px solid black;
|
782 | }
|
783 |
|
784 |
|
785 |
|
786 | .CodeMirror div.CodeMirror-secondarycursor {
|
787 | border-left: 1px solid silver;
|
788 | }
|
789 |
|
790 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
|
791 | background: #7e7;
|
792 | border: 0;
|
793 | width: auto;
|
794 | }
|
795 |
|
796 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
|
797 | z-index: 1;
|
798 | }
|
799 |
|
800 | .cm-animate-fat-cursor {
|
801 | animation: blink 1.06s steps(1) infinite;
|
802 | border: 0;
|
803 | width: auto;
|
804 | }
|
805 |
|
806 | @keyframes blink {
|
807 | 0% {
|
808 | background: #7e7;
|
809 | }
|
810 | 50% {
|
811 | background: none;
|
812 | }
|
813 | 100% {
|
814 | background: #7e7;
|
815 | }
|
816 | }
|
817 |
|
818 |
|
819 |
|
820 | div.CodeMirror-overwrite div.CodeMirror-cursor {
|
821 | }
|
822 |
|
823 | .cm-tab {
|
824 | display: inline-block;
|
825 | text-decoration: inherit;
|
826 | }
|
827 |
|
828 | .CodeMirror-ruler {
|
829 | border-left: 1px solid #ccc;
|
830 | position: absolute;
|
831 | }
|
832 |
|
833 |
|
834 |
|
835 | .cm-s-default .cm-keyword {
|
836 | color: #708;
|
837 | }
|
838 |
|
839 | .cm-s-default .cm-atom {
|
840 | color: #219;
|
841 | }
|
842 |
|
843 | .cm-s-default .cm-number {
|
844 | color: #164;
|
845 | }
|
846 |
|
847 | .cm-s-default .cm-def {
|
848 | color: #00f;
|
849 | }
|
850 |
|
851 | .cm-s-default .cm-variable,
|
852 | .cm-s-default .cm-punctuation,
|
853 | .cm-s-default .cm-property,
|
854 | .cm-s-default .cm-operator {
|
855 | }
|
856 |
|
857 | .cm-s-default .cm-variable-2 {
|
858 | color: #05a;
|
859 | }
|
860 |
|
861 | .cm-s-default .cm-variable-3 {
|
862 | color: #085;
|
863 | }
|
864 |
|
865 | .cm-s-default .cm-comment {
|
866 | color: #a50;
|
867 | }
|
868 |
|
869 | .cm-s-default .cm-string {
|
870 | color: #a11;
|
871 | }
|
872 |
|
873 | .cm-s-default .cm-string-2 {
|
874 | color: #f50;
|
875 | }
|
876 |
|
877 | .cm-s-default .cm-meta {
|
878 | color: #555;
|
879 | }
|
880 |
|
881 | .cm-s-default .cm-qualifier {
|
882 | color: #555;
|
883 | }
|
884 |
|
885 | .cm-s-default .cm-builtin {
|
886 | color: #30a;
|
887 | }
|
888 |
|
889 | .cm-s-default .cm-bracket {
|
890 | color: #666;
|
891 | }
|
892 |
|
893 | .cm-s-default .cm-tag {
|
894 | color: #170;
|
895 | }
|
896 |
|
897 | .cm-s-default .cm-attribute {
|
898 | color: #00c;
|
899 | }
|
900 |
|
901 | .cm-s-default .cm-header {
|
902 | color: blue;
|
903 | }
|
904 |
|
905 | .cm-s-default .cm-quote {
|
906 | color: #090;
|
907 | }
|
908 |
|
909 | .cm-s-default .cm-hr {
|
910 | color: #666;
|
911 | }
|
912 |
|
913 | .cm-s-default .cm-link {
|
914 | color: #00c;
|
915 | }
|
916 |
|
917 | .cm-negative {
|
918 | color: #d44;
|
919 | }
|
920 |
|
921 | .cm-positive {
|
922 | color: #292;
|
923 | }
|
924 |
|
925 | .cm-header,
|
926 | .cm-strong {
|
927 | font-weight: bold;
|
928 | }
|
929 |
|
930 | .cm-em {
|
931 | font-style: italic;
|
932 | }
|
933 |
|
934 | .cm-link {
|
935 | text-decoration: underline;
|
936 | }
|
937 |
|
938 | .cm-strikethrough {
|
939 | text-decoration: line-through;
|
940 | }
|
941 |
|
942 | .cm-s-default .cm-error {
|
943 | color: #f00;
|
944 | }
|
945 |
|
946 | .cm-invalidchar {
|
947 | color: #f00;
|
948 | }
|
949 |
|
950 | .CodeMirror-composing {
|
951 | border-bottom: 2px solid;
|
952 | }
|
953 |
|
954 |
|
955 |
|
956 | div.CodeMirror span.CodeMirror-matchingbracket {
|
957 | color: #0f0;
|
958 | }
|
959 |
|
960 | div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
961 | color: #f22;
|
962 | }
|
963 |
|
964 | .CodeMirror-matchingtag {
|
965 | background: rgba(255, 150, 0, 0.3);
|
966 | }
|
967 |
|
968 | .CodeMirror-activeline-background {
|
969 | background: #e8f2ff;
|
970 | }
|
971 |
|
972 |
|
973 |
|
974 |
|
975 |
|
976 |
|
977 | .CodeMirror {
|
978 | background: white;
|
979 | overflow: hidden;
|
980 | position: relative;
|
981 | }
|
982 |
|
983 | .CodeMirror-scroll {
|
984 | height: 100%;
|
985 |
|
986 |
|
987 | margin-bottom: -30px;
|
988 | margin-right: -30px;
|
989 | outline: none;
|
990 | overflow: scroll !important;
|
991 | padding-bottom: 30px;
|
992 | position: relative;
|
993 | }
|
994 |
|
995 | .CodeMirror-sizer {
|
996 | border-right: 30px solid transparent;
|
997 | position: relative;
|
998 | }
|
999 |
|
1000 |
|
1001 |
|
1002 |
|
1003 |
|
1004 | .CodeMirror-vscrollbar,
|
1005 | .CodeMirror-hscrollbar,
|
1006 | .CodeMirror-scrollbar-filler,
|
1007 | .CodeMirror-gutter-filler {
|
1008 | display: none;
|
1009 | position: absolute;
|
1010 | z-index: 6;
|
1011 | }
|
1012 |
|
1013 | .CodeMirror-vscrollbar {
|
1014 | overflow-x: hidden;
|
1015 | overflow-y: scroll;
|
1016 | right: 0;
|
1017 | top: 0;
|
1018 | }
|
1019 |
|
1020 | .CodeMirror-hscrollbar {
|
1021 | bottom: 0;
|
1022 | left: 0;
|
1023 | overflow-x: scroll;
|
1024 | overflow-y: hidden;
|
1025 | }
|
1026 |
|
1027 | .CodeMirror-scrollbar-filler {
|
1028 | right: 0;
|
1029 | bottom: 0;
|
1030 | }
|
1031 |
|
1032 | .CodeMirror-gutter-filler {
|
1033 | left: 0;
|
1034 | bottom: 0;
|
1035 | }
|
1036 |
|
1037 | .CodeMirror-gutters {
|
1038 | min-height: 100%;
|
1039 | position: absolute;
|
1040 | left: 0;
|
1041 | top: 0;
|
1042 | z-index: 3;
|
1043 | }
|
1044 |
|
1045 | .CodeMirror-gutter {
|
1046 | display: inline-block;
|
1047 | height: 100%;
|
1048 | margin-bottom: -30px;
|
1049 | vertical-align: top;
|
1050 | white-space: normal;
|
1051 | }
|
1052 |
|
1053 | .CodeMirror-gutter-wrapper {
|
1054 | background: none !important;
|
1055 | border: none !important;
|
1056 | position: absolute;
|
1057 | z-index: 4;
|
1058 | }
|
1059 |
|
1060 | .CodeMirror-gutter-background {
|
1061 | position: absolute;
|
1062 | top: 0;
|
1063 | bottom: 0;
|
1064 | z-index: 4;
|
1065 | }
|
1066 |
|
1067 | .CodeMirror-gutter-elt {
|
1068 | cursor: default;
|
1069 | position: absolute;
|
1070 | z-index: 4;
|
1071 | }
|
1072 |
|
1073 | .CodeMirror-gutter-wrapper {
|
1074 | user-select: none;
|
1075 | }
|
1076 |
|
1077 | .CodeMirror-lines {
|
1078 | cursor: text;
|
1079 | min-height: 1px;
|
1080 | }
|
1081 |
|
1082 | .CodeMirror pre {
|
1083 | -webkit-tap-highlight-color: transparent;
|
1084 |
|
1085 | background: transparent;
|
1086 | border-radius: 0;
|
1087 | border-width: 0;
|
1088 | color: inherit;
|
1089 | font-family: inherit;
|
1090 | font-size: inherit;
|
1091 | font-variant-ligatures: none;
|
1092 | line-height: inherit;
|
1093 | margin: 0;
|
1094 | overflow: visible;
|
1095 | position: relative;
|
1096 | white-space: pre;
|
1097 | word-wrap: normal;
|
1098 | z-index: 2;
|
1099 | }
|
1100 |
|
1101 | .CodeMirror-wrap pre {
|
1102 | word-wrap: break-word;
|
1103 | white-space: pre-wrap;
|
1104 | word-break: normal;
|
1105 | }
|
1106 |
|
1107 | .CodeMirror-linebackground {
|
1108 | position: absolute;
|
1109 | left: 0;
|
1110 | right: 0;
|
1111 | top: 0;
|
1112 | bottom: 0;
|
1113 | z-index: 0;
|
1114 | }
|
1115 |
|
1116 | .CodeMirror-linewidget {
|
1117 | overflow: auto;
|
1118 | position: relative;
|
1119 | z-index: 2;
|
1120 | }
|
1121 |
|
1122 | .CodeMirror-widget {
|
1123 | }
|
1124 |
|
1125 | .CodeMirror-code {
|
1126 | outline: none;
|
1127 | }
|
1128 |
|
1129 |
|
1130 |
|
1131 | .CodeMirror-scroll,
|
1132 | .CodeMirror-sizer,
|
1133 | .CodeMirror-gutter,
|
1134 | .CodeMirror-gutters,
|
1135 | .CodeMirror-linenumber {
|
1136 | box-sizing: content-box;
|
1137 | }
|
1138 |
|
1139 | .CodeMirror-measure {
|
1140 | height: 0;
|
1141 | overflow: hidden;
|
1142 | position: absolute;
|
1143 | visibility: hidden;
|
1144 | width: 100%;
|
1145 | }
|
1146 |
|
1147 | .CodeMirror-cursor {
|
1148 | position: absolute;
|
1149 | }
|
1150 |
|
1151 | .CodeMirror-measure pre {
|
1152 | position: static;
|
1153 | }
|
1154 |
|
1155 | div.CodeMirror-cursors {
|
1156 | position: relative;
|
1157 | visibility: hidden;
|
1158 | z-index: 3;
|
1159 | }
|
1160 |
|
1161 | div.CodeMirror-dragcursors {
|
1162 | visibility: visible;
|
1163 | }
|
1164 |
|
1165 | .CodeMirror-focused div.CodeMirror-cursors {
|
1166 | visibility: visible;
|
1167 | }
|
1168 |
|
1169 | .CodeMirror-selected {
|
1170 | background: #d9d9d9;
|
1171 | }
|
1172 |
|
1173 | .CodeMirror-focused .CodeMirror-selected {
|
1174 | background: #d7d4f0;
|
1175 | }
|
1176 |
|
1177 | .CodeMirror-crosshair {
|
1178 | cursor: crosshair;
|
1179 | }
|
1180 |
|
1181 | .CodeMirror-line::selection,
|
1182 | .CodeMirror-line > span::selection,
|
1183 | .CodeMirror-line > span > span::selection {
|
1184 | background: #d7d4f0;
|
1185 | }
|
1186 |
|
1187 | .CodeMirror-line::-moz-selection,
|
1188 | .CodeMirror-line > span::-moz-selection,
|
1189 | .CodeMirror-line > span > span::-moz-selection {
|
1190 | background: #d7d4f0;
|
1191 | }
|
1192 |
|
1193 | .cm-searching {
|
1194 | background: #ffa;
|
1195 | background: rgba(255, 255, 0, 0.4);
|
1196 | }
|
1197 |
|
1198 |
|
1199 |
|
1200 | .cm-force-border {
|
1201 | padding-right: 0.1px;
|
1202 | }
|
1203 |
|
1204 | @media print {
|
1205 |
|
1206 | .CodeMirror div.CodeMirror-cursors {
|
1207 | visibility: hidden;
|
1208 | }
|
1209 | }
|
1210 |
|
1211 |
|
1212 |
|
1213 | .cm-tab-wrap-hack:after {
|
1214 | content: '';
|
1215 | }
|
1216 |
|
1217 |
|
1218 |
|
1219 | span.CodeMirror-selectedtext {
|
1220 | background: none;
|
1221 | }
|
1222 |
|
1223 | .CodeMirror-dialog {
|
1224 | background: inherit;
|
1225 | color: inherit;
|
1226 | left: 0;
|
1227 | right: 0;
|
1228 | overflow: hidden;
|
1229 | padding: 0.1em 0.8em;
|
1230 | position: absolute;
|
1231 | z-index: 15;
|
1232 | }
|
1233 |
|
1234 | .CodeMirror-dialog-top {
|
1235 | border-bottom: 1px solid #eee;
|
1236 | top: 0;
|
1237 | }
|
1238 |
|
1239 | .CodeMirror-dialog-bottom {
|
1240 | border-top: 1px solid #eee;
|
1241 | bottom: 0;
|
1242 | }
|
1243 |
|
1244 | .CodeMirror-dialog input {
|
1245 | background: transparent;
|
1246 | border: 1px solid #d3d6db;
|
1247 | color: inherit;
|
1248 | font-family: monospace;
|
1249 | outline: none;
|
1250 | width: 20em;
|
1251 | }
|
1252 |
|
1253 | .CodeMirror-dialog button {
|
1254 | font-size: 70%;
|
1255 | }
|
1256 |
|
1257 | .CodeMirror-foldmarker {
|
1258 | color: blue;
|
1259 | cursor: pointer;
|
1260 | font-family: arial;
|
1261 | line-height: 0.3;
|
1262 | text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px,
|
1263 | #b9f -1px 1px 2px;
|
1264 | }
|
1265 | .CodeMirror-foldgutter {
|
1266 | width: 0.7em;
|
1267 | }
|
1268 | .CodeMirror-foldgutter-open,
|
1269 | .CodeMirror-foldgutter-folded {
|
1270 | cursor: pointer;
|
1271 | }
|
1272 | .CodeMirror-foldgutter-open:after {
|
1273 | content: '\25BE';
|
1274 | }
|
1275 | .CodeMirror-foldgutter-folded:after {
|
1276 | content: '\25B8';
|
1277 | }
|
1278 |
|
1279 | .CodeMirror-info {
|
1280 | background: white;
|
1281 | border-radius: 2px;
|
1282 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
|
1283 | box-sizing: border-box;
|
1284 | color: #555;
|
1285 | font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',
|
1286 | 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',
|
1287 | arial, sans-serif;
|
1288 | font-size: 13px;
|
1289 | line-height: 16px;
|
1290 | margin: 8px -8px;
|
1291 | max-width: 400px;
|
1292 | opacity: 0;
|
1293 | overflow: hidden;
|
1294 | padding: 8px 8px;
|
1295 | position: fixed;
|
1296 | transition: opacity 0.15s;
|
1297 | z-index: 50;
|
1298 | }
|
1299 |
|
1300 | .CodeMirror-info :first-child {
|
1301 | margin-top: 0;
|
1302 | }
|
1303 |
|
1304 | .CodeMirror-info :last-child {
|
1305 | margin-bottom: 0;
|
1306 | }
|
1307 |
|
1308 | .CodeMirror-info p {
|
1309 | margin: 1em 0;
|
1310 | }
|
1311 |
|
1312 | .CodeMirror-info .info-description {
|
1313 | color: #777;
|
1314 | line-height: 16px;
|
1315 | margin-top: 1em;
|
1316 | max-height: 80px;
|
1317 | overflow: hidden;
|
1318 | }
|
1319 |
|
1320 | .CodeMirror-info .info-deprecation {
|
1321 | background: #fffae8;
|
1322 | box-shadow: inset 0 1px 1px -1px #bfb063;
|
1323 | color: #867f70;
|
1324 | line-height: 16px;
|
1325 | margin: -8px;
|
1326 | margin-top: 8px;
|
1327 | max-height: 80px;
|
1328 | overflow: hidden;
|
1329 | padding: 8px;
|
1330 | }
|
1331 |
|
1332 | .CodeMirror-info .info-deprecation-label {
|
1333 | color: #c79b2e;
|
1334 | cursor: default;
|
1335 | display: block;
|
1336 | font-size: 9px;
|
1337 | font-weight: bold;
|
1338 | letter-spacing: 1px;
|
1339 | line-height: 1;
|
1340 | padding-bottom: 5px;
|
1341 | text-transform: uppercase;
|
1342 | user-select: none;
|
1343 | }
|
1344 |
|
1345 | .CodeMirror-info .info-deprecation-label + * {
|
1346 | margin-top: 0;
|
1347 | }
|
1348 |
|
1349 | .CodeMirror-info a {
|
1350 | text-decoration: none;
|
1351 | }
|
1352 |
|
1353 | .CodeMirror-info a:hover {
|
1354 | text-decoration: underline;
|
1355 | }
|
1356 |
|
1357 | .CodeMirror-info .type-name {
|
1358 | color: #ca9800;
|
1359 | }
|
1360 |
|
1361 | .CodeMirror-info .field-name {
|
1362 | color: #1f61a0;
|
1363 | }
|
1364 |
|
1365 | .CodeMirror-info .enum-value {
|
1366 | color: #0b7fc7;
|
1367 | }
|
1368 |
|
1369 | .CodeMirror-info .arg-name {
|
1370 | color: #8b2bb9;
|
1371 | }
|
1372 |
|
1373 | .CodeMirror-info .directive-name {
|
1374 | color: #b33086;
|
1375 | }
|
1376 |
|
1377 | .CodeMirror-jump-token {
|
1378 | text-decoration: underline;
|
1379 | cursor: pointer;
|
1380 | }
|
1381 |
|
1382 |
|
1383 | .CodeMirror-lint-markers {
|
1384 | width: 16px;
|
1385 | }
|
1386 | .CodeMirror-lint-tooltip {
|
1387 | background-color: infobackground;
|
1388 | border-radius: 4px 4px 4px 4px;
|
1389 | border: 1px solid black;
|
1390 | color: infotext;
|
1391 | font-family: monospace;
|
1392 | font-size: 10pt;
|
1393 | max-width: 600px;
|
1394 | opacity: 0;
|
1395 | overflow: hidden;
|
1396 | padding: 2px 5px;
|
1397 | position: fixed;
|
1398 | transition: opacity 0.4s;
|
1399 | white-space: pre-wrap;
|
1400 | z-index: 100;
|
1401 | }
|
1402 | .CodeMirror-lint-mark-error,
|
1403 | .CodeMirror-lint-mark-warning {
|
1404 | background-position: left bottom;
|
1405 | background-repeat: repeat-x;
|
1406 | }
|
1407 | .CodeMirror-lint-mark-error {
|
1408 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==');
|
1409 | }
|
1410 | .CodeMirror-lint-mark-warning {
|
1411 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=');
|
1412 | }
|
1413 | .CodeMirror-lint-marker-error,
|
1414 | .CodeMirror-lint-marker-warning {
|
1415 | background-position: center center;
|
1416 | background-repeat: no-repeat;
|
1417 | cursor: pointer;
|
1418 | display: inline-block;
|
1419 | height: 16px;
|
1420 | position: relative;
|
1421 | vertical-align: middle;
|
1422 | width: 16px;
|
1423 | }
|
1424 | .CodeMirror-lint-message-error,
|
1425 | .CodeMirror-lint-message-warning {
|
1426 | background-position: top left;
|
1427 | background-repeat: no-repeat;
|
1428 | padding-left: 18px;
|
1429 | }
|
1430 | .CodeMirror-lint-marker-error,
|
1431 | .CodeMirror-lint-message-error {
|
1432 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=');
|
1433 | }
|
1434 | .CodeMirror-lint-marker-warning,
|
1435 | .CodeMirror-lint-message-warning {
|
1436 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=');
|
1437 | }
|
1438 | .CodeMirror-lint-marker-multiple {
|
1439 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC');
|
1440 | background-position: right bottom;
|
1441 | background-repeat: no-repeat;
|
1442 | width: 100%;
|
1443 | height: 100%;
|
1444 | }
|
1445 |
|
1446 | .graphiql-container .spinner-container {
|
1447 | height: 36px;
|
1448 | left: 50%;
|
1449 | position: absolute;
|
1450 | top: 50%;
|
1451 | transform: translate(-50%, -50%);
|
1452 | width: 36px;
|
1453 | z-index: 10;
|
1454 | }
|
1455 |
|
1456 | .graphiql-container .spinner {
|
1457 | animation: rotation 0.6s infinite linear;
|
1458 | border-bottom: 6px solid rgba(150, 150, 150, 0.15);
|
1459 | border-left: 6px solid rgba(150, 150, 150, 0.15);
|
1460 | border-radius: 100%;
|
1461 | border-right: 6px solid rgba(150, 150, 150, 0.15);
|
1462 | border-top: 6px solid rgba(150, 150, 150, 0.8);
|
1463 | display: inline-block;
|
1464 | height: 24px;
|
1465 | position: absolute;
|
1466 | vertical-align: middle;
|
1467 | width: 24px;
|
1468 | }
|
1469 |
|
1470 | @keyframes rotation {
|
1471 | from {
|
1472 | transform: rotate(0deg);
|
1473 | }
|
1474 | to {
|
1475 | transform: rotate(359deg);
|
1476 | }
|
1477 | }
|
1478 |
|
1479 | .CodeMirror-hints {
|
1480 | background: white;
|
1481 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
|
1482 | font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
|
1483 | font-size: 13px;
|
1484 | list-style: none;
|
1485 | margin-left: -6px;
|
1486 | margin: 0;
|
1487 | max-height: 14.5em;
|
1488 | overflow: hidden;
|
1489 | overflow-y: auto;
|
1490 | padding: 0;
|
1491 | position: absolute;
|
1492 | z-index: 10;
|
1493 | }
|
1494 |
|
1495 | .CodeMirror-hint {
|
1496 | border-top: solid 1px #f7f7f7;
|
1497 | color: #141823;
|
1498 | cursor: pointer;
|
1499 | margin: 0;
|
1500 | max-width: 300px;
|
1501 | overflow: hidden;
|
1502 | padding: 2px 6px;
|
1503 | white-space: pre;
|
1504 | }
|
1505 |
|
1506 | li.CodeMirror-hint-active {
|
1507 | background-color: #08f;
|
1508 | border-top-color: white;
|
1509 | color: white;
|
1510 | }
|
1511 |
|
1512 | .CodeMirror-hint-information {
|
1513 | border-top: solid 1px #c0c0c0;
|
1514 | max-width: 300px;
|
1515 | padding: 4px 6px;
|
1516 | position: relative;
|
1517 | z-index: 1;
|
1518 | }
|
1519 |
|
1520 | .CodeMirror-hint-information:first-child {
|
1521 | border-bottom: solid 1px #c0c0c0;
|
1522 | border-top: none;
|
1523 | margin-bottom: -1px;
|
1524 | }
|
1525 |
|
1526 | .CodeMirror-hint-deprecation {
|
1527 | background: #fffae8;
|
1528 | box-shadow: inset 0 1px 1px -1px #bfb063;
|
1529 | color: #867f70;
|
1530 | font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',
|
1531 | 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',
|
1532 | arial, sans-serif;
|
1533 | font-size: 13px;
|
1534 | line-height: 16px;
|
1535 | margin-top: 4px;
|
1536 | max-height: 80px;
|
1537 | overflow: hidden;
|
1538 | padding: 6px;
|
1539 | }
|
1540 |
|
1541 | .CodeMirror-hint-deprecation .deprecation-label {
|
1542 | color: #c79b2e;
|
1543 | cursor: default;
|
1544 | display: block;
|
1545 | font-size: 9px;
|
1546 | font-weight: bold;
|
1547 | letter-spacing: 1px;
|
1548 | line-height: 1;
|
1549 | padding-bottom: 5px;
|
1550 | text-transform: uppercase;
|
1551 | user-select: none;
|
1552 | }
|
1553 |
|
1554 | .CodeMirror-hint-deprecation .deprecation-label + * {
|
1555 | margin-top: 0;
|
1556 | }
|
1557 |
|
1558 | .CodeMirror-hint-deprecation :last-child {
|
1559 | margin-bottom: 0;
|
1560 | }
|
1561 |
|
1562 | .graphiql-container .doc-explorer {
|
1563 | background: white;
|
1564 | }
|
1565 |
|
1566 | .graphiql-container .doc-explorer-title-bar,
|
1567 | .graphiql-container .history-title-bar {
|
1568 | cursor: default;
|
1569 | display: flex;
|
1570 | height: 34px;
|
1571 | line-height: 14px;
|
1572 | padding: 8px 8px 5px;
|
1573 | position: relative;
|
1574 | user-select: none;
|
1575 | }
|
1576 |
|
1577 | .graphiql-container .doc-explorer-title,
|
1578 | .graphiql-container .history-title {
|
1579 | flex: 1;
|
1580 | font-weight: bold;
|
1581 | overflow-x: hidden;
|
1582 | padding: 10px 0 10px 10px;
|
1583 | text-align: center;
|
1584 | text-overflow: ellipsis;
|
1585 | user-select: text;
|
1586 | white-space: nowrap;
|
1587 | }
|
1588 |
|
1589 | .graphiql-container .doc-explorer-back {
|
1590 | color: #3b5998;
|
1591 | cursor: pointer;
|
1592 | margin: -7px 0 -6px -8px;
|
1593 | overflow-x: hidden;
|
1594 | padding: 17px 12px 16px 16px;
|
1595 | text-overflow: ellipsis;
|
1596 | white-space: nowrap;
|
1597 | background: 0;
|
1598 | border: 0;
|
1599 | line-height: 14px;
|
1600 | }
|
1601 |
|
1602 | .graphiql-container .doc-explorer-back:before {
|
1603 | border-left: 2px solid #3b5998;
|
1604 | border-top: 2px solid #3b5998;
|
1605 | content: '';
|
1606 | display: inline-block;
|
1607 | height: 9px;
|
1608 | margin: 0 3px -1px 0;
|
1609 | position: relative;
|
1610 | transform: rotate(-45deg);
|
1611 | width: 9px;
|
1612 | }
|
1613 |
|
1614 | .graphiql-container .doc-explorer-rhs {
|
1615 | position: relative;
|
1616 | }
|
1617 |
|
1618 | .graphiql-container .doc-explorer-contents,
|
1619 | .graphiql-container .history-contents {
|
1620 | background-color: #ffffff;
|
1621 | border-top: 1px solid #d6d6d6;
|
1622 | bottom: 0;
|
1623 | left: 0;
|
1624 | overflow-y: auto;
|
1625 | padding: 20px 15px;
|
1626 | position: absolute;
|
1627 | right: 0;
|
1628 | top: 47px;
|
1629 | }
|
1630 |
|
1631 | .graphiql-container .doc-type-description p:first-child,
|
1632 | .graphiql-container .doc-type-description blockquote:first-child {
|
1633 | margin-top: 0;
|
1634 | }
|
1635 |
|
1636 | .graphiql-container .doc-explorer-contents a {
|
1637 | cursor: pointer;
|
1638 | text-decoration: none;
|
1639 | }
|
1640 |
|
1641 | .graphiql-container .doc-explorer-contents a:hover {
|
1642 | text-decoration: underline;
|
1643 | }
|
1644 |
|
1645 | .graphiql-container .doc-value-description > :first-child {
|
1646 | margin-top: 4px;
|
1647 | }
|
1648 |
|
1649 | .graphiql-container .doc-value-description > :last-child {
|
1650 | margin-bottom: 4px;
|
1651 | }
|
1652 |
|
1653 | .graphiql-container .doc-type-description code,
|
1654 | .graphiql-container .doc-type-description pre,
|
1655 | .graphiql-container .doc-category code,
|
1656 | .graphiql-container .doc-category pre {
|
1657 | --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
|
1658 | font-size: 12px;
|
1659 | line-height: 1.50001;
|
1660 | font-variant-ligatures: none;
|
1661 | white-space: pre;
|
1662 | white-space: pre-wrap;
|
1663 | word-wrap: break-word;
|
1664 | word-break: normal;
|
1665 | -webkit-tab-size: 4;
|
1666 | -moz-tab-size: 4;
|
1667 | tab-size: 4;
|
1668 | }
|
1669 |
|
1670 | .graphiql-container .doc-type-description code,
|
1671 | .graphiql-container .doc-category code {
|
1672 | padding: 2px 3px 1px;
|
1673 | border: 1px solid var(--saf-0);
|
1674 | border-radius: 3px;
|
1675 | background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
|
1676 | color: #e01e5a;
|
1677 | background-color: white;
|
1678 | }
|
1679 |
|
1680 | .graphiql-container .doc-category {
|
1681 | margin: 20px 0;
|
1682 | }
|
1683 |
|
1684 | .graphiql-container .doc-category-title {
|
1685 | border-bottom: 1px solid #e0e0e0;
|
1686 | color: #777;
|
1687 | cursor: default;
|
1688 | font-size: 14px;
|
1689 | font-variant: small-caps;
|
1690 | font-weight: bold;
|
1691 | letter-spacing: 1px;
|
1692 | margin: 0 -15px 10px 0;
|
1693 | padding: 10px 0;
|
1694 | user-select: none;
|
1695 | }
|
1696 |
|
1697 | .graphiql-container .doc-category-item {
|
1698 | margin: 12px 0;
|
1699 | color: #555;
|
1700 | }
|
1701 |
|
1702 | .graphiql-container .keyword {
|
1703 | color: #b11a04;
|
1704 | }
|
1705 |
|
1706 | .graphiql-container .type-name {
|
1707 | color: #ca9800;
|
1708 | }
|
1709 |
|
1710 | .graphiql-container .field-name {
|
1711 | color: #1f61a0;
|
1712 | }
|
1713 |
|
1714 | .graphiql-container .field-short-description {
|
1715 | color: #666;
|
1716 | margin-left: 5px;
|
1717 | overflow: hidden;
|
1718 | text-overflow: ellipsis;
|
1719 | }
|
1720 |
|
1721 | .graphiql-container .enum-value {
|
1722 | color: #0b7fc7;
|
1723 | }
|
1724 |
|
1725 | .graphiql-container .arg-name {
|
1726 | color: #8b2bb9;
|
1727 | }
|
1728 |
|
1729 | .graphiql-container .arg {
|
1730 | display: block;
|
1731 | margin-left: 1em;
|
1732 | }
|
1733 |
|
1734 | .graphiql-container .arg:first-child:last-child,
|
1735 | .graphiql-container .arg:first-child:nth-last-child(2),
|
1736 | .graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {
|
1737 | display: inherit;
|
1738 | margin: inherit;
|
1739 | }
|
1740 |
|
1741 | .graphiql-container .arg:first-child:nth-last-child(2):after {
|
1742 | content: ', ';
|
1743 | }
|
1744 |
|
1745 | .graphiql-container .arg-default-value {
|
1746 | color: #43a047;
|
1747 | }
|
1748 |
|
1749 | .graphiql-container .doc-deprecation {
|
1750 | background: #fffae8;
|
1751 | box-shadow: inset 0 0 1px #bfb063;
|
1752 | color: #867f70;
|
1753 | line-height: 16px;
|
1754 | margin: 8px -8px;
|
1755 | max-height: 80px;
|
1756 | overflow: hidden;
|
1757 | padding: 8px;
|
1758 | border-radius: 3px;
|
1759 | }
|
1760 |
|
1761 | .graphiql-container .doc-deprecation:before {
|
1762 | content: 'Deprecated:';
|
1763 | color: #c79b2e;
|
1764 | cursor: default;
|
1765 | display: block;
|
1766 | font-size: 9px;
|
1767 | font-weight: bold;
|
1768 | letter-spacing: 1px;
|
1769 | line-height: 1;
|
1770 | padding-bottom: 5px;
|
1771 | text-transform: uppercase;
|
1772 | user-select: none;
|
1773 | }
|
1774 |
|
1775 | .graphiql-container .doc-deprecation > :first-child {
|
1776 | margin-top: 0;
|
1777 | }
|
1778 |
|
1779 | .graphiql-container .doc-deprecation > :last-child {
|
1780 | margin-bottom: 0;
|
1781 | }
|
1782 |
|
1783 | .graphiql-container .show-btn {
|
1784 | -webkit-appearance: initial;
|
1785 | display: block;
|
1786 | border-radius: 3px;
|
1787 | border: solid 1px #ccc;
|
1788 | text-align: center;
|
1789 | padding: 8px 12px 10px;
|
1790 | width: 100%;
|
1791 | box-sizing: border-box;
|
1792 | background: #fbfcfc;
|
1793 | color: #555;
|
1794 | cursor: pointer;
|
1795 | }
|
1796 |
|
1797 | .graphiql-container .search-box {
|
1798 | border-bottom: 1px solid #d3d6db;
|
1799 | display: flex;
|
1800 | align-items: center;
|
1801 | font-size: 14px;
|
1802 | margin: -15px -15px 12px 0;
|
1803 | position: relative;
|
1804 | }
|
1805 |
|
1806 | .graphiql-container .search-box-icon {
|
1807 | cursor: pointer;
|
1808 | display: block;
|
1809 | font-size: 24px;
|
1810 | transform: rotate(-45deg);
|
1811 | user-select: none;
|
1812 | }
|
1813 |
|
1814 | .graphiql-container .search-box .search-box-clear {
|
1815 | background-color: #d0d0d0;
|
1816 | border-radius: 12px;
|
1817 | color: #fff;
|
1818 | cursor: pointer;
|
1819 | font-size: 11px;
|
1820 | padding: 1px 5px 2px;
|
1821 | position: absolute;
|
1822 | right: 3px;
|
1823 | user-select: none;
|
1824 | border: 0;
|
1825 | }
|
1826 |
|
1827 | .graphiql-container .search-box .search-box-clear:hover {
|
1828 | background-color: #b9b9b9;
|
1829 | }
|
1830 |
|
1831 | .graphiql-container .search-box > input {
|
1832 | border: none;
|
1833 | box-sizing: border-box;
|
1834 | font-size: 14px;
|
1835 | outline: none;
|
1836 | padding: 6px 24px 8px 20px;
|
1837 | width: 100%;
|
1838 | }
|
1839 |
|
1840 | .graphiql-container .error-container {
|
1841 | font-weight: bold;
|
1842 | left: 0;
|
1843 | letter-spacing: 1px;
|
1844 | opacity: 0.5;
|
1845 | position: absolute;
|
1846 | right: 0;
|
1847 | text-align: center;
|
1848 | text-transform: uppercase;
|
1849 | top: 50%;
|
1850 | transform: translate(0, -50%);
|
1851 | }
|
1852 |
|
1853 | .graphiql-container .history-contents {
|
1854 | font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
|
1855 | }
|
1856 |
|
1857 | .graphiql-container .history-contents {
|
1858 | margin: 0;
|
1859 | padding: 0;
|
1860 | }
|
1861 |
|
1862 | .graphiql-container .history-contents li {
|
1863 | align-items: center;
|
1864 | display: flex;
|
1865 | font-size: 12px;
|
1866 | overflow: hidden;
|
1867 | text-overflow: ellipsis;
|
1868 | white-space: nowrap;
|
1869 | margin: 0;
|
1870 | padding: 8px;
|
1871 | border-bottom: 1px solid #e0e0e0;
|
1872 | }
|
1873 |
|
1874 | .graphiql-container .history-contents li button:not(.history-label) {
|
1875 | display: none;
|
1876 | margin-left: 10px;
|
1877 | }
|
1878 |
|
1879 | .graphiql-container .history-contents li:hover button:not(.history-label),
|
1880 | .graphiql-container
|
1881 | .history-contents
|
1882 | li:focus-within
|
1883 | button:not(.history-label) {
|
1884 | display: inline-block;
|
1885 | }
|
1886 |
|
1887 | .graphiql-container .history-contents input,
|
1888 | .graphiql-container .history-contents button {
|
1889 | padding: 0;
|
1890 | background: 0;
|
1891 | border: 0;
|
1892 | font-size: inherit;
|
1893 | font-family: inherit;
|
1894 | line-height: 14px;
|
1895 | color: inherit;
|
1896 | }
|
1897 |
|
1898 | .graphiql-container .history-contents input {
|
1899 | flex-grow: 1;
|
1900 | }
|
1901 |
|
1902 | .graphiql-container .history-contents input::placeholder {
|
1903 | color: inherit;
|
1904 | }
|
1905 |
|
1906 | .graphiql-container .history-contents button {
|
1907 | cursor: pointer;
|
1908 | text-align: left;
|
1909 | }
|
1910 |
|
1911 | .graphiql-container .history-contents .history-label {
|
1912 | flex-grow: 1;
|
1913 | overflow: hidden;
|
1914 | text-overflow: ellipsis;
|
1915 | }
|
1916 |
|